h3{word-break:keep-all;}

.data .container{background:#FFF;}

/*자료실리스트*/
.sch_box{background:#F5F5F5; box-shadow:inset 0 1px 2px 0px #cbcbcb; padding:1rem 1.5rem; position:relative; margin-bottom:2rem}
.sch_box input[type="text"]{width:100%;}
.sch_box button.btn_sch{position:absolute; width:3rem; height:3rem; top:1rem; right:1.5rem; display:block; font-size:0; background:URL('/img/common/icon_sch.png') no-repeat center/auto 100%;}

.data_list_wrap{padding:0 5.5%;}

.data_list_wrap ul{margin-left:-4%;}
.data_list_wrap ul:after{content:''; display:block; clear:both;}
.data_list_wrap ul li{width:calc(92% / 2); float:left; text-align:center; margin:0.5em 0 0.5em 4%; padding-bottom:0.5em; border:1px solid #ededed;}
.data_list_wrap ul li h3{display:block; width:95%; font-size:1em; line-height:1.2em; font-weight:normal; margin:1.5em auto 0.55em;}
.data_list_wrap ul li h3 a{width:100%; /* 20221013 */ line-height: 1.2em;height:2.4em;}
.data_list_wrap ul li .data_cate{margin-bottom:0.7em}

.data_cate span{font-size:0.67em; display:inline-block; margin-right:0.5%; border:1px solid #ededed; border-radius:3px; padding:0 5px; line-height:1.65em; height:1.8em;}
.data_cate span + span{margin-left:3px;}

.data_cate .icon_mp3{color:#FF7913; border-color:#FF7913;}
.data_cate .icon_mov{color:#249CDB; border-color:#249CDB;}
.data_cate .icon_etc{color:#16B731; border-color:#16B731;}

.data_list_wrap .img_box{border:1px solid #f5f5f5; width:100%; height:calc(8.5em * 1.25); padding:0.7rem 0; display:flex; justify-content:center; align-items:center; background:#f5f5f5;}
.data_list_wrap .img_box a{display:inline-block; width:100%; height:100%; text-align:center;}

.paging{padding:2rem 5.5%; text-align:center;}
.paging button{font-size:0; width:1.7rem; height:1.7rem; display:inline-block; background:no-repeat center right/auto 100%; vertical-align:middle;}
.paging button.active{background-position:center left;}

.paging .btn_1st{background-image:URL('/img/common/btn_list_1st.png')}
.paging .btn_prev{background-image:URL('/img/common/btn_list_prev.png')}
.paging .btn_next{background-image:URL('/img/common/btn_list_next.png')}
.paging .btn_last{background-image:URL('/img/common/btn_list_last.png')}

.paging ul{display:inline-block; vertical-align:middle; white-space:nowrap;}
.paging ul:after{content:; display:block; clear:both;}
.paging ul li{float:left}
.paging ul li a{display:inline-block; width:1.7rem; height:1.7rem; line-height:1.6rem; font-size:16px; color:#CCC;}
.paging ul li.on a{color:#FFF; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25'%3E%3Ccircle cx='12.5' cy='12.5' r='12.5' fill='%235d6193'/%3E%3C/svg%3E") no-repeat center/100% auto;}


/*자료실 뷰페이지*/
.data.view .container{padding:0 5.5%}

.data.view .data_tit{margin:1.5em 0}
.data.view .data_tit:after{content:''; display:block; clear:both;}

.data.view .data_content{margin-bottom:1em;}

.data.view .data_tit h2{font-size:1.3rem; margin:0; text-align:left; word-break:keep-all;}
.data.view .img_box{float:left; height:calc(8em * 1.25); display:flex; justify-content:center; align-items:center; margin-right:1.2em;}

.data.view .data_cate{margin-top:1em;}
.data.view .data_cate span{font-size:0.7em; margin-right:0.7%;}
.data.view .data_cate span + span{margin-left:3px;}

.data_date{color:#AAA; font-size:0.8em; margin-top:1em; display:none;}

.tab_wrap{border-radius:3px; overflow:hidden;}
.tab_wrap:after{content:''; display:block; clear:both;}
.tab_wrap li{float:left; width:calc(100% / 3);}
.tab_wrap li a{display:block; border:1px solid #FF9900; color:#F28705; width:100%; height:2.8rem; line-height:2.7rem; text-align:center; font-size:1rem; letter-spacing:-0.1em;}
.tab_wrap li.on a{color:#FFF; background:#FF9900;}
.tab_wrap li + li a{border-left:none;}

.tab_content{margin-bottom:0.5rem;}
.tab_content h3{color:#000; padding-bottom:1em}
.tab_content > li{display:none; padding-top:2rem;}
.tab_content > li.on{display:block;}


#mp3 > div{position:relative;}
#mp3 h3 + p{color:#858585; margin:0.5rem 0; font-size:0.95rem; word-break:keep-all;}
#mp3 .btn_alldown{top:-3rem;}

.mp3_list ul li + li{margin-top:0.2rem;}
.mp3_list ul li h4 button{width:100%; padding:1rem 3rem 1rem 1rem; color:#2D3063; font-weight:bold; text-align:left; background:URL('/img/data/btn_list_open.png') no-repeat 99% center/auto 3rem #FFF;  border:1px solid #EEE;}
.mp3_list ul li h4:before{display:none;}
.mp3_list ul li.open h4 button{color:#FFF; background-image:URL('/img/data/btn_list_close.png'); background-color:#2D3063;}

.mp3_list ul li{position:relative;}
.mp3_list ul li .mp3_content{max-height:0; overflow:hidden; border:1px solid #FFF; transition:max-height .4s ease-out;}
.mp3_list ul li.open .mp3_content{/* 2022-10-20 max-height:100vh; */max-height:3000vh; border-color:#EEE; transition:max-height .4s ease-in;}

.mp3_list ul li .mp3_content > p{padding:1rem;}

.mp3_list ol{border-top:1px solid #EEEEEE;}

.mp3_list ol li{background:#F8F8F8; padding:0.85rem 1rem; position:relative;}
.mp3_list ol li:before{content:''; width:5px; height:5px; border-radius:2.5px; background:#FFB300; display:inline-block; vertical-align:top; position:relative; top:0.65rem;}
.mp3_list ol li:after{content:''; display:block; clear:both;}
.mp3_list ol li + li{border-top:1px solid #EEEEEE;}

.mp3_list ol li span{display:inline-block; width:calc(100% - 15px); margin-left:5px; padding-right:3rem;}

.mp3_list ol li a{color:#F8F8F8; position:absolute; top:0.85rem; right:1rem; overflow:hidden; height:1.8rem; width:1.7rem;}
.mp3_list ol li a:before{content:''; display:block; width:1.7rem; height:1.8rem; background:no-repeat center / 100% auto; position:absolute}

/* 20221013 */
.mp3_list ol li.list_new a.btn_stop, .mp3_list ol li.list_new a.btn_play{right:3rem;}
.mp3_list ol li a.btn_down{right:0.8rem;}
.mp3_list ol li a.btn_stop:before{background-image:URL('/img/data/btn_stop.png');}
.mp3_list ol li a.btn_play:before{background-image:URL('/img/data/btn_play.png');}
.mp3_list ol li a.btn_down:before{background-image:URL('/img/data/btn_down.png');}


#etc{position:relative;}
#etc > div{position:relative;}
.etc_list{margin-top:1rem}
.etc_list li{background:#fafafa; border:1px solid #f1f1f1; padding:0.7rem 3.5rem 0.7rem 1.8rem;; color:#2d3063; position:relative;}
.etc_list li + li{margin-top:0.2rem;}
.etc_list li:before{content:''; display:block; position:absolute; top:1.5rem; left:1rem; width:5px; height:5px; border-radius:2.5px; background:#FFB300;}
.etc_list li strong{}
.etc_list li span{display:block; font-size:0.8rem; font-weight:normal;}
.etc_list li a{position:absolute; top:50%; margin-top:-0.8rem; right:5%; font-size:0; display:block; width:1.7rem; height:1.8rem; background:URL('/img/data/btn_down.png') no-repeat center/100% auto}

.btn_alldown{background:#707070; color:#FFF; font-size:0.8em; display:block; position:absolute; right:0; top:2rem; line-height:1.9em; padding:0 10px;}
#etc .btn_alldown{top:-3rem}

.btn_back_list{line-height:2.3rem; background:#F5F5F5; border:1px solid #E2E2E2; text-align:center; display:block; width:50%; min-width:180px; margin:1.5rem auto 2rem;}

.etc_comment{border:1px solid #ededed; margin-bottom:2rem; padding:1.5rem; word-break:keep-all;}

.ellipsis{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}

#mov .mov_content{overflow:hidden; margin:0.5rem 0;}
#mov .mov_content a{display:block; color:blue; text-decoration-line:underline; word-break:break-all;}
#mov .mov_content img{display:block;}
#mov .mov_content div, #mov .mov_content p{max-width:100%; word-break:keep-all;}

#mov .mov_content iframe{max-width:100%; display:block; margin:0 auto;}
#mov .mov_content table{max-width:100%;}
#mov .mov_content table th, #mov .mov_content table td{word-break:break-all;}

/* 20221013 */
.tab_wrap li.tab_cnt_1 {float:left; width:100%;}
.tab_wrap li.tab_cnt_2 {float:left; width:calc(100% / 2);}
.tab_wrap li.tab_cnt_3 {float:left; width:calc(100% / 3);}

.video_wrap video{width:100%;}
.video_wrap{position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%;}
.video_wrap iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.video_wrap video{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}


/*음원 안내 Pop*/

.btn_data_notice{color:#000; bottom:10px; left:calc(50% - 320px); font-size:12px; line-height:15px;}
.btn_data_notice:before{content:'?'; color:#AEAEAE; border:1px solid #AEAEAE; border-radius:7px; width:12px; height:12px; line-height:12px; font-size:9px; display:inline-block; vertical-align:middle; margin-right:5px;}

.data_notice{}
.close_notice{position:absolute; top:10px; right:10px; width:30px; height:30px; color:transparent;}
.close_notice:before, .close_notice:after{content:''; display:block; position:absolute; width:100%; height:1px; background:#FFF;}
.close_notice:before{transform:rotate(-45deg); top:15px;}
.close_notice:after{transform:rotate(45deg); bottom:15px;}

.notice_pop{display:none; position:fixed; top:270px; left:5%; width:90%; background:#FFF; border:1px solid #f5f5f5; box-shadow:0 2px 4px #00000036;}
.notice_pop h3{background:#2D3063; color:#FFF; margin:0 auto; line-height:50px; font-size:1.3em; padding-left:20px;}
.notice_pop > div{padding:20px 20px 30px;}
.notice_pop > div strong{color:#000;}
.notice_pop > div em{display:block; margin:20px auto 0;}
.notice_pop > div em img{width:40px;}
.notice_pop > div span{margin-top:10px; display:inline-block;}
/*#notice_pop .close_notice:before, #notice_pop .close_notice:after{background:#2D3063}*/
.button_area input[type="checkbox"]{width:12px; height:12px; position:relative; vertical-align:middle; margin-right:5px;}
.button_area input[type="checkbox"] + label:before{display:none;}
.notice_pop > div.button_area{padding:0; font-size:11px; padding:0 10px 10px 0; display:block; position:absolute; bottom:0; right:10px;}

#notice_tip{display:none; font-size:13px; position:absolute; bottom:-160px; left:5%; text-align:left; width:90%; background:#FFF; box-shadow:0 2px 4px #00000036;}
#notice_tip h3{background:#2D3063; color:#FFF; line-height:50px; font-size:1.2em; padding-left:20px; text-align:left;}
#notice_tip > div{padding:15px 20px; word-break:keep-all;}


/*가로모드*/
@media screen and (orientation: landscape){

}

/*넓이 320px 이하*/
@media only screen and (max-width:320px){

}

/*640px 이상*/
@media only screen and (min-width:640px) {

.data_list_wrap ul li{width:calc(88% / 3);}
.notice_pop{max-width:580px; left:calc(50% - 290px)}
}

/*1200px 이상*/
@media only screen and (min-width:1200px) {

}