.w100px { width: 100px; min-width:100px; } 


#lnbheader { position: relative; isolation: isolate; background-size:cover; background-repeat:no-repeat; background-position:50% 50%; } 
#lnbheader:before { content: ''; position: absolute; background:var(--black); z-index: -1; inset: 0; opacity: 0.5; } 
#lnbheader .header_wrap { padding-top: 24px; padding-bottom: 24px; } 
#lnbheader .lnbtitle { color: var(--white); padding-left: 20px; } 
#sbnav { overflow-x:auto; overflow-y:hidden; padding-bottom: 8px; } 
#sbnav .nav { width:max-content; } 
#sbnav .nav a { position: relative; color: var(--white); padding:8px 0 10px; font-size: 20px; line-height: 1.5; } 
#sbnav .nav .active a:after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background: var(--primary); } 
#sbnav li { padding: 0 16px; } 
#sbnav li:first-child { padding-left: 20px; } 
#sbnav li:last-child { padding-right: 20px; } 

/*pagination*/
.pagination { width: 100%; display:flex; justify-content: center; margin-top: 24px; } 
.pagination .page_wrap { display:flex; align-items: center; justify-content: center; column-gap:8px; } 
.pagination a,.pagination strong { font-size: 20px; font-weight: 500; width: 40px; height: 40px; display:flex; align-items: center; justify-content: center; } 
.pagination .active strong { background: var(--primary); border-radius:50%; font-weight: 700; color: var(--white); } 
.pagination i { width: 24px; height: 24px; } 
.pagination [aria-disabled=true] { opacity: .4; } 

/*tab(play)*/
.tab_style01 ul { display:flex; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; gap:8px; } 
.tab_style01 li a { display:flex; border:1px solid var(--border_gray); border-radius:24px; padding:8px; align-items: center; } 
.tab_style01 li a.active { background: var(--white); } 
.tab_style01 li a strong { font-size: 16px; font-weight: 500; } 
.tab_style01 i { border:1px solid var(--border_light); border-radius:50%; } 

/*tab(view rank)*/
.tab_style02 ul { display:flex; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; gap:8px; } 
.tab_style02 li a { display:flex; border:1px solid var(--border_gray); border-radius:24px; padding:6px 10px; align-items: center; } 
.tab_style02 li a.active { background: var(--primary_pastel); } 
.tab_style02 li a strong { font-size: 16px; font-weight: 400; } 

/*기사리스트*/
.nolist { text-align:center; font-size:16px; padding:40px 0; } 
.nws_list .card .tit a { -webkit-line-clamp: 1; } 

/*기사리스트상단*/
.list_main_top { position: relative; } 
.list_main_top:before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: var(--border_light); } 
.list_main_top .cate_nor strong { border-radius: 16px; border:1px solid var(--primary); font-size: 14px; font-weight: 400; line-height: 1.5; } 
.list_main_top .description { font-size: 16px; font-weight: 400; line-height: 1.5; } 
.list_main_top .row>div:first-child .tit { font-weight: 700; line-height: 1.28; } 
.list_main_top .row>div:last-child .tit { font-weight: 500; line-height: 1.5; } 
/* Safari 10.0+ 
@supports (-webkit-hyphens:none)
 {
#list_main .card_img a,#search_list .card_img a,#list .card_img a { height: 100%; } 
#list_main .card_img img,#search_list .card_img img,#list .card_img img { height: 100%; } 
 }
*/
/* 우측 */
/*.aside .aside_rank { counter-reset: number 0; } */
.aside .aside_rank .card { padding-top: 8px; padding-bottom: 8px; } 
#list .aside .aside_rank .card:last-child:before { background: none; height: 0; display: block; } 
/*.aside .aside_rank .card .num:before { counter-increment: number 1; content: counter(number); } */
.aside .aside_livenews .card { padding-top: 8px; padding-bottom: 8px; } 

/*오피니언*/
[class*=opinion_today] .tit a { -webkit-line-clamp: 1; } 
.opinion_column_lst { background: var(--bg_blue); padding-top: 24px; padding-bottom: 24px; padding-left: 24px; padding-right: 24px; } 
.opinion_column_lst>div { margin-left: auto; margin-right: auto; } 
.opinion_column_lst>div>.card { width: 244px; } 
.column_list .row .col>div { padding:16px; } 
.column_list .subtitle_wrap strong { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: normal; } 
/*미션*/
.ms_series .row { margin-left: -12px; margin-right: -12px; } 
.ms_series .col { padding-left: 12px; padding-right: 12px; } 
.ms_series .subtitle_wrap strong { font-size: 20px; font-weight: 500; line-height: 1.5; } 
.ms_series .row .col>.card>.card_body { height: 48px; } 
.ms_series .card_group .card { height: 80px; } 
.ms_series .tit { font-size: 16px; font-weight: 500; line-height: 1.5; } 
.ms_plus .cate_sec strong { font-size: 14px; font-weight: 600; line-height: 1.28; } 
.ms_plus .tit { font-size: 16px; font-weight: 500; line-height: 1.5; } 

/*play국민*/
.play_lastest .subtitle_wrap i.ico_3dplay { margin-left:-12px; } 
.play_lastest .img_kmplay { width: 110px; height: 165px; background: url('../../images/home/etc/img_kmplay.png') no-repeat; background-size:126px auto; } 

/*인스타페이지*/
[class*=insta_] .title_wrap:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background: var(--border_light); } 
[class*=insta_] .title_wrap:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: var(--border_light); } 
[class*=insta_] .title_wrap .follow_box { width: 320px; } 
/*아살세*/
.plan_asalse .card_body { padding:16px 8px; } 

/*앵글속세상 만평*/
.swiper_header { position: relative; } 
.swiper_header_top,.swiper_header_thum { overflow: hidden; } 
.swiper_header .title_wrap { z-index:98; } 
.swiper_header .btn_wrap_swiper i { width: 32px; height: 32px; } 
.swiper_header_top,.swiper_header_top .card { height: 100%; } 
.swiper_header_top .card { background: var(--white); } 
.swiper_header_thum .swiper-slide span { background:var(--black); overflow: hidden; } 
.swiper_header_thum .swiper-slide img { opacity: .4; } 
.swiper_header_thum .swiper-slide-active img { opacity: 1; } 

.plan_angle .row .card,.plan_cartoon .row .card,.photo_vod .row .card { height: 100%; padding-top: 16px; padding-bottom: 24px; padding-left: 16px; padding-right: 16px; } 

/*만평*/
.plan_cartoon .swiper_header_top img { object-fit: contain; } 

/*이슈*/
#lnbheader .header_issue_wrap .lnbtitle strong:before { content:'#'; margin-right:4px; } 
#lnbheader .header_issue_wrap .lnbtitle strong { font-size: 24px; font-weight: 700; line-height: 1.28; color: var(--primary); } 
#lnbheader .header_issue_wrap .cate_wh strong { border:1px solid var(--border_light); border-radius: 16px; line-height: 1.5; font-weight: 400; font-size: 14px; } 

/*시리즈*/
.plan_series .series_tab ul { display:flex; background:var(--bg_gray); padding:4px; border-radius:32px; } 
.plan_series .series_tab a { display:flex; color: var(--gray500); align-items: center; justify-content: center; border-radius:32px; } 
.plan_series .series_tab a.active { color: var(--f_color); background: var(--white); } 
.plan_series .col { display:flex; justify-content: center; align-items: flex-start; } 
.plan_series .col .card { max-width: 276px; } 
.plan_series .col .card figure a { max-width:270px; height: unset !important; aspect-ratio: 270 / 50; } 
.plan_series .col .card img { height: unset !important; } 

