/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0}
fieldset,img {border:0 none}
dl,ul,ol,menu,li {list-style:none}
blockquote, q {quotes:none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
input,select,textarea,button {font-size:100%;vertical-align:middle}
button {border:0 none;background-color:transparent;cursor:pointer;outline:none;}
table {border-collapse:collapse;border-spacing:0}
body {-webkit-text-size-adjust:none} /* 뷰표트 변환시 폰트크기 자동확대 방지 */
input[type='text'],input[type='password'],input[type='submit'],input[type='search'] {-webkit-appearance:none; border-radius:0}
input:checked[type='checkbox'] {background-color:#666; -webkit-appearance:checkbox}
button,input[type='button'],input[type='submit'],input[type='reset'],input[type='file'] {-webkit-appearance:button; border-radius:0}
input[type='search']::-webkit-search-cancel-button {-webkit-appearance:none}
 
body,th,td,input,select,textarea,button { font-size:13px;line-height:1.5;font-family: HelveticaNeue-Light, AppleSDGothicNeo-Light, Arial, sans-serif; height: 100%;color:#333}
 
a {text-decoration:none; color:#333}
a:active, a:hover {text-decoration:none; color:#333}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}
img { max-width: 100%; vertical-align: top; }
* { box-sizing: border-box; }

#body_wrap { max-width: 768px; margin: 0 auto; position: relative; overflow: hidden; }

/* skip-navigation */
.skip { display: block; height: 1px; width: 1px; margin: 0 -1px -1px 0; padding: 0; overflow: hidden; font-size: 0; line-height: 0; }
.skip:focus { width: 100%; height: auto; margin: 0; padding: 5px 0; text-indent: 10px; font-weight: 500; font-size: 12px; color: #333; line-height: 1; text-decoration: none; position: absolute; top: 0px; left: 65px; }

/* gnb */
#gnb { position: absolute; top: 0px; right: -290px; width: 290px; z-index: 9999; background-color: rgba(255, 255, 255, 0.95); padding-bottom: 30px; }
#gnb .gnb_header { padding: 40px 20px 20px 20px; }
/* .gnb_header .search_box { width: 100%; max-height: 260px; height: 36px; background-color: #2467ba; margin: 0 auto; position: relative; padding: 0 40px 0 20px; border: none; border-radius: 999px; }
.gnb_header .search_box input { background: none; border: none; height: 36px; vertical-align: top; font-size: 13px; color: #fff; }
.gnb_header .search_box input::placeholder { color: #f1f1f1; }
.gnb_header .search_box button { position: absolute; top: 5px; right: 5px; width: 26px; height: 26px; background: none; border: none; } */
.login_menu { overflow: hidden; padding: 10px; border: 1px solid #000; }
.login_menu li { float: left; width: 33.33%; text-align: center; position: relative; }
.login_menu li::before { content: ""; position: absolute; top: 30%; left: 0; width: 1px; height: 40%; background-color: #000; opacity: 0.5; }
.login_menu li:first-child::before  { display: none; }
.login_menu li a img { height: 22px; width: auto; }
.login_menu li a p { font-size: 13px; color: #fff; padding-top: 5px; }

.gnb_menu > li { position: relative; }
.gnb_menu > li.home { background: url(../images//bg_gnb_home.png) center no-repeat; background-size: cover; border-bottom: none; }
.gnb_menu > li.home h2 { color: #fff; height: 41px; font-size: 18px; font-weight: 500; line-height: 41px; }
.gnb_menu > li.home h2 a { color: #fff; }
.gnb_menu > li > h2 { height: 49px; font-size: 16px; font-weight: bold; color: #000; line-height: 49px; }
.gnb_menu > li > h2 > a { display: block; padding-left: 20px;  }
.gnb_menu > li > h2 > a > img { vertical-align: middle; height: 16px; }
.gnb_menu > li > span { position: absolute; cursor: pointer; width: 35px; height: 35px; top: 7px; right: 0; text-align: center; line-height: 35px; }
.gnb_menu > li > span > img { vertical-align: middle; transition-duration: 0.5s; transition-property: transform; width: auto; height: 10px; }
.gnb_menu > li.fold > span > img { transform: rotate(180deg); -webkit-transform: rotate(-180deg); }
.gnb_sub_menu { display: block; padding: 0 20px 20px 10px; position: relative; }
.gnb_sub_menu::after { content: ""; display: block; clear: both; }
.gnb_sub_menu > li { float: left; width: 50%; padding-left: 5px; }
.gnb_sub_menu > li a { display: inline-block; padding-left: 20px; font-size: 13px; color: #666; line-height: 30px; padding-left: 7px; position: relative; letter-spacing: -1px; }
.gnb_sub_menu > li a::before { content: "·"; position: absolute; top: 0; left: 0; }
#gnb .dema_app_down { display: block; margin-top: 1px; }
#bg_overlay { position: fixed; top: 0px; right: -100%; width: 100%; height: 100%; z-index:8888; background-color: rgba(0, 0, 0, 0.8); }
#bg_overlay button { position: absolute; top: 10px; left: 20px; width: 25px; height: 25px; }
#bg_overlay button img { width: 20px; }

/* 헤더 */
.header_conts { position: relative; top: 0; left: 0; width: 100%; text-align: center; background-color: #fff; height: 50px; }
.header_conts h1 { line-height: 50px; }
.header_conts h1 a img { height: 30px; vertical-align: middle; }
.header #open_gnb { position: absolute; top: 10px; right: 20px; width: 30px; height: 30px; }
.header #open_gnb img { height: 20px; }
.header #btn_search { position: absolute; top: 10px ; left: 20px; width: 30px; height: 30px; border: 1px solid #000; }
.header #btn_search img { height: 15px; vertical-align: middle; margin-top: -3px; }
#search_box { position: fixed; top: -150px; left: 0; width: 100%; height: 150px; background-color: rgba(255, 255, 255, 0.95); z-index: 999; opacity: 0; transition: all 0.3s ease-in-out; }
#search_box.on { top: 0; opacity: 1; }
#search_box input { width: 100%; padding-left: 2%; height: 35px; border: none; background: none; font-size: 13px; font-weight: bold; }
.close_search { position: absolute; top: 10px; right: 20px; width: 30px; height: 30px; background: none; border: none; }
.close_search img { vertical-align: middle; margin-top: -3px; height: 15px; }
.search_box { width: 80%; margin: 70px auto 0 auto; border-bottom: 2px solid #000; position: relative; padding-right: 35px; padding-bottom: 10px; }
.search_box button { position: absolute; top: 0; right: 0; width: 35px; height: 35px; background-color: #000; }
.search_box button img { height: 15px; vertical-align: middle; margin-top: -3px;}
/* nav */
.nav { position: fixed; bottom: 0; left: 0; width: 100%; overflow: hidden; height: 68px; padding: 10px; z-index: 777; background-color: #fff; }
.nav li { width: 20%; text-align: center; float: left; }
.nav li a { display: block; height: 48px; padding-top: 30px; font-size: 13px; color: #AFAFAF; }
.nav li:first-child { background: url(../images/gnb_01.png) center 3px no-repeat; background-size: auto 24px; }
.nav li:nth-child(2) { background: url(../images/gnb_02.png) center 3px no-repeat; background-size: auto 24px; }
.nav li:nth-child(3) { background: url(../images/gnb_03.png) center 3px no-repeat; background-size: auto 24px; }
.nav li:nth-child(4) { background: url(../images/gnb_04.png) center 3px no-repeat; background-size: auto 24px; }
.nav li:nth-child(5) { background: url(../images/gnb_05.png) center 3px no-repeat; background-size: auto 24px; }
.nav li.active a { color: #000; font-weight: bold; }
.nav li.active:first-child { background-image: url(../images/gnb_01_on.png); }
.nav li.active:nth-child(2) { background-image: url(../images/gnb_02_on.png); }
.nav li.active:nth-child(3) { background-image: url(../images/gnb_03_on.png); }
.nav li.active:nth-child(4) { background-image: url(../images/gnb_04_on.png); }
.nav li.active:nth-child(5) { background-image: url(../images/gnb_05_on.png); }

.content_wrap { overflow: hidden; }

/* top banner */
.top_banner_wrap { position: relative; overflow: hidden; }
.top_banner_slide li { position: relative; }
.top_banner_slide li .info { position: absolute; top: 36px; left: 26px; }
.top_banner_slide li .info .mark { display: block; width: 54px; }
.top_banner_slide li .info h3 { font-size: 38px; font-weight: 900; color: #fff; letter-spacing: -1px; }
.top_banner_slide li .info .schedule { font-size: 13px; color: #fff; }
.top_banner_slide li .go { display: inline-block; width: 103px; margin-top: 10px; }
.swiper-container-horizontal > .top_banner_pagination { position: absolute; bottom: 0; right: 0; left: auto; z-index: 11; text-align: right; padding-right: 10px; }
.top_banner_wrap .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { display: inline-block; width: 10px; height: 10px; background-color: #000; border: none; margin: 0 2px; vertical-align: middle; }
.top_banner_wrap .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active { width: 14px; height: 14px; background-color: transparent; border: 2px solid #000; }

/* 메인 슬라이드 */
.main_slide_wrap { padding: 20px 12px; margin-top: -120px; overflow: hidden; }
.main_slide li { width: 220px; position: relative; }
.main_slide li .img { position: relative; width: 100%; height: 0; padding-bottom: 56.22%; }
.main_slide li .img > img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.main_slide li .caption { padding: 10px; background-color: #fff; border: 1px solid #e1e1e1; border-top: none; border-left: none; text-align: center; }
.main_slide li:first-child .caption { border-left: 1px solid #e1e1e1; }
.main_slide li .caption h3 { font-size: 13px; font-weight: bold; color: #000; line-height: 18px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; word-wrap:normal; height: 36px; word-break: keep-all; margin-top: 6px; }
.tv .main_slide li .caption p { font-size: 13px; color: #01B4E2; }
.fm .main_slide li .caption p { font-size: 13px; color: #F8C21A; }


/* schedule */
.schedule { position: relative; padding-bottom: 15px; border-bottom: 1px solid #d8d8d8; margin: 0 12px 15px 12px; }
.schedule::after { content: ""; display: block; clear: both; }
.schedule .schedule_box { position: relative; padding-left: 70px; padding-top: 15px; }
.schedule_box .tit { position: absolute; top: 15px; left: 0; width: 60px; height: 60px; line-height: 60px; text-align: center; margin-right: 15px; }
.schedule_box .tit h3 { display: inline-block; vertical-align: middle; font-size: 13px; line-height: 1.2; }
.schedule_box .tit h3 span{ font-size: 20px; font-weight: bold; letter-spacing: -1px; }
.tv .tit { border: 1px solid #01B4E2; }
.tv .tit h3 { color: #01B4E2; }
.fm .tit { border: 1px solid #F8C21A; }
.fm .tit h3 { color: #F8C21A; }
.schedule_list { padding: 5px 0; }
.schedule_list li { line-height: 25px; position: relative; padding-left: 40px; padding-right: 20px; }
.schedule_list .item { position: absolute; top: 2px; left: 0; width: 30px; height: 20px; border-radius: 3px; text-align: center; line-height: 20px; font-size: 12px; font-weight: bold; color: #fff; }
.schedule_list p { font-size: 13px; font-weight: bold; color: #000; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; }
.schedule_list .mark_onair { position: absolute; top: 2px; right: 0; width: 20px; height: 20px; }
.tv .schedule_list .item { background-color: #01B4E2; }
.fm .schedule_list .item { background-color: #F8C21A; }
.onair { text-align: right; padding: 0 12px; margin-bottom: 100px; }
.onair a { font-size: 13px; color: #000; }
.onair h3 a strong { font-size: 14px; font-weight: bold; }
.onair .go_guide { display: block; height: 46px; line-height: 46px; text-align: center; background-color: #F5F7FA; color: #000; font-size: 13px; font-weight: 500; margin-top: 15px; }
.onair .go_guide img { vertical-align: middle; margin-top: -3px; margin-right: 10px; height: 20px; }

/* section */
.section_01 { background-color: #f6f6f6; padding: 25px 0; }
.section_01_conts { padding: 0 12px; overflow: hidden; }
.article { position: relative; margin: 15px 0; }
.article h3 { font-size: 16px; font-weight: bold; color: #000; margin-bottom: 8px; }
.article .more { position: absolute; top: 2px; right: 0; font-size: 12px; font-weight: bold; color: #4b4b4b; }
.article_slide > li { width: 190px; }
.article_slide .img { width: 100%; height: 0; padding-bottom: 56.47%; position: relative; }
.article_slide .img > img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover; border-radius: 10px; }
.article_slide .img .mark { position: absolute; bottom: 10px; right: 10px; width: 20px; height: 20px; }
.article_slide .txt { margin-top: 5px; }
.article_slide .txt h4 { font-size: 13px; font-weight: bold; color: #000; line-height: 18px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; word-wrap:normal; height: 36px; word-break: keep-all; }
.article_slide_wrap { position: relative; }
.article_slide_wrap .slide_tool { position: absolute; top: -33px; right: 45px; }
.slide_tool button { width: 20px; height: 20px; margin-left: 10px; }
.slide_tool .btn_prev { background: url(../images/icon_arrPrev.png) center no-repeat; background-size: auto 10px; }
.slide_tool .btn_next { background: url(../images/icon_arrNext.png) center no-repeat; background-size: auto 10px; }
.slide_tool .btn_stop { background: url(../images/btn_pause.png) center no-repeat; background-size: auto 10px; }
.slide_tool .btn_start { background: url(../images/btn_play.png) center no-repeat; background-size: auto 10px; }

.article_nuri_slide_wrap { position: relative; }
.article_nuri_slide_wrap .slide_tool { position: absolute; top: -33px; right: 45px; }
.article_nuri_slide_wrap .article_slide .img { padding-bottom: 56.25%; }
.article_slide .img > img { border-radius: 0; }

.section_02 { padding: 25px 0; background-color: #fff; }
.section_02_conts { padding: 0 12px; }

/* 게시판 */
.board_wrap { padding: 20px 12px; border: 1px solid #e8e8e8; border-top: 2px solid #000; position: relative; height: 315px; }
.board_wrap h3 { position: absolute; top: 20px; left: 12px; font-size: 16px; font-weight: bold; color: #000; }
.board_main { position: relative; text-align: right; }
.board_main > li { display: inline-block; margin-left: 10px; }
.board_main > li > a { display: block; text-align: center; font-size: 13px; font-weight: 500; color: #999; border-bottom: 1px solid #fff; line-height: 1.8; }
.board_main > li > a.selected { color: #000; border-bottom-color: #000; font-weight: bold; }
.board_ea { display: none; position: absolute; top: 40px; left: 0; width: 100%; text-align: left; }
.board_ea li { margin: 10px 0; }
.board_ea li a { display: block; font-size: 13px; font-weight: bold; color: #4b4b4b; line-height: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap:normal; }
.board_ea li .date { font-size: 12px; font-weight: 500; color: #666; }

/* e-book */
.journal_wrap { padding: 20px 12px; border: 1px solid #e8e8e8; border-top: none; position: relative; height: 310px; }
.journal_wrap h3 { position: absolute; top: 20px; left: 12px; font-size: 16px; font-weight: bold; color: #000; }
.ebook_list { position: relative; text-align: right; }
.ebook_list > li { display: inline-block; margin-left: 10px; }
.ebook_list > li > a { display: block; text-align: center; font-size: 13px; font-weight: 500; color: #999; border-bottom: 1px solid #fff; line-height: 1.8; }
.ebook_list > li > a.selected { color: #000; border-bottom-color: #000; font-weight: bold; }
.journal_ea { display: none; position: absolute; top: 40px; left: 0; width: 100%; text-align: left; }
.journal_ea li { float: left; width: 31.33%; margin-left: 3%; }
.journal_ea li:first-child { margin-left: 0; }
.journal_ea li .img { width: 100%; height: 0; padding-bottom: 135.66%; position: relative; border: 1px solid #d8d8d8; }
.journal_ea li .img img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover; }
.journal_ea li .txt { margin-top: 5px; text-align: center; }
.journal_ea li .txt h4 { font-size: 12px; font-weight: bold; color: #000; line-height: 16px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; word-wrap:normal; height: 32px; word-break: keep-all; }
.journal_wrap .sns_link { position: absolute; bottom: 20px; left: 0; width: 100%; text-align: center; }
.journal_wrap .sns_link li { display: inline-block; margin: 0 5px; }
.journal_wrap .sns_link li a { display: block; width: 36px; height: 36px; }

.media_wrap { padding: 25px 12px; border: 1px solid #e8e8e8; border-top: none; position: relative; }
.media_wrap .media_conts:first-child { margin-bottom: 15px; }
.media_conts { position: relative; }
.media_conts h3 { font-size: 16px; font-weight: bold; color: #000; margin-bottom: 5px; }
.media_conts .more { position: absolute; top: 5px; right: 0; font-size: 13px; font-weight: bold; color: #4b4b4b; }
.media_conts .article_list { position: relative; }
.media_conts .article_list::after { content: ""; display: block; clear: both; }
.media_conts .article_list li { float: left; width: 31.33%; margin-left: 3%; }
.media_conts .article_list li:first-child { margin-left: 0; }
.media_conts .article_list li .img { width: 100%; height: 0; padding-bottom: 83.57%; position: relative; }
.media_conts .article_list li .img > img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover; border-radius: 10px; }
.media_conts .article_list li .img .mark { position: absolute; bottom: 10px; right: 10px; width: 20px; height: 20px; }

.guide_wrap { padding: 25px 12px; border: 1px solid #e8e8e8; border-top: none; position: relative; }
.mid_banner_wrap { position: relative; overflow: hidden; }
.mid_banner_wrap .banner_tool { position: absolute; bottom: 7px; right: 10px; width: 62px; height: 20px; border-radius: 999px; background-color: rgba(0, 0, 0, 0.5); z-index: 11; text-align: right; padding: 0 10px; }
.mid_banner_wrap .banner_tool a { display: inline-block; font-size: 12px; color: #fff; }
.mid_banner_wrap .btn_prev { position: absolute; top: 0; left: 0; width: 20px; height: 20px; background: url(../images/btn_prev_01.png) center no-repeat; z-index: 11; }
.mid_banner_wrap .btn_next { position: absolute; top: 0; left: 40px; width: 20px; height: 20px; background: url(../images/btn_next_01.png) center no-repeat; z-index: 11; }
.mid_banner_wrap .btn_pause { position: absolute; top: 0; left: 20px; width: 20px; height: 20px; background: url(../images/btn_pause.png) center no-repeat; z-index: 11; }
.mid_banner_wrap .btn_play { display: none; position: absolute; top: 0; left: 20px; width: 20px; height: 20px; background: url(../images/btn_play.png) center no-repeat; z-index: 11; }
.guide_wrap .guide { text-align: center; padding-top: 30px; }
.guide_wrap .guide li { display: inline-block; margin: 0 5px; }
.guide_wrap .guide li a { display: block; width: 60px; font-size: 12px; font-weight: bold; color: #000; }
.guide_wrap .guide li a img { margin-bottom: 10px; }
.mid_banner { padding: 0 12px; }

/*** 국방TV ***/
/* 방영프로그램 */
.tv_conts { padding: 20px 12px 0 12px; }
.tv_pro_select { text-align: center; position: relative; padding: 10px 0; }
.tv_pro_select::after { content: ""; position: absolute; top: 16px; left: 50%; width: 1px; height: 10px; background-color: #9c9a96;}
.tv_pro_select li { display: inline-block; }
.tv_pro_select li a { display: inline-block; padding: 0 10px; font-size: 16px; font-weight: bold; color: #c6c6c6; letter-spacing: -1px; }
.tv_pro_select li a.selected { color: #000; }
.tv_pro_sort { width: 200px; margin: 0 auto 20px auto; border: 1px solid #000; border-left: none; text-align: center; position: relative; display: flex; flex-wrap: nowrap; }
.tv_pro_sort a { flex: 1; padding: 5px 0; font-size: 12px; font-weight: 500; color: #615d57; letter-spacing: -1px; border-left: 1px solid #000; }
.tv_pro_sort a.selected { color: #fff; background-color: #000; }
.tv_pro_list { position: relative; display: flex; flex-wrap: wrap; justify-content: space-between; }
.tv_pro_list li { width: 48%; margin-bottom: 4%; }
.tv_pro_img { height: 0; padding-bottom: 65.12%; position: relative; margin-bottom: 5px; }
.tv_pro_img > img { position: absolute; width: 100%; height: 100%; object-fit: cover; }
.tv_pro_img .overlay_new { position: absolute; top: 0; left: 0; width: 40px; }
.tv_pro_list h4 { font-size: 14px; font-weight: bold; color: #000; letter-spacing: -1px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; word-wrap:normal; max-height: 40px; }
.tv_pro_list p { font-size: 12px; font-weight: bold; color: #a5a5a5; }
.tv_conts .serch_box { width: 90%; margin: 0 auto; border-radius: 5px; padding-right: 36px; position: relative; background-color: #c8c8c8; }
.tv_conts .serch_box input { width: 100%; border: none; background: none; font-size: 13px; font-weight: 500; color: #000; height: 36px; padding-left: 10px; }
.tv_conts .serch_box button { position: absolute; top: 0; right: 0; width: 36px; height: 36px; }
.tv_conts .serch_box button img { height: 20px; }
.tv_endPro_list { border-top: 1px solid #808080; margin-top: 15px; }
.tv_endPro_list li { position: relative; padding: 10px 45px; border-bottom: 1px solid #808080; background: url(../images/icon_tv_02.png) 0 center no-repeat; background-size: 30px; }
.tv_endPro_list li h4 { font-size: 14px; line-height: 20px; font-weight: bold; color: #000; letter-spacing: -1px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; }
.tv_endPro_list li span { font-size: 12px; color: #c1c1c1; }
.tv_endPro_list li a { position: absolute; top: 50%; margin-top: -15px; right: 10px; display: block; width: 30px; height: 30px; }

/*** 국방 FM ***/
/* 방영프로그램 */
.fm_conts { padding: 20px 12px 0 12px; }
.fm_pro_select { text-align: center; position: relative; padding: 10px 0; }
.fm_pro_select::after { content: ""; position: absolute; top: 16px; left: 50%; width: 1px; height: 10px; background-color: #9c9a96;}
.fm_pro_select li { display: inline-block; }
.fm_pro_select li a { display: inline-block; padding: 0 10px; font-size: 16px; font-weight: bold; color: #c6c6c6; letter-spacing: -1px; }
.fm_pro_select li a.selected { color: #000; }
.fm_pro_sort { width: 200px; margin: 0 auto 20px auto; border: 1px solid #000; border-left: none; text-align: center; position: relative; display: flex; flex-wrap: nowrap; }
.fm_pro_sort a { flex: 1; padding: 5px 0; font-size: 12px; font-weight: 500; color: #615d57; letter-spacing: -1px; border-left: 1px solid #000; }
.fm_pro_sort a.selected { color: #fff; background-color: #000; }
.fm_pro_list { position: relative; display: flex; flex-wrap: wrap; justify-content: space-between; }
.fm_pro_list li { width: 48%; margin-bottom: 4%; }
.fm_pro_img { height: 0; padding-bottom: 65.12%; position: relative; margin-bottom: 5px; }
.fm_pro_img > img { position: absolute; width: 100%; height: 100%; object-fit: cover; }
.fm_pro_img .overlay_new { position: absolute; top: 0; left: 0; width: 40px; }
.fm_pro_list h4 { font-size: 14px; font-weight: bold; color: #000; letter-spacing: -1px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; word-wrap:normal; max-height: 40px; }
.fm_pro_list p { font-size: 12px; font-weight: bold; color: #a5a5a5; }
.fm_conts .serch_box { width: 90%; margin: 0 auto; border-radius: 5px; padding-right: 36px; position: relative; background-color: #c8c8c8; }
.fm_conts .serch_box input { width: 100%; border: none; background: none; font-size: 13px; font-weight: 500; color: #000; height: 36px; padding-left: 10px; }
.fm_conts .serch_box button { position: absolute; top: 0; right: 0; width: 36px; height: 36px; }
.fm_conts .serch_box button img { height: 20px; }
.fm_endPro_list { border-top: 1px solid #808080; margin-top: 15px; }
.fm_endPro_list li { position: relative; padding: 10px 45px; border-bottom: 1px solid #808080; background: url(../images/icon_fm_02.png) 0 center no-repeat; background-size: 30px; }
.fm_endPro_list li h4 { font-size: 14px; line-height: 20px; font-weight: bold; color: #000; letter-spacing: -1px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; }
.fm_endPro_list li span { font-size: 12px; color: #c1c1c1; }
.fm_endPro_list li a { position: absolute; top: 50%; margin-top: -15px; right: 10px; display: block; width: 30px; height: 30px; }
  
/*** 국방누리 ***/
.nuri_top_banner_wrap { position: relative; overflow: hidden; margin-bottom: 30px; }
.nuri_top_banner_wrap::before { content: ""; position: absolute; bottom: 25px; left: 0; width: 100%; height: 30%; background-color: #60BEA1; }
.nuri_top_banner { position: relative; background: url(../images/bg_nuri.png) left bottom no-repeat; background-size: auto 66px; }
.nuri_top_banner li a { display: block; padding-bottom: 66px; }
.nuri_top_banner .img { text-align: center; padding-bottom: 16px; }
.nuri_top_banner .img img { width:80%; }
.nuri_top_banner .txt { padding: 20px 20px 10px 20px;  }
.nuri_top_banner .txt h3 { font-size: 32px; font-weight: bold; color: #000; padding-top: 25px; position: relative; background: url(../images/logo_nuri.png) left top no-repeat; background-size: auto 24px; }
.nuri_top_banner .txt p { font-size: 14px; font-weight: bold; color: #000; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; word-wrap:normal; line-height: 22px; height: 44px; }

.swiper-container-horizontal > .nuri_top_banner_pagination { position: absolute; bottom: 0; left: 259px; width: calc(100% - 259px); z-index: 11; text-align: right; padding-right: 10px; height: 25px; background-color: #fff;  }
.nuri_top_banner_wrap .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { display: inline-block; width: 10px; height: 10px; background-color: #000; border: none; margin: 0 2px; vertical-align: middle; }
.nuri_top_banner_wrap .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active { width: 14px; height: 14px; background-color: transparent; border: 2px solid #000; }

.nuri_sns { position: absolute; bottom: 0; left: 0; width: 166px; height: 66px; z-index: 9; }
.nuri_sns .sns_link { text-align: center; margin-top: 23px; }
.nuri_sns .sns_link li { display: inline-block; margin: 0 4px; }
.nuri_sns .sns_link li a { display: block; width: 20px; height: 20px; line-height: 20px; }
.nuri_sns .sns_link li a img { vertical-align: middle; margin-top: -3px; height: 16px; }

.nuri_conts { padding: 10px 12px; }
.nuri_conts h3 { font-size: 16px; font-weight: bold; color: #000; margin-bottom: 8px; }
.nuri_favo_list { position: relative; }
.nuri_favo_list::after { content: ""; display: block; clear: both; }
.nuri_favo_list li { float: left; width: 49%; margin-left: 2%; margin-bottom: 4%; }
.nuri_favo_list li:nth-child(2n+1) { margin-left: 0; }
.nuri_favo_list .img { width: 100%; height: 0; padding-bottom: 56.25%; position: relative; }
.nuri_favo_list .img > img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover; }
.nuri_favo_list .txt { padding-top: 5px; }
.nuri_favo_list .txt h4 { font-size: 13px; font-weight: bold; color: #000; line-height: 18px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; word-wrap:normal; height: 36px; word-break: keep-all; }
.nuri_favo_list .txt p { font-size: 12px; font-weight: bold; color: #60BEA1; }

/* footer */
.footer { text-align: center; padding-bottom: 85px; background-color: #1E2023; }
.footer_link_01 { border-top: 1px solid #e6e6e6; border-bottom: 1px solid #707070; overflow: hidden; }
.footer_link_01 li { float: left; width: 33.3%; }
.footer_link_01 li a { display: block; text-align: center; line-height: 40px; height: 40px; font-size: 13px; color: #fff; font-weight: bold; position: relative; }
.footer_link_01 li a::before { content: ""; position: absolute; top: 50%; left: 0; width: 1px; height: 10px; background-color: #707070; margin-top: -5px; }
.footer_link_01 li:first-child a::before { display: none; }
.footer_link_02 { padding-top: 25px;  }
.footer_link_02 li { display: inline-block; }
.footer_link_02 li a { padding: 5px 2px 5px 7px; font-size: 12px; color: #fff; font-weight: bold; position: relative; }
.footer_link_02 li:first-child a { padding-left: 2px; }

.footer > p { font-size: 12px; color: #919191; padding: 5px 0 10px 0; }
.footer > select { font-size: 12px; background-color: #373A3C; padding: 5px 10px; border: none; color: #fff; }

/* 국방뉴스 페이지 */ 
.k_news_menu { padding: 14px 10px; background-color: #f8f8f8; }
.k_news_menu select { width: 100%; border: 1px solid #d1d1d1; background-color: #fff; height: 34px; font-size: 14px; color: #000; padding-left: 10px; }
.news_clip_img { width: 100%; height: 0; padding-bottom: 56.35%; position: relative; overflow: hidden; }
.news_clip_img .overlay_play { position: absolute; top: 8px; right: 14px; width: 20px; height: 20px; }
.news_clip_txt { padding: 5px 0 10px 0; }
.news_clip_txt h5 { font-size: 14px; font-weight: bold; color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; line-height: 18px; }
.news_clip_txt p { font-size: 12px; color: #949494; }
.ta_center { text-align: center; }
.article_header h3 { font-size: 17px; font-weight: bold; color: #000; }

.btn_box { padding: 10px 0; text-align: center; }
.btn_box .btn_view_all { display: block; width: 100%; height: 40px; background-color: #ececec; border: 1px solid #d4d4d4; font-size: 14px; font-weight: bold; line-height: 40px; }

.k_news_wrap { padding-bottom: 60px; }
.clip_view { border-bottom: 1px solid #000; }
.clip_view_header { border-top: 1px solid #50bbf1; background-color: #f8f8f8; padding: 10px 15px; position: relative; }
.clip_view_header h4 { font-size: 14px; font-weight: bold; color: #272a2c; padding-right: 48px; }
.clip_view_header > .view_num { position: absolute; top: 10px; right: 10px; font-size: 12px; color: #666; padding-left: 25px; background: url(../images//icon_eye.png) 0 center no-repeat; background-size: auto 10px; }

.bg_clip { margin: 29px 0; padding: 14.34% 2.81% 0 2.81%; background: url(../images/news/bg_tv_canvas.png) 0 0 no-repeat; background-size: cover; }
.clip_canvas { width: 100%; height: 0; padding-bottom: 56.25%; position: relative; overflow: hidden; background-color: #000; }
.bg_clip .clip_caption { padding: 10px; }
.bg_clip .clip_caption h5 { font-size: 15px; font-weight: bold; color: #fff; }
.bg_clip .clip_caption p { font-size: 12px; color: #ebebeb; }
.clip_brief { position: relative; padding: 15px 0; border-top: 1px solid #dadada; }
.clip_brief .remark { position: absolute; top: 15px; left: 0; width: 52px; height: 20px; border: 1px solid #d7d7d7; font-size: 12px; font-weight: bold; text-align: center; line-height: 20px; }
.clip_brief p { font-size: 13px; color: #666; padding-left: 70px; }
.clip_brief p strong { color: #000; }
.btn_box .btn_blue_01 { display: inline-block; width: 80px; height: 36px; line-height: 36px; font-size: 12px; color: #fff; background-color: #313f8e; }
.btn_box .btn_gray_01 { display: inline-block; width: 80px; height: 36px; line-height: 36px; font-size: 12px; color: #fff; background-color: #9e9e9e; }
.paging_box { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin-top: 20px; }
.paging_box li { border-top: 1px solid #ddd; padding: 10px; position: relative; }
.paging_box li:first-child { border-top: none; }
.paging_box li > span { height: 14px; line-height: 14px; font-size: 12px; font-weight: bold; color: #000; padding: 0 7px 0 12px; }

.paging_box li .prev { position: absolute; top: 50%; margin-top: -7px; left: 10px; background: url(../images//icon_arrU_02.png) 0 center no-repeat; background-size: auto 12px; }
.paging_box li .next { position: absolute; top: 50%; margin-top: -7px; left: 10px; background: url(../images//icon_arrD_02.png) 0 center no-repeat; background-size: auto 12px; }
.paging_box li .prev::after { content: ""; position: absolute; top: 2px; right: 0; width: 1px; height: 10px; background-color: #666; }
.paging_box li .next::after { content: ""; position: absolute; top: 2px; right: 0; width: 1px; height: 10px; background-color: #666; }
.paging_box li a { display: block; font-size: 12px; color: #666; padding-left: 60px; }
.article_header .search_box { text-align: right; padding-top: 10px; }
.article_header .search_box select { width: 72px; height: 29px; border: 1px solid #d5d5d5; vertical-align: top; background-color: #fff; }
.article_header .search_box .input_box { display: inline-block; width: 184px; height: 27px; line-height: 29px; border: 1px solid #d5d5d5; position: relative; text-align: left; vertical-align: top; }
.article_header .search_box .input_box input { width: 120px; border: none; height: 27px; padding-left: 10px; vertical-align: top; }
.article_header .search_box .input_box button { position: absolute; width: 60px; height: 29px; top: -1px; right: -1px; font-size: 14px; color: #fff; background-color: #50bbf1; }
.table_k_news { width: 100%; border-top: 2px solid #50bbf1; }
.table_k_news td { font-size: 14px; color: #272a2c; padding: 14px 0; border-bottom: 1px solid #cbcbcb; }
.table_k_news td a { color: #272a2c; }
.table_k_news td:first-child { text-align: center; }
.table_k_news td .noti { display: inline-block; width: 40px; height: 22px; border: 1px solid #4489d2; font-size: 12px; color: #4489d2; text-align: center; line-height: 22px; }
.table_k_news .text_info { overflow: hidden; }
.table_k_news .text_info li { float: left; font-size: 12px; color: #666; padding-left: 7px; margin-left: 7px; position: relative; height: 20px; line-height: 20px; }
.table_k_news .text_info li::before { content: ""; position: absolute; top: 6px; left: 0; width: 1px; height: 8px; background-color: #c7c7c7; }
.table_k_news .text_info li:first-child { padding-left: 0; margin-left: 0; }
.table_k_news .text_info li:first-child::before { display: none; }

.board_view { border-bottom: 1px solid #000; }
.board_view_header { border-top: 1px solid #50bbf1; background-color: #f8f8f8; padding: 10px 15px; position: relative; }
.board_view_header h4 { font-size: 14px; font-weight: bold; color: #272a2c; }
.board_view_header .board_info { overflow: hidden; }
.board_view_header .board_info li { float: left; font-size: 12px; color: #666; padding: 0 7px 0 15px; margin-right: 7px; position: relative; height: 14px; line-height: 14px; }
.board_view_header .board_info li::after { content: ""; position: absolute; top: 2px; right: 0; width: 1px; height: 10px; background-color: #ddd; }
.board_view_header .board_info li:last-child { padding-right: 0; margin-right: 0; }
.board_view_header .board_info li:last-child::after { display: none; }
.board_view_header .board_info .date { background: url(../images//icon_calendar.png) 0 center no-repeat; background-size: auto 12px; }
.board_view_header .board_info .writer { background: url(../images//icon_person.png) 0 center no-repeat; background-size: auto 12px; }
.board_view_header .board_info .com_num { background: url(../images//icon_balloon.png) 0 center no-repeat; background-size: auto 12px; padding-left: 20px; }
.board_view_header .board_info .view_num { background: url(../images//icon_eye.png) 0 center no-repeat; background-size: auto 10px; padding-left: 23px; }
.board_view_cont { padding: 20px 10px; }
.board_view .attach_file { padding: 10px; border-top: 1px solid #a8a8a8; position: relative; }
.board_view .attach_file span { position: absolute; top: 50%; margin-top: -8px; left: 10px; padding-left: 17px; font-size: 12px; font-weight: bold; color: #444; background: url(../images//icon_download.png) 0 center no-repeat; background-size: auto 12px; margin-right: 10px; }
.board_view .attach_file a { display: block; padding-left: 70px; font-size: 12px; font-weight: bold; color: #4489d2; }
.paging_box .date { position: absolute; top: 50%; margin-top: -7px; right: 0; color: #666; font-weight: 400; }
.pdr_65p li a { padding-right: 65px; }
.table_k_news_02 { width: 100%; border-top: 2px solid #50bbf1; }
.table_k_news_02 th { font-size: 13px; color: #000; background-color: #f8f8f8; border-bottom: 1px solid #dedede; height: 35px; }
.table_k_news_02 td { font-size: 12px; color: #666; border-bottom: 1px solid #dedede; padding: 4px 0 4px 6px; }
.table_k_news_02 td input { border: 1px solid #c8c8c8; }
.table_k_news_02 td select { border: 1px solid #c8c8c8; background-color: #fff; height: 29px; }
.table_k_news_02 td label { font-size: 12px; margin-left: 7px; }
.table_k_news_02 td label input { width: 15px; height: 15px; }
.table_k_news_02 td input[type=text] { height: 27px; padding-left: 2%; }
.table_k_news_02 td .wd_full { width: 97%; }
.table_k_news_02 td textarea { border: 1px solid #c8c8c8; padding: 2%; width: 95%; }

.anchor_box { padding-bottom: 20px;  }
.anchor_box h4 { font-size: 15px; font-weight: bold; color: #393939; padding-left: 13px; margin-bottom: 5px; background: url(../images//middash_01.png) 0 center no-repeat; background-size: auto 2px; }
.anchor_list { overflow: hidden; }
.anchor_list li { float: left; width: 49%; margin-left: 2%; border-bottom: 2px solid #50bbf1; margin-bottom: 20px; }
.anchor_list li:nth-child(2n+1) { margin-left: 0; }
.anchor_list li h5 { font-size: 14px; font-weight: bold; color: #393939; }
.anchor_list li .anchor_portrait { margin-bottom: 7px; }
.anchor_list li h5 span { color: #4489d2; }
.anchor_list li .dep { font-size: 13px; color: #000; }
.anchor_list li .info { font-size: 13px; color: #393939; }
.anchor_list li .word { font-size: 12px; color: #393939; padding-top: 10px; }
.anchor_list li .height_110p { height: 110px; }
.anchor_list li .height_56p { height: 56px; }
.anchor_list li .height_128p { height: 128px; }
.anchor_list li .height_38p { height: 38px; }
.anchor_list li .height_74p { height: 74px; }

/* pagination */
.pagination { padding: 15px; text-align: center; }
.pagination > a  { display: inline-block; width: 24px; height: 24px; }
.pagination > ul { display: inline-block; vertical-align: top; }
.pagination > ul > li { display: inline-block; }
.pagination > ul > li a { display: block; width: 24px; height: 24px; line-height: 24px; font-size: 12px; color: #686868; }
.pagination > ul > li a.active { color: #4489d2; font-weight: bold; font-size: 13px; }

/* 서브페이지 이모티콘 다운로드 */
.emoticon_wrap { padding: 0 10px 30px 10px; }
.emoticon_banner { height: 72px; background: url(../images//bg_emo_banner.jpg) center no-repeat; background-size: cover; text-align: center; }
.emoticon_banner_conts { width: 260px; margin: 0 auto; height: 72px; position: relative; }
.emoticon_banner_conts img { position: absolute; bottom: 0; left: 0; height: 62px; }
.emoticon_banner_conts h3 { font-size: 16px; color: #000; font-weight: normal; padding-left: 120px; padding-top: 17px; line-height: 20px; }
.emoticon_banner_conts h3 .green { color: #378c35; font-weight: bold; }
.emoticon_banner_conts h3 strong { font-weight: bold; }
.emoticon_conts { text-align: center; }
.emoticon_box { width: 252px; margin: 30px auto; }
.emoticon_box .emoticon_img { position: relative; border: 1px solid #dbdbdb; }
.emoticon_box .emoticon_img > img { position: absolute; top: 6px; right: 6px; width: 35px; height: 35px; }
.emoticon_box .brd_round { border-radius: 10px; }
.emoticon_box p { font-size: 15px; color: #000; padding-top: 7px; }


/* 서브페이지 회원가입 */
.welcome_box { padding: 20px 10px; border-top: 1px solid #d8d9db; }
.welcome_box h3 { font-size: 18px; font-weight: bold; color: #000; margin-bottom: 8px; }
.welcome_box p { font-size: 13px; color: #747474; }
.join_box { padding: 10px 10px 30px 10px; }
.join_box a { display: block; border-radius: 5px; text-align: center; height: 43px; line-height: 43px; font-size: 16px; font-weight: 500; margin-bottom: 10px; }
.join_box .join_dema { color: #fff; background: #16a6c8 url(../images//mark_dema.png) 12.7% center no-repeat; background-size: auto 28px; }
.join_box .join_face { color: #fff; background: #3a589e url(../images//mark_facebook.png) 15% center no-repeat; background-size: auto 22px; }
.join_box .join_naver { color: #fff; background: #00c73c url(../images//mark_naver.png) 14% center no-repeat; background-size: auto 20px; } 
.join_box .join_kakao { color: #3c1e1c; background: #fce006 url(../images//mark_kakao.png) 14% center no-repeat; background-size: auto 24px; } 
/* 서브페이지 로그인 */
.login_box { padding: 10px 10px 30px 10px; }
.dema_login { position: relative; margin-bottom: 30px; overflow: hidden; }
.dema_login p { display: block; padding-right: 85px; margin-bottom: 5px; }
.dema_login p input { width: 96%; padding-left: 10px; height: 30px; border: 1px solid #dbdbdb; }
.dema_login > button { position: absolute; top: 0; right: 0; width: 78px; height: 69px; font-size: 14px; color: #fff; background-color: #17a6c6; border-radius: 5px; }
.dema_login > a { display: block; width: 48%; height: 30px; line-height: 30px; text-align: center; font-size: 14px; font-weight: bold; color: #000; border: 1px solid #dbdbdb; }
.dema_login .find { float: left; }
.dema_login .join { float: right; }
.login_box a { display: block; border-radius: 5px; text-align: center; height: 43px; line-height: 43px; font-size: 16px; font-weight: 500; margin-bottom: 10px; }
.login_box .login_face { color: #fff; background: #3a589e url(../images//mark_facebook.png) 25% center no-repeat; background-size: auto 22px; }
.login_box .login_naver { color: #fff; background: #00c73c url(../images//mark_naver.png) 24% center no-repeat; background-size: auto 20px; } 
.login_box .login_kakao { color: #3c1e1c; background: #fce006 url(../images//mark_kakao.png) 24% center no-repeat; background-size: auto 24px; } 

/* 서브페이지 */
.sub_conts { padding: 0 10px; }

.dep2_about {padding:0 8px 10px 10px; background:#fff;}
.dep2_about ul {display:inline-block; width:100%;}

.dep2_about .sub_nav_8 li {float:left; width:49%; height: 35px; border-bottom: 1px solid #b7b6b9; border-right: 1px solid #b7b6b9; }
.dep2_about .sub_nav_8 li:first-child { border-top: 1px solid #b7b6b9; }
.dep2_about .sub_nav_8 li:nth-child(2) { border-top: 1px solid #b7b6b9; }
.dep2_about .sub_nav_8 li:nth-child(2n+1) { border-left: 1px solid #b7b6b9; }
.dep2_about li {font-weight:bold; font-size:14px; text-align:center;}
.dep2_about li a {display:block; height:35px; color:#a1a1aa; line-height:35px; text-decoration:none; font-size: 13px; }

.dep2_about li a.on {outline: 1px solid #16A7C8; color: #16A7C8; }
.dep2_about li a.selected {outline: 1px solid #16A7C8; color: #16A7C8; }
/*
.sub_nav_3 { overflow: hidden; box-sizing: border-box; }
.sub_nav_3 li {float:left; width:33.3%; height: 37px; }
.sub_nav_3 li a { display:block; height:35px; color:#a1a1aa; line-height:35px; text-decoration:none; font-size: 13px; border: 1px solid #b7b6b9; border-left: none; }
.sub_nav_3 li:first-child a { border-left: 1px solid #b7b6b9; }

.sub_nav_3 li {font-weight:bold; font-size:13px; text-align:center;}

.sub_nav_3 li a.selected {border: 1px solid #16A7C8; color: #16A7C8; }
*/
.sub_nav_3 li { width: 33.3%; }
.sub_article_box { padding-top: 0; }
.sub_article_box h3 { font-size: 16px; font-weight: bold; color: #000; padding-bottom: 10px; border-bottom: 3px solid #4b4b4b; margin-bottom: 10px; }
.search_wrap { padding-bottom: 10px; }
.search_wrap .search_box { height: 30px; border: 1px solid #dadada; position: relative; }
.search_wrap .search_box input { border: none; height: 30px; width: 100%; }
.search_wrap .search_box button { position: absolute; top: 0; right: 5px; }
.sub_article_box .movie_box { background: url(../images//bg_movie_canvas.gif) center no-repeat; background-size: cover; padding: 10px; }
.movie_box .movie_canvas { width: 100%; height: 0; padding-bottom: 56.25%; position: relative; overflow: hidden; }
.movie_box h4 { font-size: 16px; line-height: 22px; font-weight: bold; color: #fff; word-break: keep-all; padding-top: 10px; }
.movie_box p { font-size: 13px; color: #fff; opacity: 0.8; } 
.movie_box p span { display: inline-block; padding-left: 5px; }
.reply_wrap { padding-top: 30px; }
.reply_write { border-top: 3px solid #0f93b5; background-color: #f2fafd; padding: 7px 95px 7px 7px; position: relative; }
.reply_write textarea { width: 100%; height: 63px; resize: none; border: 1px solid #bccfd6; }
.reply_write button { position: absolute; display: block; width: 80px; height: 65px; top: 7px; right: 7px; text-align: center; background-color: #0f93b5; }
.reply_write button span { font-size: 14px; color: #fff; background: url(../images//misc_arrR.gif) right center no-repeat; padding-right: 10px; }
.reply_list > li { padding: 15px 0; position: relative; border-bottom: 1px solid #787878; }
.reply_list > li h5 { font-size: 14px; font-weight: bold; color: #55585a; padding-bottom: 3px; }
.reply_list > li p { font-size: 13px; color: #55585a; padding-right: 65px; }
.reply_list .revision_tool { position: absolute; top: 10px; right: 0; }
.reply_list .revision_tool li { float: left; border: 1px solid #bfbfbf; background-color: #fafafa; border-left: none; }
.reply_list .revision_tool li:first-child { border-left: 1px solid #bfbfbf; } 
.reply_list .revision_tool li a { display: block; width: 30px; height: 30px; text-align: center; }
.reply_list .revision_tool li a img { vertical-align: top; margin-top: 3px; }

.reply_list .revision textarea { width: 119.8%; resize: none; background-color: #fafafa; border: 1px solid #b7b7b7; height: 63px; padding: 1%; font-size: 13px; }
.reply_list .revision_confirm { position: absolute; top: 10px; right: 0; }
.reply_list .revision_confirm li { float: left; }
.reply_list .revision_confirm li a { display: block; width: 45px; height: 26px; text-align: center; font-size: 12px; line-height: 26px; color: #fff; margin-left: 2px; }
.reply_list .revision_confirm li a.confirm { background-color: #0f93b5; border: 1px solid #0d7d9a; }
.reply_list .revision_confirm li a.cancel { background-color: #a1a1a1; border: 1px solid #888888; }


.sub_paging_wrap { position: relative; padding: 10px 100px 20px 0; }
.sub_paging { position: relative; }
.sub_paging .go_prev { position: absolute; top: 0; left: 0; }
.sub_paging .go_next { position: absolute; top: 0; right: 0; }
.sub_paging h6 { font-size: 13px; font-weight: bold; line-height: 36px; padding: 0 43px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; }
.sub_paging_wrap .go_list { position: absolute; top: 10px; right: 0; width: 80px; height: 34px; font-size: 13px; color: #fff; background-color: #a1a1a1; border: 1px solid #7b7b7b; text-align: center; line-height: 34px; }
.cardnews_box h4 { font-size: 15px; line-height: 22px; font-weight: bold; color: #55585a; word-break: keep-all; padding-top: 10px;}
.cardnews_box p { font-size: 13px; font-weight: bold; color: #3aacc9; }
.cardnews_box p span { display: inline-block; padding-left: 5px; }
.cardnews_canvas { width: 73.6%; margin: 0 auto; text-align: center; padding-top: 20px; }
.cardnews_canvas img { margin-bottom: 20px; }
.sub_nav_8 li { width: 50%; }
.article_organization { padding-top: 20px; }
.article_organization h3 { font-size: 16px; font-weight: bold; color: #000; padding-bottom: 10px; margin-bottom: 10px; }
.organization_chart { position: relative; max-width: 750px; margin: 0 auto; }
.chart_list_1 { position: relative; }
.organization_chart .auditor { position: absolute; width: 20%; bottom: 15%; right: 10%; }
.chart_list { overflow: hidden; }
.chart_list dl { float: left; width: 23%; padding-left: 2.66%; }
.chart_list dl:first-child { padding-left: 0; }
.chart_list dd { display: table; width: 100%; margin-top: 5px; }
.chart_list dd a { display: block; width: 100%; height: 40px; border: 1px solid #d3d3d3; font-size: 12px; text-align: center; line-height: 18px; word-break: keep-all; vertical-align: middle; display: table-cell; }
.chart_list dd a.active { background-color: #efecec; }
.organization_chart > p { font-size: 12px; text-align: right; color: #757575; padding-top: 10px; }
.organization_table { padding-top: 20px; }
.organization_table table { width: 100%; }
.organization_table table caption { display: none; }
.organization_table table th { font-size: 13px; color: #fff; background-color: #8f8f8f; height: 35px; }
.organization_table table td { font-size: 12px; color: #000; text-align: left; padding: 7px; border-bottom: 1px solid #d3d3d3; }
.article_contact { padding-top: 20px; }
.article_contact h3 { font-size: 16px; font-weight: bold; color: #000; }
.article_contact > p { font-size: 14px; color: #000; }
.content_wrap .map_api { margin: 20px 0; border-top: 1px solid #b9b9b9; border-bottom: 1px solid #b9b9b9; }
.content_wrap .map_api #map { width: 100%; height: 0; padding-bottom: 61.6%; }
.iw_inner { padding: 10px; }
.iw_inner h3 { font-size: 12px; }
.iw_inner p { font-size: 11px; }
.contact_table { padding: 0 10px; }
.contact_table table { width: 100%; }
.contact_table table caption { display: none; }
.contact_table table th { font-size: 13px; color: #fff; background-color: #1fb7cb; height: 35px; }
.contact_table table td { font-size: 12px; color: #000; text-align: left; padding: 7px; border-bottom: 1px solid #d3d3d3; }

/* 2017.11.01 */
/* fm nav*/
.fm_nav_wrap { padding: 10px; position: relative; }
.fm_nav { overflow: hidden; }
.fm_nav li { float: left; width: 33.3%;}
.fm_nav li a { display: block; border: 1px solid #c4c3c6; font-size: 13px; color: #a1a1a1; text-align: center; line-height: 35px; height: 35px; border-left: none; font-weight: bold; }
.fm_nav li:first-child a { border-left: 1px solid #c4c3c6; }
.fm_nav li.selected a { border: 1px solid #fbbb01; background-color: #fbbb01; color: #fff; }
#nav_02 { display: none; }
#btn_go_nav1 { display: none; position: absolute; top: 12px; left: 7px; }
#btn_go_nav2 { position: absolute; top: 12px; right: 7px; }
.fm_nav li .br_none { border-right: none; }

.fm_subNav_wrap { padding: 10px; padding-top: 0; }
.fm_sub_nav { overflow: hidden; }
.fm_sub_nav li { float: left; width: 33.3%; }
.fm_sub_nav_2 li { width: 50%; }
.fm_sub_nav li a { display: block; border: 1px solid #c4c3c6; font-size: 12px; color: #a1a1a1; text-align: center; line-height: 32px; height: 32px; border-left: none; font-weight: bold; }
.fm_sub_nav li:first-child a { border-left: 1px solid #c4c3c6; }
.fm_sub_nav li.selected a { border: 1px solid #fbbb01; color: #fbbb01; }
.fm_sub_nav li .br_none { border-right: none; }

/* fm 모바일 이용안내 */
.fm_app_guide { padding: 10px; }
.fm_app_down { position: relative; max-width: 692px; }
.fm_app_down > a { display: block; position: absolute; top: 55%; width: 22.68%; }
.fm_app_down .app_android { left: 48%; }
.fm_app_down .app_iphone { left: 72%; }
.fm_app_guide > p { font-size: 15px; font-weight: bold; color: #584207; padding: 10px 0; }
.fm_app_guide table { width: 100%; }
.fm_app_guide table th { font-size: 14px; font-weight: bold; text-align: left; border: 1px solid #d0d0d0; padding: 7px 5px 7px 40px; position: relative; word-break: keep-all; }
.fm_app_guide table th img { height: 26px; width: auto; position: absolute; top: 50%; margin-top: -13px; left: 5px; }
.fm_app_guide table td { font-size: 13px; text-align: left; border: 1px solid #d0d0d0; padding: 7px 5px;}

/* tv nav*/
.tv_nav_wrap { padding: 10px; position: relative; }
.tv_nav { overflow: hidden; }
.tv_nav li { float: left; width: 33.3%;}
.tv_nav li a { display: block; border: 1px solid #c4c3c6; font-size: 13px; color: #a1a1a1; text-align: center; line-height: 35px; height: 35px; border-left: none; font-weight: bold; }
.tv_nav li:first-child a { border-left: 1px solid #c4c3c6; }
.tv_nav li.selected a { border: 1px solid #16a7c8; background-color: #16a7c8; color: #fff; }
.tv_nav li .br_none { border-right: none; }

.tv_subNav_wrap { padding: 10px; padding-top: 0; }
.tv_sub_nav { overflow: hidden; }
.tv_sub_nav li { float: left; width: 50%; }
.tv_sub_nav li a { display: block; border: 1px solid #c4c3c6; font-size: 12px; color: #a1a1a1; text-align: center; line-height: 32px; height: 32px; border-left: none; font-weight: bold; }
.tv_sub_nav li:first-child a { border-left: 1px solid #c4c3c6; }
.tv_sub_nav li.selected a { border: 1px solid #16a7c8; color: #16a7c8; }
.tv_sub_nav li .br_none { border-right: none; }

/* tv 모바일 이용안내 */
.tv_app_guide { padding: 10px; }
.tv_app_down { position: relative; max-width: 692px; }
.tv_app_down > a { display: block; position: absolute; top: 58%; width: 22.68%; }
.tv_app_down .app_android { left: 48%; }
.tv_app_down .app_iphone { left: 72%; }
.tv_app_guide > p { font-size: 15px; font-weight: bold; color: #004363; padding: 10px 0; }
.tv_app_guide table { width: 100%; }
.tv_app_guide table th { font-size: 14px; font-weight: bold; text-align: left; border: 1px solid #d0d0d0; padding: 7px 5px 7px 40px; position: relative; }
.tv_app_guide table th img { height: 26px; width: auto; position: absolute; top: 50%; margin-top: -13px; left: 5px; }
.tv_app_guide table td { font-size: 13px; text-align: left; border: 1px solid #d0d0d0; padding: 7px 5px;}

/* fm 다시듣기 */
.fm_replay { padding: 10px; padding-top: 0; }
.fm_replay > select { width: 100%; border: 1px solid #bebebe; height: 35px; font-size: 13px; color: #999999; margin-bottom: 10px; }
.fm_replay_list { border-top: 1px solid #dcdcdc; }
.fm_replay_list li { padding: 10px 0; border-bottom: 1px solid #dcdcdc; position: relative; height: 30px; }
.fm_replay_list li h5 { font-size: 13px; font-weight: bold; color: #1b1b1b; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; padding: 0 70px 0 40px; }
.fm_replay_list li a img { position: absolute; top: 10px; left: 0; }
.fm_replay_list li a span { position: absolute; top: 17px; right: 0; font-size: 12px; color: #939393; }
.fm_replay_conts { max-width: 700px; }
.fm_replay_conts .fm_replay_misc { width: 100%; height: 0; padding-bottom: 11.56%; position: relative; }
.fm_replay_conts .fm_replay_misc img { position: absolute; top: 0; right: 6%; height: 100%; width: auto; }
.fm_replay_conts .fm_replay_box { background: url(../images//bg_fm_replay.gif) center no-repeat; background-size: cover; padding: 10px; }
.fm_replay_box .fm_replay_canvas { width: 100%; height: 0; padding-bottom: 56.25%; position: relative; overflow: hidden; }
.fm_replay_box h4 { font-size: 16px; line-height: 22px; font-weight: bold; color: #472913; word-break: keep-all; padding-top: 10px; }
.fm_replay_box p { font-size: 13px; color: #7a5d11; } 
.fm_replay_box p span { display: inline-block; padding-left: 5px; }
.fm_replay_txt { padding: 10px; border: 1px solid #d9d9d9; border-top: none; }
.fm_replay_txt dl { padding-top: 5px; position: relative; min-height: 30px; }
.fm_replay_txt dl dt { position: absolute; top: 0; left: 0; font-size: 13px; font-weight: bold; color: #000; width: 70px; height: 28px; text-align: center; line-height: 28px; border: 1px solid #e3e3e3; }
.fm_replay_txt dl dd { padding-left: 80px; font-size: 13px; font-weight: bold; color: #000; }
.fm_replay_txt dl dd p { font-weight: normal; color: #666; }

/* tv 다시보기 */
.tv_replay { padding: 10px; padding-top: 0; }
.tv_replay > select { width: 100%; border: 1px solid #bebebe; height: 35px; font-size: 13px; color: #999999; margin-bottom: 10px; }
.tv_replay_list { border-top: 1px solid #dcdcdc; }
.tv_replay_list li { padding: 10px 0; border-bottom: 1px solid #dcdcdc; position: relative; height: 30px; }
.tv_replay_list li h5 { font-size: 13px; font-weight: bold; color: #1b1b1b; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; padding: 0 70px 0 40px; }
.tv_replay_list li a img { position: absolute; top: 10px; left: 0; }
.tv_replay_list li a span { position: absolute; top: 17px; right: 0; font-size: 12px; color: #939393; }
.tv_replay_conts { max-width: 700px; }
.tv_replay_conts .tv_replay_misc { width: 100%; height: 0; padding-bottom: 11.56%; position: relative; }
.tv_replay_conts .tv_replay_misc img { position: absolute; top: 0; left: 40%; height: 100%; width: auto; }
.tv_replay_conts .tv_replay_box { background: url(../images//bg_tv_replay.gif) center no-repeat; background-size: cover; padding: 10px; }
.tv_replay_box .tv_replay_canvas { width: 100%; height: 0; padding-bottom: 56.25%; position: relative; overflow: hidden; }
.tv_replay_box h4 { font-size: 16px; line-height: 22px; font-weight: bold; color: #fff; word-break: keep-all; padding-top: 10px; }
.tv_replay_box p { font-size: 13px; color: #fff; } 
.tv_replay_box p span { display: inline-block; padding-left: 5px; }
.tv_replay_txt { padding: 10px; border: 1px solid #d9d9d9; border-top: none; }
.tv_replay_txt dl { padding-top: 5px; position: relative; min-height: 30px; }
.tv_replay_txt dl dt { position: absolute; top: 0; left: 0; font-size: 13px; font-weight: bold; color: #000; width: 70px; height: 28px; text-align: center; line-height: 28px; border: 1px solid #e3e3e3; }
.tv_replay_txt dl dd { padding-left: 80px; font-size: 13px; font-weight: bold; color: #000; }
.tv_replay_txt dl dd p { font-weight: normal; color: #666; }

.guide_header { position: relative; text-align: center; height: 40px; }
.guide_header h3 { display: inline-block; font-size: 17px; font-weight: bold; line-height: 40px; color: #000; }
.guide_header h3 span { font-size: 15px; }
#btn_prev_date { display: inline-block; width: 26px; height: 26px; }
#btn_next_date { display: inline-block; width: 26px; height: 26px; }
#btn_view_calendar { position: absolute; top: 7px; right: 5px; }

/* 2016 css */
.guide_header { position: relative; text-align: center; height: 40px; }
.guide_header h3 { display: inline-block; font-size: 17px; font-weight: bold; line-height: 40px; color: #000; }
.guide_header h3 span { font-size: 15px; }
#btn_prev_date { display: inline-block; width: 26px; height: 26px; }
#btn_next_date { display: inline-block; width: 26px; height: 26px; }
#btn_view_calendar { position: absolute; top: 7px; right: 5px; }
.guide_conts { padding-bottom: 30px; }
.list_timetable { border-top: 2px solid #6c6f75; }
.list_timetable li { height: 42px; border-bottom: 1px solid #d8d8d8; padding-left: 10px; }
.timetable_time { font-size: 13px; color: #a7a7a7; line-height: 42px; }
.timetable_tit { font-size: 13px; font-weight: bold; color: #0d0d0d; padding-left: 10px; }
.timetable_onair { padding-left: 5px; }
.timetable_onair img { vertical-align: middle; }

#bg_popup_calendar { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 7777; background-color: rgba(0, 0, 0, 0.8); }
.popup_calendar { display: none; position: absolute; top: 42px; right: 10px; border-radius: 10px; z-index: 8888; }
.popup_calendar_header { height: 36px; border-top-left-radius: 10px; border-top-right-radius: 10px; text-align: center; }
.fm_popup_calendar_header { background-color: #fbbb01; }
.tv_popup_calendar_header { background-color: #16a7c8; }
#currentDate { color: #fff; font-size: 18px; line-height: 36px; font-weight: bold; }
.popup_calendar_cont { padding: 10px; background-color: #f0f0f0; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-top: 1px solid #e0e0e0; }
.popup_calendar_day { overflow: hidden; background-color: #fff; padding: 0 10px; }
.popup_calendar_day li { float: left; width: 35px; height: 35px; text-align: center; font-size: 14px; color: #4d4747; line-height: 35px; font-weight: bold; }
.popup_calendar_day .sun { color: #cf0000; }
.popup_calendar_day .sat { color: #1676c8; }
#btn_prev_month { display: inline-block; padding: 0 10px; }
#btn_prev_month img { height: 16px; padding-bottom: 4px }
#btn_next_month { display: inline-block; padding: 0 10px; }
#btn_next_month img { height: 16px; padding-bottom: 4px }

#popup_calendar { width: 100%; text-align: center; }
#popup_calendar td { height: 35px; font-weight: bold; font-size: 14px; }
#popup_calendar .not-this-month { text-indent: -9999px; }
#popup_calendar .sun { color: #cf0000; }
#popup_calendar .sat { color: #1676c8; }
.fm_popup_calendar .today { background: url(../images//bg_fm_today.gif) no-repeat; color: #fff; }
.tv_popup_calendar .today { background: url(../images//bg_tv_today.gif) no-repeat; color: #fff; }
/*.sub_conts .dep2_about { padding: 10px 0; }
.sub_conts .dema_nav_wrap { padding: 10px 0; }*/

/* dema nav*/
.dema_nav_wrap { padding: 10px; position: relative; }
.dema_nav { overflow: hidden; }
.dema_nav li { float: left; width: 33.3%;}
.dema_nav li a { display: block; border: 1px solid #c4c3c6; font-size: 13px; color: #a1a1a1; text-align: center; line-height: 35px; height: 35px; border-left: none; font-weight: bold; }
.dema_nav li:first-child a { border-left: 1px solid #c4c3c6; }
.dema_nav li.selected a { border: 1px solid #16a7c8; background-color: #16a7c8; color: #fff; }
.dema_nav li .br_none { border-right: none; }

/* nuri nav*/
.nuri_nav_wrap { padding: 10px; position: relative; }
.nuri_nav { overflow: hidden; }
.nuri_nav li { float: left; width: 33.3%;}
.nuri_nav li a { display: block; border: 1px solid #c4c3c6; font-size: 13px; color: #a1a1a1; text-align: center; line-height: 35px; height: 35px; border-left: none; font-weight: bold; }
.nuri_nav li:first-child a { border-left: 1px solid #c4c3c6; }
.nuri_nav li.selected a { border: 1px solid #5dc2a5; background-color: #5dc2a5; color: #fff; }
.nuri_nav li .br_none { border-right: none; }

/* view page sns button */
.view_sns_box { text-align: right; padding-top: 20px; }
.view_sns_box a { display: inline-block; width: 36px; height: 36px; margin-left: 3px; }

/* 2019.08.28 */
.sub_article_box .article_list { padding: 0; }
.sub_article_box .article_list li { float: left; width: 49%; margin-left: 2%; margin-bottom: 5px;}
.sub_article_box .article_list li:first-child { margin-left: 0; }
.sub_article_box .article_list li:nth-child(2n+1) { margin-left: 0; }
.sub_article_box .article_list .article_img { height: 0; padding-bottom: 66%; position: relative; overflow: hidden; border: 1px solid #dadada; }
.sub_article_box .article_list .article_txt h5 { color: #000; }

.nuri_article_top .tit { padding: 10px 0 5px 0; }
.nuri_article_top .tit h4 { font-size: 16px; font-weight: bold; color: #000; }
.top_tool_box { position: relative; height: 38px; text-align: right; }
.top_tool_box .btn_sel_conts { position: absolute; top: 0; left: 0; padding: 3px; border: 1px solid #dcdcdc; border-radius: 999px; }
.top_tool_box .btn_sel_conts > a { display: inline-block; height: 30px; border: none; font-size: 13px; color: #999; padding: 0 10px; text-align: center; line-height: 30px; border-radius: 999px; }
.top_tool_box .btn_sel_conts > a.selected { background-color: #77bfa6; color: #fff; }
.top_tool_box > select { height: 38px; background: none; border: 1px solid #d9d9d9; width: 180px; font-size: 13px; color: #a1a1a1; padding-left: 15px; }

/* 국방누리 콘텐츠 더보기 버튼 */
.btn_box_nuri { padding: 10px 0; text-align: center; background-color: #fff; }
.btn_box_nuri #btn_more_nuri { width: 300px; font-size: 14px; color: #fff; height: 38px; background-color: #77bfa6; border-radius: 999px; }

/* 카드뉴스 슬라이드 */
.cardnews_slide { padding: 20px 0; overflow: hidden; }

/* 페이징 */
.paging {text-align:center; padding:10px 0; }
.paging .wrap {display:inline-block; }
.paging .wrap span.number {display:inline-block; float:left; font-size:15px; color:#333; line-height:28px; margin:0 15px; }
.paging .wrap span.number .black {font-weight:bold; }
.paging .wrap a.btn_prev {display:inline-block; float:left; width:26px; height:26px; border:1px solid #d3d3d3; background:url('../images//icon_arrPrev.png') no-repeat center center; background-size:6px 9px; }
.paging .wrap a.btn_next {display:inline-block; float:left; width:26px; height:26px; border:1px solid #d3d3d3; background:url('../images//icon_arrNext.png') no-repeat center center; background-size:6px 9px; }
.paging .paging_tool { padding: 10px 0; }
.paging .paging_tool .page_prev { display: inline-block; width: 30px; height: 30px; border: 1px solid #d3d3d3; background: #e4e4e4 url('../images//icon_arrPrev.png') center no-repeat; background-size: auto 11px; border-radius: 3px; }
.paging .paging_tool .page_next { display: inline-block; width: 30px; height: 30px; border: 1px solid #d3d3d3; background: #e4e4e4 url('../images//icon_arrNext.png') center no-repeat; background-size: auto 11px; border-radius: 3px; }
.paging .paging_tool .page_input { display: inline-block; height: 30px; width: 150px; position: relative; border: 1px solid #d8d8d8; border-radius: 3px; text-align: left; vertical-align: top; }
.paging .paging_tool .page_input input { border: none; background: none; width: 85px; height: 30px; padding-left: 10px; line-height: 30px; }
.paging .paging_tool .page_input button { position: absolute; top: 0; right: 0; width: 55px; height: 29px; border: none; background-color: #8c8c8c; font-size: 13px; color: #fff; }

.bg_gray .paging .wrap a.btn_prev { background-image: url(../images/icon_arrPrev_wh.png); }
.bg_gray .paging .wrap a.btn_next { background-image: url(../images/icon_arrNext_wh.png); }
.bg_gray .paging .wrap span.number { font-size:15px; color:#f1f1f1; }
.bg_gray .paging .paging_tool .page_input { border: 1px solid #808080; }
.bg_gray .paging .paging_tool .page_input input { color: #fff; }