@charset "utf-8";

#container {z-index:30; position:relative;}

/* ============== contentInfo ============== */
#contentInfo {min-height:143px; background-color:#7bb244;}
#contentInfo>.inner {display:flex; flex-wrap:wrap; justify-content:space-between; max-width:1300px; min-height:143px; margin:0 auto; padding:16px 0; box-sizing:border-box;}

/* ===== contTitle ===== */
/* breadCrumb */
.breadCrumb {display:flex; flex-wrap:wrap; align-items:center; width:100%; margin-bottom:24px;}
.breadCrumb ul {display:flex; flex-wrap:wrap; align-items:center; width:100%; padding-left:28px;}
.breadCrumb ul>li {position:relative; display:flex; flex-wrap:wrap; align-items:center; height:100%; padding:0 13px;}
.breadCrumb .home {margin-left:-41px; margin-top:2px;}
.breadCrumb .home a img { filter:brightness(.05) invert(1);}/*230522*/
.breadCrumb .home::after {display:none;} 
.breadCrumb ul>li:not(:last-child)::after {content:''; position:absolute; top:50%; left:-6px; transform:translateY(-50%); width:11px; height:11px; background:url('../images/sub/ico_loc_arr.svg') no-repeat center;}
.breadCrumb a {display:block; height:100%; color:#fff; font-size:1.2rem;}

.breadCrumb-tag {display:flex; padding:0 !important; margin: 2px 0 0 0;}
.breadCrumb-tag a {padding:0 13px; font-family:'Poppins'; font-size:10px; letter-spacing:0;}/*230323*/
.breadCrumb-tag .t-id {color:rgba(255,255,255,.7); background-color:#23840c;}
.breadCrumb-tag .t-url {color:#fff; font-family:'ntsm','나눔고딕','맑은 고딕','YetHangul','새굴림'; background-color:#105300;}/*230224*/

.contTitle {display:flex; flex-direction:column; flex-wrap:wrap; justify-content:space-between;  width:60%; }
.contTitle-h2 {color:#fff; font-family:'NanumMyeongjo','나눔고딕','맑은 고딕','YetHangul','새굴림'; font-size:3rem; font-weight:400;}/*230224*/
/*  */
.contTitle-h2>.stx {margin-left:30px; font-family:'ntsl','나눔고딕','맑은 고딕','YetHangul','새굴림'; color:#fff; font-size:1.5rem; opacity:.7; letter-spacing:0;}/*230224*/

.contTitle-h3 {position:relative; margin-top:6px; padding-left:12px; color:#fff; font-size:1.8rem; font-family:ntsl,'나눔고딕','맑은 고딕','YetHangul','새굴림'; font-weight:normal;}/*230224*/
.contTitle-h3::after {content:''; position:absolute; top:4px; bottom:1px; left:0; width:3px; background-color:rgba(255,255,255,.3);}
/* 검색결과 타이틀 */
.contTitle-h2>.ctg {position:relative; padding-right:10px; margin-right:5px; color:rgba(255,255,255,.7); font-size:2rem; font-family:'ntsl','나눔고딕','맑은 고딕','YetHangul','새굴림'; vertical-align:baseline;}/*230224*/
.contTitle-h2>.ctg::after {content:''; position:absolute; top:50%; right:0; transform:translateY(-50%); width:1px; height:17px; background-color:rgba(255,255,255,.4);}
.contTitle-h2>.total {margin-left:15px; vertical-align:baseline; color:#fff695; font-family:'ntsl','나눔고딕','맑은 고딕','YetHangul','새굴림'; font-size:1.8rem;}/*230224*/


/* ===== contUtil ===== */
.contUtil {display:flex; flex-wrap:wrap; justify-content:flex-end; align-items: flex-end; width:40%;}
.contUtil-item {position:relative; display:flex; flex-direction:column; align-items:flex-end; width:calc(100% - 150px)}
/*  */
.contUtil-btns {display:flex; flex-wrap:wrap; justify-content:flex-end; margin-bottom:5px;}
.contUtil-btns>button {padding:8px 15px; margin-bottom:2px; margin-left:2px; color:#fff; font-size:1.2rem; border:1px solid #afafaf; transition:all 0.3s;}
.contUtil-btns>button.btn-ty01 {background-color:#5b9925; border-color:rgba(255, 255, 255, .6)}
.contUtil-btns>button.btn-ty01:hover {background-color:#4b7e1e; border-color:rgba(255, 255, 255, .6)}
.contUtil-btns>button.btn-ty02 {background-color:#82716e; border-color:rgba(255, 255, 255, .7)}
.contUtil-btns>button.btn-ty02:hover {background-color:#695f5d; border-color:rgba(255, 255, 255, .7)}
/*  */
.contUtil-meta {overflow:hidden; margin-bottom:11px;}
.contUtil-meta ul {display:flex; flex-wrap:wrap; justify-content:flex-end; margin:0 -6px;}
.contUtil-meta li {position:relative; padding:2px 12px; line-height:100%;}
.contUtil-meta li::after {content:''; position:absolute; top:60%; right:0; transform:translateY(-50%); width:1px; height:11px; background-color:rgba(255,255,255,.4);}
.contUtil-meta li>a {color:#fff; font-size:1.2rem;}
/*  */
.contUtil-search {position:relative; display:flex;}
.contUtil-search .box {width:289px; height:36px; background-color:#fff; border-radius:2px;}
.contUtil-search .ipt {width:calc(100% - 42px); padding:0 10px 5px; height:100%;}
.contUtil-search .btn-srch {width:42px; height:100%; transform: rotateY(180deg);}
.contUtil-search .btn-srch img {margin-top:2px;}/*230105*/
.contUtil-search .btn-dt-srch {width:35px; height:36px; margin-left:1px; background-color:#fff; border-radius:2px;}

.contUtil-search .pop-dt-srch {display:none; z-index:48; position:absolute; top:36px; right:-2px; width:692px; padding:16px 36px; box-sizing:border-box; background-color:#fff; border:2px solid #4e5582;}
.contUtil-search .pop-dt-srch .tit {display:block; padding:17px 0; color:#333; font-size:1.7rem; border-bottom:1px solid #d9d9d9;}
.contUtil-search .pop-dt-srch .btn-form-close {position:absolute; top:29px; right:29px; width:22px; height:22px; padding:3px;}
/*  */
.cont-data-cover {width:107px; height:154px; margin-left:16px; margin-bottom:-33px; background-color:#f5f4f3;}


/* ============== contentArea ============== */
#contentArea {padding:50px 0;}
#contentArea #article {max-width:1380px; margin:0 auto;}

/* pageUtil */
.pageUtil {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; max-width:1380px; margin:0 auto; border-bottom:1px solid #bdbdbd}
.pageUtil .page-tit {width:20%; padding:20px 0 14px 40px;display:flex; flex-wrap:wrap; align-items:center;}/*230105*/
.pageUtil .page-tit a {vertical-align:middle; color:#588012; font-size:1.5rem; display:flex;}/*230109*/
.pageUtil .page-tit .icon {padding-right:7px;}
.pageUtil .page-tit .icon img {width:17px;}

.pageUtil .page-btn {display:flex; flex-wrap:wrap; justify-content:flex-end; align-items:center; width:100%; padding:20px 40px 14px 0; text-align:right;}

.pageUtil .icon-wrap {display:flex; flex-wrap:wrap; align-items:center; margin-left:20px;}/*230105*/
.pageUtil .icon-wrap .icon {display:flex; justify-content:center; align-items:center; width:42px; height:31px; padding:0 5px;; transition:all .4s;}
.pageUtil .icon-wrap .icon>button { opacity:.45}
.pageUtil .icon-wrap .icon>button:hover { opacity:.65}
.pageUtil .icon-wrap .icon img {vertical-align:middle; width:20px; height:20px;}

.pageUtil .page-btn .sns-box {position:relative;}
.pageUtil .page-btn .sns-box .icon {display:flex; align-items:center; justify-content:center; cursor:pointer;}
.pageUtil .page-btn .sns-box ul {display:none; z-index:6; position:absolute; top:44px; left:50%; transform:translateX(-50%); width:47px; border-top:2px solid #5d8614; background-color:#fff;}
.pageUtil .page-btn .sns-box ul.active {display:block; height:auto;}
.pageUtil .page-btn .sns-box ul>li {border:1px solid #ddd; border-top:0 none;}
.pageUtil .page-btn .sns-box ul>li>a {display:block; height:45px;}
.pageUtil .page-btn .sns-box li a {position:relative; display:block; font-size:0;} 
.pageUtil .page-btn .sns-box li a::before{content:''; position:absolute; top:0; left:0; right:0; bottom:0; background-repeat:no-repeat; background-position:center; opacity:.8; transition:all 0.3s;} 
.pageUtil .page-btn .sns-box a.face::before{background-image:url('../../images/common/ico_facebook_g.png')} 
.pageUtil .page-btn .sns-box a.twitter::before{background-image: url('../../images/common/ico_twitter_g.png');} 
.pageUtil .page-btn .sns-box a.plus::before{background-image: url('../../images/common/ico_plus_g.png');}
.pageUtil .page-btn .sns-box li a:hover {background-color:#f2f2f2;  transition:all 0.3s;} 
.pageUtil .page-btn .sns-box li a:hover::before {opacity:1;}

.pageUtil .page-tit + .page-btn {width:80%;}/*230105*/

.pageUtil .page-btn .btn-plus {z-index:5; position:relative; padding-right:20px; margin-left:20px; color:#6ea115; font-size:1.6rem; font-family:'ntsm','나눔고딕','맑은 고딕','YetHangul','새굴림' }/*230224*/
.pageUtil .page-btn .btn-plus>span {position:absolute; top:50%; right:0; display:block; width:20px; height:20px; font-size:0; text-indent:-999999px; overflow:hidden; transform:translateY(-50%); transition:all 0.3s;}
.pageUtil .page-btn .btn-plus>span::before {content:''; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:12px; height:2px; background-color:#6ea115;}
.pageUtil .page-btn .btn-plus>span::after {content:''; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:2px; height:12px; background-color:#6ea115;}

.pageUtil .page-btn .btn-plus.active {position:relative;}
.pageUtil .page-btn .btn-plus.active::after {content:''; z-index:-1; position:absolute; top:-20px; left:-12px; right:-12px; bottom:-20px; background-color:#222;}
.pageUtil .page-btn .btn-plus.active span {right:-3px; transform:translateY(-50%) rotate(-45deg);;}

.pageUtil .page-btn .control-btn-wrap {display:flex; align-items:center; margin-left:10px;}/*230105*/
.pageUtil .page-btn .control-btn-wrap a {margin:0 8px; opacity:.80;}
.pageUtil .page-btn .control-btn-wrap a>img {vertical-align:middle; }
.pageUtil .page-btn .control-btn-wrap a:hover {opacity:1;}

.pageUtil .page-btn .page {position:relative; display:flex; align-items:center; margin:0 7px 0 21px;}/**/
.pageUtil .page-btn .pg-prev,
.pageUtil .page-btn .pg-next {display:flex; align-items:center;}
.pageUtil .page-btn .pg-prev {text-align:right;}
.pageUtil .page-btn .pg-next {text-align:left;}

.pageUtil .page-btn .pg-prev>span,
.pageUtil .page-btn .pg-next>span {display:inline-block; min-width:30px; color:#000; font-size:11px;}
.pageUtil .page-btn .pg-prev>span {padding:0 10px 0 8px;}
.pageUtil .page-btn .pg-next>span {padding:0 8px 0 10px;}

.pageUtil .page-btn .page button>img {opacity:.45;}
.pageUtil .page-btn .page button>span {opacity:.65;}
.pageUtil .page-btn .page button:hover>img {opacity:.75;}
.pageUtil .page-btn .page button:hover>span {opacity:.95;}

.pageUtil .page-btn .pg-prev + .pg-next {position:relative;}
.pageUtil .page-btn .pg-prev + .pg-next::after {content:''; position:absolute; top:4px; left:0; bottom:4px; width:1px; background-color:#c6c6c6;}

.pageUtil .page-btn .page .icon {position:relative; margin-left:-1px;}
.pageUtil .page-btn .page .icon::after {content:''; position:absolute; top:4px; left:0; bottom:4px; width:1px; background-color:#c6c6c6;}
.pageUtil .page-btn .page .icon::before {content:''; position:absolute; top:4px; right:0; bottom:4px; width:1px; background-color:#c6c6c6;}


/* ////////////////////////////////////// */
.article-section {position:relative;}
.article-wrap {display:flex; flex-wrap:wrap; width:100%; padding:40px; min-height:400px;}/*230323*/
.article-wrap.wide {display:block;}/**/
.article-wrap.wide-nopd {padding:0;}

.article-wrap .side {width:30%;}
.article-wrap .side.no-content {width:100%;}/*230323*/
.article-wrap .side .title {padding-bottom:30px; border-bottom:1px solid #d1d1d1;}
.article-wrap .side .title h3 {color:#222; font-size:2.4rem; padding:0; word-wrap:break-word; word-break:keep-all; border:none;}
.article-wrap .side .title .h3-sub {position:relative; margin-top:12px; padding-left:12px; color:#222; font-size:1.6rem;}
.article-wrap .side .title .h3-sub::after {content:''; position:absolute; top:2px; left:0; width:4px; height:16px; background-color:#d1d1d1;}

.article-wrap .content {width:calc(70% - 7%); margin-left:7%;}

/* ////////////////////////////////////// */
/* dataContent */
.dataContent {display:flex; flex-wrap:wrap; width:100%;}
.dataContent .data-img {width:349px;}
.dataContent .data-img .book-img-cover {width:100%;}/*230109*/
.dataContent .data-summary {margin-left:88px; width:calc(100% - 437px);}
/*  */
.data-util button {display:block; width:100%; height:57px; margin-bottom:4px; font-size:1.6rem; font-family:'ntsm','나눔고딕','맑은 고딕','YetHangul','새굴림'; border:1px solid #ddd; transition: all 0.4s;}/*230224*/
.data-util button:first-child {margin-top:18px;}/*230109*/
.data-util .color-yg:hover {color:#fff; background-color:var(--color-yellgreen);}
.data-util .color-vdred:hover {color:#fff; background-color:var(--color-vdred);}
.data-util ul {display:flex; flex-wrap:wrap; justify-content:center; padding-top:18px;}
.data-util ul>li {margin:5px 0;}
.data-util ul>li>a {position:relative; display:inline-block; padding:0 10px; color:#6ea115; font-size:1.6rem;}
.data-util ul>li:not(:last-child)>a::after {content:''; position:absolute; top:6px; right:0; bottom:3px; width:1px; background-color:#d6d6d6;}



/* ////////////////////////////////////// */
/*  */
.tx-line {position:relative; padding-left:22px; color:#000; font-size:1.7rem; line-height:1.9; letter-spacing:0;}
.tx-line::after {content:''; position:absolute; top:0; left:0; bottom:0; width:7px; background-color:#c8c8c8;}

/*  */
.list-book .tit {display:block; padding:10px 0 10px 15px; color:#333; font-size:1.4rem;}
.list-book>ul {width:100%; border-top:1px solid #dbdbdb;}
.list-book>ul>li {width:100%; padding:18px 0 18px 15px; border-bottom:1px solid #dbdbdb; transition:all 0.3s;}
.list-book>ul>li:hover {background-color:rgba(0, 0, 0, .028);}
.list-book>ul>li strong {display:inline; vertical-align:middle; line-height:1.6; padding-right:15px; font-size:1.7rem; letter-spacing:0;}

.list-book .meta,
.list-book .btn-link {display:inline-block; vertical-align:middle; margin-top:-5px;}

.list-book .meta {padding:.5rem 15px 0 0;}
.list-book .meta>li {position:relative; display:inline-block; padding:0 8px; color:#000; font-size:1.4rem;}
.list-book .meta>li:first-child {padding-left:0;}
.list-book .meta>li:not(:last-child)::after {content:''; position:absolute; top:50%; right:-1px; margin-top:1px; transform:translateY(-50%); width:1px; height:13px; background-color:#bfbfbf;}

.list-book .btn-link {width:24px; height:24px; padding-top:.3rem;}
.list-book .btn-org-img {position:relative; color:var(--color-yellgreen); font-size:1.4rem; transition:all 0.3s;}
.list-book .btn-org-img:after {content:''; position:absolute; bottom:-2px; left:50%; transform:translateX(-50%); width:0; height:1px; background-color:var(--color-yellgreen); transition:all 0.3s;}
.list-book .btn-org-img:hover::after {width:100%; height:1px;}


/* list-tg-wrap */
.list-tg-wrap li .cate {display:inline-block; position: relative; padding: 6px 0 8px 25px; box-sizing: border-box; font-size: 1.6rem; line-height: 1.4; letter-spacing: -.08rem; color: #111;}
.list-tg-wrap li .cate .ico { position: absolute; top: 11px; left: 0; width: 15px; height: 15px; border-radius: 50%; border: 1px solid transparent; box-sizing: border-box; cursor: pointer;}
.list-tg-wrap li .cate .ico:before {content: ''; position: absolute; top: 6px; left: 3px; width: 10px; height: 2px; background-color: #a5a59f;}
.list-tg-wrap li.selected > .cate + ul {display: block;}
.list-tg-wrap li .cate + ul {display: none;}
.list-tg-wrap li .cate + ul li {padding: 0 0 0 20px;}
.list-tg-wrap li.child > .cate .ico {background-color: #f4f4f4; border: 1px solid #c9c9c9;}
.list-tg-wrap li.child > .cate .ico:before { left: 3px; width: 7px; height: 1px; background-color: #414652;}
.list-tg-wrap li.child > .cate .ico:after { content: ''; position: absolute; top: 3px; left: 6px; width: 1px; height: 7px; background-color: #414652;}
.list-tg-wrap li.child.selected > .cate .ico {background-color: #777;border: 1px solid #777;}
.list-tg-wrap li.child.selected > .cate .ico:before {background-color:#fff;}
.list-tg-wrap li.child.selected > .cate .ico:after {display:none;}

.list-tg-wrap .cate .txt { display: inline; letter-spacing:0;}
/*.list-tg-wrap .cate 230408 */ .ico-view {display: inline; margin: 0 0 0 10px;}/*230408 */
/*.list-tg-wrap .cate 230408 */ .ico-view img {width: 18px; vertical-align: text-bottom;}/*230408 */
.list-tg-wrap .cate .item {display: inline;}
.list-tg-wrap .cate .item span { position: relative; padding: 0 0 0 10px; margin: 0 0 0 10px; color: #666;}
.list-tg-wrap .cate .item span:before { content: ''; position: absolute; top: 50%; left: 0; width: 1px; height: 16px; transform: translateY(-50%); background-color: #b8b8b8;}
.list-tg-wrap .cate .writer {display: inline;}
.list-tg-wrap .cate .writer span {position: relative; padding: 0 0 0 10px; margin: 0 0 0 10px; color: #666; font-size:1.4rem;}
.list-tg-wrap .cate .writer span:before {content: ''; position: absolute; top: 50%; left: 0; width: 1px; height: 1.4rem; transform: translateY(-50%); background-color: #b8b8b8;}
.list-tg-wrap .cate .date {display: inline;}
.list-tg-wrap .cate .date span {position: relative; padding: 0 0 0 10px; margin: 0 0 0 10px;color: #666; font-size:1.4rem;}
.list-tg-wrap .cate .date span:before {content: ''; position: absolute; top: 50%; left: 0; width: 1px; height: 1.4rem; transform: translateY(-50%); background-color: #b8b8b8;}
.list-tg-wrap .cate .orgImg {position: relative; top: 1px;display: inline;margin: 0 0 0 10px;}
.list-tg-wrap .cate .orgImg a {font-size: 1.4rem; color: #6474bb;}
.list-tg-wrap .cate .orgImg img { width: 26px; vertical-align: middle;}
.list-tg-wrap .cate .tx-link {position:relative; display:inline; padding-left:10px; margin-left:10px;font-size:1.4rem;}
.list-tg-wrap .cate .tx-link::after {content:''; position:absolute; top:50%; left:0; width:1px; height:1.4rem; transform:translateY(-50%); background-color:#b8b8b8;}
.list-tg-wrap .cate .tx-link a {color: #569418;}
.list-tg-wrap-type2 .cate + ul .cate {display: flex; align-items: center;}
.list-tg-wrap-type2 .cate + ul .cate .txt { width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.list-tg-wrap-type2 .cate + ul .cate .item { flex-shrink: 0; width: 23%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.list-tg-wrap-type2 .cate + ul .cate .writer { flex-shrink: 0; width: 23%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.bc-content .list-wrap-type2 .cate + ul .cate .date { flex-shrink: 0; width: 10%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.bc-content .list-wrap-type2 .cate + ul .cate .orgImg { flex-shrink: 0; width: 22%;}
.bc-content .list-wrap-type2 .cate + ul .cate :where(.writer, .date, .orgImg) {padding: 0; margin: 0 10px;}
.bc-content .list-wrap-type2 .cate + ul .cate .writer span:before, 
.bc-content .list-wrap-type2 .cate + ul .cate .date span:before {display: none;}


/* cmn-list-control */
.cmn-list-control {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; padding:1.5rem 0;}
.box-select select {position:relative; height:28px; padding:0 3rem 0 1rem; color:#333; font-size:1.3rem; border:1px solid #b4b2b3; box-sizing:border-box; background:url('../images/sub/ico_list_select_arr.svg') no-repeat 92% center; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.cmn-list-control .box-page {display:flex; align-items:center;}
.cmn-list-control .total-num {margin:0 1.5rem 0 0; font-size:1.3rem; color:#333;}
.cmn-list-control .total-num span {padding:0 .3rem;}
.cmn-list-control .paginate {display:flex; align-items:center; font-size:1.3rem;}
.cmn-list-control .paginate input {width:31px; height:26px; text-align:center; padding:0; font-weight:700; color:#333; border:1px solid #dcdcdc;}
.cmn-list-control .paginate button {width:99px; height:28px; border:1px solid #cecdce; box-sizing:border-box;}
.cmn-list-control .paginate button img {padding:0 .6rem;}
.cmn-list-control .paginate .btn-prev {margin-right:1.7rem;}
.cmn-list-control .paginate .btn-next {margin-left:1.7rem;}
.cmn-list-control .paginate .slash {margin:0 1.5rem; color:#9e9e9e; font-family:'Arial';}
.cmn-list-control.bottom {border-top:1px solid #dbdbdb;}

.cmn-list-control .search {width:300px; height:36px; display:flex; align-items:center; border:1px solid #cecdce}
.cmn-list-control .search select {width:100px; height:36px; border:none;}
.cmn-list-control .search input[type=text] {width:calc(100% - 136px); padding:0 8px; height:100%;}
.cmn-list-control .search button {display:flex; align-items:center; justify-content:center; width:36px; height:100%;}


@media (max-width: 1350px) {
    #contentInfo {padding:0 40px;}
}

@media (max-width: 1024px) {/*230109*/
    .contTitle-h2>.stx {display:none;}
    
    #contentInfo {padding:0 20px;}

    .dataContent .data-img {width:30%;}
    .dataContent .data-summary {margin-left:6%; width:calc(100% - 36%);}

    .list-tg-wrap li .cate .ico {top: 9px;}
    .list-tg-wrap .cate .orgImg a {font-size: 1.3rem;}
    .list-tg-wrap .cate + ul .cate :where(.item, .writer, .date) {display: none;}
    /*.list-tg-wrap .cate 230408 */.ico-view img {width: 14px;}
	
	.pageUtil .page-tit {padding:8px 0 8px 8px;}/*230109*/
	.pageUtil .page-btn {padding:20px 0 14px 0;}/*230109*/
	.pageUtil .icon-wrap {margin-left:12px;}/*230109*/
	.pageUtil .page-btn .page {margin:0 7px 0 12px;}/*230109*/
	.pageUtil .page-btn .btn-plus {margin-left:14px;}/*230109*/	
	.pageUtil .icon-wrap .icon {width:38px; height:28px; padding:0 3px;;}/*230109*/	

}

@media (max-width: 767px) {
    #wrap {min-width:345px;}
    
    #contentInfo {min-height:auto; padding:0; margin:0; background-color:#fff;}
    #contentInfo>.inner {padding:0; min-height:auto;}

    .contTitle {width:100%;}

    .breadCrumb {margin:0; padding:10px 8px; border-bottom:1px solid #dcdde6; overflow-x: auto;}
    .breadCrumb::-webkit-scrollbar {height: 2px;}
    
    .breadCrumb a {color:#666;}
    .breadCrumb ul {width:auto; flex-wrap:nowrap; }
    .breadCrumb ul>li {padding:0 8px;flex: 0 0 auto;}
    .breadCrumb .breadCrumb-tag {display:none;}
    .breadCrumb .home a img { filter:brightness(.4) invert(1);}/*230522*/

    .contTitle-area {padding:18px 0 18px 8px;}
	.contTitle-h2 {font-weight:600;}/*230105*/
    .contTitle-h2, .contTitle-h3 {color:#222;}
    .contTitle-h3 {margin-top:5px;}
    .contTitle-h3::after {top:1px; bottom:1px; background-color:#b5b5b5;}

    .contTitle-h2>.ctg {color:#9a9a9a;}
    .contTitle-h2>.ctg::after {content:''; position:absolute; top:50%; right:0; transform:translateY(-50%); width:1px; height:17px; background-color:#70769a;}
    .contTitle-h2>.total {margin-left:15px; vertical-align:baseline; font-family:'ntsr','나눔고딕','맑은 고딕','YetHangul','새굴림'; color:#5d8614;}/*230224*/

    .contUtil {display:none;}

    #contentArea {padding:0;}
    .pageUtil .page-tit {padding:8px 0 8px 8px; width:30%;}/*230109*/
	.pageUtil .page-tit + .page-btn {width:calc(70%);}/*230109*/
    .pageUtil .page-btn {padding:8px 8px 8px 0;}
    .pageUtil .page-btn .btn-plus.active::after {top:-10px; left:-6px; right:-6px; bottom:-12px;}

    .pageUtil .page-btn .btn-plus>span::before {width:10px; height:2px;}
    .pageUtil .page-btn .btn-plus>span::after {width:2px; height:10px;}


    .pageUtil .icon-wrap .icon img {width:16px; height:16px;}
    
    .pageUtil .page-btn .sns-box ul {top:auto; bottom:40px; border-top:none; border-bottom:2px solid #5d8614;}
    .pageUtil .page-btn .sns-box li a::before {opacity:1;}
    .pageUtil .page-btn .page {margin:0 5px;}	
	.pageUtil .page-btn .control-btn-wrap {margin-left:0;}/*230105*/
    .pageUtil .page-btn .pg-prev>span, .pageUtil .page-btn .pg-next>span {font-size:0.9rem;}


    .list-tg-wrap li .cate {padding: 6px 0 6px 25px;}
    .list-tg-wrap li .cate .ico {top: 6px;}
    /*.list-tg-wrap .cate 230408 */.ico-view {margin: 0 0 0 10px;}
    .list-tg-wrap .cate .orgImg {margin: 0 0 0 5px;}
    .list-tg-wrap .cate .orgImg img {width: 22px;}
    .list-tg-wrap .cate .orgImg a {font-size: 1.1rem;}

    .dataContent .data-img {width:110px;}
    .dataContent .data-img .data-util {display:none;}

    .dataContent .data-summary {flex-basis:calc(100% - 122px); margin-left:12px;}
    .dataContent .data-summary .list-book {display:none;}
    .dataContent .data-summary .list-gallery {display:none;}

    .data-util button {height:29px;}
    .data-util ul {padding-top:5px; margin-bottom:12px; background:#f5f5f5;}
    .data-util ul>li {margin:0;}
    .data-util ul>li>a {padding:0 5px; font-size:1.4rem;}

    .tx-line {padding-left:0; font-size:1.6rem; word-break:break-all;}
    .tx-line::after {display:none;}

    .list-book .tit {padding:3px 0 3px;}
    .list-book {display:block; width:100%;}
    .list-book>ul>li {position:relative; padding:8px 0;}
    .list-book>ul>li strong {max-width:94%; padding-right:10px;}
    .list-book .meta {padding: .1rem 0 0 0; }
    .list-book .meta, .list-book .btn-link {margin:0;}
    .list-book .btn-link {width:18px; padding-top: 0.5rem;}

    .box-select select {height:20px;}
    .cmn-list-control .box-select .slt-dm , 
    .cmn-list-control .box-select .slt-do {display:none;}

    .cmn-list-control .paginate button {width:auto; height:20px;}
    .cmn-list-control .paginate button>span {display:none;}
    .cmn-list-control .paginate .btn-prev {padding:0 .8rem 0 0; margin-right:.4rem;}
    .cmn-list-control .paginate .btn-next {padding:0 0 0 .8rem; margin-left:.4rem;}
    .cmn-list-control .paginate input {height:20px;}
    .cmn-list-control .paginate .slash {margin:0 .5rem;}

}


/*  */
.list-cnt-sd>ul {padding:15px 0; border-bottom:1px solid #d1d1d1;}
.list-cnt-sd>ul>li {margin:7px 0; padding-left:24px; background:url('../images/sub/ico_side_dep.svg') no-repeat 6px 5px; background-size:11px 8px;}/*230408*/
.list-cnt-sd>ul>li:not(:nth-child(-n+3)) {display:none;}
.list-cnt-sd>ul>li.show {display:block !important;}

.list-cnt-sd .meta {display:flex; flex-wrap:wrap; color:#666; font-size:1.4rem;}
.list-cnt-sd .meta li {display:flex;}
.list-cnt-sd .meta li:not(:first-child) {position:relative; padding:0 9px;}
.list-cnt-sd .meta li:not(:first-child)::before {content:''; position:absolute; top:2px; left:0; width:1px; height:14px; background-color:#c1c1c1;}
.list-cnt-sd .meta em {margin-right:9px; color:#222;}

.list-cnt-sd .meta .btn-org {display:flex; align-items:center;}
.list-cnt-sd .meta .ico {width:16px; height:auto; margin-left:8px;}

.list-cnt-sd .btn-sublist {position:relative; padding:7px 0 8px 27px; color:#222; font-family:'ntsb','나눔고딕','맑은 고딕','YetHangul','새굴림'; font-size:1.2rem;}/*230224*/
.list-cnt-sd .btn-sublist::before {content:''; position:absolute; top:50%; left:4px; transform:translateY(-50%); width:17px; height:17px; background:url('../images/sub/ico_sub_arr.svg') no-repeat center;}
.list-cnt-sd .btn-sublist.active::before {transform:translateY(-50%) rotate(-180deg);}

/*  */
.meta-info {margin-top:30px;}
.meta-info ul>li {display:flex; flex-wrap:wrap; align-items:flex-start; padding:7px 0; color:#222; font-family:'ntsd','나눔고딕','맑은 고딕','YetHangul','새굴림'; font-size:1.4rem;}/*230224*/
.meta-info ul>li em {width:70px; padding:0 9px 0 3px; font-family:inherit;}
.meta-info ul>li .tx {position:relative; display:flex; flex-direction:column; width:calc(100% - 90px); padding-left:15px; font-family:inherit;}
.meta-info ul>li .tx::before {content:''; position:absolute; top:3px; left:0; width:1px; height:12px; background-color:#c1c1c1;}
.meta-info ul>li .tx>a {display:block; line-height:1.5; margin-bottom:6px;}
.meta-info ul>li a {display:inline-block; vertical-align:middle; font-family:'ntsd','나눔고딕','맑은 고딕','YetHangul','새굴림'; color:#222; transition:all 0.3s;}/*230224*/
.meta-info ul>li a:hover {color:#6ea115; text-decoration:underline; transition:all 0.5s;}
.meta-info ul>li .ico {display:inline-block; vertical-align:top; margin-left:6px;}
.meta-info ul>li .ico img {vertical-align:middle; width:16px; height:16px;}

/*  */

h4.title {padding:10px 0 24px 0; font-size:2.6rem; line-height:1.3; font-family:'ntsb','나눔고딕','맑은 고딕','YetHangul','새굴림'}/*230224*/
h5.title {padding:10px 0 15px 0; font-size:2.2rem; line-height:1.3; font-family:'ntsb','나눔고딕','맑은 고딕','YetHangul','새굴림'}/*230224*/
h6.title {position:relative; padding:0 0 0 15px; font-size:2rem; border:none; line-height:1.3; font-family:'ntsb','나눔고딕','맑은 고딕','YetHangul','새굴림'}/*230224*/
h6.title::before {content:''; position:absolute; top:5px; lefT:0; width:6px; height:20px; background-color:#000;}
h6.title + .text {padding:10px 0 !important;}

.title {color:#333; border-bottom:1px solid #c6c6c6;}
.title + .text {padding:20px 0;}

/*  */
.tit-bx strong {padding:2px 9px; font-size:1.7rem; font-family:'ntsm','나눔고딕','맑은 고딕','YetHangul','새굴림';}/*230224*/
.tit-bx strong.bg-bk {color:#fff; background-color:#333;}
.tit-bx strong.bg-gy {color:#333; background-color:#eaeaea;}
.tit-bx + .text {padding:10px 0;}

/*  */
.info-link {padding:18px 0;}
/*.info-link li {padding:8px 0;}230109*/
.info-link li>a {position:relative; display:inline-block; padding:.3rem 0; color:#111; font-size:1.5rem;}/*230111*/
.info-link li>a>.ico {margin-left:9px;}
.info-link.location a {padding-right:24px;}
.info-link.location a::after {content:''; position:absolute; top:3px; right:-5px; width:18px; height:20px; background:url('../images/sub/ico_cn_loc.svg') no-repeat center;}/*230111*/
.info-link.download a {padding-right:24px;}
.info-link.download a::after {content:''; position:absolute; top:2px; right:-5px; width:18px; height:20px; background:url('../images/sub/ico_cn_down.svg') no-repeat center;}/*230111*/


/*  */
.bx-exp {padding:27px 30px; font-size:1.7rem; line-height:1.8;}
.bx-exp.item01 {background-color:#fff; border:1px dashed #d5d5d5;}
.bx-exp.item02 {background-color:#f1f1f1; border:1px dashed #d5d5d5;}
.bx-exp .tt-bd {color:#111; font-size:1.9rem; font-weight:bold;}
.bx-exp .tt-bw {padding:4px 12px; color:#fff; font-size:1.3rem; font-family:'ntsm','나눔고딕','맑은 고딕','YetHangul','새굴림'; background-color:var(--color-bw)}/*230224*/
.bx-exp .text {padding:10px 0 0 0; color:#111; font-family:'ntsr','나눔고딕','맑은 고딕','YetHangul','새굴림'; font-size:1.4rem;}/*230224*/
.bx-exp .text.single {font-size:1.6rem; line-height:1.8; padding:0;}

/*  */
.list-remark {padding:20px 0;}
.list-remark li {display:flex; align-items:flex-start; margin-bottom:15px;}
.list-remark li>em {display:block; width:81px; padding:2px 8px; margin-right:18px; color:#72a023; font-size:1.2rem; background-color:#f7f7f7; border:1px solid #dbdbdb;}
.list-remark li .item01 {color:#fff; background-color:#4c4c4c; border:none;}
.list-remark li>.text {width:calc(100% - 102px); margin-top:-2px; color:#333; font-size:1.4rem; line-height:1.4;}
.list-remark img {margin:0 0 0 5px;}


/*  */
.bx-index {padding:20px 24px; background-color:#fafafc; border:1px solid #e6e6e6;}
.bx-index em {display:block; padding-bottom:9px; color:#1e1e1e; font-size:1.9rem; border-bottom:3px solid #35353e;}
.bx-index dl {display:flex; flex-wrap:wrap;}
.bx-index dt, .bx-index dd {padding:20px 0;}
.bx-index dt {min-width:80px; padding-right:20px; color:#515151; font-size:1.5rem;}
.bx-index dd {flex-basis:calc(100% - 80px); color:#111111; font-size:1.4rem;}
 
/*  */
.qna-area .title {margin-bottom:30px;}
.qna-area i {display:inline-block; width:33px; height:33px; margin-left:-53px; margin-right:18px; text-align:center; color:#fff; font-family:'ntsd','나눔고딕','맑은 고딕','YetHangul','새굴림'; font-size:2.4rem; font-style:normal; background-color:#b6b6b9; border-radius:100%; position:relative; top:2px;}/*230224*/
.qna-area dt, .qna-area dd {margin-left:53px;}
.qna-area dt {margin-bottom:16px;}
.qna-area dd {margin-bottom:35px;}

/*  */
.bx-qut {padding:40px 42px; color:#111; font-size:1.7rem; background-color:#fff;  border:1px dashed #d5d5d5;}

/*  */
.bx-anx {padding:40px 42px; background-color:#f4f4f4; border:1px dashed #d5d5d5;}
.bx-anx em {display:block; padding-bottom:10px; margin-bottom:16px; color:#222; font-size:1.9rem; border-bottom:1px solid #b8b8b8;}
.bx-anx li {display:flex; margin-bottom:14px;font-size:1.4rem;}
.bx-anx li>i {position:relative; padding-right:18px; color:#111; font-style:normal;}
.bx-anx li>i::after {content:''; position:absolute; top:2px; right:8px; width:1px; height:13px; background-color:#b8b8b8;}
.bx-anx .text {margin-top:27px; color:#111; font-size:1.7rem;}
.bx-anx .ico>img {width:15px; height:15px; margin-left:10px;}


/*  */
.text {color:#111; font-size:1.7rem; line-height:2.1; letter-spacing:0; text-align:justify;}/*230224*/
.text-underline {text-decoration:underline;}
.hanja {font-size:1.2em !important; text-align:left;}
.font-sm {font-size:85%;}


/*  */
.pic-caption {background-color:#eff0ef; border:1px solid #cdcdcd;}
.pic-caption .pic {text-align:center;}
.pic-caption .pic>img {display:block; margin:0 auto; max-height:600px; cursor:pointer;}
.pic-caption .caption {position:relative; padding:15px 25px; border-top:1px solid #cdcdcd; background-color:#e1e2e1;}
.pic-caption .caption>em {display:block; text-align:center; color:#111; font-size:1.5rem; font-family:'ntsm','나눔고딕','맑은 고딕','YetHangul','새굴림';}/*230224*/
.pic-caption .caption>p {padding:10px 0 10px 0; line-height:1.4; color:#111; font-size:1.3rem;}/*230323*/
.pic-caption .ico-open {z-index:2; position:absolute; top:-29px; right:0;}
.pic-caption .caption.hidden {padding:0; border:0; background-color:none;}

/*  */
.table-wrap .tit {display:block; margin:0 auto; padding:10px 0; text-align:right; color:#333; font-size:1.4rem; font-family:'ntsb','나눔고딕','맑은 고딕','YetHangul','새굴림';}/*230224*/
.table-wrap table {width:100%; table-layout:fixed; }
.table-wrap table thead th {padding:14px 0; color:#fff; font-size:1.4rem;background-color:#6a6a71; font-weight:normal;}
.table-wrap table thead th:not(:first-child) {border-left:1px solid #909090;}
.table-wrap table tbody td {padding:16px 20px; color:#333; font-size:1.4rem; background-color:#f8f8f8; border-left:1px solid #dadada; border-bottom:1px solid #dadada;}
.table-wrap table tbody td:last-child {border-right:1px solid #dadada;}
.table-wrap .scroll-wrap {overflow:auto;}

/*  */
.txt-wrap {font-size: 1.7rem; line-height: 1.9; font-weight: 400; color: #111; word-break: break-all;}
.txt-wrap .pop-bx-txt {scroll-margin-top: 80px;}
.txt-wrap :is(.pop-bx-txt > span) {cursor: pointer;}
.txt-wrap sup {font-size:1.2rem;}
.txt-wrap .btn-more {display:inline-block; vertical-align:middle; width:15px; height:15px; margin:-1px 10px 0 6px; text-align:center; font-size:0; border:1px solid #72a023; border-radius:3px; background:url('../images/sub/ico_plus.svg') no-repeat center;}
/*  */
.pop-text {display:none; position:absolute; z-index:10; width:550px; padding:12px 40px 12px 30px; margin:-30px 0 0; border: 1px solid #d2d2d2; box-shadow: 5px 5px 3px rgba(0,0,0,.08); background-color:#fff;}
.pop-text.active {display: block;}
.pop-text .tit {display:block; padding:12px 0; color:#1e1e1e; font-family:'ntsm','나눔고딕','맑은 고딕','YetHangul','새굴림'; font-size:1.6rem; border-bottom:1px solid #d7d7d7;}/*230224*/
.pop-text .cont {padding:12px 0; font-size:1.4rem; line-height:1.4; letter-spacing:-.07rem; color:#515151;}
.pop-text .btn-close {position:absolute; top:23px; right:18px; width:14px; height:14px;}


@media (max-width: 1024px) {/*230109*/
    .article-wrap {display:block; padding:20px 10px 60px;}
    .article-wrap .side, 
    .article-wrap .content {width:100%;}
    .article-wrap .side {margin-bottom:50px;}
    .article-wrap .content {margin-left:0;}   
}
@media (max-width: 767px) {

    .text {text-align: inherit;}

    .article-wrap {padding:14px 8px 50px;}/*230105*/
    .article-wrap .side {margin-bottom:25px;}

    .article-wrap .side .title {padding-bottom:20px;}
    .article-wrap .side .title .h3-sub {margin-top:8px;}

    .article-section .pageUtil {display:flex;}
    .article-section .page-btn .txt-plus {margin-right:0;font-size:1.4rem;}


    h6.title::before {top:0;}

    .list-cnt-sd .btn-org::before {background:url('../images/sub/ico_sd_docu.svg') no-repeat center; background-size:13px auto;}

    .meta-info ul>li .ico>img {height:14px;}

    .bx-exp {padding:18px 15px;}

    .info-link {padding:8px 0}
    .info-link li {padding:4px 0;}
    .info-link.location a::after {top:-3px; background-size:13px auto;}
    .info-link.download a::after {top:-3px; background-size:13px auto;}

    .list-remark {padding:8px 0}
    .list-remark li {display:block;}
    .list-remark li>em {display:inline-block; width:auto;}
    .list-remark li>.text {width:100%; margin-top:6px;}

    .bx-index {padding:18px 15px;}
    .bx-index dt, .bx-index dd {padding:10px 0;}

    .qna-area dt {margin-bottom:8px;}
    .qna-area dd {margin-bottom:22px}
    .qna-area dt, .qna-area dd {margin-left:38px;}
    .qna-area i {width:28px; height:28px; margin-left:-38px; margin-right:10px;}

    .meta-info {margin-top:20px;}
    .meta-info ul>li {padding:3px 0;}

    .bx-anx {padding:18px 15px;}
    .bx-anx em {margin-bottom:8px;}
    .bx-anx .text {margin-top:14px;}

    .pic-caption .pic>img {max-height:500px;}
    .pic-caption .caption {padding:12px 10px;}
    .pic-caption .caption>p {padding:8px 0 0 0;}/*230323*/

    .table-wrap .tit {text-align:left;}
    .table-wrap table {width:150% !important;}

    /* pop-text */
    .pop-text {width:calc(100% - 12px); padding:12px 30px 12px 16px;}
    .pop-text .tit {padding:8px 0;}
    .pop-text .btn-close {top:8px; right:10px;} 

}

/* ////////////////////////////////////// */

/*  */
.tit-bar-st {position:relative; display:flex; padding-left:20px; margin-bottom:40px;}
.tit-bar-st::before {content:''; position:absolute; top:0; left:0; width:7px; height:32px; background-color:#c8c8c8;}
.tit-bar-st h4,
.tit-bar-st .total {color:#000; font-family:'ntsm','나눔고딕','맑은 고딕','YetHangul','새굴림'; font-size:2.6rem; font-weight:normal;}/*230224*/
.tit-bar-st .total {margin-left:4px;}

/* list-ctg-item */
.list-ctg-item {margin-bottom:90px;}
.list-ctg-item .ctg-tit {position:relative; margin:15px 0; padding-bottom:9px;}
.list-ctg-item .ctg-tit::after {content:''; position:absolute; left:0; bottom:0; width:49px; height:3px; background-color:#7bb244;}
.list-ctg-item .ctg-tit>strong,
.list-ctg-item .ctg-tit>em {color:#000; font-family:'ntsm','나눔고딕','맑은 고딕','YetHangul','새굴림'; font-size:2rem;}/*230224*/
.list-ctg-item .ctg-tit>em {margin-left:4px;}

.list-ctg-item .list-item-arr {display:flex; flex-wrap:wrap; margin-bottom:15px;}
.list-ctg-item .list-item-arr>li {position:relative; width:25%; padding-left:26px;}
.list-ctg-item .list-item-arr>li::before {content:''; position:absolute; top:8px; left:0; width:16px; height:16px; background:url('../images/sub/ico_link_arr.svg') no-repeat; background-size:16px 16px;}

.list-ctg-item .list-item-arr>li>a {position:relative; display:inline-block; padding:6px 0; color:#000; font-family:'ntsr','나눔고딕','맑은 고딕','YetHangul','새굴림'; font-size:1.7rem; transition:all .3s;}/*230224*/
.list-ctg-item .list-item-arr>li>a>span {padding-left:5px;}
.list-ctg-item .list-item-arr>li>a:hover {text-decoration:underline; opacity:.7;}
.list-ctg-item hr {margin:22px 0}/**/



/* ctg-list-sh */
.ctg-list-sh .title {display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:space-between; padding:0 0 22px 0 !important; margin-bottom:12px;}
.ctg-list-sh .title>strong {color:#222; font-family:'ntsm','나눔고딕','맑은 고딕','YetHangul','새굴림'; font-size:2.4rem;}/*230224*/
.ctg-list-sh .title>button>span {display:block; padding-top:4px; text-align:center; font-size:11px; color:#222;}
.ctg-list-sh .title>button>img {transform:rotate(-180deg); transition:all 0.3s;}
.ctg-list-sh .title>button.active>img {transform:rotate(0);}


/* list-item-hz */
.list-item-hz {display:block; margin-bottom:50px;}
.list-item-hz.active {display:block;}
.list-item-hz strong {display:block; padding:8px 0 12px 0; color:#222; font-family:'ntsm','나눔고딕','맑은 고딕','YetHangul','새굴림'; font-size:1.8rem;}/*230224*/
.list-item-hz .sub {margin-bottom:28px;}
.list-item-hz .sub.active {display:block;}
.list-item-hz .sub>li>a {position:relative; display:inline-block; padding:6px 0; color:#222; opacity:1; font-family:'ntsd','나눔고딕','맑은 고딕','YetHangul','새굴림';  transition:all 0.3s;}/*230224*/
.list-item-hz .sub>li>a::after {content:''; display:inline-block; opacity:0; width:38px; height:11px; margin-left:0;background:url('../images/sub/ico_ctg_arr.svg') no-repeat right 0; transition:all 0.3s;}
/*.list-item-hz .sub>li>a:hover::after {opacity:1; width:38px; margin-left:10px; transition:all 0.3s;}230109*/
.list-item-hz .sub:hover a {opacity:.75; transition:all 0.3s;}
.list-item-hz .sub:hover>li>a:hover {font-weight:bold; opacity:1; transition:all 0.3s;}

.list-item-hz .sub>li.active>a::after {opacity:1; margin-left:10px;}
.list-item-hz .sub>li.active>a {font-weight:bold; opacity:1; transition:all 0.3s;}


/* list-cnt-item */
.list-cnt-item {border-top:1px solid #d7d7d7;}
.list-cnt-item.noborder {border:none;}
.list-cnt-item>li {border-bottom:1px solid #d7d7d7; background-color:rgba(0, 0, 0, 0); transition:all 0.5s;}
.list-cnt-item>li>a {display:block; padding:20px 0;  transition:all 0.5s;}/*230109*/
/*.list-cnt-item>li>a:hover {margin-left:0;}/*230109*/
.list-cnt-item>li:hover {background-color:rgba(0, 0, 0, .03);}
.list-cnt-item .sbj {display:inline-block; margin-bottom:20px; color:#222; font-family:'ntsm','나눔고딕','맑은 고딕','YetHangul','새굴림'; font-size:2rem; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}/*230224*/
.list-cnt-item .info {display:flex; flex-wrap:wrap; margin-bottom:12px;}
.list-cnt-item .info>li {padding-right:11px; margin-right:3px; color:#659733; font-size:1.3rem;}
.list-cnt-item .info>li:not(:last-child){background:url('../images/sub/ico_loc_arr.svg') no-repeat right center;}
.list-cnt-item .txt {color:#222; font-size:1.5rem; font-family:'ntsd','나눔고딕','맑은 고딕','YetHangul','새굴림';/*230224*/
    height:4.1rem; line-height:2rem; overflow:hidden; 
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word; text-overflow:ellipsis;
}
.list-gallery {position:relative;}
.list-gallery .tit {display:block; padding:10px 0 10px 15px; color:#333; font-size:1.4rem;}
.list-gallery>ul {display:flex; flex-wrap:wrap; padding-top:29px; border-top:1px solid #dbdbdb;}
.list-gallery>ul>li {flex-basis:25%;}
.list-gallery>ul>li>a {display:block; width:187px; margin:0 auto; margin-bottom:20px;}
.list-gallery .thumb {width:100%; height:107px; margin-bottom:12px; border:1px solid #e5e5e5; overflow:hidden; background-repeat:no-repeat}
.list-gallery .thumb>span {position:relative; display:block; width:100%; height:100%; background-repeat:no-repeat; background-size:cover; background-position:center; transition:all 0.3s;}
.list-gallery>ul>li:hover .thumb>span {transform:scale(1.2); transition:all 0.3s; }

.list-gallery .sbj {display:block; margin-bottom:6px; color:#000; font-size:1.5rem; line-height:1.3; overflow:hidden; /**/
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word; text-overflow:ellipsis;}
.list-gallery .meta {display:flex; overflow:hidden;}
.list-gallery .meta ul {width:100%; display:inline-block; white-space: nowrap; text-overflow:ellipsis; overflow:hidden;}
.list-gallery .meta ul>li {position:relative; display:inline-block; overflow:hidden; line-height:100%; color:#4e4e4e; font-size:1.3rem;}
.list-gallery .meta ul>li:not(:first-child) {padding-left:5px; margin-left:3px; border-left:1px solid #dedede;}

.bx-img {margin:30px 0; text-align:center;}

@media (max-width: 767px) {

    .tit-bar-st {margin-bottom:30px;}
    .tit-bar-st::before {height:23px;}

    .list-ctg-item {margin-bottom:35px; padding-bottom:10px; border-bottom:1px solid #bbb;}
    .list-ctg-item .list-item-arr {display:block; margin-bottom:25px;}
    .list-ctg-item .list-item-arr>li {width:100%;}
    .list-ctg-item .ctg-tit {margin:15px 0 8px 0;}
    .list-ctg-item .ctg-tit::after {width:32px;}
    .list-ctg-item hr {margin:15px 0; display:none;}

    .list-cnt-item>li>a {width:100%; margin:0; padding:10px 8px;}
    .list-cnt-item .sbj {margin-bottom:10px;}

    .list-gallery>ul {padding-top:8px;}
    .list-gallery>ul>li {flex-basis:50%;}
    .list-gallery>ul>li>a {display:block; width:145px; margin:0 auto; margin-bottom:20px; text-overflow:ellipsis}
    .list-gallery>ul>li:hover .thumb>span {transform:scale(1);}

    .list-item-hz {margin-bottom:25px}
    .list-item-hz .sub>li>a {padding:3px 0;}
    .list-item-hz .sub {margin-bottom:10px;}


    /* quick  */
    .pageUtil .icon-wrap {z-index:200; position:fixed; bottom:0; left:0; right:0; justify-content: space-around; margin:0; padding:12px 5px; background-color:#f3f3f3;}
    .quick-top.mb {position:static; display:block; opacity:1 !important; justify-content:center; align-items:center; width:auto; height:auto; padding:0 5px; border:none; background-color:transparent; border-radius:0; box-shadow:none;}
    .quick-top.mb button {opacity:.55;}
    
}

/*  */
.menu-bx-arr ul>li {margin-bottom:6px;}
.menu-bx-arr ul>li>a {position:relative; display:block; padding:14px 50px 14px 20px; font-size:1.8rem; border:1px solid #ddd;}
.menu-bx-arr ul>li>a:hover,
.menu-bx-arr ul>li.active>a {background-color:#f5f5f5;}
.menu-bx-arr ul>li>a::after {content:''; position:absolute; top:20px; right:30px; opacity:0; width:38px; height:11px; background:url('../images/sub/ico_ctg_arr.svg') no-repeat; transition:all 0.3s;}
.menu-bx-arr ul>li.active>a::after {right:10px; opacity:1;}/*230109*/
.menu-bx-arr ul>li>a>span {margin-left:5px; color:#cc6666;}
.menu-bx-arr .all>a {margin-bottom:6px;}


/*  */
.list-book-dsp .tit {display:block; padding:10px 0 10px 15px; color:#333; font-size:1.4rem; border-bottom:1px solid #dbdbdb;}
.list-book-dsp ul {position:relative; display:flex; flex-wrap:wrap;}
.list-book-dsp ul::after {content:''; display:block; width:100%; height:50px;   background: rgb(224,224,224);
    background: linear-gradient(180deg, rgba(224,224,224,.7) 0%, rgba(255,255,255,.7) 60%);/*230129*/
}
.list-book-dsp ul>li {position:relative; width:25%; padding-top:50px; padding-bottom:10px;}
.list-book-dsp ul>li::before {content:''; z-index:-1; position:absolute; bottom:-50px; left:0; right:0; height:50px;
    background: linear-gradient(180deg, rgba(224,224,224,.7) 0%, rgba(255,255,255,.7) 60%);
} /*230129*/
.list-book-dsp ul>li:nth-child(-n+4) {padding-top:40px;}
/*.list-book-dsp ul>li:nth-child(-n+4)::before {opacity:0;} 230129*/
.list-book-dsp ul>li>a {position:relative; display:block; height:100%; margin:0 auto;}

.list-book-dsp.col5 ul>li{width:20%}
.list-book-dsp.col5 ul>li:nth-child(-n+5) {padding-top:40px;}
/*.list-book-dsp.col5 ul>li:nth-child(-n+5)::before {opacity:0;} 230129*/

.list-book-dsp.col6 ul>li{width:16.6666%}
.list-book-dsp.col6 ul>li:nth-child(-n+6) {padding-top:40px;}
/*.list-book-dsp.col6 ul>li:nth-child(-n+6)::before {opacity:0;} 230129*/


.list-book-dsp .thumb {position:relative; display:flex; flex-direction:column; justify-content:flex-end; align-items:center; height:224px;}
.list-book-dsp .thumb>span {display:block; width:163px; margin:0 auto;}
.list-book-dsp .thumb>span>img {display:block; margin:0 auto; max-height:100%;
    -webkit-box-shadow: 3px 0px 9px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 3px 0px 9px 1px rgba(0,0,0,0.25);
    box-shadow: 3px 0px 9px 0px rgba(0,0,0,0.25);
}/*230109*/
.list-book-dsp .thumb>span>img:hover { transition:all 0.3s;
    -webkit-box-shadow: 3px 0px 9px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 3px 0px 9px 1px rgba(0,0,0,0.5);
    box-shadow: 3px 0px 9px 0px rgba(0,0,0,0.5);
}/*230109*/
 .list-book-dsp .thumb::after {content:''; z-index:-1; position:absolute; bottom:0; left:0; right:0; height:50px;
    background: rgba(254,254,254,1);
    background: linear-gradient(to bottom, rgba(254,254,254,1) 0%, rgba(254,254,254,1) 53%, rgba(230,230,230,1) 100%);
}
.list-book-dsp .info {position:relative; width:163px; margin:0 auto; padding:14px 0; background-color:#fff;}
.list-book-dsp .ctg {position:relative; padding-bottom:8px;}
.list-book-dsp .ctg::before {content:''; position:absolute; bottom:0; left:0; width:25px; height:2px; background-color:#cc6666;}
.list-book-dsp .ctg>span {color:#cc6666; font-size:1.2rem; overflow:hidden; text-overflow:ellipsis; word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.list-book-dsp .sbj {display:block; padding-top:8px; color:#111; font-size:1.5rem; overflow:hidden; text-overflow:ellipsis; word-break:break-all;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;   
}

/*  */
.list-fx-gln {position:relative; padding-left:27px;}
.list-fx-gln::after {content:''; position:absolute; top:0; left:0; width:7px; height:125px; background-color:#c8c8c8;}
.list-fx-gln>ul>li:first-child>div {padding-top:0;}
.list-fx-gln div {display:flex; flex-wrap:wrap; align-items:center; padding:10px 0; line-height:1.6;}
.list-fx-gln div>span,
.list-fx-gln div>a {position:relative; padding-left:10px; margin-right:10px;}
.list-fx-gln div>span::after,
.list-fx-gln div>a::after {content:''; position:absolute; top:4px; left:0; bottom:4px; width:1px; margin-top:1px;background-color:#b5b5b5;}
.list-fx-gln div>span:first-child {padding:0; margin:0 10px 0 0;}/*230109*/
.list-fx-gln div>span:first-child::after {display:none;}
.list-fx-gln .eb-tx {font-size:1.4rem; color:var(--color-yellgreen);}
.list-fx-gln .eb-tx:hover {text-decoration:underline;}
.list-fx-gln .sm {font-size:1.4rem;}

.list-fx-gln ul ul {padding-left:24px;}

/*  */
.gh-Wrap {width:343px;}
.gh-Wrap .gh-book {margin-bottom:30px;  border:1px solid #b2b2b2;}
.gh-Wrap .title {padding-bottom:20px !important;}
.gh-Wrap .meta-info {margin-top:20px !important;}

/*  */
.bbs-nor>.wrap {display:table; width:100%; border-top:1px solid #bdbdbd; border-bottom:1px solid #e1e1e1;}
.bbs-nor .group {display:table-header-group; }
.bbs-nor .row {display:table-row;}
.bbs-nor .cell {display:table-cell; width:8%; padding:20px 5px 15px 5px; text-align:center; font-family:'ntsm','나눔고딕','맑은 고딕','YetHangul','새굴림'; color:#383838; font-size:1.4rem;}/*230224*/
.bbs-nor .sbj {width:60%;}


.bbs-nor .tbody .cell {font-family:'ntsr','나눔고딕','맑은 고딕','YetHangul','새굴림'; color:#4c4c4c; border-top:1px solid #e1e1e1;}/*230224*/
.bbs-nor .tbody .sbj {width:60%; text-align:left;}
.bbs-nor .tbody .sbj .ico-dw>img {max-width:none; display:block; width:16px !important; margin-left:12px;}

.bbs-nor .tbody .sbj-wrap {display:flex; flex-direction:row;}
.bbs-nor .tbody .sbj-wrap a {line-height:1.4; overflow: hidden; width:auto; text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
}
.bbs-nor .tbody a {display:block; transition:all 0.3s;}
.bbs-nor .tbody a:hover {color:#6ea115; text-decoration:underline;}
.bbs-nor .tbody .reply .ico-reply {padding-left:30px; margin-right:5px; color:#cc6666; background:url('../images/sub/ico_reply.svg') no-repeat 0 3px;}
.bbs-nor .tbody .reply:hover {color:#cc6666;}


/*  */
.list-preview {margin-top:55px; border-top:1px solid #aeaeae;}
.list-preview li {padding:25px 0; color:#333; border-bottom:1px solid #dcdcdc;}
.list-preview em {display:block; margin-bottom:14px; color:#767676; font-size:1.4rem;}

/*  */
.list-bbs-view .sbj {display:block; padding:0 0 25px 0; color:#333; font-family:'ntsm','나눔고딕','맑은 고딕','YetHangul','새굴림'; font-size:2.4rem; border-bottom:1px solid #aeaeae;}/*230224*/
.list-bbs-view .meta>li {display:flex; flex-wrap:wrap; padding:20px 0; border-bottom:1px solid #e3e3e3;}
.list-bbs-view .meta .item {margin-right:40px;}
.list-bbs-view .meta .item:last-child {margin-right:0;}
.list-bbs-view .meta span {color:#666; font-size:1.4rem;}
.list-bbs-view .meta .tt {position:relative; padding-right:10px; margin-right:9px;}
.list-bbs-view .meta .tt::after {content:''; position:absolute; top:5px; right:0; width:1px; height:12px; background-color:#d2d2d2;}
.list-bbs-view .meta a {color:#6ea115; transition:all 0.3s;}

.list-bbs-view .text {padding:23px 0 40px 0; color:#333; font-size:1.6rem; line-height:1.6;}
.list-bbs-view .tt-re {display:block; margin-bottom:10px; color:#666; font-size:1.4rem;}

.list-bbs-view hr {border-top:1px solid #e3e3e3;}

.list-bbs-view .list-attach li {border-bottom:1px solid #d1d1d1;}
.list-bbs-view .list-attach a {display:inline-block; padding:12px 34px 12px 0; color:#669900; font-size:1.5rem; background:url('../images/sub/ico_sd_down.svg') no-repeat right 13px;}
.list-bbs-view .btn-area {padding:20px 0;}
.list-bbs-view .btn-area button {width:74px; padding:6px 0; color:#669900; font-family:'ntsm','나눔고딕','맑은 고딕','YetHangul','새굴림'; text-align:center; border:1px solid #d3d4d7; background-color:#fdfdfd; border-radius:4px;}/*230224*/

/*  */
.tit-ctg-fnc {display:flex; justify-content:space-between; align-items:center;}
.tit-ctg-fnc .tit {padding:15px 0;}
.tit-ctg-fnc .tit>strong {color:#333; font-size:2.4rem;}
.tit-ctg-fnc .tit>.total {margin-left:28px; color:#333; font-size:1.4rem;}
.tit-ctg-fnc .tit>.total i {font-style:normal;}
.tit-ctg-fnc .fnc input {width:124px; height:36px; padding:0 5px; font-size:1.4rem; border:1px solid #cecdce; border-radius:4px;}



/*  */
.list-item {border-top:1px solid #bdbdbd;}
.list-item li {display:flex; padding:20px 0; border-bottom:1px solid #e1e1e1;}
.list-item li div,
.list-item li a {color:#767676; font-size:1.5rem; transition:all 0.3s;}
.list-item li a:hover {color:#333; text-decoration:underline; transition:all 0.3s;}

.list-item li .num {width:100px; text-align:center;}
.list-item li .item {width:calc(100% - 100px);}

/*  */
.tab-wrap {width:100%;}
.tab-wrap .tab {width:100%; margin-bottom:25px;}
.tab-wrap .tab ul {z-index:2; position:relative; display:flex; padding-left:40px;}
.tab-wrap .tab ul::after {content:''; z-index:1; position:absolute; bottom:0; left:0; right:0; height:1px; background-color:#bdbdbd;}
.tab-wrap .tab ul>li {z-index:1; position:relative; display:flex; align-items:center; justify-content:center; width:231px; height:56px; margin:0 6px; background-color:#fff; border:1px solid #d6d6d6; border-bottom:0; transition:all 0.3s;}
.tab-wrap .tab ul>li>a {color:#767676; font-family:'ntsd','나눔고딕','맑은 고딕','YetHangul','새굴림'; font-size:1.7rem; transition:all 0.3s;}/*230224*/
.tab-wrap .tab ul>li>a:hover {color:#222;}
.tab-wrap .tab ul>li.active {z-index:2; border-color:#bdbdbd; transition:all 0.3s;}
.tab-wrap .tab ul>li.active>a {color:#222; font-family:'ntsm','나눔고딕','맑은 고딕','YetHangul','새굴림'; font-size:2rem; transition:all 0.3s;}/*230224*/

.tab-wrap .tab-cont {display:none; padding-bottom:30px;}
.tab-wrap .tab-flex-wrap {display:flex; padding:40px;}
.tab-wrap .tab-snb {width:30%;}
.tab-wrap .tab-snb ul>li {border-bottom:1px solid #d1d1d1;}
.tab-wrap .tab-snb ul>li>a {display:inline-block; padding:15px 55px 15px 0; font-family:'ntsd','나눔고딕','맑은 고딕','YetHangul','새굴림'; color:#5e5e5e;  transition:all 0.3s;}/*230224*/
.tab-wrap .tab-snb ul>li>a:hover {color:#222;}
.tab-wrap .tab-snb ul>li.active>a {position:relative; color:#222; font-family:'ntsm','나눔고딕','맑은 고딕','YetHangul','새굴림'; font-size:1.8rem;}/*230224*/
.tab-wrap .tab-snb ul>li.active>a::after {content:''; position:absolute; top:20px; right:0; opacity:1; width:38px; height:11px; background:url('../images/sub/ico_ctg_arr.svg') no-repeat;}

.tab-wrap .tab-content {width:calc(70% - 7%); margin-left:7%;}
.tab-wrap .tit {display:block; padding:8px 0 15px 0; margin-bottom:13px; color:#222; font-family:'ntsm','나눔고딕','맑은 고딕','YetHangul','새굴림'; font-size:2.4rem; border-bottom:1px solid #d7d7d7;}/*230224*/
.tab-wrap .f-pnt {font-family:'ntsb','나눔고딕','맑은 고딕','YetHangul','새굴림';}/*230224*/
.tab-wrap .img-box {margin-bottom:45px; border:1px solid #d1d1d1;}

/*  */
.tx-col-nm {display:flex; flex-wrap:wrap;}
.tx-col-nm em {width:17%; color:#222; font-family:'ntsb','나눔고딕','맑은 고딕','YetHangul','새굴림'; font-size:1.8rem;}/*230224*/
.tx-col-nm ul {width:83%; font-family:'ntsd','나눔고딕','맑은 고딕','YetHangul','새굴림';}/*230224*/
.tx-col-nm ul>li {margin-bottom:13px; line-height:1.4; position:relative; padding-left:22px;}
.tx-col-nm ul>li em {position:absolute; left:0; top:2px; font-size:.98em;}

@media (max-width: 1024px) {	
	.list-book-dsp.col6 ul>li{width:20%}
	.list-book-dsp.col6 ul>li:nth-child(-n+5) {padding-top:40px;}
} /*230129*/

@media (max-width: 767px) {
    #contentInfo.bg-ty01 {background-color:#fff;}
    /*  */
    .menu-bx-arr ul>li {position:relative;}
    .menu-bx-arr ul>li>a {height:37px; padding:9px 20px 9px 12px; border-bottom:1px solid #ddd;}

    .menu-bx-arr ul>li.all>a::after {top:0; right:0; opacity:1; width:37px; height:37px; background:url('../images/sub/ico_arr_dw.svg') no-repeat center;}
    .menu-bx-arr ul>li.all>a.active::after {transform:rotate(-180deg);}

    .menu-bx-arr ul ul {display:none; z-index:1; position:absolute; top:36px; left:0; right:0; border:1px solid #ddd; background-color:#fff;}
    .menu-bx-arr ul ul>li {margin-bottom:0;}
    .menu-bx-arr ul ul>li:last-child a {border-bottom:none;}
    .menu-bx-arr ul ul>li>a {height:auto; padding:7px 20px 7px 12px; font-size:1.6rem; border:0 none;}
    .menu-bx-arr ul ul>li>a::after {display:none;}

    /*  */
    .list-book-dsp .tit {display:none;}
    .list-book-dsp ul::after {height:30px;}
    .list-book-dsp ul>li {width:50%;}
    .list-book-dsp ul>li:nth-child(-n+4)::before {opacity:1;}

    .list-book-dsp ul>li,
    .list-book-dsp ul>li:nth-child(-n+4) {padding-top:30px;}
    .list-book-dsp ul>li:nth-child(-n+2) {padding-top:0;}
    /*.list-book-dsp ul>li:nth-child(-n+2)::before {opacity:0;} 230129*/

    .list-book-dsp .thumb {height:156px;}
    .list-book-dsp .thumb>span {width:135px; height:156px;}
    .list-book-dsp .info {width:135px; margin:0 auto; padding:10px 0;}
    .list-book-dsp .ctg>span {-webkit-line-clamp:1;}		
	
	.list-book-dsp.col6 ul>li{width:50%}
	.list-book-dsp.col6 ul>li:nth-child(-n+2) {padding-top:40px;}
	/*.list-book-dsp.col6 ul>li:nth-child(-n+2)::before {opacity:0;} 230129*/

    /*  */
    .bbs-nor .cell {padding:10px 8px;}
    .bbs-nor .tbody .cell {padding:8px;}
    .bbs-nor .tbody .sbj>.ico>img {margin-lefT:7px; width:12px !important}
    .bbs-nor .tbody .reply .ico-reply {padding-left:20px; background-size:13px auto;}

    /*  */
    .list-preview {display:none;}

    .list-bbs-view .sbj {padding:15px 0;}

    .list-bbs-view .meta>li {padding:10px 0;}
    .list-bbs-view .meta>li:first-child {justify-content:space-between;}
    .list-bbs-view .meta>li:first-child .item {margin:0;}
    .list-bbs-view .text {padding:15px 5px;}

    /*  */
    .gh-Wrap {width:100%;}
    .gh-Wrap .gh-book {width:90%; margin-left:auto; margin-right:auto;}

    .list-fx-gln {padding-left:16px;}
    .list-fx-gln::after {width:4px;}
    .list-fx-gln div {padding:5px 0;}
    
    .tit-ctg-fnc .tit {padding:8px 0;}
    .tit-ctg-fnc .tit>.total {margin-left:12px;}

    .list-item li {padding:14px 0;}
    .list-item li .num {width:14%;}
    .list-item li .item {width:calc(100% - 14%)}

    /*  */
    .tab-wrap {padding:0 8px;}
    .tab-wrap .tab {margin-bottom:12px;}
    .tab-wrap .tab ul {padding-left:0;}
    .tab-wrap .tab ul>li {width:33.3%; height:39px; margin:0 2px;}
    .tab-wrap .tab ul>li:first-child {margin-left:0;}
    .tab-wrap .tab ul>li:last-child {margin-right:0;}

    .tab-wrap .tab-flex-wrap {display:block;padding:0;}
    .tab-wrap .tab-snb,
    .tab-wrap .tab-content {width:100%;}

    .tab-wrap .tab-snb {margin-bottom:20px;}
    .tab-wrap .tab-snb ul {display:flex; flex-wrap:wrap;}
    .tab-wrap .tab-snb ul>li {width:calc(33.3% - 12px); margin:0 6px;}
    .tab-wrap .tab-snb.intro ul>li {width:100%; margin:0 6px;}
    .tab-wrap .tab-snb ul>li>a {display:block; margin:0; padding:11px 0 8px 0;}
    .tab-wrap .tab-snb ul>li>a:hover {color:#2b677a;}
    .tab-wrap .tab-snb ul>li.active>a {color:#2b677a;}
    .tab-wrap .tab-snb ul>li.active>a::after {top:auto; bottom:-1px; left:0; right:0; width:100%; height:2px; background-color:#499eb2;}

    .tab-wrap .tab-content {margin:0;}
    .tab-wrap .tab-content .tit {display:none;}
    .tab-wrap .img-box {margin-bottom:15px;}

    /*  */
    .tx-col-nm {display:block;}
    .tx-col-nm em,
    .tx-col-nm ul {display:block; width:100%;}
    .tx-col-nm em {margin-bottom:13px;}
	.tx-col-nm ul>li {padding-left:17px;}
}
/*  */
.tit-sta-sqbk {display:block; margin-bottom:40px; color:#111; font-size:2.4rem; font-family:'ntsb','나눔고딕','맑은 고딕','YetHangul','새굴림'; font-weight:normal;}/*230224*/
.tit-stb-line {display:block; margin-bottom:30px; padding-bottom:11px; color:#111; font-size:2rem; font-family:'ntsb','나눔고딕','맑은 고딕','YetHangul','새굴림'; border-bottom:1px solid #ccc;}/*230224*/
.tit-stc-stg {display:block; margin-bottom:20px; color:#111; font-size:1.8rem; font-family:'ntsm','나눔고딕','맑은 고딕','YetHangul','새굴림';}/*230224*/

/* */
.list-blt-cic {margin-bottom:50px;}
.list-blt-cic li {margin-left:21px; margin-bottom:20px; line-height:1.6; list-style:outside; color:#111;}
.list-blt-cic li:last-chil {margin-bottom:0;}

/* */
.itl-tx cite {font-style:italic; color:#111; font-size:2rem;}
.itl-tx span {padding-right:10px; font-size:1.4rem;}
.itl-tx .bar {position:relative; margin-right:10px;}
.itl-tx .bar::after {content:'/'; position:absolute; top:-2px; right:-1px;}

/*  */
.blt-sm-dot {position:relative; padding-left:10px;}
.blt-sm-dot::before {content:''; position:absolute; top:12px; left:0; width:2px; height:2px; background-color:#222; border-radius:100%;}


.color-yg sup {font-size:1.2rem; cursor:pointer;}
/*  */
.video-cont-wrap {display:flex; flex-wrap:wrap; height:100%; background-color:#fff;}
.video-cont-wrap .video-area {width:calc(100% - 400px); padding:0 2.5rem;}
.video-cont-wrap .item {display:flex; flex-direction:column; justify-content:center; width:100%; height:100%;}

.video-cont-wrap.inbody {display:block;}
.video-cont-wrap.inbody .video-area {width:100%; padding:0;}

.video-cont-wrap .embed-youtube {position:relative; display:block; width:100%; height:0; padding-bottom:56.25%;}
.video-cont-wrap .embed-youtube iframe {position:absolute; top:0; left:0; width:100%; height:100%;}

.video-cont-wrap .tr {display:block; width:100%;}
.video-cont-wrap .subtitles-area {width:400px; height:100%; overflow-y:auto; background-color:#f7f7f7;}
.video-cont-wrap.inbody .subtitles-area {width:100%; height:270px;}
.video-cont-wrap .subtitles-area .txt {padding:25px 17px 0 17px; line-height:1.8;}
.video-cont-wrap .subtitles-area li {display:flex; margin-bottom:17px; font-size:1.6rem;}
.video-cont-wrap .subtitles-area li>em {width:20%;}
.video-cont-wrap .subtitles-area li>p {width:80%;}
/*  */
.comparison-wrap {position:relative; display:flex; flex-wrap:wrap; overflow-y:auto;}
.comparison-wrap::after {content:''; position:absolute; top:0; left:50%; bottom:0; transform:translateX(-50%); width:1px; background-color:#e0e0e0;}
.comparison-wrap .area {width:50%;/*  height:100%; */ padding:12px 16px;}

.cprs-info {padding:20px 20px 0 20px; background-color:#f9f9f9; border-bottom:1px solid #9c9c9c;}
.cprs-info .tit {display:block; color:#222; font-size:2.2rem; font-family:'ntsm','나눔고딕','맑은 고딕','YetHangul','새굴림';}/*230224*/
.cprs-info .meta-info {margin:20px 0;}

.cprs-cont {padding:30px 16px;}

/*  */
.date-srch {position:relative;}
.date-srch input[type="date"]{position:relative; padding-right:42px; color:#222; font-size:1.3rem; background:url('../../net/images/sub/ico_date.svg') no-repeat right 5px center; background-size:20px auto;}
.date-srch input[type="date"]::-webkit-clear-button,
.date-srch input[type="date"]::-webkit-inner-spin-button {display:none;}
.date-srch input[type="date"]::-webkit-calendar-picker-indicator {position:absolute; top:0; left:0; width:100%; height:100%; background:transparent; color:transparent; cursor:pointer}

.date-srch input[type="date"]::before {content:attr(data-placeholder); width:100%;}
.date-srch input[type="date"]:valid::before {display:none;}
.date-srch input[data-placeholder]::before {color:#b0b0b0; font-size:1.2rem;}

.date-srch button { padding:8px 10px 7px; margin-left:3px; border:1px solid #cecdce; border-radius:4px;}

.infomation {margin:0 0 10px;}
.infomation dl {display:flex; flex-wrap:wrap; align-items:center;}
.infomation dl dd {display:flex; flex-wrap:wrap; align-items:center; margin-right:20px; margin-bottom:5px;}
.infomation dl dd:last-of-type {margin:0 0 5px;}
.infomation dl dd b {font-size:12px; color:#767676;}
.infomation dl dd b:after {display:inline-block; content:""; width:1px; height:10px; background:#bbb; margin:0 7px;}
.infomation dl dd span {font-size:14px; color:#333;}


@media (max-width: 767px) {
    .tit-sta-sqbk {margin-bottom:20px;}
    .tit-stb-line {padding-bottom:7px; margin-bottom:20px;}
    .tit-stc-stg {margin-bottom:10px;}

    .list-blt-cic {margin-bottom:30px;}
    .list-blt-cic li {margin-bottom:10px;}

    /*  */
    .video-cont-wrap {display:block;}
    .video-cont-wrap .video-area {width:100%; padding:0; background-color:#f7f7f7;}
    .video-cont-wrap .embed-youtube {height:250px;}
    .video-cont-wrap .subtitles-area {width:100%; height:calc(100% - 300px); background-color:#fff;}
    .video-cont-wrap .subtitles-area .txt {padding:20px 8px;}

    /*  */
    .tit-ctg-fnc {display:block;}
    .tit-ctg-fnc .tit {display:block; margin-bottom:8px;}
    .tit-ctg-fnc .fnc {display:block; margin-bottom:8px;}
    .tit-ctg-fnc .fnc input {height:25px;}
    .date-srch input[type="date"] {background-size:16px auto;;}

	.date-srch button {padding:3px 6px 3px; margin-left:3px; border:1px solid #cecdce; border-radius:4px;}	
	
	.infomation {margin:0 0 4px;}
	.infomation dl dd b {font-size:10px;}
	.infomation dl dd span {font-size:11px;}
}

/*갤러리 목록*/
.thumb-list {position:relative;}
.thumb-list>ul {display:flex; flex-wrap:wrap; padding-top:10px; padding-bottom:13px;}
.thumb-list>ul>li {flex-basis:25%;}
.thumb-list>ul>li>a {display:block; width:calc(100% - 12px); border:1px solid #ececec; margin:0 auto; margin-bottom:20px; background:#f5f5f5; padding:7px 7px 16px;}
.thumb-list .thumb {width:100%; height:160px; margin-bottom:8px; border:1px solid #e5e5e5; overflow:hidden; background-repeat:no-repeat; position:relative;}
.thumb-list .thumb.play::before {content:''; z-index:2; position:absolute; top:0; left:0; right:0; bottom:0; background:url('../images/common/btn-play.png') no-repeat center/56px;}
.thumb-list .thumb>span {position:absolute; top:0; left:0; right:0; bottom:0; background-repeat:no-repeat; background-size:cover; background-position:center; transition:300ms;}
.thumb-list>ul>li:hover .thumb>span {transform:scale(1.2); transition:all 0.3s; }
.thumb-list .sbj {display:block; margin-bottom:4px; color:#000; font-size:14px; line-height:1.3; overflow:hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word; text-overflow:ellipsis;}
.thumb-list .meta {display:flex; overflow:hidden;}
.thumb-list .meta ul {width:100%; display:inline-block; white-space: nowrap; text-overflow:ellipsis; overflow:hidden;}
.thumb-list .meta ul>li {position:relative; display:inline-block; overflow:hidden; line-height:100%; color:#4e4e4e; font-size:12px;}
.thumb-list .meta ul>li:not(:first-child) {padding-left:5px; margin-left:3px; border-left:1px solid #dedede;}

@media (max-width: 1024px) {
	.thumb-list>ul {padding-top:50px; padding-bottom:40px;}
	.thumb-list .thumb {height:120px;}
}

@media (max-width: 767px) {
	.thumb-list>ul {padding-top:20px; padding-bottom:10px;}
    .thumb-list>ul>li {flex-basis:50%;}
	.thumb-list>ul>li>a {width:calc(100% - 6px); margin-bottom:12px; padding:6px 6px 10px;}
	.thumb-list .thumb {height:100px;}
	
	.thumb-list .thumb.play::before {background-size:32px;}
	
	.thumb-list .sbj {font-size:12px;}
	.thumb-list .meta ul>li {font-size:10px;}
}

/*230408*/
.table { width:100%; overflow-x:auto;}
.tb_data04 {width:100%; display:flex; flex-wrap: wrap; align-content: start; font-size: 1.5rem; line-height: 1.5; border-bottom: 1px solid #e7e7e7; }
.tb_data04 li {border-top: 1px solid #e7e7e7;}
.tb_data04 li span {padding: 15px 10px 15px 0; display:block;}

@media (max-width: 767px) {
    .tb_data04.vt {width:200%;}
}

/*중간 메인 목록 230522*/
.mid-title {display:block; padding:0 20px 20px 20px; margin:0 15px 5px 15px; letter-spacing:-0.06em; font-weight:700; font-size:36px; text-align:center;}
.card-list {position:relative;}
.card-list>ul {display:flex; flex-wrap:wrap; padding-top:10px; padding-bottom:13px;}
.card-list>ul>li {flex-basis:20%;}
.card-list>ul>li>a {display:block; width:calc(100% - 26px); border:1px solid #e9e9e9; border-radius:3px; margin:0 auto; margin-bottom:42px; background:#fff; padding:3px 3px 15px;}
.card-list .thumb {width:100%; height:270px; margin-bottom:15px; overflow:hidden; background-repeat:no-repeat; position:relative; border-radius:2px;}
.card-list .thumb>span {position:absolute; top:0; left:0; right:0; bottom:0; background-repeat:no-repeat; background-size:cover; background-position:center; transition:300ms;}
.card-list .thumb>.num {position:absolute; top:10px; left:15px; font-size:36px; color:#fff; font-family:Tahoma, Geneva, sans-serif; line-height:1; font-weight:900;}
.card-list .thumb>.back {position:absolute; bottom:0; left:0; right:0; height:35%; background: rgb(255,255,255); background:linear-gradient(180deg, rgba(255,255,255,.0) 0%, rgba(255,255,255,1) 100%)}
.card-list>ul>li:hover .thumb>span {transform:scale(1.2); transition:all 0.3s; }
.card-list .sbj {display:flex; margin:0 10px 4px; color:#000; font-size:17px; height:2.6em; font-weight:500; letter-spacing:-0.04em; line-height:1.3; word-break:keep-all; text-align:center; overflow:hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word; text-overflow:ellipsis;}

@media (max-width: 1024px) {
	.card-list>ul>li>a {width:calc(100% - 12px);}
	.card-list>ul {padding-top:50px; padding-bottom:40px;}
	.card-list .thumb {height:200px;}
}

@media (max-width: 767px) {
	.mid-title {display:none;}
	.card-list>ul {padding-top:20px; padding-bottom:10px;}
    .card-list>ul>li {flex-basis:50%;}
	.card-list>ul>li>a {width:calc(100% - 6px); margin-bottom:12px; padding:6px 6px 10px;}
	.card-list .thumb {height:180px;}
	.card-list .thumb>.num {top:7px; left:10px; font-size:24px;}
	
	.card-list .thumb.play::before {background-size:32px;}
	
	.card-list .sbj {font-size:12px;}
}