/*검색*/
#search_header .searchform { padding:5px 16px } 
#search_header .searchform .input_search { flex:1 0 calc(100% - 40px); max-width:calc(100% - 40px); outline:0; border:0; color: var(--f_color); font-size: 20px; line-height: 1.5; font-weight: 700; } 
#search_header .searchform .btn_search { flex: 0 0 24px; } 
#search_header .searchform .input_search::-ms-input-placeholder,#search_header .searchform .input_search::placeholder { color: var(--f_color); font-size: 20px; font-weight: 700; } 
#search_header .btn_filter { background: var(--bg_gray); color:var(--gray500); justify-content: center } 
#search_header .btn_filter strong { font-weight: 400; font-size: 14px; } 
#search_header .btn_filter.of { background: var(--primary); color: var(--white); } 
.search_option { display:none; } 
.search_option a { display:flex; align-items: center; justify-content: center; padding:3px 6px; border-radius:4px; border:1px solid var(--border_light); font-size: 14px; font-weight: 400; line-height: 1.5; color: var(--gray500); } 
.search_option a.active { color: var(--f_color); border-color:var(--primary); } 
.search_option ul { display:flex; align-items: center; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; } 
.search_option dl { display:flex; } 
.search_option dt { font-size: 14px; font-weight: 400; line-height: 1.5; padding-top: 4px; padding-right: 8px; flex:0 0 36px; } 
.search_option ul { column-gap:4px; } 
.search_option .search_date { display:flex; align-items: center; } 
.search_option .search_date input[type=text] { border:1px solid var(--border_light); border-radius:40px; height: 28px; position: relative; max-width:133px; font-size: 12px; padding:4px 4px 4px 8px; background-image: url("data:image/svg+xml; charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect fill='%23efeeed' x='0' y='0' width='20' height='20' rx='10' ry='10'/%3E%3Cpath d='M15.12,4.6h-1.97v-.52c0-.21-.17-.38-.39-.38s-.39.17-.39.38v.52h-4.72v-.52c0-.21-.17-.38-.39-.38s-.39.17-.39.38v.52h-1.97c-.65,0-1.18.52-1.18,1.17v9.36c0,.65.53,1.17,1.18,1.17h10.24c.65,0,1.18-.52,1.18-1.17V5.77c0-.65-.53-1.17-1.18-1.17ZM4.88,5.38h1.97v.42c0,.21.17.38.39.38s.39-.17.39-.38v-.42h4.72v.42c0,.21.17.38.39.38s.39-.17.39-.38v-.42h1.97c.22,0,.39.17.39.39v1.68H4.49v-1.68c0-.22.17-.39.39-.39ZM15.12,15.52H4.88c-.22,0-.39-.17-.39-.39v-6.93h11.03v6.93c0,.22-.17.39-.39.39Z'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:calc(100% - 4px) 50%; background-size:20px 20px; } 
.search_option .search_date input[type=text]:focus { background-image: url("data:image/svg+xml; charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect fill='%23FEC57B' x='0' y='0' width='20' height='20' rx='10' ry='10'/%3E%3Cpath d='M15.12,4.6h-1.97v-.52c0-.21-.17-.38-.39-.38s-.39.17-.39.38v.52h-4.72v-.52c0-.21-.17-.38-.39-.38s-.39.17-.39.38v.52h-1.97c-.65,0-1.18.52-1.18,1.17v9.36c0,.65.53,1.17,1.18,1.17h10.24c.65,0,1.18-.52,1.18-1.17V5.77c0-.65-.53-1.17-1.18-1.17ZM4.88,5.38h1.97v.42c0,.21.17.38.39.38s.39-.17.39-.38v-.42h4.72v.42c0,.21.17.38.39.38s.39-.17.39-.38v-.42h1.97c.22,0,.39.17.39.39v1.68H4.49v-1.68c0-.22.17-.39.39-.39ZM15.12,15.52H4.88c-.22,0-.39-.17-.39-.39v-6.93h11.03v6.93c0,.22-.17.39-.39.39Z'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:calc(100% - 4px) 50%; background-size:20px 20px; } 
.ui-datepicker { background: var(--white); border-radius:8px; width: 17em; padding: 1.2em 1em; display: none; z-index:10; box-shadow:0px 4px 4px 0px rgba(0, 0, 0, 0.25); } 
.ui-datepicker .ui-datepicker-header { position: relative; display:flex; padding: 0 .94em; margin-bottom: .94em; align-items: center; justify-content: space-around; } 
.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next { } 
.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover { } 
.ui-datepicker .ui-datepicker-prev { order:0; } 
.ui-datepicker .ui-datepicker-next { order:2; } 
.ui-datepicker .ui-datepicker-prev-hover { } 
.ui-datepicker .ui-datepicker-next-hover { } 
.ui-datepicker-prev span, .ui-datepicker-next span { background-image: url("data:image/svg+xml; charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' %3E%3Cpath d='M13.87,9.81c.29.29.29.77,0,1.06l-5.17,5.17c-.29.29-.77.29-1.06,0-.29-.29-.29-.77,0-1.06l4.64-4.64-4.64-4.64c-.29-.29-.29-.77,0-1.06.29-.29.77-.29,1.06,0l5.17,5.17Z' fill='%23121212' /%3E%3C/svg%3E"); width: 20px; height: 20px; border:1px solid var(--border_dark); border-radius:50%; } 
.ui-datepicker-prev span { transform: rotate(180deg); } 
.ui-datepicker .ui-datepicker-title span { font-size: 16px; } 
.ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0 } 
.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year { width: 45%; } 
.ui-datepicker table { width: 100%; border-collapse: collapse; margin: 0 0 .5em } 
.ui-datepicker th { text-align: center; } 
.ui-datepicker th span { display:flex; height: 2em; padding: 4px 0.47em; margin-bottom: .5em; text-align: center; font-size: 12px; font-weight: 400; color: var(--gray500); justify-content: center; align-items: center; } 
.ui-datepicker td { text-align: center; } 
.ui-datepicker td span,.ui-datepicker td a { font-size: 14px; height: 2em; display: flex; padding: 4px 0.47em; text-align:center; text-decoration: none; justify-content: center; align-items: center; } 
.ui-datepicker td a.ui-state-highlight { background: var(--primary_pastel); border-radius:50%; max-width:2em; margin:0 auto; } 
.ui-datepicker td span.ui-state-default { color: var(--gray500); } 
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0 } 
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible } 
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left } 
.ui-datepicker .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } 
.search_option .btn_search_reset { opacity: .7; } 
.search_option .btn_search_reset strong { font-size: 12px; color: var(--f_color); font-weight: 400; } 
.search_option .btn_search_reset:active { border-bottom:1px solid var(--border_dark); opacity: 1; } 
.search_option .btn_search_detail_in { background: var(--primary_pastel); border-radius:8px; padding:2px 8px; font-size: 14px; font-weight: 400; line-height: 1.5; } 
.search_related { position: relative; padding:12px 0; } 
.search_related a { font-size: 16px; line-height: 1.5; font-weight: 400; } 
.search_related:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background: var(--border_light); } 
.search_related:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: var(--border_light); } 
.search_tab { font-size: 14px; } 
#search_list .search_tab a { color: var(--gray500); font-weight: 500; line-height: 1.5; } 
#search_list .search_tab .active a { color: var(--f_color); } 
@media screen and (min-width:1201px){
 #list_main,#list,#view,#search_list { width: 1200px; margin-left: auto; margin-right: auto; } 
#lnbheader { width: 1200px; margin-left: auto; margin-right: auto; } 
 }
@media screen and (max-width:1200px){
 #list_main,#list,#view,#search_list { padding-left:20px; padding-right: 20px; } 
 }
