/* 05정보_02정보마당_02미디어속독서 */
.sub5_2_2 .list_wrap{overflow: hidden; margin-top:20px;}
.sub5_2_2 .list_wrap ul{margin:-10px;}
.sub5_2_2 .list_wrap ul li{width:33.33%; float:left;}
.sub5_2_2 .list_wrap ul li div{margin:10px;}
.sub5_2_2 .list_wrap ul li div dt{display:block; height:200px;}
.sub5_2_2 .list_wrap ul li div dt > img{ width:100%; height:100%;}
.sub5_2_2 .list_wrap ul li div dd{border-left:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5; padding:30px 25px;}
.sub5_2_2 .list_wrap ul li div dd p{font-size:20px; font-weight:500; color:#333; margin-bottom:15px;
    display:inline-block; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; width:87%; overflow:hidden;}
.sub5_2_2 .list_wrap ul li div dd > span{position:relative; font-size:15px; color:#999; text-overflow:ellipsis; word-wrap:break-word; position:relative;
    display: block;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height:1.5em;
    height:3em; overflow: hidden;
    width:90%;}
.sub5_2_2 .list_wrap ul li div dd a{margin-top:20px; display:inline-block; width:140px; height:36px; line-height:36px; border:1px solid #ddd; box-sizing: border-box; border-radius: 5px; color:#777; font-size:15px; text-align:center;}
.sub5_2_2 .list_wrap ul li div dd a span{display:inline-block; padding-right:20px; background: url('../images/common/arrow_right_g.png') no-repeat; background-position:center right; line-height:36px;}


/* 05정보_02정보마당_03멀티미디어_동영상 */
.sub5_2_3 .board_list_box .board_list .sort_list span.input_select select{width:130px; border:1px solid #e5e5e5; line-height:40px; height:40px; box-sizing: border-box; padding:0 15px; font-size:16px; font-family: 'Noto Sans KR',sans-serif; outline-style: none; -webkit-appearance: none; /* 브라우저별 기본 스타일링 제거 */ -moz-appearance: none; appearance: none; color:#b2b2b2; background:url('../images/common/arrow_b.png') no-repeat; background-position:center right 17px}
.sub5_2_3 .board_list_box .board_list{position:relative}
.sub5_2_3 .board_list_box .board_list .sort_list{position:absolute; top:10px; left:0}
.sub5_2_3 .board_list_box .board_list .sort_list.mo_dis{display:none;}
.sub5_2_3 .board_list_box .board_list .sort_list span{color:#999; font-size:15px; display:inline-block; position:relative; padding:0 15px; line-height:36px;}
.sub5_2_3 .board_list_box .board_list .sort_list span:before{content:''; width:1px; height:8px; background:#e5e5e5; position:absolute; top:50%; margin-top:-4px; left:0;}
.sub5_2_3 .board_list_box .board_list .sort_list span:first-child:before{content:none;}
.sub5_2_3 .board_list_box .board_list .sort_list span.on a{color:#ff6600}

.sub5_2_3 .list_wrap{overflow: hidden; margin-top:20px;}
.sub5_2_3 .list_wrap ul{margin:-10px;} /* 210829 수정 */
.sub5_2_3 .list_wrap ul li{width:33.33%; float:left;}
.sub5_2_3 .list_wrap ul li div{margin:10px;}
.sub5_2_3 .list_wrap ul li div dt{width:100%; height:225px;} /* 210827 수정 */
.sub5_2_3 .list_wrap ul li div dt > img{width:100%; height:100%;} /* 210827 수정 */
.sub5_2_3 .list_wrap ul li div dd{border-left:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5; padding:30px 25px;}
.sub5_2_3 .list_wrap ul li div dd p{font-size:20px; font-weight:500; color:#333; margin-bottom:15px; text-overflow:ellipsis; word-wrap:break-word; position:relative;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height:1.5em;
    height:3em; overflow: hidden;
    width:90%;}
.sub5_2_3 .list_wrap ul li div dd span{padding-left:13px; position:relative; font-size:15px; color:#999; line-height:180%; display:inline-block; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; width:87%; overflow:hidden; }
.sub5_2_3 .list_wrap ul li div dd span:before{content:''; width:3px; height:3px; background:#fca313; position:absolute; left:0; top:50%; margin-top:-1.5px;}


/* 05정보_02정보마당_03멀티미디어_이미지 */
.sub5_2_3_2 .list_wrap{overflow: hidden; margin-top:20px;}
.sub5_2_3_2 .list_wrap ul{margin:-10px;}    /* 210828 수정 */
.sub5_2_3_2 .list_wrap ul li{width:33.33%; float:left;}
.sub5_2_3_2 .list_wrap ul li > div{margin:10px;}
.sub5_2_3_2 .list_wrap ul li > div dl{position:relative}
.sub5_2_3_2 .list_wrap ul li > div dl dt > img{display:block; width:100%}
.sub5_2_3_2 .list_wrap ul li > div dl dd{position:absolute; bottom:0; width:100%; display:none;}
.sub5_2_3_2 .list_wrap ul li > div dl dd:before{content:''; width:100%; height:100%; background:#000; opacity: .8; position:absolute; top:0; left:0;}
.sub5_2_3_2 .list_wrap ul li > div dl dd > div{padding:25px;}
.sub5_2_3_2 .list_wrap ul li > div dl dd p{font-size:20px; font-weight:500; color:#fff; margin-bottom:15px; text-overflow:ellipsis; word-wrap:break-word; position:relative;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height:1.3em;
    height:2.6em; overflow: hidden;
    width:90%}
.sub5_2_3_2 .list_wrap ul li > div dl dd span{padding-left:13px; position:relative; font-size:15px; color:#b2b2b2; line-height:160%; display:inline-block; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; width:87%; overflow:hidden; }
.sub5_2_3_2 .list_wrap ul li div dd span:before{content:''; width:3px; height:3px; background:#fca313; position:absolute; left:0; top:50%; margin-top:-1.5px;}

/* 05정보_03독서전문자료_01전문자료 */
.sub5_3_1 .board_list_box .board_list{margin-top:40px; position:relative; margin-bottom:20px;}
.sub5_3_1 .board_list_box .board_list > p{color:#999; font-size:16px;}
.sub5_3_1 .board_list_box .board_list > p span{color:#333; font-weight:bold;}
.sub5_3_1 .board_list_box .board_list .list_wrap{overflow: hidden; margin-top:20px;}
.sub5_3_1 .board_list_box .board_list .list_wrap ul{margin:-10px;}
.sub5_3_1 .board_list_box .board_list .list_wrap ul li{width:50%; float:left;}
.sub5_3_1 .board_list_box .board_list .list_wrap ul li > div{margin:10px;}
.sub5_3_1 .board_list_box .board_list .list_wrap ul li > div a{display:block;}
.sub5_3_1 .board_list_box .board_list .list_wrap ul li > div a dl{border:1px solid #e5e5e5;}
.sub5_3_1 .board_list_box .board_list .list_wrap ul li > div a dl dt{padding:35px 30px;}
.sub5_3_1 .board_list_box .board_list .list_wrap ul li > div a dl dt .tit{color:#333; font-size:22px; font-weight:500; margin-bottom:20px; display:block;
    text-overflow:ellipsis; word-wrap:break-word; position:relative;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    line-height:1.3em;
    height:1.3em; overflow: hidden;
    }
.sub5_3_1 .board_list_box .board_list .list_wrap ul li > div a dl dt .sub_tit{color:#777; font-size:16px;
    text-overflow:ellipsis; word-wrap:break-word; position:relative;
    display: block;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height:1.4em;
    height:4.2em; overflow: hidden;}
.sub5_3_1 .board_list_box .board_list .list_wrap ul li > div a dl dd{background:#f5f5f5;}
.sub5_3_1 .board_list_box .board_list .list_wrap ul li > div a dl dd div{padding:20px 30px;}
.sub5_3_1 .board_list_box .board_list .list_wrap ul li > div a dl dd div span{width:46%; position:relative; padding-left:10px; font-size:15px; color:#999; display: block;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    line-height: 1.2em;
    height: 1.2em;
    overflow: hidden;}
.sub5_3_1 .board_list_box .board_list .list_wrap ul li > div a dl dd div span:before{content:''; width:3px; height:3px; background:#fca313; position:absolute; left:0; top:50%; margin-top:-1.5px;}

/* 05정보_04커뮤니티_02자주묻는질문 */
.sub5_4_2 .qna_list_wrap{border-top:2px solid #ff6600}
.sub5_4_2 .qna_list_wrap dl{padding:0 80px; border-top:1px solid #e5e5e5}
.sub5_4_2 .qna_list_wrap dl:first-child{border-top:none; }
.sub5_4_2 .qna_list_wrap dl dt{color:#333; font-size:16px; padding:25px 0; cursor: pointer; position:relative}
.sub5_4_2 .qna_list_wrap dl dt:before{content:''; width:30px; height:30px; background:url('../images/05/ico_q.png') no-repeat; position:absolute; left:-50px; top:50%; margin-top:-15px;}
.sub5_4_2 .qna_list_wrap dl dt:after{content:''; width:20px; height:20px; background:url('../images/05/ico_plus.png') no-repeat; position:absolute; top:50%; margin-top:-10px; right:-40px;}
.sub5_4_2 .qna_list_wrap dl dd{color:#333; font-size:16px; padding:25px 0; display:none; position:relative}
.sub5_4_2 .qna_list_wrap dl dd:before{content:''; width:30px; height:30px; background:url('../images/05/ico_a.png') no-repeat; position:absolute; left:-50px; top:50%; margin-top:-15px;}
.sub5_4_2 .qna_list_wrap dl.on{background:#f8f8f8;}
.sub5_4_2 .qna_list_wrap dl.on dt:after{background:url('../images/05/ico_close.png') no-repeat;}
.sub5_4_2 .qna_list_wrap dl.on  dd{border-top:1px solid #e5e5e5}


/* 05정보_05뉴스레터신청 */
.sub5_5 .cont_wrap{margin-bottom:120px;}
.sub5_5 .cont_wrap .tit_box{margin-bottom:50px;}
.sub5_5 .cont_wrap .tit_box .tit{color:#ff6600; font-size:28px; font-weight:500; border-bottom:2px solid #ff6600; padding-bottom:15px; margin-bottom:30px;}
.sub5_5 .cont_wrap .tit_box span{display:inline-block; padding-left:12px; position:relative; font-size:17px; color:#777; line-height:170%;}
.sub5_5 .cont_wrap .tit_box span:before{content:''; width:3px; height:3px; background:#fca313; position:absolute; top:50%; margin-top:-1.5px; left:0;}
.sub5_5 .cont_wrap .agree_box{margin-bottom:20px;}
.sub5_5 .cont_wrap .agree_box p{color:#333; font-size:20px; font-weight:500; margin-bottom:20px;}
.sub5_5 .cont_wrap .agree_box div{padding:20px; color:#bbb; font-size:15px; line-height:160%; border:1px solid #e5e5e5; overflow-y: scroll; height:135px;}
.sub5_5 input[type=checkbox] { display:none; }
.sub5_5 input[type=checkbox] + label {display: inline-block; cursor: pointer; line-height: 30px; padding-left: 45px; background: url('../images/05/check_off.png') no-repeat;}
.sub5_5 input[type=checkbox]:checked + label { background-image: url('../images/05/check_on.png'); }
.sub5_5 .check_box{color:#666; font-size:16px; font-weight:500;}
.sub5_5 .check_box span{color:#ff6600; font-weight:500; display:inline-block; margin-right:5px;}
.sub5_5 .mail_box{margin-top:50px; width:100%;}
.sub5_5 .mail_box .tit{color:#333; font-size:20px; font-weight:500; margin-bottom:20px;}
.sub5_5 .mail_box > div{background:#f5f5f5;}
.sub5_5 .mail_box > div > div{padding:25px 28px; display:inline-block;}
.sub5_5 .mail_box > div .mail01{width:270px; border:1px solid #e5e5e5; line-height:45px; height:45px; box-sizing: border-box; padding:0 15px; font-size:16px; font-family: 'Noto Sans KR',sans-serif; outline-style: none; -webkit-appearance: none; /* 브라우저별 기본 스타일링 제거 */ -moz-appearance: none; appearance: none; float:left;}
.sub5_5 .mail_box > div span{display:inline-block; color:#777; font-size:15px; margin:0 10px; float:left; line-height:45px;}
.sub5_5 .mail_box > div .mail02{width:270px; border:1px solid #e5e5e5; line-height:45px; height:45px; box-sizing: border-box; padding:0 15px; font-size:16px; font-family: 'Noto Sans KR',sans-serif; outline-style: none; -webkit-appearance: none; /* 브라우저별 기본 스타일링 제거 */ -moz-appearance: none; appearance: none; float:left; margin-right:5px;}
.sub5_5 .mail_box > div select{width:165px; border:1px solid #e5e5e5; line-height:45px; height:45px; box-sizing: border-box; padding:0 15px; font-size:16px; font-family: 'Noto Sans KR',sans-serif; outline-style: none; -webkit-appearance: none; /* 브라우저별 기본 스타일링 제거 */ -moz-appearance: none; appearance: none; color:#b2b2b2; background:#fff url('../images/common/arrow_b.png') no-repeat; background-position:center right 17px; float:left; margin-right:10px;}
.sub5_5 .mail_box > div button{border: none; float:left; width:120px; height:45px; line-height:45px; border-radius: 5px; background:#333; color:#fff; text-align:center; font-size:16px;}
.sub5_5 .mail_box .ps_txt{color:#777; font-size:14px; margin-top:20px;}


@media (max-width:1240px) {

.sub5_5 .mail_box > div{text-align:center}
}
@media (max-width:1024px) {
    .sub5_5 .sub_container .main_tit{margin-bottom:0;}
}

@media (max-width:980px){

    .sub5_2_2 .list_wrap ul li div dd{padding:20px 15px;}
    .sub5_2_2 .list_wrap ul li div dd p{font-size:16px;}
    .sub5_2_2 .list_wrap ul li div dd > span{font-size:12px; margin-right:0;}
    .sub5_2_2 .list_wrap ul{margin:-5px}
    .sub5_2_2 .list_wrap ul li div{margin:5px;}

    .sub5_2_3 .list_wrap ul li div dd{padding:20px 15px;}
    .sub5_2_3 .list_wrap ul li div dd p{font-size:14px;}
    .sub5_2_3 .list_wrap ul li div dd span{font-size:12px;}

    .sub5_3_1 .board_list_box .board_list .list_wrap ul{margin:-5px;}
    .sub5_3_1 .board_list_box .board_list .list_wrap ul li > div{margin:5px;}
    .sub5_3_1 .board_list_box .board_list .list_wrap ul li > div a dl dt{padding:25px 15px;}
    .sub5_3_1 .board_list_box .board_list .list_wrap ul li > div a dl dt .tit{font-size:16px; margin-bottom:15px;}
    .sub5_3_1 .board_list_box .board_list .list_wrap ul li > div a dl dt .sub_tit{font-size:14px; line-height:145%;}
    .sub5_3_1 .board_list_box .board_list .list_wrap ul li > div a dl dd div{padding:10px 20px;}
    .sub5_3_1 .board_list_box .board_list .list_wrap ul li > div a dl dd div span{font-size:12px;}

    .sub5_4_2 .qna_list_wrap dl{padding:0 50px;}
    .sub5_4_2 .qna_list_wrap dl dt{padding:20px 0; font-weight:500;}
    .sub5_4_2 .qna_list_wrap dl dt:before,
    .sub5_4_2 .qna_list_wrap dl dd:before{left:-40px;}
    .sub5_4_2 .qna_list_wrap dl.on dt{color:#ff6600; font-weight:500;}
    .sub5_4_2 .qna_list_wrap dl.on dt:after{background:url('../images/05/ico_close_o.png') no-repeat; background-size:16px;}
    .sub5_4_2 .qna_list_wrap dl dd{font-weight:500;}

    .sub5_5 .cont_wrap .tit_box{margin-bottom:30px;}
    .sub5_5 .cont_wrap .tit_box .tit{color:#333; font-size:16px; border-bottom:none; margin-bottom:10px; padding-bottom:0;}
    .sub5_5 .cont_wrap .tit_box span{font-size:14px; line-height:140%; margin-bottom:10px; padding-left:10px;}
    .sub5_5 .cont_wrap .tit_box span:before{top:7px; margin-top:0;}
    .sub5_5 .cont_wrap .agree_box p{font-size:16px; margin-bottom:10px;}
    .sub5_5 .cont_wrap .agree_box div{padding:15px; font-size:14px;}
    .sub5_5 input[type=checkbox] + label{padding-left:40px; font-weight:500;}
    .sub5_5 .check_box{font-size:14px; color:#333;}
    .sub5_5 .mail_box .tit{font-size:16px;}
    .sub5_5 .mail_box > div .mail01,
    .sub5_5 .mail_box > div .mail02{width:28%;}
    .sub5_5 .mail_box > div select{width:20%;}
    .sub5_5 .mail_box > div button{width:16%;}
}

@media (max-width:768px) {
    .sub5_2_2 .list_wrap ul li{width:50%;}
    .sub5_2_2 .list_wrap ul li div dd{position:relative; padding-bottom:50px;} /* 210905 수정 */
    .sub5_2_2 .list_wrap ul li div dd a{background:#b2b2b2; color:#fff; height:40px; line-height:40px; position:absolute; bottom:0; left:0; width:100%; border-radius: 0; font-size:14px;}
    .sub5_2_2 .list_wrap ul li div dd a span{background:url('../images/common/arrow_right_w.png') no-repeat; background-position:center right; background-size:7px; line-height:40px;}

    .sub5_2_3_2 .list_wrap ul{margin:-5px;}
    .sub5_2_3_2 .list_wrap ul li{width:50%;}
    .sub5_2_3_2 .list_wrap ul li > div{margin:5px;}
    .sub5_2_3_2 .list_wrap ul li > div dl dd > div{padding:15px 10px;}
    .sub5_2_3_2 .list_wrap ul li > div dl dd p{font-size:16px;}
    .sub5_2_3_2 .list_wrap ul li > div dl dd span{font-size:12px;}

    .sub5_2_3 .list_wrap ul{margin:-5px;}
    .sub5_2_3 .list_wrap ul li{width:50%;}
    .sub5_2_3 .list_wrap ul li div{margin:5px;}

    .sub5_2_3 .board_list_box .board_list .sort_list span.input_select select,
    .sub5_2_3 .board_list_box .board_list .sort_list span.input_select select{width:100%; height:35px; line-height:35px; font-size:14px;}
    .sub5_2_3 .board_list_box .board_list .sort_list.mo_dis{display:block;}
    .sub5_2_3 .board_list_box .board_list .sort_list.pc_dis{display:none;}
    .sub5_2_3 .board_list_box .board_list .sort_list{position:relative; top:auto; width:100%; margin-top:-10px;}
    .sub5_2_3 .board_list_box .board_list .sort_list span{width:100%; padding:0; line-height:34px;}
    .sub5_2_3 .list_wrap ul li div dt{height:155px;}  /* 210827 수정 */

    .sub5_3_1 .board_list_box .board_list > p{margin-top:20px;}
    .sub5_3_1 .board_list_box .board_list .list_wrap ul li{width:100%;}

    .sub5_5 .mail_box > div > div{padding:20px 10px}
    .sub5_5 .mail_box > div button,
    .sub5_5 .mail_box > div .mail01,
    .sub5_5 .mail_box > div .mail02,
    .sub5_5 .mail_box > div select{font-size:14px; line-height:36px; height:36px;}
    .sub5_5 .mail_box > div .mail01,
    .sub5_5 .mail_box > div .mail02{width:34%}
    .sub5_5 .mail_box > div span{width:6%; margin:0;}
    .sub5_5 .mail_box > div select{width:25%; margin-right:0;}
    .sub5_5 .mail_box > div button{width:100%; }



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

    .sub5_5 .mail_box > div .mail01,
    .sub5_5 .mail_box > div .mail02{width:33%}
    .sub5_5 .mail_box > div span{width:6%; margin:0;}
    .sub5_5 .mail_box > div select{width:26%; margin-right:0;}
    .sub5_2_2 .list_wrap ul li div dt{height:160px;}

}
@media (max-width:480px) {
    .sub5_2_2 .board_search_box dl dt{width:30%;}
    .sub5_2_2 .board_search_box dl dd{width:69%;}
}