@media screen and (min-width:992px) { /*이슈*/
#lnbheader .header_issue_wrap { padding-top: 58px; padding-bottom: 58px; padding-left: 78px; padding-right: 78px; } 

/*오피니언*/
.opinion_today_wrap { padding-left: calc(8.3333% + 32px); padding-right: calc(8.3333% + 32px); } 
.opinion_today_wrap>.row>.col:first-child { flex-basis:55.95116988809766%; max-width:55.95116988809766%; } 
.opinion_today_wrap>.row>.col:last-child { flex-basis:calc(100% - 55.95116988809766%); max-width:calc(100% - 55.95116988809766%); } 

/*play국민*/
.play_lastest .subtitle_wrap, .play_videos .subtitle_wrap { min-width: 20.35%; flex-basis:20.35%; padding-right:24px; } 

/*포토 영상*/
.photo_vod .row .card .tit { height:54px; align-items: flex-start; } 
.plan_angle .row .card .tit { height: 60px; align-items: flex-start; } 

/*앵글속세상 만평*/
.swiper_header .title_wrap { position: absolute; left: 513px; top:0; } 
.swiper_header .btn_wrap_swiper { position: absolute; left: 513px; bottom:0; z-index:99; } 
.swiper_header_top .card_body { position: absolute; left: 513px; top:44px; } 
.swiper_header_top .card_body .tit a { -webkit-line-clamp: 1; } 
.swiper_header_thum { position: absolute !important; left:513px; bottom:48px; width: calc(100% - 513px); } 
 }

@media screen and (min-width:576px) and (max-width:991.98px) { /* 미션 생각+ */
.ms_plus .list_lg.opn>div:last-child>div:before { width: 100%; height: 1px; background-image:linear-gradient(to right, var(--secondary) 50%,var(--white) 50%); } 

/*앵글속세상 만평*/
.swiper_header .title_wrap { position: absolute; left: 513px; top:0; } 
 }

@media screen and (min-width:576px) and (max-width:768px) { /*기사리스트*/
.list_main_top .row>div:last-child .tit { font-size: 20px; } 

/*미션*/
.ms_series .row { margin-left: -16px; margin-right: -16px; } 

/*앵글속세상 만평*/
.swiper_header .title_wrap { position: absolute; left: 268px; top:0; } 
 }
@media screen and (max-width:991.98px) { /*오피니언*/
.opinion_today_wrap { padding-left:0; padding-right:0; } 
 }
@media screen and (min-width:768.02px) { /*기사리스트*/
.list_main_top .row>div:last-child .tit { font-size: 18px; } 

/*이슈*/
#lnbheader .header_issue_wrap { padding-top: 58px; padding-bottom: 58px; padding-left: 58px; padding-right: 58px; } 
#lnbheader .header_issue_wrap .lnbtitle { width: 280px; padding-left: 0; } 

/*검색*/
#search_header .btn_filter { border-radius:32px; padding:4px 8px; } 
 }
@media screen and (max-width:768px) { /*play국민*/
[class*=play_] .row, [class*=insta_main] .row { margin-left: -8px; margin-right: -8px; } 
[class*=play_] .col, [class*=insta_main] .col { padding-left: 8px; padding-right: 8px; } 

/*기획포토영상*/
.plan_asalse .row,.plan_angle .row,.plan_cartoon .row,.photo_vod .row { margin-left: -8px; margin-right: -8px; } 
.plan_asalse .col,.plan_angle .col,.plan_cartoon .col,.photo_vod .col { padding-left: 8px; padding-right: 8px; } 
.plan_asalse .card_body { padding:8px 8px; } 

/*이슈*/
#lnbheader .header_issue_wrap { padding-top: 36px; padding-bottom: 36px; padding-left: 20px; padding-right: 20px; } 
#lnbheader .header_issue_wrap .lnbtitle { padding-left: 0; } 

/*검색*/
#search_header .btn_filter { border-radius:50%; width: 24px; height: 24px; padding:0; } 
#search_header .btn_filter i { width: 16px; height: 16px; } 
 }
@media screen and (min-width:576px) { /*기사리스트*/
.list_main_top { margin-bottom: 40px; padding-bottom: 32px; } 
.list_main_top .row>div:first-child .tit { font-size: 24px; } 

/*시리즈*/
.plan_series .series_tab a { padding:12px 40px; } 

/*기획*/
.plan_asalse .card_body { background: rgba(0,0,0,.65); position: absolute; left: 0; bottom: 0; width: 100%; } 
.plan_asalse .card_body .tit a { color: var(--white); -webkit-line-clamp: 1; } 
 }


@media screen and (max-width:575.98px) { /*기사리스트*/
.nws_list .card .tit a { -webkit-line-clamp: 2; } 
.list_main_top { margin-bottom: 24px; padding-bottom: 20px; } 
.list_main_top .row>div:first-child .tit { font-size: 20px; } 
.list_main_top .row>div:last-child .tit { font-size: 16px; } 

/*미션*/
.ms_series .row .col>.card>.card_body { height: auto; } 
.ms_series .card_group .card { height: auto; padding-top:16px; padding-bottom:16px; } 

/*play국민*/
.insta_ggon .row { margin-left: -8px; margin-right: -8px; } 
.insta_ggon .col { padding-left: 8px; padding-right: 8px; } 

/*앵글속세상*/
.swiper_header_top .card .tit a { -webkit-line-clamp: 1; } 

/*기획포토영상*/
.plan_asalse .card_body { padding:0; } 
.plan_angle .row .card,.plan_cartoon .row .card,.photo_vod .row .card { padding-top: 8px; padding-bottom: 16px; padding-left: 8px; padding-right: 8px; } 

/*시리즈*/
.plan_series .series_tab a { padding:12px 20px; } 

/*이슈*/
#lnbheader .header_issue_wrap { padding-top: 24px; padding-bottom: 24px; } 
#lnbheader .header_issue_wrap .lnbtitle { width: 100%; } 
 }

/*-----------------view-----------------*/
/**/
.article_subhead { border-left:2px solid var(--primary); padding-left:12px; margin-top: 24px; margin-bottom: 24px; white-space: pre-line;} 
#articleBody > div figure { text-align: center; margin:24px auto; } 
#articleBody > div figure figure { display:flex; flex-wrap: wrap; justify-content: center; } 
#articleBody > div figure figcaption { margin-top: 8px; font-size: 14px; line-height:1.5; font-weight: 400; color: var(--gray500); } 

/* 기사내용 table 기본*/
.article_body table { margin:10px 0; width: 100%; } 
.article_body table { padding:auto !important; border: auto !important; border-spacing:1 !important; border-collapse:separate !important; } 
.article_body table td,.article_body table th { width:auto !important; margin:auto !important; } 
.article_body table th { font-weight: bold !important; } 

/*레이어팝업공통*/
.layer_popup { width:236px; background:var(--white); position:absolute; padding:24px; top:32px; right: 0; display:none; z-index:99; box-shadow: 0 0 4px 0 rgba(0, 0, 0, .25); } 
.layer_popup i.ico_cancle { width: 16px; height: 16px; } 
.layer_popup .close { float:right } 
.layer_popup.fontsize li a { display: flex; width: 40px; height: 40px; border:1px solid var(--border_gray); border-radius:50%; align-items: center; justify-content: center; } 
.layer_popup.fontsize li.active a { border-color:var(--primary); } 

/*이모지리액션*/
.reaction { padding:20px 0; display:flex; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; justify-content: center; border-top: 1px solid var(--border_light); border-bottom: 1px solid var(--border_light); } 
.reaction button { width: 88px; color:var(--f_color); display:flex; flex-direction: column; align-items: center; justify-content: center; } 
.reaction i { transition:all .3s cubic-bezier(0, 1.38, 0.99, -0.77); cursor:pointer; margin-bottom: 4px; } 
.reaction em { font-style: normal; } 
.reaction .is_active i { animation:reaction_m .3s ease-in-out; } 
@keyframes reaction_m { 
 0% { transform: scale(1); } 

 50% { transform: scale(1.1); } 
 75% { transform: scale(0.8); } 
 100% { transform: scale(1); } 
 }

/*old photo paging*/
.article_content .morepic { margin-bottom: 40px; display:flex; justify-content: center; } 
.article_content .morepic img { width: auto; } 

.ico_like { background-image: url("data:image/svg+xml; charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cg%3E%3Cpath d='M20,0C8.97,0,0,8.97,0,20s8.97,20,20,20,20-8.97,20-20S31.03,0,20,0ZM20,38c-9.93,0-18-8.08-18-18S10.07,2,20,2s18,8.07,18,18-8.08,18-18,18Z'/%3E%3Cpath d='M20,26.26c-3.78,0-5.91-3.64-6.3-5.66h-1.58c.26,2.42,2.36,7.27,7.88,7.27s7.48-4.44,7.88-7.27h-1.64c-.39,2.42-2.46,5.66-6.24,5.66Z'/%3E %3Ccircle cx='11.52' cy='16.37' r='1.82'/%3E%3Ccircle cx='28.49' cy='16.37' r='1.82'/%3E%3C/g%3E%3C/svg%3E"); width: 40px; height: 40px; } 

.is_active .ico_like { background-image: url("data:image/svg+xml; charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 40 40'%3E%3Cdefs%3E%3Cstyle%3E.like_grd { fill: url(%23like-gradient); } %3C/style%3E %3ClinearGradient id='like-gradient' x1='20' y1='2.65' x2='20' y2='37.11' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23ffca10'/%3E%3Cstop offset='.36' stop-color='%23ffc710'/%3E%3Cstop offset='.59' stop-color='%23ffbe10'/%3E%3Cstop offset='.79' stop-color='%23ffb010'/%3E%3Cstop offset='.96' stop-color='%23ff9b10'/%3E%3Cstop offset='1' stop-color='%23ff9510'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg%3E%3Crect class='like_grd' x='1.56' y='1.56' width='36.89' height='36.89' rx='18' ry='18'/%3E %3Cpath d='M20.5,37.74c-6.02,0-11.48-3.49-13.15-5.74-2.01-3.43,5.31-1.1,9.15.74,9.23-.49,10.67-2.98,11-4,3.34-5.92,10-14.92,10-8.5,0,7.5-3,10.87-4.5,12.5-1.67,2.04-6.48,5-12.5,5Z' fill='%23ffae10'/%3E %3C/g%3E%3Cg%3E %3Cpath d='M17.95.1C8.6,1.04,1.04,8.6.1,17.95c-1.26,12.63,9.31,23.21,21.95,21.94,9.35-.93,16.91-8.5,17.85-17.85C41.16,9.42,30.59-1.16,17.95.1ZM18.15,37.91c-8.42-.84-15.22-7.65-16.06-16.07C.96,10.47,10.47.96,21.84,2.09c8.42.84,15.22,7.65,16.07,16.06,1.14,11.37-8.38,20.89-19.75,19.75Z'/%3E %3Cpath d='M20,26.26c-3.78,0-5.91-3.64-6.3-5.66h-1.58c.26,2.42,2.36,7.27,7.88,7.27s7.48-4.44,7.88-7.27h-1.64c-.39,2.42-2.46,5.66-6.24,5.66Z'/%3E %3Ccircle cx='11.52' cy='16.37' r='1.82'/%3E %3Ccircle cx='28.49' cy='16.37' r='1.82'/%3E %3C/g%3E%3C/svg%3E"); width: 40px; height: 40px; } 

.ico_angry { background-image: url("data:image/svg+xml; charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M20,0C8.97,0,0,8.97,0,20s8.97,20,20,20,20-8.97,20-20S31.03,0,20,0ZM20,38c-9.93,0-18-8.08-18-18S10.07,2,20,2s18,8.07,18,18-8.08,18-18,18Z'/%3E%3Cpath d='M20,20.61c-5.37,0-7.48,4.44-7.88,7.27h1.64c.39-2.42,2.46-5.66,6.24-5.66s5.91,3.64,6.3,5.66h1.58c-.26-2.42-2.36-7.27-7.88-7.27Z'/%3E%3Cpath d='M29.29,11.14l-3.7,3.7c-.39.39-.39,1.02,0,1.41.2.2.45.29.71.29s.51-.1.71-.29l3.7-3.7c.39-.39.39-1.02,0-1.41s-1.02-.39-1.41,0Z'/%3E%3Cpath d='M14.07,16.93c.26,0,.51-.1.71-.29.39-.39.39-1.02,0-1.41l-3.7-3.7c-.39-.39-1.02-.39-1.41,0s-.39,1.02,0,1.41l3.7,3.7c.2.2.45.29.71.29Z'/%3E%3C/svg%3E"); width: 40px; height: 40px; } 

.is_active .ico_angry { background-image: url("data:image/svg+xml; charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 40 40'%3E%3Cdefs%3E%3Cstyle%3E.angry_grd { fill: url(%23angry-gradient); } %3C/style%3E%3CradialGradient id='angry-gradient' cx='-892.05' cy='535.05' fx='-892.05' fy='535.05' r='1' gradientTransform='translate(17861 10721) scale(20 -20)' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.58' stop-color='%23ff5858'/%3E%3Cstop offset='1' stop-color='%23f01919'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle class='angry_grd' cx='20' cy='20' r='19'/%3E%3Cg%3E%3Cpath d='M20,0C8.97,0,0,8.97,0,20s8.97,20,20,20,20-8.97,20-20S31.03,0,20,0ZM20,38c-9.93,0-18-8.08-18-18S10.07,2,20,2s18,8.07,18,18-8.08,18-18,18Z'/%3E%3Cpath d='M20,20.61c-5.37,0-7.48,4.44-7.88,7.27h1.64c.39-2.42,2.46-5.66,6.24-5.66s5.91,3.64,6.3,5.66h1.58c-.26-2.42-2.36-7.27-7.88-7.27Z'/%3E%3Cpath d='M29.29,11.14l-3.7,3.7c-.39.39-.39,1.02,0,1.41.2.2.45.29.71.29s.51-.1.71-.29l3.7-3.7c.39-.39.39-1.02,0-1.41s-1.02-.39-1.41,0Z'/%3E %3Cpath d='M14.07,16.93c.26,0,.51-.1.71-.29.39-.39.39-1.02,0-1.41l-3.7-3.7c-.39-.39-1.02-.39-1.41,0s-.39,1.02,0,1.41l3.7,3.7c.2.2.45.29.71.29Z'/%3E%3C/g%3E%3C/svg%3E"); width: 40px; height: 40px; } 

.ico_follow { background-image: url("data:image/svg+xml; charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M20,0C8.97,0,0,8.97,0,20s8.97,20,20,20,20-8.97,20-20S31.03,0,20,0ZM20,38c-9.93,0-18-8.08-18-18S10.07,2,20,2s18,8.07,18,18-8.08,18-18,18Z'/%3E%3Cpath d='M32.93,11.89c-.39-.39-1.02-.39-1.41,0l-14.48,14.48-8.92-8.92c-.39-.39-1.02-.39-1.41,0s-.39,1.02,0,1.41l9.63,9.63c.19.19.44.29.71.29s.52-.11.71-.29l15.18-15.19c.39-.39.39-1.02,0-1.41Z'/%3E%3C/svg%3E"); width: 40px; height: 40px; } 
.is_active .ico_follow { background-image: url("data:image/svg+xml; charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 40 40'%3E%3Cdefs%3E%3Cstyle%3E.follow_grd { fill: url(%23follow-gradient); } %3C/style%3E%3ClinearGradient id='follow-gradient' x1='7.61' y1='36.16' x2='32.11' y2='8.16' gradientTransform='translate(0 42) scale(1 -1)' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%2389f7fe'/%3E%3Cstop offset='1' stop-color='%2366a6ff'/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle class='follow_grd' cx='20' cy='20' r='19'/%3E%3Cg%3E%3Cpath d='M20,0C8.97,0,0,8.97,0,20s8.97,20,20,20,20-8.97,20-20S31.03,0,20,0ZM20,38c-9.93,0-18-8.08-18-18S10.07,2,20,2s18,8.07,18,18-8.08,18-18,18Z'/%3E%3Cpath d='M32.93,11.89c-.39-.39-1.02-.39-1.41,0l-14.48,14.48-8.92-8.92c-.39-.39-1.02-.39-1.41,0s-.39,1.02,0,1.41l9.63,9.63c.19.19.44.29.71.29s.52-.11.71-.29l15.18-15.19c.39-.39.39-1.02,0-1.41Z'/%3E%3C/g%3E%3C/svg%3E"); width: 40px; height: 40px; } 

/*기사 추천기사*/
.w140 { width: 140px; min-width:140px; } 
.article_recommend .card { max-width:535px; padding: 12px; } 
.article_recommend .card .tit a { -webkit-line-clamp: 3; } 
.article_recommend .card_body div:first-child { line-height: 1.28; } 

/*aritlce 하단 컨텐츠 */
.article_btm { max-width:994px; margin:0 auto; } 

/*추천기사*/
.recommend .row { margin-left:-8px; margin-right:-8px; } 
.recommend .col { padding-left: 8px; padding-right: 8px; } 
.recommend .tit { font-size: 16px; font-weight: 500; line-height: 1.5; } 
.tooltip2 { position: relative; height: 40px; margin-bottom: 4px; } 
.tooltip2 span { width:max-content; display:block; border-radius:20px; background: var(--f_color); color:var(--white); padding:6px 12px } 
.tooltip2 i { position: absolute; left: 11px; bottom: 1px; width: 0; height: 0; border-width:7px 12px 0 0; border-style:solid; border-color:var(--f_color) transparent transparent transparent; } 

/*view 핫이슈*/
#view .mn_hotissue .description { font-size: 14px; font-weight: 400; line-height: 1.5; } 

/*맞춤기사*/
.bespoke .row { margin-left:-8px; margin-right:-8px; } 
.bespoke .col { padding-left: 8px; padding-right: 8px; } 

/*많이본기사*/
.article_rank [data-sec="top50"] a i { width: 16px; height: 16px; } 
.article_rank .col:last-child .card:last-child:before { background: none; border: none; } 
.article_rank .tab_content .btn_wrap { background: var(--white); } 

/*aside*/
#view .aside .aside_rank .card .tit a { -webkit-line-clamp: 3; } 
#view .aside .aside_etc .card .tit a { -webkit-line-clamp: 3; } 
#view .aside .card { padding-top: 10px; padding-bottom: 10px; } 
#view .aside .card .card_body { row-gap:2px; } 

@media screen and (min-width:992px){
 #view .article_view { flex-basis:calc(100% - 328px); max-width:calc(100% - 328px); padding-right: 20px; } 
#view .aside { flex-basis:328px; max-width:328px; padding-left: 20px; } 

/* view 핫이슈 */
#view .mn_hotissue .title_wrap { background: url('https://image.kmib.co.kr/images/www/sub/hotissue_banner.png') no-repeat; background-size:cover; padding: 32px 24px; } 
 }
@media screen and (min-width:992px) and (max-width:1020px) { } 
@media screen and (max-width:991.98px) { } 


/*많이본기사 250220*/
.article_rank .col:nth-child(3) .card { height: 33.333333%; } 
.article_rank .col:not(:nth-child(4)) .tit a { -webkit-line-clamp: 3; } 
.article_rank .col:not(:nth-child(4)) .card_body { height: 64px; } 
.article_rank .tab_content { position: relative; } 
.article_rank .tab_content .btn_wrap { position: absolute; right: 16px; top: -44px; } 
.article_rank .tab_content .row>div:nth-child(4) .tit a { -webkit-line-clamp: 1; } 
 
@media screen and (min-width:576px) and (max-width:767.98px) { /* view 핫이슈 */
#view .mn_hotissue .row .col:nth-child(3) { display: none; } 
 }
@media screen and (min-width:768.02px){
#articleBody > div figure { max-width:min-content; } 
#articleBody > div figure img { width:auto; max-width:640px; } 
 }
@media screen and (max-width:768px){
 #articleBody > div figure { max-width:640px; } 
 }
@media screen and (max-width:575.98px) { /*부제목*/
/*.article_subhead { word-break:keep-all; } 
.article_subhead br { display:none; } */

/* view rank*/
.article_rank .card { height: 64px; } 
.article_rank .col .tit a { -webkit-line-clamp: 2 !important } 
.article_rank .tab_content .btn_wrap { position: relative; padding-left:16px; padding-right:16px;top:0; left: 0; } 
 }

/*------------------- feature -------------------*/
.feaTopicList { position:relative; width:100%; } 
.feaTopicList ul { display:flex; flex-wrap: wrap; margin-bottom: 20px; border-top:none; } 
.feaTopicList li { border-bottom:1px solid var(--border_light); } 
.feaTopicList a:hover,.feaCateYear a:hover { text-decoration:none; } 
.feaTopicList a { display:block; text-align:left; font-size:16px; padding:12px 16px 14px; white-space:nowrap; color:var(--f_color); text-overflow:ellipsis; overflow:hidden; white-space:nowrap; } 
.feaTopicList a:hover { font-weight:bold; } 
.feaTopicList strong { display:block; padding:11px 12px 13px; white-space:nowrap; color:var(--f_color); text-overflow:ellipsis; overflow:hidden; white-space:nowrap; } 
.feaTopicList li.on a { font-weight:bold; color:var(--primary); } 
.feaList ul { display:flex; flex-wrap: wrap; } 
.feaList li { display:flex; } 
.feaList li>div { display:flex; flex-direction: column; border:1px solid var(--border_light); } 
.feaList li>div .cate { font-weight: 500; line-height: 1.5; color: var(--primary); } 
.feaList li>div .thum { margin-bottom: 8px; aspect-ratio: 3 / 2; overflow: hidden; display: flex; align-items: center; justify-content: center; } 
.feaList li>div .thum img { max-width: 100%; height: auto; min-height: 100%; object-fit: cover; } 
.feaList li>div .tit01 { display:block; font-weight: 500; line-height: 1.5; margin-bottom: 4px; } 
.feaList li>div .txt02 { font-weight: 400; line-height: 1.5; color: var(--gray500); } 

@media screen and (min-width:576px){
 .feaList li>div { padding-top:16px; padding-bottom: 32px; padding-left: 16px; padding-right: 16px; } 
.feaList li>div .cate { font-size: 16px; } 
.feaList li>div .tit01 { display:block; font-size: 20px; } 
.feaList li>div .txt02 { font-size: 16px; } 
 }
@media screen and (min-width:768.02px){
 .feaTit_img { display:block; text-align:center; margin-bottom: 32px; } 
.feaTopicList li { flex-basis:50%; max-width:50%; } 
.feaList li { flex-basis: 33.333333%; max-width: 33.33333%; } 
 }
@media screen and (min-width:992px){
 .feaTopicList li { flex-basis:25%; max-width:25%; } 
.feaList ul { margin-left: -16px; margin-right: -16px; row-gap:32px; } 
.feaList li { flex-basis: 25%; max-width: 25%; padding-left: 16px; padding-right: 16px; } 
 }
@media screen and (max-width:991.98px){
 .feaList ul { margin-left: -8px; margin-right: -8px; row-gap:16px; } 
.feaList li { padding-left: 8px; padding-right: 8px; } 
 }
@media screen and (max-width:768px){
 .feaTit_img { display:none } 
.feaTopicList li { flex-basis:50%; max-width:50%; } 
.feaList li { flex-basis: 50%; max-width: 50%; } 
 }
@media screen and (max-width:575.98px){
 .feaTopicList li { flex-basis:50%; max-width:50%; } 
.feaList li>div { padding-top:8px; padding-bottom: 16px; padding-left: 8px; padding-right: 8px; } 
.feaList li>div .cate { font-size: 14px; } 
.feaList li>div .tit01 { font-size: 16px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: normal; } 
.feaList li>div .txt02 { font-size: 14px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: normal; } 
 }


/*------------------- TOP50 -------------------*/
.btn_top50 { width: 100%; border:1px solid var(--border_gray); column-gap:4px; border-radius:8px; font-size: 16px; font-weight: 500; line-height: 1.5; color:var(--gray500) !important; padding:8px 20px; justify-content: center; } 
/*TOP50*/
.top50_header { height: 173px; } 
#lnbheader.top50_header:before { background: none; opacity: 1; } 
.top50 .num { position: absolute; left: 10px; top: 10px; border:2px solid var(--white); border-radius:50%; background:rgba(0,0,0,.7); display:flex; z-index:10; font-weight:700; color: var(--white); align-items: center; justify-content: center; letter-spacing: -1px; text-align:center; padding-left: 2px; padding-right: 4px; } 
.top50 .cate strong { display:flex; width:max-content; font-size: 14px; font-weight: 500; border-width:1px; border-style:solid; padding:4px 8px; } 
.top50 .cate strong { background: var(--white); color: var(--f_color); border-color:var(--gray900); } 
.top50 .card_img { min-width:100%; } 
/*카테고리별*/
.top50_content .cate.pol strong { border-color:var(--primary); color:var(--primary); } 
.top50_content .cate.soc strong { border-color:#23A7FF; color:#23A7FF; } 
.top50_content .cate.eco strong { border-color:#CC9F00; color:#CC9F00; } 
.top50_content .cate.inter strong { border-color:#FF0000; color:#FF0000; } 
.top50_content .cate.enter strong { border-color:#5033FF; color:#5033FF; } 
.top50_content .cate.esports strong { border-color:#BC00CC; color:#BC00CC; } 
.top50_content .cate.mission strong { border-color:#30C4E8; color:#30C4E8; } 
.top50_content .cate.life strong { border-color:#00DE59; color:#00DE59; } 
.top50_top .tit { font-weight:700; line-height: 1.28; } 
.top50_top .card { border:1px solid var(--border_light); } 
.top50_top .col:nth-child(1) .card { background: #FFC567; } 
.top50_top .col:nth-child(2) .card { background: #009A5E; } 
.top50_top .col:nth-child(2) .tit,.top50_top .col:nth-child(2) .tit a { color: var(--white); } 
.top50_top .col:nth-child(3) .card { background: #048CD6; } 
.top50_top .col:nth-child(3) .tit,.top50_top .col:nth-child(3) .tit a { color: var(--white); } 
.top50_top .col:nth-child(4) .card { background: #7047D1; } 
.top50_top .col:nth-child(4) .tit,.top50_top .col:nth-child(4) .tit a { color: var(--white); } 
.top50_top .col:nth-child(5) .card { background: #FD5A47; } 
.top50_top .col:nth-child(6) .card { background: #FC7DA8; } 
.top50_4:before,.top50_2:before { width:calc(100% - 32px); left:16px; } 
.top50_4>div:first-child>div:first-child:before { background: none; } 
.top50_4>div { margin-left: 0; margin-right: 0; } 
.top50_4 .card_body { padding:12px 8px; } 
.top50_4 .tit a { font-size: 18px; line-height: 1.5; font-weight: 500; } 
.top50_2 .card_body { flex-grow:1; } 
.top50_content>div:last-child:before { background: none; } 
@media screen and (min-width: 768px){
 .top50_4 { padding-bottom: 16px; } 
.top50_2 .card_img { width: 206px; min-width: 206px; flex-basis:206px; } 
.top50_2 .tit a { font-size: 18px; line-height: 1.5; font-weight: 500; } 
 }
@media screen and (min-width: 576px){
 .top50_top .card { align-items: flex-start; } 
.top50_top .tit { font-size: 24px; min-height:62px; align-items: flex-start } 
.top50_top .card_body { padding:16px; } 
.top50_2 { padding-bottom: 16px; } 
.top50_2>div:first-child:before { background: none; } 
.top50 .num { width: 44px; height: 44px; font-size: 28px; } 
 }
@media screen and (max-width: 768.02px){
 .top50_4>div>div:first-child:before { background: none; } 
.top50_4>div { padding-bottom: 16px; } 
.top50_4 .bline_smnor:before { width: calc(100% - 32px); left:16px; height: 1px; } 
.top50_2 .card_img { width: 132px; min-width: 132px; flex-basis:132px; } 
.top50_2 .num { width: 32px; height: 32px; font-size: 16px; } 
.top50_2 .tit a { font-size: 16px; line-height: 1.5; font-weight: 400; } 
.top50_content>div:last-child>div:last-child:before { background: none; } 
 }
 
@media screen and (max-width: 575.98px){
 .top50 .num { width: 32px; height: 32px; font-size: 16px; } 
.top50_top .tit { font-size: 16px; } 
.top50_top .card_img { width: 143px; min-width:143px; flex-basis:143px; } 
.top50_top .card_body { padding-right: 8px; } 
.top50_4>div { padding-left: 8px; padding-right: 8px; padding-bottom: 8px; } 
.top50_4>div>div { padding-left: 8px; padding-right: 8px; } 
.top50_2>div { padding-bottom: 8px; } 
.top50_2 .lline_lgnor:before { width: calc(100% - 32px); left:16px; top:unset; bottom:0px; height: 1px; } 
 }


/*------------------- 인류애상담소 -------------------*/
#list_main.humanity .border { border-color:var(--border_gray); } 
#list_main.humanity .card { border-radius:16px; height: 100%; } 
#list_main.humanity .card_img { border-radius:8px; } 
#list_main.humanity .list_top_humanity .card { padding:16px; height: unset; } 
#list_main.humanity .list_top_humanity .card .description { -webkit-line-clamp: 3; } 

#list_main .humanity_list .card_img { min-width:100%; } 

/*cate*/
#list_main.humanity .cate { width: max-content; border-width:1px; border-style:solid; border-radius:16px; padding:2px 6px; display:flex; } 
#list_main.humanity .cate i { width: 20px; height: 20px; background-repeat:no-repeat; background-position:50% 50%; background-size:20px auto; text-indent:-999999px; } 
#list_main.humanity .cate strong { font-size: 14px; font-weight: 400; line-height: 1.5; } 
#list_main.humanity .cate.asalse { border-color:#F4C542; } 
#list_main.humanity .cate.asalse i { background-image: url('../../images/home/ico/ico_asalse.png'); } 
#list_main.humanity .cate.pet { border-color:#155EFE; } 
#list_main.humanity .cate.pet i { background-image: url('../../images/home/ico/ico_pet.png'); } 
#list_main.humanity .cate.story { border-color:#FE1519; } 
#list_main.humanity .cate.story i { background-image: url('../../images/home/ico/ico_story.png'); } 
#list_main.humanity .cate.memory { border-color:#F45D22; } 
#list_main.humanity .cate.memory i { background-image: url('../../images/home/ico/ico_memory.png'); } 
#list_main.humanity .cate.hero { border-color:#9115FE; } 
#list_main.humanity .cate.hero i { background-image: url('../../images/home/ico/ico_hero.png'); } 
#list_main.humanity .cate.trip { border-color:#762325; } 
#list_main.humanity .cate.trip i { background-image: url('../../images/home/ico/ico_trip.png'); } 
#list_main.humanity .cate.yomam { border-color:#4CAF50; } 
#list_main.humanity .cate.yomam i { background-image: url('../../images/home/ico/ico_yomam.png'); } 
#list_main.humanity .cate.human { border-color:#F76FC2; } 
#list_main.humanity .cate.human i { background-image: url('../../images/home/ico/ico_human.png'); } 
#list_main.humanity .cate.interview { border-color:#FF0033; } 
#list_main.humanity .cate.interview i { background-image: url('../../images/home/ico/ico_interview.png'); } 
.humanity_story .row>div>div i { width: 24px; height: 24px; display:flex; justify-content: center; align-items: center; } 
.humanity_story .row>div>div i svg { } 
.humanity_story>div>div:first-child i { width: 36px; height: 36px; flex-basis:36px; display:flex; justify-content: center; align-items: center; } 
.humanity_story>div>div:first-child strong { flex-basis:calc(100% - 44px); } 
.humanity_story .row .col:nth-child(1)>div { background: #B3CBFF; } 
.humanity_story .row .col:nth-child(2)>div { background: #F9E19F; } 
.humanity_story .row .col:nth-child(3)>div { background: #FAB89E; } 
.humanity_story .row .col:nth-child(4)>div { background: #B8E0BA; } 

@media screen and (min-width:576px){
 #list_main.humanity .card { padding:16px; } 
.list_top_humanity .card_img { width: calc(41.66666666666667% + 6px ); flex-basis: calc(41.66666666666667% + 6px); min-width: calc(41.66666666666667% + 6px); } 
.humanity_story .row>div>div { height:158px } 
 }
@media screen and (max-width:575.98px) { /*common*/

#list_main.humanity .card { padding:8px; } 
#list_main.humanity .description
.list_top_humanity .card_img { width: 100%; flex-basis:100%; min-width:100%; } 
.humanity_story .row>div>div { height:100% } 
 }

/* 여행 */
@font-face { font-family: 'SF_HambakSnow'; src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2106@1.1/SF_HambakSnow.woff') format('woff'); font-weight: normal; font-style: normal; } 

#lnbheader.travel_header { height: 173px; padding:20px 0; background-image:url('../../images/home/etc/bg_travel.jpg'); } 
#lnbheader.travel_header .header_wrap { padding-top:0; padding-bottom:0; } 
#lnbheader.travel_header:before { opacity: 1; background: none; } 
.travel_header .header_wrap { width: 100%; border-top:1px solid var(--white); border-bottom:1px solid var(--white); height:100%; } 
.travel_header .header_wrap em { font-style: normal; } 
.travel_header .header_wrap>div,.travel_header .header_wrap>div strong,.travel_header .header_wrap>div em { font-family: 'SF_HambakSnow'; color:var(--white); font-weight: 800; } 
.travel_header .header_wrap>div:first-child { font-size: 40px; letter-spacing: -0.56px; line-height: 60px; } 
.travel_header .header_wrap>div:last-child { font-size: 24px; letter-spacing: -0.24px; line-height: 100%; } 

/*트래블맵*/
.list_travel_header>div:first-child i { flex:0 0 20px; margin-top: 4px; } 
.travel_map_wrap { position: relative; background-image:url('../../images/home/etc/bg_travelmap.jpg'); background-size:auto 100%; background-position:50% 0; isolation: isolate; } 
.travel_map_wrap:before { content: ''; position: absolute; background: var(--white); z-index: -1; inset: 0; opacity: 0.7; } 
.travel_map_wrap .info_wrap { border:1px solid #26310C; } 
.travel_map { padding:48px; border:1px solid #26310C; } 
.travel_map_wrap .info_wrap .info_con { width: 100%; padding:40px 0px 0px; } 
.travel_map_wrap .info_wrap .info_head { padding: 0 20px; margin-bottom: 20px; } 
.travel_map_wrap .info_wrap .info_head>div:first-child,.travel_map_wrap .info_wrap .info_content dt em { font-family:'SF_HambakSnow'; color: #26310C; font-size: 48px; font-weight: 800; line-height: 1.25; font-style: normal; } 
.travel_map_wrap .info_wrap .info_head div:last-child { flex:1 0 auto; } 
.travel_map_wrap .info_wrap .info_head div:last-child div:first-child { height: 1px; width: 100%; background:#26310C; } 
.travel_map_wrap .info_wrap .info_head div:last-child div:last-child { gap:6px; } 
.travel_map_wrap .info_wrap .info_head div:last-child div:last-child span { background: #26310C; width: 10px; height: 10px; border-radius:50%; } 
.travel_map_wrap .info_wrap .info_content { padding:0 20px; } 
.travel_map_wrap .info_wrap .info_content dl { display:flex; align-items: center; column-gap:6px; } 
.travel_map_wrap .info_wrap .info_content dt { display:flex; } 
.travel_map_wrap .info_wrap .info_content dt em { display:flex; justify-content:center; align-items: flex-start; width: 26px; line-height: 1; } 
.travel_map_wrap .info_wrap .info_content dt span.bar { display:block; background-image: url("data:image/svg+xml; charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 37 56' fill='none' %3E%3Cpath d='M36.5 0.75L1 55.25' stroke='%2326310C' /%3E%3C/svg%3E"); background-repeat:no-repeat; width: 37px; height: 56px; margin:5px 0; } 
.travel_map_wrap .info_wrap .info_content dd { font-size: 18px; color: #26310C; line-height: 1.5; padding-top: 10px; word-break:keep-all; } 
.travel_map_wrap .info_wrap .info_foot { padding-right: 20px; flex:1; } 
.travel_map_wrap .info_wrap .info_foot div:first-child { height: 1px; width: 100%; background:#26310C; } 
.travel_map_wrap .info_wrap .info_foot div:last-child { padding-bottom: 12px; } 
.travel_map_wrap .info_wrap .info_foot div:last-child img {width: 100px;}

/*국가지역*/
.title_wrap.ticket { height: 60px; } 
.title_wrap.ticket .ticket_tit01 { position: relative; width: 110px; height: 60px; flex: 0 0 110px; background-image: url("data:image/svg+xml; charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 110 60' fill='none' %3E%3Cpath d='M110 0.5H105L102 5L99.1062 0.5H0.500011V14.5C7.40092 16.2762 12 22.5446 12 30C12 37.4554 7.40092 43.7238 0.500011 45.5L0.5 59.5H99.5L102 55L105 59.5H110' stroke='%23757575' /%3E%3C/svg%3E"); background-repeat:no-repeat; padding-right: 16px; } 
.title_wrap.ticket .ticket_tit01:before { content: ''; position: absolute; display:block; left: 102px; top: 0; width: 100%; height: 100%; background-image: linear-gradient(to top, var(--bg_darkgray) 50%,var(--white) 50%); background-size: 1px 8px; background-repeat: repeat-y; } 
.title_wrap.ticket .ticket_tit02 { border:1px solid var(--bg_darkgray); border-left:none; color: var(--f_color); } 

.country_wrap .country { position: relative; overflow: hidden; padding-top: 16px; padding-bottom: 16px; margin-bottom: 16px; } 
.country_wrap .country:before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: var(--border_gray); } 
.country_wrap .country .swiper_btn_wrap { position: absolute; width: 100%; left: 0; top: 50%; margin-top:-20px; display:flex; justify-content: space-between; z-index:10; } 
.country_wrap .country .swiper_btn_wrap .swiper-button-disabled { opacity: 0; } 
.country_wrap .country .swiper_btn_wrap>div { width: 40px; height: 40px; background:var(--white); border:1px solid var(--border_dark); border-radius:50%; display:flex; align-items:center; justify-content:center; } 
.country_wrap .country .swiper_btn_wrap .swiper-prev i { transform:rotate(180deg); } 
.country_wrap .swiper-slide>a,.country_wrap .col>a { position: relative; display: flex;; background: #eee; overflow: hidden; border-radius:16px; aspect-ratio: 2 / 3; } 
.country_wrap .swiper-slide>a .tit,.country_wrap .col>a .tit { position: absolute; width: 100%; height: 100%; padding:10px; display: flex; flex-direction:column; justify-content:flex-end; align-items:flex-start; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 70%, rgba(0, 0, 0, 0.50) 100%); } 
.country_wrap .swiper-slide>a strong,.country_wrap .col>a strong { display:block; font-family:'SF_HambakSnow'; color: var(--white); font-weight: 800; font-size:36px; line-height: 125%; letter-spacing: -0.36px; } 

/*리스트*/
.list_travel .nws_list .card .description { -webkit-line-clamp: 3; } 
.list_travel .nws_list .card:not(.card:first-child) .tit a { -webkit-line-clamp: 2; } 
.list_travel .btn_more_lg strong { font-weight: 500; } 

@media (min-width:992px){
 .travel_map_wrap .info_wrap { flex:0 0 calc(412px + 48px) } 
.travel_map_wrap .travel_map { flex:1 0 auto; } 
.travel_map_wrap .info_wrap .info_con { margin-top:48px; border-top:1px solid #26310C; } 
.travel_map_wrap .info_wrap { border-right: none; } 
.travel_map_wrap .info_wrap>div:first-child { flex:0 0 48px; border-right: 1px solid var(--border_dark); } 
 }
@media (max-width:991.98px){
 .travel_map_wrap .info_wrap { border-top:none; order:1; } 
.travel_map_wrap .travel_map { order:0; } 
 }
@media (min-width:768.02px){
 .list_travel .nws_list .card:first-child { align-items:flex-start; padding-bottom: 20px; } 
.list_travel .nws_list .card:first-child:before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: var(--border_light); } 
.list_travel .nws_list .card:first-child>.card_img { flex:0 0 calc( 66.66666666666667% - 11px); } 
.list_travel .nws_list .card:first-child .card_body { row-gap:4px; } 
.list_travel .nws_list .card:first-child .tit { font-size: 36px; } 
.list_travel .nws_list .card:first-child .tit a { -webkit-line-clamp: 3; } 
.list_travel .nws_list .card:not(.card:first-child) .card_img { flex:0 0 calc(50% - 18px); } 
.list_travel .nws_list .card:not(.card:first-child) .tit { padding-bottom: 8px; } 
.list_travel .nws_list .card:not(.card:first-child) .tit:before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: var(--border_light); } 
.list_travel .nws_list .card:nth-child(2n+3) .card_img { order:1 } 
 }
@media (min-width:576px) and (max-width:680px){
 .travel_header .header_wrap { justify-content:center; } 
 }
@media (max-width:768px){
 .country_wrap .row { margin-left:-10px; margin-right:-10px; } 
.country_wrap .row .col { padding-left:10px; padding-right:10px; } 
.list_travel .nws_list .card { padding-bottom: 20px; } 
.list_travel .nws_list .card:last-child::before { background: none; } 
.list_travel .nws_list .card .card_img { width: 100%; } 
 }
@media (max-width:991.98px) and (min-width:576px){
 .travel_map_wrap .info_wrap .info_content { width: 416px; margin:auto; } 
.travel_map_wrap .info_wrap .info_head { width: 416px; margin:auto auto 20px; } 
 }
@media (max-width:576px){
 .country_wrap .swiper-slide>a strong,.country_wrap .col>a strong { font-size: 24px; } 
 }
@media (max-width:575.98px){
 .travel_map_wrap .info_wrap .info_head>div:first-child,.travel_map_wrap .info_wrap .info_content dt em { font-size: 32px; } 
.travel_map_wrap .info_wrap .info_con { padding-top: 16px; } 
.travel_map_wrap .info_wrap .info_foot div:last-child svg { width: 56px; height: 54px; } 
.travel_map_wrap .travel_map { padding:20px; } 
 }

/*------------------- 프로젝트 -------------------*/

.prj_header { height: 173px; padding: 20px 0; background-image: url(../../images/home/etc/prj_top_fact.jpg); } 
.prj_header:before { background: none !important; opacity: 1 !important; } 


/* 기사상세 */
.article_body p { margin-bottom: 23px; line-height: 31px; } 
.article_body  figure.media { max-width: 560px; margin: 30px auto;}


/*20190304 이전 기사 이미지*/
.old_img #articleBody > div figure { margin-bottom: 0; } 
.old_img .btn_wrap_swiper { margin-bottom: 24px; } 

@media screen and (max-width: 768px){
 .rp_list { flex-direction:column; } 
.rp_list .pf_box { max-width:100%; flex: 0 0 100%; width: 100% !important; } 
 }

@media screen and (min-width: 992px) {#iwm_ads_baWrapper { display:none !important; } 
#dcamp_ad_74941 { display:block !important; } 
#dcamp_ad_74167 { display:none !important; } 
#dcamp_ad_74168 { display:none !important; } 
 }
@media screen and (max-width:991.98px){
 #iwm_ads_wrapper { display:none !important; } 
.iwmads { display:none !important; } 
#dcamp_ad_74941 { display:none !important; } 
#iwm_ads_baWrapper { display: block !important; } 
#dcamp_ad_74167 { display:block !important; } 
#dcamp_ad_74168 { display:block !important; } 
 }
@media screen and (min-width: 768.02px) and (max-width:991.98px) { } 
@media screen and (max-width: 768px){
 .rp_list .pf_box .pf_img { flex: 0 0 60px; width: 60px; height: 60px; } 
.rp_list .pf_box .pf_info .name { font-size: 18px; } 
.rp_list .pf_box .pf_info .department { font-size: 13px; } 
 }

/* 문단광고 */
.ad_wrap_content { position: relative; width: 100%; text-align:center; margin:20px 0 20px; } 
.ad_wrap_content>div { position: relative; } 
.ad_wrap_content>div>div:before { content:'Advertisement'; position: absolute; width: 100%; top: 50%; bottom:0; left: 0; right: 0; font-size: 14px; text-align:center; z-index:0; margin:auto; } 
.ad_wrap_content>div>div,.ad_wrap_content iframe,.ad_wrap_content>div>div>a,.trc_rbox_outer { position: relative; } 
/*.article_body_img figure { display: none !important; } */
@media screen and (min-width: 992px){
 #ad_wrap_content3,#ad_wrap_content5,#ad_wrap_content8 { height:400px !important; } 
#ad_wrap_content11 { height:0px !important; display:none; } 
#ad_iframe_content3,#ad_iframe_content5, #ad_iframe_content8 { height:400px !important; width:580px !important; } 
#ad_iframe_content11 { height:0px !important; width:0px !important; } 
 }
@media screen and (max-width:991.98px){
 #ad_wrap_content3,#ad_wrap_content5,#ad_wrap_content8,#ad_wrap_content11 { height:250px !important; } 
#ad_wrap_content11 { display:block; } 
#ad_iframe_content3,#ad_iframe_content5, #ad_iframe_content8,#ad_iframe_content11 { height:250px !important; width:300px !important;; } 
 }



 /*260827 반응형 추가*/
@media screen and (min-width:1201px){
	.opinion_column_lst>div{max-width:1100px;}
}
@media screen and (min-width:900.02px) and (max-width:1200px){
	.opinion_column_lst>div{max-width:812px;}
}
@media screen and (min-width:620.02px) and (max-width:900px){
	.opinion_column_lst>div{max-width:528px;}
}
@media screen and (max-width: 620px){
	.opinion_column_lst>div{max-width:244px;}

/*260827 idedx.asp css추가 */
@media screen and (min-width: 992px) {
      #footer .mn_inner>:not(div:first-child, div:nth-child(6)) {row-gap: 32px;}
  }
  @media screen and (max-width: 991.98px) {
      
      #footer .nav_cont{padding:0 20px;}
      #footer .nav_cont .mnu_h{display:flex;width: 100%;padding:8px 0;justify-content:space-between;align-items:center;font-size: 16px;font-weight: 500;color: var(--f_color);line-height: 1.5;}
      #footer .nav_cont .mnu_h a{}
      #footer .nav_cont>div:first-child{border-top:1px solid var(--gray900);}
      #footer .nav_cont .mnu_wrap ul{display:flex;flex-wrap:wrap;gap:16px;overflow: hidden;opacity: 0;height: 0;transition: all ease .35s .0s;}
      #footer .nav_cont .mnu_wrap li{font-size: 14px;font-weight: 400;line-height: 1.28;color:var(--f_color);}
      #footer .nav_cont .mnu_wrap i.ico_arr_down{opacity: .7;}
      #footer .nav_cont .mnu_wrap.on ul{height: auto;opacity: 1;overflow:auto;transform: translate(0, 0);padding-bottom:8px;}
      #footer .nav_cont .mnu_wrap.on i.ico_arr_down {transform: rotate(180deg);opacity: 1;}
      #footer .btn_top {position: absolute;right: 20px;top: 40px;}
      #footer .ft_inner{background: var(--gray900);}
  }

   .mb_sm4 { margin-bottom: 16px !important    }