:root body.site-nk{ /* 무채색 */ --nk-tag020:#F9F9F9; /* bg */ --nk-tag021:#E9E9E9; /* bg */ --nk-tag022:#CDCDCD; /* border */ --nk-tag023:#f8f8f8; /* bg */ --nk-tag024:#F6F8FC; /* bg */ --nk-tag025:#DEDEDE; /* bg */ --nk-tag101:#4F6FCB; /* blue */ --nk-tag102:#F6F8FC; /* bg */ --nk-tag103:#CCC; --nk-tag104:#4F6FCB; --nk-tag105:#f7f7f7; /* [font]무채색 */ --nk-font001:#888; --nk-font002:#111; --nk-font003:#F1F1F1; --nk-font101:#4F6FCB; /* blue */ --nk-font121:#E36F5A; /* orange */ } /* default.css */ .blind{overflow:hidden;visibility:hidden;position:absolute;top:0;left:0;width:0;height:0;padding:0;font-size:0;line-height:0;} /* =============== ####PC 1024~1279 모드 초기화 작업 ======================== */ @media only screen and (min-width:1024px) and (max-width:1279px){ .wrap-container .content, .wrap-container .content03, .wrap-container .content06{max-width:1200px;width:1200px;} .wrap-container [class*='content0']{margin-top:60px;} [class*='body-view-'] .wrap-container .content90, [class*='body-view-'] .wrap-container .content03{width:1100px;padding-left:100px;max-width:none;} [class*='body-view-'] .content90 .title-article01, [class*='body-view-'] .content03 .section01{max-width:720px;} .container511 .content03{box-sizing:border-box;max-width:1200px;width:1200px;} .nav-type11{width:1200px;padding-left:0;} .nav-type11 .gnb-menu01{margin:0 auto;padding-left:130px;} .nav-type11 .gnb-menu01 .list01 li>a{padding:0 8px;font-size:17px;} [class*='nav-type1']>[class*='logo-yna']{left:48px;} [class*='nav-type1'] .utility-zone .menu01{left:-10px;} .nav-type11 .utility-zone{margin-right:-10px;} [class*='image-zone0'] .desc-con{margin:0 40px;} .story-news>p, .story-news>span, .story-news .social-group{margin:0 40px 32px 40px;} .top-sub-news001{max-width:1200px;width:1200px;} .keyword-zone{margin:0 40px;} [class*='body-view-'] .empathy-zone{margin:40px 40px;} [class*='body-view-'] .comment-zone{padding:0 40px;} .footer-menu01, .footer-menu02{width:1200px;} .footer-menu01 .nav-other01{width:1200px;margin:0 auto;} [class*='nav-menu'] .menu01>li>a{margin-top:4px;} .nav-menu01{width:1200px;} .nav-menu11>li{width:120px;} .footer-site01{width:100%;padding:40px 0;} .nav-menu01>li{width:120px;} .nav-menu01>li.health, .nav-menu01>li.sports, .nav-menu01>li.people{min-height:220px;} .nav-menu01>li.culture, .nav-menu01>li.ent, .nav-menu01>li.opinion{min-height:243px;width:120px;} .news-type004 .list01 [class*='item-box0'] .img{width:100%;padding-top:56.86%;} .news-type004 .list02 [class*='img-con'] .img{width:200px;padding-top:66.67%;} .section01{max-width:820px;} .wrap-container .content10{max-width:1200px;width:1200px;} .list-type212 .list01 li [class*='item-box0'] [class*='img-con']{width:195px;height:129px;} .list-type212 .list01 li [class*='item-box0'] .txt-time{margin-top:12px;} .list-type202 [class*='img-con']{width:72px;height:auto;} .title-type001>[class*='tit0']{font-size:20px;} [class*='title-type'].arr01>[class*='tit']{padding-right:22px;} .wrap-container .container541 .content03 .visual-main-photo{max-width:1200px;} .list-type320 .swiper-area{max-width:1200px;height:400px;} .list-type320 .swiper-area .list01 .swiper-slide{width:600px;} .list-type320 .layer-txt{width:600px;margin-right:-600px;padding:40px;} .list-type320 .layer-txt:before{right:-81px;bottom:-155px;transform:scale(1.3);} .list-type320 .swiper-area .item-box01 [class*='img-con'] .img{padding-top:66.67%;} .list-type320 .title01{max-height:94px;line-height:46px;} .list-type320 .btns-wrap11{bottom:40px !important;margin-right:-560px;} /* 검색페이지 */ .nk-search .search-detail-box .box-unit001 .box .content{width:auto;max-width:initial;} } /* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */ @media only screen and (min-width:768px) and (max-width:1023px){ .news-type004 .list02>li{margin-bottom:20px;} } /* =============== ####Color ======================== */ .bg-ui24{background-color:var(--nk-tag102);} /* ---- ##날씨아이콘 ---- */ /* https://r.yna.co.kr/www/nk/v01/css/contents.css 참고 */ .w45-icon, .w75-icon, .w100-icon{overflow:hidden;text-indent:-5000px;} /* ---- ##w45-icon | 45x36 ---- */ .w45-icon{width:45px;height:36px;background:url(../img_v02/w45.png) no-repeat 0 0} .w45-icon.w1{background-position:0 0;} .w45-icon.w2{background-position:0 -36px;} .w45-icon.w3{background-position:0 -72px;} .w45-icon.w4{background-position:0 -108px;} .w45-icon.w5{background-position:0 -144px;} .w45-icon.w6{background-position:0 -180px;} .w45-icon.w7{background-position:0 -216px;} .w45-icon.w8{background-position:0 -252px;} .w45-icon.w9{background-position:0 -288px;} .w45-icon.w10{background-position:0 -324px;} .w45-icon.w11{background-position:0 -360px;} .w45-icon.w12{background-position:0 -396px;} .w45-icon.w13{background-position:0 -432px;} .w45-icon.w14{background-position:0 -468px;} .w45-icon.w15{background-position:0 -504px;} .w45-icon.w16{background-position:0 -540px;} .w45-icon.w17{background-position:0 -575px;} .w45-icon.w18{background-position:0 -612px;} .w45-icon.w19{background-position:0 -648px;} .w45-icon.w20{background-position:0 -684px;} .w45-icon.w21{background-position:0 -720px;} .w45-icon.w22{background-position:0 -756px;} /* ---- ##w65-icon | 65x52---- */ .w65-icon{width:65px;height:52px;background:url(../img_v02/w65.png) no-repeat 0 0;} .w65-icon.w1{background-position:0 0;} .w65-icon.w2{background-position:0 -52px;} .w65-icon.w3{background-position:0 -104px;} .w65-icon.w4{background-position:0 -156px;} .w65-icon.w5{background-position:0 -208px;} .w65-icon.w6{background-position:0 -260px;} .w65-icon.w7{background-position:0 -312px;} .w65-icon.w8{background-position:0 -364px;} .w65-icon.w9{background-position:0 -416px;} .w65-icon.w10{background-position:0 -468px;} .w65-icon.w11{background-position:0 -520px;} .w65-icon.w12{background-position:0 -572px;} .w65-icon.w13{background-position:0 -624px;} .w65-icon.w14{background-position:0 -676px;} .w65-icon.w15{background-position:0 -728px;} .w65-icon.w16{background-position:0 -780px;} .w65-icon.w17{background-position:0 -832px;} .w65-icon.w18{background-position:0 -884px;} .w65-icon.w19{background-position:0 -936px;} .w65-icon.w20{background-position:0 -988px;} .w65-icon.w21{background-position:0 -1040px;} .w65-icon.w22{background-position:0 -1092px;} /* ---- ##w75-icon | 75x60 ---- */ .w75-icon{width:75px;height:60px;background:url(../img_v02/w75.png) no-repeat 0 0} .w75-icon.w1{background-position:0 0;} .w75-icon.w2{background-position:0 -60px;} .w75-icon.w3{background-position:0 -120px;} .w75-icon.w4{background-position:0 -180px;} .w75-icon.w5{background-position:0 -240px;} .w75-icon.w6{background-position:0 -300px;} .w75-icon.w7{background-position:0 -360px;} .w75-icon.w8{background-position:0 -420px;} .w75-icon.w9{background-position:0 -480px;} .w75-icon.w10{background-position:0 -540px;} .w75-icon.w11{background-position:0 -600px;} .w75-icon.w12{background-position:0 -660px;} .w75-icon.w13{background-position:0 -720px;} .w75-icon.w14{background-position:0 -780px;} .w75-icon.w15{background-position:0 -840px;} .w75-icon.w16{background-position:0 -900px;} .w75-icon.w17{background-position:0 -960px;} .w75-icon.w18{background-position:0 -1020px;} .w75-icon.w19{background-position:0 -1080px;} .w75-icon.w20{background-position:0 -1140px;} .w75-icon.w21{background-position:0 -1200px;} .w75-icon.w22{background-position:0 -1260px;} /* ---- ##w100-icon | 100x80 ---- */ .w100-icon{width:100px;height:80px;background:url(../img_v02/w100.png) no-repeat 0 0} .w100-icon.w1{background-position:0 0;} .w100-icon.w2{background-position:0 -80px;} .w100-icon.w3{background-position:0 -160px;} .w100-icon.w4{background-position:0 -240px;} .w100-icon.w5{background-position:0 -320px;} .w100-icon.w6{background-position:0 -400px;} .w100-icon.w7{background-position:0 -480px;} .w100-icon.w8{background-position:0 -560px;} .w100-icon.w9{background-position:0 -640px;} .w100-icon.w10{background-position:0 -720px;} .w100-icon.w11{background-position:0 -800px;} .w100-icon.w12{background-position:0 -880px;} .w100-icon.w13{background-position:0 -960px;} .w100-icon.w14{background-position:0 -1040px;} .w100-icon.w15{background-position:0 -1120px;} .w100-icon.w16{background-position:0 -1200px;} .w100-icon.w17{background-position:0 -1280px;} .w100-icon.w18{background-position:0 -1360px;} .w100-icon.w19{background-position:0 -1440px;} .w100-icon.w20{background-position:0 -1520px;} .w100-icon.w21{background-position:0 -1600px;} .w100-icon.w22{background-position:0 -1680px;} @media only screen and (max-width:1023px){ /* ---- ##날씨 아이콘 ---- */ .w45-icon{width:35px;height:26px;background:url('../img_v02/w65.png');background-size:35px 572px;} .w45-icon.w1{background-position:0 0;} .w45-icon.w2{background-position:0 -26px;} .w45-icon.w3{background-position:0 -52px;} .w45-icon.w4{background-position:0 -78px;} .w45-icon.w5{background-position:0 -104px;} .w45-icon.w6{background-position:0 -130px;} .w45-icon.w7{background-position:0 -156px;} .w45-icon.w8{background-position:0 -182px;} .w45-icon.w9{background-position:0 -208px;} .w45-icon.w10{background-position:0 -234px;} .w45-icon.w11{background-position:0 -260px;} .w45-icon.w12{background-position:0 -286px;} .w45-icon.w13{background-position:0 -312px;} .w45-icon.w14{background-position:0 -338px;} .w45-icon.w15{background-position:0 -364px;} .w45-icon.w16{background-position:0 -390px;} .w45-icon.w17{background-position:0 -416px;} .w45-icon.w18{background-position:0 -442px;} .w45-icon.w19{background-position:0 -468px;} .w45-icon.w20{background-position:0 -494px;} .w45-icon.w21{background-position:0 -520px;} .w45-icon.w22{background-position:0 -546px;} .column-weather .wrap-zone-weather .w-icon{margin-top:15px;width:38px;height:30px;} .w65-icon{width:38px;height:30px;background:url('../img_v02/w75.png');background-size:38px 660px;} .w65-icon.w1{background-position:0 0;} .w65-icon.w2{background-position:0 -30px;} .w65-icon.w3{background-position:0 -60px;} .w65-icon.w4{background-position:0 -90px;} .w65-icon.w5{background-position:0 -120px;} .w65-icon.w6{background-position:0 -150px;} .w65-icon.w7{background-position:0 -180px;} .w65-icon.w8{background-position:0 -210px;} .w65-icon.w9{background-position:0 -240px;} .w65-icon.w10{background-position:0 -270px;} .w65-icon.w11{background-position:0 -300px;} .w65-icon.w12{background-position:0 -330px;} .w65-icon.w13{background-position:0 -360px;} .w65-icon.w14{background-position:0 -390px;} .w65-icon.w15{background-position:0 -420px;} .w65-icon.w16{background-position:0 -450px;} .w65-icon.w17{background-position:0 -480px;} .w65-icon.w18{background-position:0 -510px;} .w65-icon.w19{background-position:0 -540px;} .w65-icon.w20{background-position:0 -570px;} .w65-icon.w21{background-position:0 -600px;} .w65-icon.w22{background-position:0 -630px;} .week-weather-box .w-icon{margin:10px auto 5px;} .w75-icon{width:38px;height:30px;background:url('../img_v02/w75.png');background-size:38px 660px;} .w75-icon.w1{background-position:0 0;} .w75-icon.w2{background-position:0 -30px;} .w75-icon.w3{background-position:0 -60px;} .w75-icon.w4{background-position:0 -90px;} .w75-icon.w5{background-position:0 -120px;} .w75-icon.w6{background-position:0 -150px;} .w75-icon.w7{background-position:0 -180px;} .w75-icon.w8{background-position:0 -210px;} .w75-icon.w9{background-position:0 -240px;} .w75-icon.w10{background-position:0 -270px;} .w75-icon.w11{background-position:0 -300px;} .w75-icon.w12{background-position:0 -330px;} .w75-icon.w13{background-position:0 -360px;} .w75-icon.w14{background-position:0 -390px;} .w75-icon.w15{background-position:0 -420px;} .w75-icon.w16{background-position:0 -450px;} .w75-icon.w17{background-position:0 -480px;} .w75-icon.w18{background-position:0 -510px;} .w75-icon.w19{background-position:0 -540px;} .w75-icon.w20{background-position:0 -570px;} .w75-icon.w21{background-position:0 -600px;} .w75-icon.w22{background-position:0 -630px;} .w100-icon{width:60px;height:48px;background:url(../img_v02/w100.png) no-repeat 0 0;background-size:60px 1056px;} .w100-icon.w1{background-position:0 0;} .w100-icon.w2{background-position:0 -48px;} .w100-icon.w3{background-position:0 -96px;} .w100-icon.w4{background-position:0 -144px;} .w100-icon.w5{background-position:0 -192px;} .w100-icon.w6{background-position:0 -240px;} .w100-icon.w7{background-position:0 -288px;} .w100-icon.w8{background-position:0 -336px;} .w100-icon.w9{background-position:0 -384px;} .w100-icon.w10{background-position:0 -432px;} .w100-icon.w11{background-position:0 -480px;} .w100-icon.w12{background-position:0 -528px;} .w100-icon.w13{background-position:0 -576px;} .w100-icon.w14{background-position:0 -624px;} .w100-icon.w15{background-position:0 -672px;} .w100-icon.w16{background-position:0 -720px;} .w100-icon.w17{background-position:0 -768px;} .w100-icon.w18{background-position:0 -816px;} .w100-icon.w19{background-position:0 -864px;} .w100-icon.w20{background-position:0 -912px;} .w100-icon.w21{background-position:0 -960px;} .w100-icon.w22{background-position:0 -1008px;} } /* =============== ####긴급티커 ======================== */ .page-main.body-urgent .wrap-header23, body.body-urgent .wrap-header23{top:90px;transition:none;} @media only screen and (max-width:1024px){ .page-main.body-urgent .wrap-header23, body.body-urgent .wrap-header23{top:0;transition:top 260ms cubic-bezier(0.11, 0.06, 0.09, 0.32);} } /* =============== ####date picker ======================== */ /* ---- ui-datepicker ---- */ /* img 서버는 폐기 대상으로 스프라이트 이미지는 /visual/v1/sprites_40x40.png 버전에서 필요한 부분만 사용 * 사용 : sprites_datepicker_ui01.png * 원본 : img.yonhapnews.co.kr/basic/svc/00_ko/visual/v1/images/sprites_40x40_2017071702.png */ .ui-datepicker{display:none;margin-top:4px;box-sizing:border-box;width:312px;padding:0 0 20px;border:1px solid var(--nk-tag022);border-radius:2px;color:var(--font-color003);background:var(--nk-tag020);z-index:600 !important;} .ui-datepicker .ui-datepicker-header{position:relative;padding:22px 10px 0;text-align:center;} .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{display:block;position:absolute;top:15px;width:40px;height:40px;cursor:pointer;} .ui-datepicker .ui-datepicker-prev{left:1px;background:url(//r.yna.co.kr/www/home_n/v02/img/sprites_datepicker_ui01.png) no-repeat 0 0;} .ui-datepicker .ui-datepicker-prev:hover{background-position:0 -50px;} .ui-datepicker .ui-datepicker-next{right:1px;background:url(//r.yna.co.kr/www/home_n/v02/img/sprites_datepicker_ui01.png) no-repeat -50px 0;} .ui-datepicker .ui-datepicker-next:hover{background-position:-50px -50px;} .ui-datepicker .ui-datepicker-prev .ui-icon, .ui-datepicker .ui-datepicker-next .ui-icon{display:block;width:100%;height:100%;text-indent:-9999px;} .ui-datepicker .ui-datepicker-title{font-weight:700;color:var(--font-color003);} .ui-datepicker .ui-datepicker-title select{height:32px;padding:0;color:var(--font-color003);font-size:14px;border:1px solid #c7c8c8;line-height:32px;} .ui-datepicker .ui-datepicker-title select.ui-datepicker-year{margin:0 6px 0 0;} .ui-datepicker table{width:274px;margin:0 auto;background:var(--nk-tag020);text-align:center;} .ui-datepicker th, .ui-datepicker td{font-size:14px;} .ui-datepicker th{background:var(--nk-tag020);border-bottom:1px solid var(--ui-tag005);font-weight:500;color:var(--font-color006);line-height:40px;text-align:center;} .ui-datepicker th span span{display:inline-block;width:10px;height:40px;} .ui-datepicker td{line-height:32px;text-align:center;} .ui-datepicker td span, .ui-datepicker td a{display:block;padding:0px 0 3px;} .ui-datepicker td.ui-datepicker-week-end, .ui-datepicker td.ui-datepicker-week-end a{color:#5f678a;} .ui-datepicker td:first-child a, .ui-datepicker th:first-child a{color:#e03719;} .ui-datepicker span.ui-state-default{color:#cfcfcf;} .ui-datepicker a.ui-state-default{color:var(--font-color003);font-weight:bold;} .ui-datepicker a.ui-state-active, .ui-datepicker td .ui-state-highlight.ui-state-active{background-color:#fa3a3a;color:var(--nk-font003) !important;} .ui-datepicker td .ui-state-default.ui-state-highlight{background-color:var(--nk-font101);color:var(--nk-font003);} .ui-datepicker .ui-datepicker-buttonpane .ui-datepicker-current{display:none;} .ui-datepicker .ui-datepicker-buttonpane .ui-datepicker-close{overflow:hidden;display:block;position:absolute;right:9px;top:9px;width:9px;height:9px;background:url(../btn_wholemenu_close.gif) no-repeat 50% 50%;text-indent:-9999px;} .ui-datepicker-trigger{cursor:pointer;} @media only screen and (max-width:1024px){ .ui-datepicker{display:none;width:260px;} .ui-datepicker table{width:240px;} .ui-datepicker a.ui-state-default{font-weight:600;} } /* =============== ####AS-IS ======================== */ /* 오버레이 */ /* /www/home_n/v02/css/common.css 참고 */ .overlay-unit01{position:absolute;left:0;bottom:0;width:100%;height:100px; background:-moz-linear-gradient(top,rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); background:linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);} input{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:transparent;font-size:18px;} input::placeholder{font-size:18px;color:#000;} input:focus{outline:none;} /* ---- ##input-unit$$$ | 인풋 ---- */ .input-unit001{width:100%;height:48px;padding:14px 20px;box-sizing:border-box;border:1px solid var(--ui-tag004);border-radius:2px;transition:border-color 0.4s;font-weight:500;font-size:17px;color:var(--font-color003);text-align:left;letter-spacing:-1px;} .input-unit001::placeholder{color:var(--font-color004);} .input-unit001:focus{padding:14px 19px;border:2px solid var(--nk-tag101);} .search-detail-box .input-unit001, .search-detail-box .input-unit001::placeholder{font-size:16px;} /* ---- ##radio-unit$$$ | 라디오버튼 ---- */ .radio-unit001{display:block;position:relative;padding-left:35px;height:25px;cursor:pointer;font-size:16px;} .radio-unit001 .radio{position:absolute;opacity:0;cursor:pointer;} .radio-unit001 .ico{position:absolute;top:0;left:0;height:25px;width:25px;border:1px solid #CCC;border-radius:50%;box-sizing:border-box;} .radio-unit001 .ico:after{content:"";position:absolute;top:4px;left:4px;width:15px;height:15px;border-radius:50%;background:#F7F7F7;} .radio-unit001 .radio:checked ~ .ico:after{display:block;background-color:var(--nk-font101);} /* ---- ##select-unit$$$ | 셀렉트 ---- */ .select-unit001{position:relative;width:120px;} .select-unit001>button{position:relative;width:100%;padding:11px 20px 11px 11px;box-sizing:border-box;background-color:var(--ui-tag001);border:1px solid var(--ui-tag004);border-radius:2px;font-weight:500;font-size:15px;color:var(--font-color003);text-align:left;letter-spacing:-1px;} .select-unit001>button:after{content:'';display:inline-block;position:absolute;top:18px;right:11px;width:15px;height:9px;background:url(../img_v02/sprites_icon.svg?v=20241008_1100) -50px -600px no-repeat;transition:transform 0.4s;} .select-unit001.open>button:after{transform:rotateZ(180deg);} .select-unit001>ul{z-index:100;display:none;position:absolute;top:45px;left:0;width:100%;border:1px solid var(--nk-tag103);border-radius:0 0 5px 5px;box-sizing:border-box;background-color:var(--ui-tag001);} .select-unit001>ul li a{display:block;padding:11px 20px;font-size:16px;} .select-unit001>ul li a:hover{color:var(--nk-font101);} .select-unit001>ul li.on a{background-color:#E8F0FE;} @media only screen and (max-width:1024px){ .select-unit001>button{padding:7px 15px 7px 10px;color:var(--font-color003);font-size:13px;letter-spacing:-0.33px;border-radius:2.5px;} .select-unit001>button:after{top:17px;right:10px;width:10px;height:6px;background-image:url('../img_v02/sprites_m.svg?v=20241008_1100');background-repeat:no-repeat;background-size:300px 400px;background-position:0 -100px;} .select-unit001>ul li a{padding:8px 10px;font-size:13px;} } /* --- ##txt-unit$$$ | 텍스트 타입 --- */ .txt-unit051{font-size:15px;background:#fff;color:var(--nk-font121);} .box-unit001+.txt-unit051{margin-top:-4px;padding-bottom:20px;border-bottom:1px solid var(--nk-tag022);} @media only screen and (max-width:1024px){ .txt-unit051{font-size:13px;} } /* =============== ####Button ======================== */ [class*='btn-unit']{overflow:hidden;display:inline-block;position:relative;padding:5px;text-align:center;box-sizing:border-box;border:none;background-color:transparent;vertical-align:middle;cursor:pointer;} [class*='btn-unit'] .ir-txt{z-index:-1;outline:none;display:inline-block;width:0;height:0;} [class*='btn-unit001']{background-color:#fff;border:1px solid #CCDFFF;border-radius:5px;} [class*='btn-unit001']:hover{background-color:#CCDFFF;} [class*='btn-unit011']{background-color:#fff;border:1px solid #DEDEDE;border-radius:5px;} [class*='btn-unit011']:hover{background-color:#F7F7F7;} [class*='btn-unit021']{background-color:#F7F7F7;border-radius:5px;} [class*='btn-unit021']:hover{background-color:#DEDEDE;} [class*='btn-unit031']{background-color:var(--ui-tag005);border-radius:2px;font-weight:400;color:var(--font-color006);} .btn-unit031.style01{background-color:var(--nk-tag020);padding:11px 20px 11px 30px;font-weight:400;color:var(--font-color006);} .btn-unit031.style01 [class*='ico-unit']{position:absolute;top:7px;left:0;transition:transform 0.1s;} .btn-unit031.style01:hover [class*='ico-unit']{transform:scale(1.3);} .btn-unit031.style02{padding:11px 40px 11px 20px;font-weight:400;} .btn-unit031.style02 [class*='ico-unit']{position:absolute;top:7px;right:0;transition:transform 0.1s;} .btn-unit031.style02:hover [class*='ico-unit']{transform:scale(1.3);} @media only screen and (max-width:1024px){ .btn-unit031.style02:hover [class*='ico-unit']{transform:scale(1);} .btn-unit031.style02 [class*='ico-unit']{top:4px;} } [class*='btn-unit041']{background-color:var(--ui-tag001);border:1px solid var(--ui-tag005);border-radius:2px;} .btn-unit041.style01{box-sizing:border-box;padding:11px 30px 11px 14px;font-weight:500;font-size:15px;color:var(--font-color006);text-align:left;} .btn-unit041.style01 span{font-weight:500;} .btn-unit041.style01 .highlight{color:var(--nk-tag104);} .btn-unit041.style01 [class*='ico-unit']{position:absolute;top:7px;right:0;} .btn-unit041.style01 [class*='ico-unit']{position:absolute;top:7px;right:0;transition:transform 0.1s;} .btn-unit041.style01:hover [class*='ico-unit']{transform:scale(1.3);} .btn-unit041.style01 + .btn-unit041{margin-left:20px;} [class*='btn-unit051']{background-color:var(--nk-tag104);border-radius:2px;color:#fff;} [class*='btn-unit061']{background-color:#E8F0FE;border:1px solid #CCDFFF;border-radius:5px;} [class*='btn-unit071']{background-color:#fff;border:1px solid #CCC;border-radius:5px;} [class*='btn-unit071']:hover{color:#3061FF;border-color:#3061FF;} [class*='btn-unit081']{background-color:#fff;border:1px solid #CCC;border-radius:5px;} [class*='btn-unit081']{background-color:#DEDEDE;border-color:#DEDEDE;} [class*='btn-unit081']:hover{background-color:#F7F7F7;border-color:#DEDEDE;} .btn-unit001-unfold{width:40px;height:40px;} .btn-unit001-unfold .ico-unit001-down01{position:absolute;top:4px;left:4px;} .btn-unit001-fold{width:40px;height:40px;} .btn-unit001-fold .ico-unit001-up01{position:absolute;top:4px;left:4px;} .btn-unit001-stop{width:40px;height:40px;} .btn-unit001-stop .ico-unit001-stop01{position:absolute;top:4px;left:4px;} .btn-unit001-play{width:40px;height:40px;} .btn-unit001-play .ico-unit001-play01{position:absolute;top:4px;left:4px;} .btn-unit001-search{width:40px;height:40px;} .btn-unit001-search .ico-unit001-search01{position:absolute;top:4px;left:4px;} .btn-unit081-search{width:40px;height:40px;} .btn-unit081-search .ico-unit081-search01{position:absolute;top:4px;left:4px;} .link-unit001{font-size:15px;line-height:17px;color:var(--font-color006);letter-spacing:-0.4px;font-weight:500;} .link-unit001:visited{color:var(--font-color006);} /* =============== ####ICON ======================== */ /* ---- ##ico-unit 타입 ---- */ [class*='ico-unit']{overflow:hidden;display:inline-block;position:relative;box-sizing:border-box;border:none;color:transparent;} [class*='ico-unit001']{position:relative;width:30px;height:30px;} @media only screen and (max-width:1024px){ [class*='ico-unit001']{width:26px;height:26px} } [class*='ico-unit002']{position:relative;width:40px;height:40px;} [class*='ico-unit003']{position:relative;width:35px;height:35px;background-color:#fff;border-radius:5px;} [class*='ico-unit004']{position:relative;width:37px;height:37px;text-indent:-9999px;font-size:0px;color:transparent;} [class*='ico-unit001']:before, [class*='ico-unit002']:before, [class*='ico-unit003']:before{content:'';display:inline-block;position:absolute;left:50%;top:50%;box-sizing:border-box;background:url(../img_v02/sprites_icon.svg?v=20241008_1100) 0 0 no-repeat;} [class*='ico-unit004']:before{content:'';display:inline-block;position:absolute;left:50%;top:50%;box-sizing:border-box;background:url(../img_v02/sprites_nk01.png?v=20230908_1449) 0 0 no-repeat; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%);} .ico-unit001-prev01:before{width:15px;height:20px;margin:-10px 0 0 -7px;background-position:0 0;} .ico-unit001-next01:before{width:15px;height:20px;margin:-10px 0 0 -7px;background-position:-50px 0;} .ico-unit001-prev02:before{width:9px;height:15px;margin:-7px 0 0 -4px;background-position:0 -50px;} .ico-unit001-next02:before{width:9px;height:15px;margin:-9px 0 0 -4px;background-position:-50px -50px;} .ico-unit001-prev03:before{width:15px;height:15px;margin:-7px 0 0 -7px;background-position:0 -100px;} .ico-unit001-next03:before{width:15px;height:15px;margin:-7px 0 0 -7px;background-position:-50px -100px;} .ico-unit001-search01:before{width:20px;height:20px;margin:-10px 0 0 -10px;background-position:-150px -750px;} .ico-unit001-search02:before{width:20px;height:20px;margin:-10px 0 0 -10px;background-position:-150px -750px;} .ico-unit001-clip01:before{width:20px;height:20px;margin:-10px 0 0 -10px;background-position:-50px -150px;} .ico-unit002-photo01:before{width:40px;height:40px;margin:-20px 0 0 -20px;background-position:0px -200px;} .ico-unit002-chart01:before{width:40px;height:40px;margin:-20px 0 0 -20px;background-position:-50px -200px;} .ico-unit003-play01:before{width:11px;height:13px;margin:-6px 0 0 -5px;background-position:-50px -250px;} .ico-unit001-play01:before{width:17px;height:19px;margin:-9px 0 0 -8px;background-position:0px -250px;} .ico-unit001-play02:before{width:11px;height:13px;margin:-6px 0 0 -5px;background-position:-50px -250px;} .ico-unit001-play03:before{width:11px;height:13px;margin:-6px 0 0 -5px;background-position:-100px -250px;} .ico-unit001-stop01:before{width:12px;height:12px;margin:-6px 0 0 -6px;background-position:0px -300px;} .ico-unit001-rect01:before{width:25px;height:12px;margin:-6px 0 0 -12px;background-position:-50px -300px;} .ico-unit001-stop02:before{width:12px;height:12px;margin:-6px 0 0 -6px;background-position:-100px -300px;} .ico-unit001-rect02:before{width:12px;height:12px;margin:-6px 0 0 -6px;background-position:0px -350px;} .ico-unit001-rect03:before{width:14px;height:14px;margin:-7px 0 0 -7px;background-position:-50px -350px;} .ico-unit001-rect04:before{width:15px;height:15px;margin:-7px 0 0 -7px;background-position:0px -400px;} .ico-unit001-check01:before{width:13px;height:10px;margin:-5px 0 0 -6px;background-position:-50px -400px;} .ico-unit001-arrow01:before{width:10px;height:9px;margin:-4px 0 0 -5px;background-position:0px -450px;} .ico-unit001-radio01-check:before{width:25px;height:25px;margin:-12px 0 0 -12px;background-position:0px -500px;} .ico-unit001-radio01:before{width:25px;height:25px;margin:-12px 0 0 -12px;background-position:-50px -500px;} .ico-unit001-up01:before{width:19px;height:14px;margin:-7px 0 0 -9px;background-position:0px -550px;} .ico-unit001-down01:before{width:19px;height:14px;margin:-7px 0 0 -9px;background-position:-50px -550px;} .ico-unit001-up02:before{width:15px;height:9px;margin:-5px 0 0 -8px;background-position:0px -600px;} .ico-unit001-down02:before{width:15px;height:9px;margin:-5px 0 0 -8px;background-position:-50px -600px;} .ico-unit001-file01:before{width:26px;height:20px;margin:-10px 0 0 -13px;background-position:0px -650px;} .ico-unit001-refresh01:before{width:14px;height:16px;margin:-8px 0 0 -7px;background-position:-50px -650px;} .ico-unit001-mini-article01:before{width:26px;height:21px;margin:-11px 0 0 -13px;background-position:0px -700px;} .ico-unit001-mini-graphic01:before{width:26px;height:21px;margin:-11px 0 0 -13px;background-position:-50px -700px;} .ico-unit001-mini-media01:before{width:26px;height:21px;margin:-11px 0 0 -13px;background-position:-100px -700px;} .ico-unit001-mini-man01:before{width:26px;height:21px;margin:-11px 0 0 -13px;background-position:-150px -700px;} .ico-unit001-mini-movie01:before{width:26px;height:21px;margin:-11px 0 0 -13px;background-position:-200px -700px;} .ico-unit001-mini-photo01:before{width:26px;height:21px;margin:-11px 0 0 -13px;background-position:-250px -700px;} .ico-unit004-nknow01:before{top:47%;width:37px;height:37px;background-position:0 1px;background-size:300px auto;} .ico-unit001-login01:before{width:20px;height:20px;margin:-10px 0 0 -10px;background-position:-100px -750px;} @media only screen and (max-width:1024px){ .ico-unit001-next02:before{width:6px;height:10px;margin:-5px 0 0 -2px;background:url('../img_v02/sprites_m.svg?v=20241008_1100') no-repeat -75px -100px;background-size:300px 400px;} } .title-article01{width:100%;padding:22px 0 20px;} .title-article01>.tit{margin-bottom:30px;font-weight:700;font-size:36px;line-height:1.3;letter-spacing:0;} .title-article01 .update-time, .title-article01 .link-site, .title-article01 .ico-type02-view01{position:relative;top:0;vertical-align:bottom;} .title-article01 .option-box{position:absolute;right:0;bottom:13px;font-size:0;z-index:1;} .body-ytb-view .title-article01{width:auto;margin:0 150px;} @media only screen and (max-width:1024px){ .title-article01{padding-top:34px;} } /* ---- 송고시간 ---- */ .update-time{display:inline-block;box-sizing:border-box;height:30px;padding:5px 20px 5px 0;font-size:13px;line-height:20px;color:#666;letter-spacing:0;vertical-align:bottom;} .update-time .txt{position:relative;margin:0 5px 0 0;padding:0 7px 0 0;} .update-time .txt:before{content:'';display:block;clear:both;position:absolute;top:5px;right:0;width:1px;height:12px;background:#666;} .ico-type12{overflow:hidden;position:relative;width:49px;height:49px;font-size:1px;color:transparent;background:url(../img/sprites_logo01.png?v=20240605_0940) -100px 0 no-repeat;} .ico-type12.yna{} .ico-type12.tong-culture{background-position-y:-50px;} .ico-type12.know{background-position-y:-100px;} .ico-type12.yttv{background-position-y:-150px;} .ico-type12.tong-tech{background-position-y:-200px;} .ico-type12.tong-living{background-position-y:-250px;} [class*='ico-type02']{overflow:hidden;position:relative;color:#666;font-size:12px;line-height:15px;} .ico-type02-view01:before{position:absolute;left:0;top:50%;width:21px;height:15px;margin-top:-7px;background:url(https://r.yna.co.kr/www/home_n/v02/img/sprites_default01.png?v=20240521_0850) 0 0 no-repeat;background-position:-400px -100px;} @media only screen and (max-width:1024px){ body[class*='body-ytb'] [class*='ico-type02']{overflow:hidden;position:relative;font-size:12px;line-height:15px;color:#666;} body[class*='body-ytb'] .ico-type02-view01{padding-left:21px;} body[class*='body-ytb'] [class*='ico-type02']:before{content:'';position:absolute;background:url(../img_v02/sprites_m.svg?v=20230911_1130) 0 0 / 300px 400px no-repeat;} body[class*='body-ytb'] .ico-type02-view01:before{content:'';position:absolute;left:0;top:50%;width:16px;height:11px;margin-top:-5.5px;background-position:0 -175px;} } /* =============== ####LOGO-UNIT ======================== */ [class*='logo-unit']{display:inline-block;position:absolute;} /* #### */ /* .logo-unit001{top:43px;left:0;width:94px;height:26px;background:url(../img_v02/sprites_logo.svg?v=20241008_1100) no-repeat 0 0;background-position:0 -150px;} */ .logo-unit001{top:34px;left:0;width:94px;height:26px;background:url(../img_v02/sprites_logo.svg?v=20241008_1100) no-repeat 0 0;background-position:0 -150px;} /* .logo-unit002{top:40px;left:104px;width:126px;height:32px;background:url(../img_v02/sprites_logo.svg?v=20241008_1100) no-repeat 0 0;background-position:0 -200px;} */ .logo-unit002{top:31px;left:104px;width:126px;height:32px;background:url(../img_v02/sprites_logo.svg?v=20241008_1100) no-repeat 0 0;background-position:0 -200px;} /* #### */ /* =============== ####Title&Text ======================== */ [class*='title-unit']{display:inline-block;font-size:24px;font-weight:bold;color:var(--font-color003);} body.page-main [class*='title-unit']{position:relative;display:inline-block;font-size:20px;font-weight:bold;padding-right:24px;color:var(--font-color003);} body.page-main [class*='title-unit']:after{content:'';position:absolute;top:3px;right:0;display:inline-block;width:18px;height:18px;background:url(../img_v02/ico_arrow01_right.svg) no-repeat 0 0;} .title-unit001{display:none;font-size:20px;} @media only screen and (max-width:1024px){ .title-unit001{display:block;margin:20px 20px 10px;font-size:17px;line-height:21px;} } .title-unit021{font-size:0;} .title-unit021 [class*='ico-unit']{margin-top:2px;} .title-unit021 .txt{display:inline-block;font-size:24px;font-weight:bold;vertical-align:top;} .title-unit031{padding:10px 20px;border-radius:2px;background-color:var(--nk-tag104);font-weight:500;font-size:16px;color:#fff;} .tit-box .btn-unit021{display:none;} /* =============== ####TABLE-UNIT ======================== */ /* table-unit001 */ .table-unit001{width:100%;margin-top:15px;border-left:1px solid var(--ui-tag005);border-top:1px solid var(--ui-tag005);font-size:16px;color:var(--font-color003);} .table-unit001 th, .table-unit001 td{padding:20px 12px;border-right:1px solid var(--ui-tag005);border-bottom:1px solid var(--ui-tag005);} .table-unit001 th{text-align:center;} .table-unit001 .tbody td{border-top:1px solid var(--ui-tag005);} .table-info{margin-top:10px;font-size:14px;color:#888;} .table-info.no-mg{margin-top:0;} /* table-unit002 페딩 없는 테이블 */ .table-unit002{width:100%;margin-top:15px;font-size:14px;border-left:1px solid var(--nk-tag103);border-top:1px solid var(--nk-tag103);} .table-unit002 th, .table-unit002 td{padding:20px 12px;border-right:1px solid var(--nk-tag103);border-bottom:1px solid var(--nk-tag103);text-align:center;} .table-unit002 .tbody td{border-top:1px solid var(--nk-tag103);} .inner-table-list li{padding-left:13px;margin-bottom:2px;} .inner-table-list li.no-disc{background:none} .inner-table-list li .bull{padding-left:13px;} .inner-table-list li span.bull{display:inline-block;margin-left:5px;} @media only screen and (max-width:1024px){ .about-box .table-unit002.admin-tbl{min-width:575px;} .about-box .table-unit002.admin-tbl th:nth-child(1){width:60px;} .about-box .table-unit002.admin-tbl td:nth-child(1){width:60px;} } /* =============== ####TAB-MENU ======================== */ /* ---- ##tab-menu-unit$$$ ---- */ .tab-menu-unit001{font-size:0;} .tab-menu-unit001>a{display:inline-block;position:relative;padding:11px 18px 11px 40px;font-weight:500;font-size:15px;color:#888} .tab-menu-unit001>a:before{content:'';display:inline-block;position:absolute;top:15px;left:22px;width:15px;height:15px;background:url(../img_v02/sprites_icon.svg?v=20241008_1100) 0 0 no-repeat;} .tab-menu-unit001>a.type01{margin-right:-1px;border-radius:5px 0 0 5px;} .tab-menu-unit001>a.type01:before{background-position:-50px -350px;} .tab-menu-unit001>a.type02{border-radius:0 5px 5px 0;} .tab-menu-unit001>a.type02:before{background-position:0px -400px;} .tab-menu-unit001>a:hover, .tab-menu-unit001>a.current{background-color:var(--ui-tag009);color:var(--nk-font101);} /* =============== ####LNB-UNIT ======================== */ /* ---- ##지역 네비게이션 | LNB (common) ---- */ .lnb-unit001{display:flex;align-items:center;margin-bottom:80px;} .lnb-unit001>a{font-size:40px;line-height:48px;font-weight:bold;color:#000;} .lnb-unit001 .gnb-box01{margin-left:30px;} .lnb-unit001 .gnb-box01 .gnb-depth02{float:none;display:flex;align-items:center;} .lnb-unit001 .gnb-box01 .gnb-depth02 li{margin-right:18px;} .lnb-unit001 .gnb-box01 .gnb-depth02 li a{font-size:18px;font-weight:500;color:#666;} .lnb-unit001 .gnb-box01 .gnb-depth02 li.active a{color:#3061FF;} .lnb-unit001 .gnb-box01 .gnb-depth02 li a:hover{color:#3061FF;} /* =============== ####BOX-UNIT ======================== */ .box-unit001{padding:40px 0;border-top:1px solid var(--nk-tag022);border-bottom:1px solid var(--nk-tag022);} /* =============== ####PAGING-UNIT ======================== */ .paging-unit002{position:relative;margin-top:50px;text-align:center;} .paging-unit002 .paging{font-size:0;} .paging-unit002 .wrap-prev, .paging-unit002 .wrap-next{display:inline-block;position:absolute;top:-4px;vertical-align:top;} .paging-unit002 .wrap-prev{left:180px;} .paging-unit002 .wrap-next{right:180px;} .paging-unit002 .wrap-prev .firstPage, .paging-unit002 .wrap-next .lastPage{display:none !important;width:50px;height:40px;line-height:40px;background-color:#F7F7F7;border-radius:5px;text-align:center;} .paging-unit002 .wrap-prev .firstPage{margin-right:3px;} .paging-unit002 .wrap-next .lastPage{margin-left:3px;} .paging-unit002 .wrap-prev .firstPage:hover, .paging-unit002 .wrap-next .lastPage:hover{background-color:#DEDEDE;} .paging-unit002 .wrap-prev .ppPage, .paging-unit002 .wrap-next .nPage, .paging-unit002 .wrap-prev .pPage, .paging-unit002 .wrap-next .nnPage{position:relative;width:30px;height:40px;} .paging-unit002 .wrap-prev .ppPage img, .paging-unit002 .wrap-next .nPage img, .paging-unit002 .wrap-prev .pPage img, .paging-unit002 .wrap-next .nnPage img{display:none;} .paging-unit002 .wrap-prev .ppPage:before, .paging-unit002 .wrap-next .nPage:before, .paging-unit002 .wrap-prev .pPage:before, .paging-unit002 .wrap-next .nnPage:before{content:'';display:inline-block;position:absolute;top:12px;background:url(../img_v02/sprites_icon.svg?v=20241008_1100) 0 0 no-repeat;transition:transform 0.1s;} .paging-unit002 .wrap-prev .ppPage:hover:before, .paging-unit002 .wrap-next .nPage:hover:before, .paging-unit002 .wrap-prev .pPage:hover:before, .paging-unit002 .wrap-next .nnPage:hover:before{transform:scale(1.3);} .paging-unit002 .wrap-prev .ppPage:before{left:6px;width:15px;height:15px;background-position:0 -100px;} .paging-unit002 .wrap-next .nPage:before{left:9px;width:9px;height:15px;background-position:-50px -50px;} .paging-unit002 .wrap-prev .pPage:before{left:9px;width:9px;height:15px;background-position:0 -50px;} .paging-unit002 .wrap-next .nnPage:before{left:6px;width:15px;height:15px;background-position:-50px -100px;} .paging-unit002 .wrap-num{display:inline-block;} .paging-unit002 .pageNum{display:inline-block;width:30px;height:30px;margin-left:4px;border-radius:2px;font-size:15px;line-height:30px;color:#666;text-align:center;} .paging-unit002 .pageNum:first-child{margin-left:0;} .paging-unit002 a.pageNum:hover{background-color:#4f6fcb;} .paging-unit002 strong.pageNum{background-color:#4f6fcb;color:#fff;} @media only screen and (max-width:1024px){ .paging-unit002{margin-top:30px;} .paging-unit002 .wrap-prev .firstPage, .paging-unit002 .wrap-prev .ppPage, .paging-unit002 .wrap-next .lastPage, .paging-unit002 .wrap-next .nnPage{display:none;} .paging-unit002 .wrap-prev{top:10px;left:-30px;} .paging-unit002 .wrap-next{top:initial;bottom:10px;right:-30px;} .paging-unit002 .wrap-prev .pPage, .paging-unit002 .wrap-next .nPage{width:24px;height:24px;background-color:var(--nk-tag105);border-radius:2.5px;} .paging-unit002 .wrap-prev .pPage:before, .paging-unit002 .wrap-next .nPage:before{top:7px;left:9px;width:6px;height:10px;background-image:url('../img_v02/sprites_m.svg?v=20241008_1100');background-repeat:no-repeat;background-size:300px 400px;border-radius:2.5px;} .paging-unit002 .wrap-prev .pPage:before{background-position:-50px -100px;} .paging-unit002 .wrap-next .nPage:before{background-position:-75px -100px;} .paging-unit002 .paging{position:relative;width:170px;margin:0 auto;font-size:0;} .paging-unit002 .pageNum:first-child{margin-left:5px;} .paging-unit002 .pageNum{width:24px;height:24px;margin:10px 5px;font-size:13px;line-height:24px;border-radius:2.5px;} .paging-unit002 a.pageNum:hover{background-color:#F7F7F7;} .paging-unit002 .wrap-prev .ppPage:hover:before, .paging-unit002 .wrap-next .nPage:hover:before, .paging-unit002 .wrap-prev .pPage:hover:before, .paging-unit002 .wrap-next .nnPage:hover:before{transform:scale(1);} } .paging-unit002 a.pageNum:hover{background-color:transparent;} /* =============== ####LIST-UNIT ======================== */ /* (코드 삭제) */ /* ---- ##list-unit005 ---- */ /* 서브페이지 우측 코너 */ .list-unit005 ul li{margin-top:30px;} .list-unit005 ul li:first-child{margin-top:0;} .list-unit005 ul li.blind{overflow:hidden;padding:0;height:0;} .list-unit005 ul li>article{display:table;width:100%;} .list-unit005 .img-con{display:table-cell;width:120px;height:70px;border-radius:5px;overflow:hidden;} .list-unit005 .img-con img{width:100%;height:100%;border-radius:5px;object-fit:cover;} .list-unit005 .news-con{display:table-cell;height:70px;vertical-align:middle;} .list-unit005 .img-con + .news-con{padding-left:10px;box-sizing:border-box;} .list-unit005 .tit-news a{display:-webkit-box;font-size:18px;line-height:23px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;} /* [서브] 인물 우측 코너 */ .sub-corner-people-news .list-unit005{margin-top:20px;} .sub-corner-people-news .list-unit005 .tit-news a{-webkit-line-clamp:2;} .sub-corner-people-news .list-unit005 .img-con{width:88px;height:64px;} .sub-corner-people-news .list-unit005 .img-con>a{overflow:hidden;border-radius:5px;} .sub-corner-people-news .list-unit005 .img-con img{width:88px;height:64px;} .sub-corner-people-news .list-unit005 .news-con{height:64px;} .sub-corner-people-news .list-unit005 .news-con .article-time{font-size:12px;color:#666;} .sub-corner-people-news .list-unit005 .tit-news a{font-size:16px;line-height:24px;} /* ---- ##list-unit006 ---- */ /* 통합검색 > 인물리스트 * 인물 > 인물정보검색 */ .list-unit006>ul{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;gap:40px 20px;} .list-unit006>ul li{width:calc((100% - 20px) / 2);height:180px;box-sizing:border-box;border-radius:2px;background-color:var(--nk-tag102);} .list-unit006>ul li:after{content:'';display:block;clear:both;} .list-unit006>ul li .anchor-area{display:block;width:100%;height:180px;padding:30px;box-sizing:border-box;} .list-unit006>ul li .img-con{overflow:hidden;float:left;width:102px;height:120px;margin-right:20px;background:url('../img_v02/default_img02.png');text-align:center;} .list-unit006>ul li .img-con img{width:auto;height:100%;} .list-unit006>ul li .tit-con{float:left;width:calc(100% - (102px + 20px));} .list-unit006>ul li .tit-con .tit-name{display:block;position:relative;margin-bottom:10px;font-weight:700;font-size:20px;color:var(--font-color003);} .list-unit006>ul li .tit-con>.tit-info{margin-top:10px;color:var(--font-color003);} .list-unit006>ul li .tit-con .wrap-info{margin-top:5px;} .list-unit006>ul li .tit-con .wrap-info .info-box{position:relative;height:24px;padding-left:24px;font-size:15px;color:var(--font-color006);} .list-unit006>ul li .tit-con .wrap-info .info-box>span{display:inline-block;position:absolute;top:0;left:0;} .list-unit006>ul li .tit-con .wrap-info .info-box .tit-info{overflow:hidden;display:block;text-overflow:ellipsis;white-space:nowrap;} @media only screen and (max-width:1024px){ .list-unit006>ul{gap:0;} .list-unit006>ul li{width:100%;height:auto;margin:20px 0 0 0;} .list-unit006>ul li:first-child{margin-top:0;} .list-unit006>ul li:nth-child(2n){margin:20px 0 0 0;} .list-unit006>ul li a:after{content:'';display:block;clear:both;} .list-unit006>ul li .anchor-area{width:100%;height:100%;padding:15px;} .list-unit006>ul li .img-con{width:64px;height:75px;margin-right:10px;background-size:64px 75px;} .list-unit006>ul li .tit-con{width:calc(100% - 74px);font-size:13px;line-height:21px;letter-spacing:-0.33px;} .list-unit006>ul li .tit-con .tit-name{margin-bottom:10px;letter-spacing:-0.5px;font-size:18px;} .list-unit006>ul li .tit-con .tit-name:before{top:9px;width:5px;height:5px;} /* .list-unit006>ul li .anchor-area:hover .tit-con .tit-name:before{background-color:#213989;} .list-unit006>ul li .anchor-area:hover .tit-name strong{color:#213989;} .list-unit006>ul li .anchor-area:hover .tit-info{color:#000;} .list-unit006>ul li .anchor-area:hover .info-box span{color:#000;} .list-unit006>ul li .anchor-area:hover .tit-info{color:#000;} .list-unit006>ul li .tit-con>.tit-info{margin-bottom:8px;} .list-unit006>ul li .tit-con .wrap-info .info-box{margin-top:8px;} */ .list-unit006>ul li .tit-con>.tit-info{position:relative;font-size:14px;line-height:21px;letter-spacing:-0.33px;height:21px;} .list-unit006>ul li .tit-con .wrap-info{position:relative;font-size:14px;line-height:21px;letter-spacing:-0.33px;} .list-unit006>ul li .tit-con .wrap-info .info-box{position:relative;font-size:14px;line-height:21px;letter-spacing:-0.33px;padding-left:23px;height:21px;} .list-unit006>ul li .tit-con .wrap-info .info-box span{position:absolute;top:0;left:0;} .list-unit006>ul li .tit-con>.tit-info, .list-unit006>ul li .tit-con .wrap-info{margin-top:0;} } /* ---- ##list-unit007 ---- */ /* 통합검색 > 기사리스트 */ .list-unit007 li{margin-top:20px;padding-bottom:20px;border-bottom:1px solid var(--ui-tag005);} .list-unit007 li:first-child{margin-top:0;} .list-unit007 li:last-child{border-bottom:1px solid var(--nk-tag022);} .list-unit007 li .news-con:after{content:'';display:block;clear:both;} .list-unit007 li .news-con .img-con ~ .tit-news, .list-unit007 li .news-con .img-con ~ .lead, .list-unit007 li .news-con .img-con ~ .article-time{float:left;width:calc(100% - 194px);} .list-unit007 li .news-con .tit-news{margin-bottom:10px;font-size:20px;font-weight:bold;} .list-unit007 li .news-con .tit-news a{overflow:hidden;width:100%;font-size:20px;font-weight:600;white-space:nowrap;text-overflow:ellipsis;line-height:32px;color:var(--font-color003);} .list-unit007 li .news-con .tit-news a .title01{display:inline;} .list-unit007 li .news-con .tit-news a .imp{font-size:20px;display:inline;} .list-unit007 li .news-con .img-con{overflow:hidden;float:left;width:170px;height:110px;margin-right:24px;} .list-unit007 li .news-con .img-con>a{display:inline-block;width:170px;height:110px;background-color:var(--ui-tag007);text-align:center;} .list-unit007 li .news-con .img-con>a img{width:auto;height:100%;} .list-unit007 li .news-con .lead a{display:-webkit-box;color:var(--font-color006);overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15px;} .list-unit007 li .news-con .article-time{display:inline-block;margin-top:5px;font-size:14px;color:var(--font-color004);} @media only screen and (min-width: 1024px){ .list-unit007 li .news-con .tit-news a:hover{opacity:0.5;text-underline-position:under;text-decoration-thickness:1px;text-decoration-line:underline;text-decoration-color:currentColor;} } @media only screen and (max-width:1023px){ .list-unit007{border-bottom:none;} .list-unit007 li{margin-top:20px;padding-bottom:0;border:0;} .list-unit007 li:last-child{border-bottom:none;} .list-unit007 li .news-con .img-con ~ .tit-news, .list-unit007 li .news-con .img-con ~ .lead, .list-unit007 li .news-con .img-con ~ .article-time{float:left;width:calc(100% - 125px);} .list-unit007 li .news-con .img-con{width:105px;height:79px;margin-right:20px;} .list-unit007 li .news-con .img-con>a{width:100%;height:100%;} .list-unit007 li .news-con .tit-news{float:left;width:100%;margin-bottom:0;font-size:17px;line-height:25px;letter-spacing:-0.43px;font-weight:500;} .list-unit007 li .news-con .tit-news a{font-size:17px;line-height:25px;letter-spacing:-0.43px;font-weight:500; display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;} .list-unit007 li .news-con .tit-news a .imp{font-size:17px;line-height:25px;letter-spacing:-0.43px;} .list-unit007 li .news-con .lead{display:none;} .list-unit007 li .news-con .article-time{margin-top:8px;line-height:15px;font-size:13px;} } /* ---- ##list-unit008 ---- */ /* 통합검색 > 포토, 그래픽 리스트 */ .list-unit008 .list{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;gap:40px 20px;padding-bottom:20px;border-bottom:1px solid var(--nk-tag022);} .list-unit008 .list li{width:calc((100% - 60px) / 4);} .list-unit008 .list li .img-con{display:block;position:relative;width:100%;height:165px;text-align:center;} .list-unit008 .list li .img-con img{display:inline-block;width:auto;max-width:100%;max-height:100%;} .list-unit008 .list li .news-con .tit-news{overflow:hidden;display:-webkit-box;margin-top:10px;font-size:16px;color:var(--font-color003);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:500;width:100%;} .list-unit008 .list li .news-con .tit-news .title01{display:inline;} .list-unit008 .list li .news-con .tit-news .title01 .imp{display:inline;} .list-unit008 .list li .news-con .article-time{margin-top:10px;font-size:14px;color:var(--font-color004);} .list-unit008 .list li a{width:100%;} @media only screen and (min-width: 1024px){ .list-unit008 .list li .news-con .tit-news .title01:hover{opacity:0.5;text-underline-position:under;text-decoration-thickness:1px;text-decoration-line:underline;text-decoration-color:currentColor;} } @media only screen and (max-width:1023px){ .list-unit008 .list{justify-content:space-between;gap:0;border-bottom:none;} .list-unit008 .list li{width:calc(50% - 10px);height:auto;margin:20px 0 0 0;} .list-unit008 .list li:nth-child(-n+2){margin-top:0;} .list-unit008 .list li .img-con{width:100%;height:0;padding-bottom:100%;background-color:var(--nk-tag102);} .list-unit008 .list li .img-con img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;max-width:none;max-height:none;} .list-unit008 .list li .news-con .tit-news{font-weight:500;font-size:16px;line-height:21px;letter-spacing:-0.38px;} .list-unit008 .list li .news-con .article-time{margin-top:8px;letter-spacing:-0.3px;line-height:17px;font-size:13px} } /* ---- ##list-unit009 ---- */ /* 통합검색 > 영상리스트 */ .list-unit009 .list{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;gap:40px 30px;padding-bottom:20px;border-bottom:1px solid var(--ui-tag005);} .list-unit009 .list li{width:calc((100% - 60px) / 3);} .list-unit009 .list li a{display:block;} .list-unit009 .list li .img-con{display:block;position:relative;width:100%;;height:150px;text-align:center;} .list-unit009 .list li .img-con img{width:100%;height:100%;} .list-unit009 .list li .img-con .on-icon-movie{display:none;} .list-unit009 .list li .news-con{display:block;} .list-unit009 .list li .news-con .tit-news{overflow:hidden;display:-webkit-box;margin-top:10px;font-size:16px;color:var(--font-color003);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:500;} .list-unit009 .list li .news-con .tit-news .title01{display:inline;} .list-unit009 .list li .news-con .tit-news .title01 .imp{display:inline;} .list-unit009 .list li .news-con .article-time{display:block;margin-top:10px;font-size:14px;color:var(--font-color004);} @media only screen and (min-width: 1024px){ .list-unit009 .list li .news-con .tit-news .title01:hover{opacity:0.5;text-underline-position:under;text-decoration-thickness:1px;text-decoration-line:underline;text-decoration-color:currentColor;} } @media only screen and (max-width:1023px){ .list-unit009 .list{justify-content:space-between;gap:0;border-bottom:none;} .list-unit009 .list li{width:calc(50% - 10px);height:auto;margin:20px 0 0 0;} .list-unit009 .list li:nth-child(-n+2){margin-top:0;} .list-unit009 .list li .img-con{width:100%;height:0;padding-bottom:56.25%;background-color:#eee;} .list-unit009 .list li .img-con img{position:absolute;top:0;left:0;width:100%;height:100%;} .list-unit009 .list li .news-con .tit-news{font-weight:500;font-size:16px;line-height:21px;letter-spacing:-0.38px;} .list-unit009 .list li .news-con .article-time{margin-top:8px;letter-spacing:-0.3px;line-height:17px;font-size:13px;} } /* ---- ##list-unit010 ---- */ /* 통합검색 > 북한미디어동향 */ .list-unit010 li{margin-top:20px;padding-bottom:20px;border-bottom:1px solid #DEDEDE;} .list-unit010 li:first-child{margin-top:0;} .list-unit010 li .news-con .tit-news{margin-bottom:10px;font-weight:bold;font-size:20px;} .list-unit010 li .news-con .tit-news .imp{font-weight:bold;font-size:20px;color:var(--nk-font101);} .list-unit010 li .news-con .source{display:inline-block;} .list-unit010 li .news-con .lead{display:inline-block;position:relative;margin-left:10px;padding-left:10px;color:#666;} .list-unit010 li .news-con .lead:before{content:'';display:inline-block;position:absolute;top:4px;left:0;width:1px;height:16px;background-color:#666;} .list-unit010 li .news-con .article-time{display:block;margin-top:20px;font-size:12px;color:#666;} @media only screen and (max-width:1024px){ .list-unit010 li{padding-bottom:15px;} .list-unit010 li:last-child{padding-bottom:0;border-bottom:0;} .list-unit010 li .news-con .tit-news{margin-bottom:5px;font-size:15px;line-height:21px;letter-spacing:-0.38px;} .list-unit010 li .news-con .tit-news .imp{font-size:15px;line-height:21px;letter-spacing:-0.38px;} .list-unit010 li .news-con .source{font-size:13px;line-height:15px;letter-spacing:-0.33px;vertical-align:middle;} .list-unit010 li .news-con .lead{margin-left:8px;padding-left:8px;font-size:13px;line-height:15px;letter-spacing:-0.33px;vertical-align:middle;} .list-unit010 li .news-con .lead:before{top:1px;height:12px;} .list-unit010 li .news-con .article-time{margin-top:10px;line-height:15px;letter-spacing:-0.3px;} } /* ---- ##list-unit011 ---- */ /* 법률 */ .list-unit011{border-bottom:1px solid var(--nk-tag022);} .list-unit011:after{content:'';display:block;clear:both;} .list-unit011 .list{float:left;width:50%;} .list-unit011 li{border-bottom:1px solid var(--ui-tag005);} .list-unit011 li.border-none{border-bottom:0;} .list-unit011 li a{display:block;padding:20px;box-sizing:border-box;} .list-unit011 li a .num{display:inline-block;width:50px;margin-right:20px;color:var(--font-color003);} .list-unit011 li a .txt{display:inline-block;font-weight:500;font-size:18px;} .list-unit011 li a:hover{background-color:#F7F7F7;} .list-unit011 li a:hover .txt{color:#213989;} @media only screen and (max-width:1024px){ .list-unit011{border-bottom:0;} .list-unit011 .list{float:none;width:100%;} .list-unit011 .list + .list{border-top:1px solid #DEDEDE;} .list-unit011 li a{padding:12px 20px;line-height:21px;} .list-unit011 li a .num{width:30px;margin-right:10px;font-size:15px;line-height:21px;font-weight:500;} .list-unit011 li a .txt{width:calc(100% - 50px);font-size:16px;line-height:21px;letter-spacing:-0.38px;} .list-unit011 li a:hover{background-color:#fff;} .list-unit011 li a:hover .txt{color:#000;} } /* 본문 */ .nav-path01 li{font-size:16px;color:var(--font-color005);} .nav-path01 li>a, .nav-path01 li>span{padding:0;} @media only screen and (max-width:1023px){ .nav-path01 li{font-size:14px;} } /* =============== ####레이아웃 [AS-IS] ======================== */ /* ---- ##헤더 | header (common) ---- */ .nk-header{z-index:10; position:relative;} /* #### */ /* .nk-header .header001{height:110px;} */ .nk-header .header001{height:90px;} /* #### */ .nk-header .header001 .area{display:none;} /* #### */ /* .nk-header .header001 .util-area{position:absolute;top:39px;right:0;display:flex;align-items:center;} */ .nk-header .header001 .util-area{position:absolute;top:30px;right:0;display:flex;align-items:center;} /* #### */ .nk-header .header001 .util-area .link-unit001{display:none;} .nk-header .header001 .util-area .link-unit001.active{display:block;color:var(--font-color006);} .nk-header [class*='header'] .content{position:relative;width:1200px;margin:0 auto;} .nk-header .header002{background-color:#E8F0FE;border-bottom:1px solid #CCDFFF;} .nk-header .header002 .content:after{content:'';display:block;clear:both;} /* #### */ /* .nk-header .header003{overflow:hidden;width:100%;height:80px;box-sizing:border-box;background-color:#fff;z-index:100;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;} */ .nk-header .header003{overflow:hidden;width:100%;height:66px;box-sizing:border-box;background-color:var(--ui-tag001);z-index:100;border-top:1px solid var(--ui-tag005);border-bottom:1px solid var(--ui-tag005);} /* ##### */ .nk-header .header003 .content{display:flex;align-items:center;justify-content:space-between;height:100%;} .nk-header .header003 .search-box{width:248px;padding-left:10px;box-sizing:border-box;background-color:var(--nk-tag023);} .nk-header .header003 .search-box fieldset{display:flex;align-items:center;justify-content:space-between;height:42px;} .nk-header .header003 .search-box fieldset .srchbar{width:180px;} .nk-header .header003 .search-box fieldset .input{color:var(--font-color003);border:0;width:100%;} .nk-header .header003.open{height:135px;} .nk-header .search{display:none;} .nk-header .wrap-search-form{display:none;position:absolute;top:110px;left:0;width:100%;height:135px;background-color:#fff;box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.1);z-index:100;} .nk-header .wrap-search-form.show{display:block;} .nk-header .wrap-search-form .search-form{width:1100px;height:100%;margin:0 auto;} .nk-header .wrap-search-form fieldset{display:flex;align-items:center;width:100%;height:100%;} .nk-header .wrap-search-form .btn-unit001-search{margin-left:auto;border:0;transform:scale(1.2);} .nk-header .wrap-search-form .btn-unit001-search:hover{background-color:#fff;} .nk-header .wrap-search-form .srchbar{width:calc(100% - 100px);} .nk-header .wrap-search-form .srchbar .input{width:100%;font-size:24px;font-weight:500;border:0;} .nk-header .wrap-search-form .srchbar .input::placeholder{font-size:25px;font-weight:500;color:#000;} .nk-header .header001 .btn-close002{display:none;position:relative;width:40px;height:40px;border:none;background-color:transparent;} .nk-header .header001 .btn-close002.show{display:block;} .nk-header .header001 .btn-close002 .ico-unit001-close01{position:absolute;top:11px;left:11px;width:20px;height:20px;background:url('../img_v02/sprites_m.svg?v=20241008_1100') no-repeat -50px -150px;background-size:300px 400px;} body.body-sticky .wrap-header21{display:block;} .wrap-header21{display:none;position:fixed;} @media only screen and (max-width:1023px){ .nk-header{position:relative;top:0;left:0;z-index:220;/*z-index:100*/} .nk-header .header001{height:50px;/*height:55px;*/background-color:var(--ui-tag001);border-bottom:1px solid var(--ui-tag005);} .nk-header .header001 .logo-unit003{display:none;} .nk-header [class*='header'] .content{width:100%;height:100%;margin:0;} .nk-header .header001 .area{position:absolute;top:14px;right:20px;display:flex;align-items:center;} .nk-header .header001 .area .link-unit001{display:none;} .nk-header .header001 .area .link-unit001.active{display:block;color:var(--font-color006);} .popup-mode01 .nk-header .header001 .area .link-unit001.active{display:none;} .nk-header .header001 .area .link-unit001 .ico-unit001-login01:before{width:18px;height:18px;margin:-9px 0 0 -9px;background:url('../img_v02/sprites_m.svg?v=20241008_1100') no-repeat -25px -175px;background-size:300px 400px;} .nk-header .header001 .area button{border:none;} .nk-header .header001 .util-area{display:none;} .nk-header .header001 .btn-search001{width:18px;height:18px;margin-left:18px;background:url('../img_v02/sprites_m.svg?v=20241008_1100') no-repeat -75px -25px;background-size:300px 400px;} .nk-header .header001 .btn-menu001{width:21px;height:19px;margin-left:18px;background:url('../img_v02/sprites_m.svg?v=20241008_1100') no-repeat -50px -50px;background-size:300px 400px;background-color:transparent;} .nk-header .header001 .btn-menu001:before{display:none;} .nk-header .header001 .btn-close001{display:none;width:20px;height:20px;background:url('../img_v02/sprites_m.svg?v=20241008_1100') no-repeat -50px -150px;background-size:300px 400px;} .nk-header .header001 .logo-unit001{top:20px;left:20px;width:54px;height:15px;background:url('../img_v02/sprites_m.svg?v=20241008_1100') no-repeat -50px -225px;background-size:300px 400px;} .nk-header .header001 .logo-unit002{top:19px;left:78px;width:63px;height:16px;margin-left:0;background:url('../img_v02/sprites_m.svg?v=20241008_1100') no-repeat -200px 0;background-size:300px 400px;} .nk-header .search{display:none;position:relative;height:55px;padding:16px 46px;box-sizing:border-box;} .nk-header .search .btn-unit001-search{position:absolute;top:18px;right:20px;border:0;width:21px;height:21px;} .nk-header .search .btn-unit001-search:hover{background-color:none;border:0;} .nk-header .search .btn-unit001-search .ico-unit001-search01{top:0;left:0;width:18px;height:18px;background:url('../img_v02/sprites_m.svg?v=20241008_1100') no-repeat -75px -25px;background-size:300px 400px;} .nk-header .search .btn-unit001-search .ico-unit001-search01::before{display:none;} .nk-header .search .input{width:100%;font-weight:600;color:var(--font-color003);font-size:18px;border:0;} .nk-header .search .input::placeholder{font-weight:600;color:var(--font-color004);} .nk-header .header002{display:none;} .nk-header .wrap-search-form.show{display:none;} .nk-header .header001{position:fixed;top:0;left:0;width:100%;} .page-main .nk-header .header002{display:block;position:fixed;bottom:0;left:0;width:100%;border-bottom:0; transition:transform 0.2s ease-out;} .page-main .nk-header .header002 .wrap-search-form{display:none;} .page-main .nk-header .header001{border-bottom:0;} body.popup-mode02.page-main .nk-header .header002{top:0;bottom:initial;height:100%;} /* @@@@ */ /* body .wrap-header21, body.body-sticky .wrap-header21{display:block;} */ /* @@@@ */ .nk-header .header003{display:none;} /* ---- ##검색모드 ---- */ .popup-mode01 .nk-header .header001{position:initial;height:75px;background-color:var(--ui-tag001);} .popup-mode01 .nk-header .header001 .logo-unit001{display:none;} .popup-mode01 .nk-header .header001 .logo-unit002{left:20px;} .popup-mode01 .nk-header .header001 .link-unit001, .popup-mode01 .nk-header .header001 .btn-search001, .popup-mode01 .nk-header .header001 .btn-menu001{display:none;} .popup-mode01 .nk-header .header001 .btn-close001{display:block;} } /* ---- ##전체메뉴 ---- */ .popup-whole-menu{display:none;} @media only screen and (max-width:1023px){ .popup-whole-menu{display:block;position:fixed;top:0;left:0;min-width:320px;width:100%;height:100%;background-color:var(--ui-tag001);z-index:300;transform:translateX(100%);transition:transform 0.2s ease-out;} .popup-whole-menu.active{transform:translateX(0);} .popup-whole-menu .wrap-header{border-bottom:1px solid var(--ui-tag004);box-sizing:border-box;} .popup-whole-menu .wrap-header .header{position:relative;height:75px;} .popup-whole-menu .wrap-header .header .nk-logo{position:absolute;top:17px;left:20px;width:96px;height:16px;background:url('../img_v02/sprites_m.svg?v=20241008_1100') no-repeat -200px 0;background-size:300px 400px;} .popup-whole-menu .wrap-header .header .btn-close001{position:absolute;top:17px;right:20px;width:20px;height:20px;border:none;background:url('../img_v02/sprites_m.svg?v=20241008_1100') no-repeat -50px -150px;background-size:300px 400px;} .popup-whole-menu .wrap-header .search{position:relative;height:55px;padding:16px 20px 16px 46px;box-sizing:border-box;} .popup-whole-menu .wrap-header .search .btn-unit001-search{position:absolute;top:18px;left:20px;border:0;width:21px;height:21px;} .popup-whole-menu .wrap-header .search .btn-unit001-search:hover{background-color:none;border:0;} .popup-whole-menu .wrap-header .search .btn-unit001-search .ico-unit001-search01{top:0;left:0;width:18px;height:18px;background:url('../img_v02/sprites_m.svg?v=20241008_1100') no-repeat -75px -25px;background-size:300px 400px;} .popup-whole-menu .wrap-header .search .btn-unit001-search .ico-unit001-search01:before{display:none;} .popup-whole-menu .wrap-header .search .input{width:100%;color:var(--font-color003);font-weight:500;font-size:18px;border:0;} .popup-whole-menu .wrap-header .search .input::placeholder{font-size:16px;color:var(--font-color004);} .popup-whole-menu .wrap-header .search .srchbar .input{position:relative;left:0;transition:all 0.2s;} .popup-whole-menu .wrap-header .search .srchbar .line{content:'';display:block;position:absolute;bottom:0px;left:0;width:100%;height:2px;background-color:var(--ui-tag001);transform:scaleX(0);transition:all 0.2s;} .popup-whole-menu .wrap-header .search .srchbar .btn-unit001-search{transition:all 0.2s;} .popup-whole-menu .wrap-header .search.active .srchbar .input{left:-26px;} .popup-whole-menu .wrap-header .search.active .srchbar .line{transform:scaleX(1);background-color:#213989;} .popup-whole-menu .wrap-header .search.active .srchbar .btn-unit001-search{left:calc(100% - 40px);} .popup-whole-menu .content{height:calc(100% - 130px);padding:20px;box-sizing:border-box;overflow-y:auto;} .popup-whole-menu .content::-webkit-scrollbar{width:12px;} .popup-whole-menu .content::-webkit-scrollbar-thumb{border-radius:10px;background-color:#DEDEDE;} .popup-whole-menu .content::-webkit-scrollbar-track{border-radius:10px;} .popup-whole-menu .wrap-bnr [class*='bnr']{display:flex;align-items:center;justify-content:center;padding:7px 0 9px;background-color:#e8f0fe;border:1px solid #ccdfff;border-radius:5px;} .popup-whole-menu .wrap-bnr [class*='bnr']:before{content:'';display:inline-block;} .popup-whole-menu .wrap-bnr .bnr-premium img{width:205px;height:32px;} .popup-whole-menu .gnb-list{margin-bottom:60px;} .popup-whole-menu .gnb-list>li{padding:20px;} .popup-whole-menu .gnb-list>li .title{color:var(--font-color003);font-size:18px;line-height:25px;font-weight:bold;} .popup-whole-menu .gnb-list>li .sub-title{margin-top:10px;color:#ccc;font-size:15px;} .popup-whole-menu .gnb-list .sub-list{display:flex;flex-wrap:wrap;} .popup-whole-menu .gnb-list .sub-list>li{flex:1 0 50%;margin-top:10px;} .popup-whole-menu .gnb-list .sub-list>li a{font-size:15px;font-weight:600;color:var(--font-color003)} .popup-whole-menu .gnb-list .sub-list>li.active a{color:#4f6fcb;font-weight:600;} /* popup-mode01 : 검색 레이어팝업 오픈 시 */ body[class*='popup-mode']{position:fixed;z-index:0;overflow:hidden;height:100%;width:100%;} [class*='popup-mode'] .mask-unit001{opacity:0.5;z-index:90;} .popup-mode01 .nk-header{position:fixed;top:0;left:0;width:100%;z-index:100;background-color:var(--ui-tag001);} .popup-mode01 .nk-header .search{display:block;height:auto;padding:0;} .popup-mode01 .nk-header .search .srchbar{position:relative;height:55px;padding:16px 46px 16px 20px;box-sizing:border-box;} .popup-mode01 .header002{transform:translateY(46px) !important;} .popup-mode01 .wrap-container{padding-bottom:60px;} .popup-mode02 .nk-header{z-index:100;} .tlp-mode .wrap-header{} .tlp-mode .wrap-header:after{content:'';display:block;clear:both;position:absolute;top:0;left:0;z-index:110;box-sizing:border-box;width:100%;height:57px;background-color:rgba(0,0,0,0.5); -webkit-transition:opacity 0.2s, z-index 0.2s; transition:opacity 0.2s, z-index 0.2s;} } /* ---- ##내비게이션 | navigation (common) ---- */ .gnb-depth01:after{content:'';display:block;clear:both;} .gnb-depth01>li{position:relative;float:left;} .gnb-depth01>li:not(:first-of-type){margin-left:65px;} .gnb-depth01>li>a{font-size:20px;color:var(--font-color003);font-weight:600;} .gnb-depth01>li>a:hover{color:var(--nk-font101);} .gnb-depth01>li.active>a{color:var(--nk-font101);} .gnb-depth01>li.style01>a{color:#FF4E00;} .gnb-depth01>li.style01>a:hover{color:#FF4E00;} .gnb-depth01 .gnb-box01{display:none;position:absolute;top:55px;left:0;width:1100px;} .gnb-depth01>li.active .gnb-box01{display:block;} .gnb-depth01 .gnb-box01:after{content:'';display:block;clear:both;} .gnb-depth01 .gnb-depth02{float:left;} .gnb-depth01 .gnb-depth02:after{content:'';display:block;clear:both;} .gnb-depth01 .gnb-depth02 li{float:left;} .gnb-depth01 .gnb-depth02 li a{font-size:18px;color:#666;} .gnb-box01 .label{float:left;width:49px;height:28px;line-height:28px;font-size:14px;color:#666;background-color:#dedede;text-align:center;border-radius:10px 0 10px 10px} .gnb-box01 .gnb-depth02 + .label{margin-left:20px;} .gnb-box01 .gnb-depth02{float:left;} .gnb-box01 .gnb-depth02 li.bar{position:relative;padding-right:23px;} .gnb-box01 .gnb-depth02 li.bar:before{content:'';position:absolute;top:6px;right:0;width:1px;height:15px;background-color:#ccc;} .gnb-box01 .gnb-depth02:after{content:'';display:block;clear:both;} .gnb-box01 .gnb-depth02 li{float:left;margin-right:25px;width:auto;} .gnb-box01 .gnb-depth02 li.tag{margin-right:12px;} .gnb-box01 .gnb-depth02 li a{font-size:18px;color:#666;} .gnb-box01 .gnb-depth02 li a:hover{color:#3061FF;} .gnb-box01 .gnb-depth02 li.active a{color:#3061FF;} .gnb-mobile{display:none;} @media only screen and (max-width:1024px){ .lnb-unit001{display:none;} } /* ---- ##컨테이너 (common) ---- */ .container111{clear:both;width:1100px;margin:120px 0 140px;} .container111>[class*='content'] [class*='title-unit']{margin-bottom:14px;} .container111>.content101 .box-unit001{margin-top:0;} .content101 .title-unit001{display:none;} @media only screen and (max-width:1023px){ .page-main .container511{margin-top:55px;} .news-type004{padding-bottom:0;} .wrap-container .content10{margin-top:55px;} .wrap-container .content001{margin-top:55px;} [class*='body-view-'] .wrap-container{padding-top:15px;} } /* 페이지 공통 */ .wrap-archive-search{margin-bottom:20px;} /* ---- mask-unit$$$ : 윈도우 딤드 ---- */ @media only screen and (max-width:1023px){ .mask-unit001{opacity:0;position:fixed;top:0;left:0;z-index:-1;width:100%;height:100%;background:#000;} } /* =============== ####레이아웃 [TO-BE] ======================== */ /* ---- ##내비게이션 | navigation (common) ---- */ .nav-type40 .gnb-menu41 .label01 .txt01{padding:0 8px !important;background-color:#e9e9e9;border-radius:2px;font-size:14px;color:var(--font-color003);} /* .nav-type40 .gnb-menu41 .list01 .txt01{font-weight:700;} */ @media only screen and (max-width:1024px){ .nav-type40{margin-top:80px;} .wrap-container .content10+.content03{margin-top:40px;} } /* =============== ####[서브] 북한 알아보기 ======================== */ /* 이전 CSS 참고 */ .mt0{margin-top:0 !important;} .nomargin{margin:0 !important;} /* ---- ##북한알아보기 > 개관,자연,경제,사회 ---- */ .about-box{color:var(--font-color003);} .about-box .overflow{overflow:hidden;} .about-box .txt-type1{width:499px;} .about-box .txt-type2{width:570px;} .about-box .txt-type3{margin-top:26px;} .about-box .img-type1{width:270px;} .about-box .img-type2{width:200px;} .about-box .txt-left, .about-box .img-left{float:left;margin-top:30px} .about-box .txt-right, .about-box .img-right{float:right;margin-top:30px} .about-box .img-right img{margin-bottom:10px} .about-box .img-center{text-align:center;float:none;margin:30px 0 0;} .about-box .img-center img{margin:0 5px;} .about-box .img-between{display:flex;justify-content:space-between;margin:40px 0 10px 0;padding:25px 40px 25px;border-top:1px solid var(--ui-tag005);border-bottom:1px solid var(--ui-tag005);} .about-box .img-between img{margin:0;} .about-box .img-between img:first-child{width:45%;} .about-box .img-between img:last-child{width:40%;} .about-box .p-block{padding:25px 30px;} .about-box .mt{margin-top:50px;} .about-box .txt{margin:26px 0 0;} .about-box .img-con img{width:100%;height:auto;display:inline;} .about-box .btn-big-yellow{margin-top:50px} @media only screen and (max-width:1024px){ .nk-overview .content103{display:none;} .nk-overview .about-box{padding:0 20px 30px;font-size:15px;line-height:27px;letter-spacing:-0.38px;} .about-box .txt{margin-top:20px;} .about-box .txt:first-child{margin-top:0;} .about-box .mt{margin-top:20px;} .about-box img{width:100%;height:auto;} .about-box .img-right img{margin-bottom:0;} .about-box .txt-left, .about-box .img-left{float:none;margin-top:0;} .about-box .txt-right, .about-box .img-right{float:none;margin-top:40px;} .about-box .txt-type1{width:100%;} .about-box .txt-type2{width:100%;} .about-box .img-between{margin:30px 0 30px 0;display:block;padding:0;border:0;} .about-box .img-between img:first-child{float:none;width:100%;} .about-box .img-between img:last-child{float:none;margin-left:0;width:100%;} .about-box .img-between img + img{margin-top:20px;} .about-box .img-con img{width:100%;height:auto;} .about-box .img-con img + img{margin-top:20px;} .about-box .img-type2{width:100%;} .about-box .title-unit001{margin-left:0;display:none;} .about-box .title-unit031{margin-top:20px;font-size:13px;line-height:18px;letter-spacing:-0.33px;} .container111 .about-box .title-unit031{margin-bottom:0;} .about-box .table-wrap{overflow-x:auto;} .about-box .table-unit001, .about-box .table-unit002{font-size:14px;line-height:15px;word-break:break-all;table-layout:fixed;min-width:335px;border-collapse: initial;} .about-box .nation-index-tbl colgroup col:nth-child(1){width:15% !important;} .about-box .nation-index-tbl colgroup col:nth-child(2){width:20% !important;} .about-box .nation-index-tbl colgroup col:nth-child(3){width:65% !important;} .about-box .four-pole-tbl colgroup col:nth-child(1){width:20% !important;} .about-box .four-pole-tbl colgroup col:nth-child(2){width:20% !important;} .about-box .four-pole-tbl colgroup col:nth-child(3){width:60% !important;} .about-box .table-unit001 th, .table-unit001 td, .about-box .table-unit002 th, .table-unit002 td{padding:10px;} .about-box .table-info{font-size:13px;line-height:14px;letter-spacing:-0.25px;} .about-box .img-type1{width:100%;} .about-box .img-type1.mt0{margin-top:26px !important;} } .about-tab{margin-top:60px;} .about-tab .tab-nav{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;border-radius:2px;border:1px solid var(--ui-tag005);} .about-tab .tab-nav:after{content:'';display:block;clear:both;} .about-tab .tab-nav a{box-sizing:border-box;flex:auto;height:48px;line-height:48px;font-size:18px;font-weight:bold;border-left:1px solid var(--ui-tag005);color:var(--font-color003);text-align:center;} .about-tab .tab-nav.style01 a{width:239px;} /* .about-tab .tab-nav a:first-child{border-left:0;} */ .about-tab .tab-nav a.current{background-color:var(--nk-tag024);color:#4f6fcb;} .about-tab .tab-box{display:none;} .about-tab .tab-box.current{display:block;} .about-tab .tab-box .block{overflow:hidden;margin-bottom:20px;} .about-tab .info{display:none;} @media only screen and (min-width: 1024px){ .about-tab .tab-nav a:hover{color:var(--nk-font101);} } @media only screen and (max-width:1024px){ .about-tab{margin-top:30px;} .about-tab .tab-nav{border:0;border-radius:0;} .about-tab .tab-nav a{width:auto;height:36px;padding:0 11px;margin:0 12px 26px 0;font-size:14px;line-height:36px;border:1px solid var(--nk-tag022);border-radius:2.5px;} .about-tab .tab-nav a:last-child{margin-right:0;} .about-tab .tab-nav.style01 a{width:auto;} .about-tab .tab-box .block{position:relative;} .about-tab .tab-box .info{display:block;position:absolute;top:5px;right:0;padding:7px 0 0 29px;font-size:13px;line-height:13px;letter-spacing:-0.33px;} .about-tab .tab-box .info:before{content:'';display:block;position:absolute;top:0;left:0;width:20px;height:24px;background:url('../img_v02/sprites_m.svg?v=20241008_1100') no-repeat -150px -75px;background-size:300px 400px;} .about-tab .btn-unit041.style01{display:flex;align-items:center;justify-content:center;width:100%;} .about-tab .btn-unit041 .ico-unit001-next02{position:relative;top:initial;right:initial;width:10px;height:12px;margin-left:5px;} .about-box .img-center img{margin:0;} } @media only screen and (max-width:340px){ .about-tab .tab-nav a{margin-right:10px;padding:0 8px;font-size:13px;} } #society-layer01 .layer-body{margin-top:-400px;} #society-layer01 .layer-body .view-area{padding:20px;background:var(--ui-tag001);} #society-layer01 .layer-body .view-area .table-wrap{height:695px;overflow-x:hidden;overflow-y:scroll;} #society-layer01 .layer-body .view-area .table-unit001{margin-top:0;} #society-layer01 .layer-body .view-area .table-type01{color:var(--font-color003);} .industry-img1{margin-bottom:40px !important;} #map .layer-body{margin-top:-400px;} #map .view-area{height:755px;overflow-y:scroll} #map .img100 img{width:100%;} @media only screen and (max-width:1024px){ #society-layer01 .layer-body{top:initial;width:100%;height:100%;margin:0;} #society-layer01 .layer-body .layer-con{height:100%;} #society-layer01 .layer-body .view-area{height:calc(100% - 75px);padding:30px 20px;box-sizing:border-box;overflow-y:auto;} #society-layer01 .layer-body .view-area .table-wrap{height:auto;overflow:initial;} #society-layer01 .table-type01 th{padding:13px 15px;font-size:15px;line-height:25px;letter-spacing:-0.38px;font-weight:bold;text-align:center;background-color:var(--nk-tag024);} #society-layer01 .table-type01 th:nth-child(2){text-align:left;border-left:1px solid var(--nk-tag022);} #society-layer01 .table-type01 td{padding:15px;font-size:15px;line-height:25px;letter-spacing:-0.38px;vertical-align:top;} #society-layer01 .inner-table-list li{padding-left:0;margin-bottom:0;} #society-layer01 .inner-table-list li .bull{padding-left:0;} #map .layer-body{position:fixed;top:0;left:0;width:100%;height:100%;margin-top:0;} #map .view-area{height:auto;margin-top:40px;} } /* 레이어팝업 */ /* 이전 CSS 참고 */ .modal_window{z-index:10;} .common-layer{display:none;position:absolute;left:0;top:0;width:100%;height:100%;background:url(../img_v02/bg_000_80p.png) repeat 0 0;z-index:300} .common-layer .layer-body{position:relative;top:50%;width:975px;margin:0 auto;margin-top:-400px;background:var(--ui-tag001);} .common-layer .layer-body .close-layer{overflow:hidden;display:block;width:70px;height:50px;position:absolute;right:0;top:0;margin:0;padding:0;text-indent:-5000px;border:0;background:url(../img_v02/sprites.png) no-repeat -339px -1040px;z-index:999;} @media only screen and (max-width:1024px){ .common-layer{height:100% !important;} .common-layer .layer-body .close-layer{top:27px;right:20px;width:20px;height:20px;background:url('../img_v02/sprites_m.svg?v=20241008_1100') no-repeat 0px -150px;background-size:300px 400px;background-color:transparent;} } /* 레이어팝업 슬라이드 */ .nk-layer-wrap{overflow:hidden;width:100%;height:805px;} .nk-layer-wrap .nk-slide{overflow:hidden;height:805px;} .nk-layer-wrap .nk-slide li{position:relative;width:975px;height:805px;float:left;} .nk-layer-wrap .tit-news{height:50px;color:var(--font-color001);font-size:21px;line-height:120%;background:#464f68;} .nk-layer-wrap .tit-news span{display:block;padding:13px 20px 0;} .nk-layer-wrap .img-con{overflow:hidden;width:975px;height:600px;text-align:center;background:#595959;} .nk-layer-wrap .img-con img{display:inline;width:auto;height:auto;max-height:600px;max-width:975px;} .nk-layer-wrap .news-con{margin:24px 18px 0;height:100px;overflow-y:auto;color:#fff;font-size:16px;} .nk-layer-wrap .paging-navi{display:none;position:relative;margin:15px 0 0;} .nk-layer-wrap .paging-navi a{display:none;position:absolute;left:0;top:0;font-size:10px;color:#515151;} .nk-layer-wrap .paging-navi a.selected{position:absolute;left:380px;top:1px;display:none;} .nk-layer-wrap .paging-navi a.selected span{color:#048e8a} .nk-layer-wrap .all{padding-left:5px;margin-left:-11px;text-align:center;font-size:10px;color:#515151;} .nk-layer-wrap .control .nk-prev, .nk-layer-wrap .control .nk-next{position:absolute;top:50%;overflow:hidden;display:block;width:80px;height:110px;margin-top:-105px;text-indent:-5000px;background:url(../img_v02/sprites.png) no-repeat 10px -1324px} .nk-layer-wrap .control .nk-prev{left:0;background-position:-160px -1290px;} .nk-layer-wrap .control .nk-next{right:0;background-position:-280px -1290px;} @media only screen and (max-width:1024px){ .nk-layer-wrap{height:100%;} .nk-layer-wrap .tit-news{display:flex;align-items:center;position:relative;height:75px;padding:0 20px;line-height:21px;letter-spacing:-0.85px;box-shadow:0 1.5px 8px 0 rgba(0, 0, 0, 0.16);z-index:10;} .nk-layer-wrap .tit-news span{display:inline-block;padding:0;font-size:17px;font-weight:bold;} } /* ---- ##북한알아보기 > 법률 ---- */ .nk-law{} .law-wrap>.txt{color:var(--nk-font101);} .law-wrap .tit-wrap{position:relative;margin-top:10px;box-sizing:border-box;border-top:1px solid var(--nk-tag022);border-bottom:1px solid var(--nk-tag022);} .law-wrap .tit-wrap .tit{display:block;box-sizing:border-box;padding:18px 11px;font-weight:bold;font-size:20px;} .law-wrap .tit-wrap .tit:hover{color:#213989;background-color:#F7F7F7;} .law-wrap .tit-wrap .btn-unit031{position:absolute;top:6px;right:11px;background-color:var(--nk-tag102);border-radius:2px;font-size:15px;color:var(--font-color003);} @media only screen and (max-width:1024px){ .nk-law .law-wrap>.title-unit001{display:none;} .law-wrap .tit-wrap{border-top:none;} .law-wrap .tit-wrap .tit{padding:21px 0;font-size:15px;line-height:21px;letter-spacing:-0.38px;} .law-wrap .tit-wrap .tit:hover{color:#000;background-color:#fff;} .law-wrap .tit-wrap .btn-unit031{top:13px;right:0;padding:8px 22px 8px 10px;font-size:13px;line-height:18px;border-radius:2.5px;} .law-wrap .tit-wrap .btn-unit031:hover{background-color:#E8F0FE;} .nk-law .content103{display:none;} .nk-law .law-wrap{padding:0 20px 30px;} .nk-law .law-wrap>.txt{font-size:14px;line-height:18px;letter-spacing:-0.33px;} .nk-law .title-unit001{margin-left:0px;} } /* ---- ##북한알아보기 > 용어사전 리스트 ---- */ .nk-dictionary .h1-desc{font-size:16px;color:var(--nk-font101);} /* 용어사진 리스트만 적용 */ .nk-dictionary .container521 .content03.bbs-list .section01{line-height:0;} .nk-dictionary .wrap-archive-search .select-word{margin-top:40px;font-size:0;} .nk-dictionary .wrap-archive-search .select-word button{width:auto;padding:14px 16px 14px 15px;height:54px;background-color:var(--ui-tag001);border:0;border-top:1px solid var(--ui-tag005);border-bottom:1px solid var(--ui-tag005);border-left:1px solid var(--ui-tag005);font-weight:bold;font-size:16px;color:var(--font-color003);} .nk-dictionary .wrap-archive-search .select-word button.current{background-color:var(--nk-tag024);color:var(--nk-tag101);} .nk-dictionary .wrap-archive-search .select-word button:first-child{padding:14px 17px 14px 17px;border-radius: 2px 0 0 2px;} .nk-dictionary .wrap-archive-search .select-word button:last-child{border-right:1px solid var(--ui-tag005);border-radius:0 2px 2px 0;} .nk-dictionary .wrap-archive-search .select-word button:hover{color:var(--nk-font101);} .nk-dictionary .wrap-archive-search .search-box{margin-top:20px;} .nk-dictionary .wrap-archive-search .search-box .select .input-unit001{width:580px;} .nk-dictionary .wrap-archive-search .search-box .select .btn-unit051{margin-left:16px;width:120px;height:48px;font-weight:bold;} .nk-dictionary .wrap-archive-search .search-box .select .btn-unit051 + .btn-unit051{margin-left:20px;} @media only screen and (max-width:1024px){ .nk-dictionary .content103{display:none;} .nk-dictionary .section01>.title-unit001{display:none;} .nk-dictionary .h1-desc{margin:0 20px;font-size:14px;line-height:18px;letter-spacing:-0.33px;border-width:1px;} .nk-dictionary .wrap-archive-search .select-word{margin-top:20px;} .nk-dictionary .wrap-archive-search .select-word button{width:40px;height:40px;padding:0;line-height:40px;color:var(--font-color003);font-size:13px;letter-spacing:-0.33px;border-radius:50%;border:1px solid var(--ui-tag005);} .nk-dictionary .wrap-archive-search .select-word button + button{margin-left:10px;} .nk-dictionary .wrap-archive-search .select-word button:first-child{margin-left:20px;padding:0;border-radius:50%;} .nk-dictionary .wrap-archive-search .select-word button:last-child{margin-right:20px;border-radius:50%;border:1px solid #CCDFFF;} .nk-dictionary .wrap-archive-search .search-box{margin:20px 20px 0;font-size:0;} .nk-dictionary .wrap-archive-search .search-box .select .input-unit001{width:calc(100% - 57px);height:40px;padding:12px 10px;font-size:13px;letter-spacing:-0.33px;line-height:18px;font-weight:bold;border-radius:2.5px;} .nk-dictionary .wrap-archive-search .search-box .select .input-unit001::placeholder{font-size:13px;} .nk-dictionary .wrap-archive-search .search-box .select .btn-unit051{width:47px;height:40px;margin-left:10px;font-size:13px;letter-spacing:-0.33px;border-radius:2.5px;} } .wrap-term-list{position:relative;margin-top:40px;} .wrap-term-list .sel-option{position:absolute;top:0;right:0;line-height:24px;} .wrap-term-list .sel-option em{font-weight:bold;} .wrap-term-list .term-table .thead, .wrap-term-list .term-table .tbody{line-height:24px;} .wrap-term-list .term-table .thead:after{content:'';display:block;clear:both;} .wrap-term-list .term-table .thead .th{float:left;box-sizing:border-box;padding-bottom:11px;font-weight:400;color:var(--font-color003);} .wrap-term-list .term-table .thead .th01, .wrap-term-list .term-table .tbody .num{width:7.32%;} .wrap-term-list .term-table .thead .th02, .wrap-term-list .term-table .tbody .tit{width:92.68%;} .wrap-term-list .term-table .thead .th02{padding-left:20px;} .wrap-term-list .term-table .tbody{border-top:1px solid var(--nk-tag022);} .wrap-term-list .term-table .tbody li{padding:20px 0;border-bottom:1px solid var(--nk-tag025);} .wrap-term-list .term-table .tbody li>article:after{content:'';display:block;clear:both;} .wrap-term-list .term-table .tbody li:hover{background-color:var(--nk-tag024);} .wrap-term-list .term-table .tbody .num{float:left;padding-left:10px;color:var(--font-color006);box-sizing:border-box;} .wrap-term-list .term-table .tbody .tit{float:left;padding:0 20px;box-sizing:border-box;} .wrap-term-list .term-table .tbody .tit a{font-weight:500;font-size:18px;} .wrap-term-list .term-table .tbody .tit a:hover{color:var(--nk-font101);} .wrap-term-list .term-table .tbody .tit a .imp{font-weight:bold;color:var(--nk-font101);} @media only screen and (max-width:1024px){ .wrap-term-list{margin:36px 20px 100px;} .wrap-term-list .term-table .thead .th{font-weight:400;font-size:13px;line-height:18px;letter-spacing:-0.33px;} .wrap-term-list .term-table .thead .th01{width:9%} .wrap-term-list .term-table .thead .th02{width:91%} .wrap-term-list .term-table .tbody .num{width:8%;} .wrap-term-list .term-table .tbody .tit{width:92%;} .wrap-term-list .sel-option{font-size:13px;line-height:18px;letter-spacing:-0.33px;} .wrap-term-list .term-table .tbody{border-width:1px;} .wrap-term-list .term-table .tbody li{padding:13px 0;font-size:15px;} /* .wrap-term-list .term-table .tbody li:hover{background-color:#fff;} .wrap-term-list .term-table .tbody .tit a:hover{color:#000;} */ .wrap-term-list .term-table .tbody .tit a{font-size:16px;} } .wrap-option-term{text-align:center;} .wrap-option-term .icon-cancel{display:inline-block;position:relative;margin-right:7px;padding:11px 11px 11px 30px;font-size:14px;line-height:18px;background-color:var(--nk-tag105);border-radius:5px;cursor:pointer;vertical-align:middle;} .wrap-option-term .icon-cancel:before{content:'';display:inline-block;position:absolute;top:12px;left:11px;width:14px;height:16px;background:url(../img_v02/sprites_icon.svg?v=20241008_1100) 0 0 no-repeat;background-position:-50px -650px;} .wrap-option-term .txt{display:inline-block;font-weight:bold;font-size:20px;vertical-align:middle;color:var(--font-color003);} .wrap-option-term .txt strong{font-weight:bold;color:var(--nk-font101);font-size:20px;} @media only screen and (max-width:1024px){ .wrap-option-term{margin:30px 0 50px} .wrap-option-term .icon-cancel{display:none;} } .nk-dictionary .inner-article-btn{text-align:right;margin-top:20px;} .nk-dictionary .inner-article-btn .wrap-more-b{position:relative;padding:11px 35px 11px 14px;font-weight:bold;background-color:var(--ui-tag001);border:1px solid var(--ui-tag005);border-radius:5px;box-sizing:border-box;text-align:left;transition:transform 0.1s;} .nk-dictionary .inner-article-btn .wrap-more-b:after{content:'';display:inline-block;position:absolute;top:16px;right:14px;width:9px;height:15px;background:url(../img_v02/sprites_icon.svg?v=20241008_1100) 0 0 no-repeat;background-position:-50px -50px;} .nk-dictionary .inner-article-btn .wrap-more-b:hover:after{transform:scale(1.3);} .nk-dictionary .inner-article-btn .wrap-more-b .point-c{font-weight:500;font-size:15px;color:var(--nk-font101);} .nk-dictionary .inner-article-btn .wrap-more-b .point-c .search-num{font-weight:500;} .nk-dictionary .inner-article-btn .wrap-more-b em{font-weight:500;font-size:15px;color:var(--font-color006);} /* ---- ##북한알아보기 > 용어사전 본문 ---- */ @media only screen and (max-width:1024px){ .nk-dictionary .wrap-archive-article .archive-article .archive-tit{padding:0 0 20px;font-size:18px;line-height:25px;letter-spacing:-0.43px;} .nk-dictionary .wrap-archive-article .archive-article .box-info03{padding:15px 0;font-size:13px;line-height:18px;letter-spacing:-0.33px;} .nk-dictionary .wrap-archive-article .archive-article .txt-con{padding:20px 0;font-size:15px;line-height:27px;line-height:-0.38px;border-width:1px;} .nk-dictionary .wrap-archive-article .archive-article .txt-con p:first-child{margin:0;} .nk-dictionary .wrap-archive-article .archive-article .txt-con p + p{margin:20px 0 0 0;} .nk-dictionary .inner-article-btn{text-align:center;} .nk-dictionary .inner-article-btn .wrap-more-b{display:flex;align-items:center;justify-content:center;width:100%;text-align:center;border-radius:2.5px;} .nk-dictionary .inner-article-btn .wrap-more-b>div{display:inline-block;} .nk-dictionary .inner-article-btn .wrap-more-b:after{position:initial;top:initial;left:initial;width:6px;height:10px;margin-left:5px;background:url('../img_v02/sprites_m.svg?v=20241008_1100') no-repeat -75px -100px;background-size:300px 400px;} .nk-dictionary .inner-article-btn .wrap-more-b:hover:after{transform:scale(1);} } /* =============== ####[서브] 인물 ======================== */ .nk-people .title-unit001{display:block;} .nk-people .section02 .div-area02{display:none} .nk-dictionary .section02 .div-area02{display:none;} .nk-law .section02 .div-area02{display:none;} /* .nk-overview .section02 .div-area02{display:none;} */ @media only screen and (max-width:1024px){ .nk-people .content103{display:none;} .nk-people .content03 .section02{display:none;} } .hot-person{position:relative;margin-bottom:40px;} .hot-person .title-unit001{margin-bottom:14px;} .hot-person .list{width:100%;height:248px;} .hot-person .box{box-sizing:border-box;width:calc(50% - 20px);height:248px;padding:30px;background-color:var(--nk-tag024);border-radius:2px;} .hot-person .box .con-wrap{display:block;} .hot-person .box .con-wrap:after{content:'';display:block;clear:both;} .hot-person .box .con-wrap .img-con{overflow:hidden;float:left;width:102px;height:120px;background:url('../img_v02/default_img02.png');text-align:center;} .hot-person .box .con-wrap .img-con img{width:auto;height:100%;} .hot-person .box .con-wrap .news-con{overflow:hidden;float:left;width:calc(100% - (102px + 20px));height:108px;padding-left:20px;} .hot-person .box .con-wrap .news-con .tit-name{display:block;position:relative;margin-bottom:10px;font-weight:bold;font-size:26px;color:var(--font-color003);} .hot-person .box .con-wrap .news-con .tit-info{display:block;color:var(--font-color006);font-size:15px;} .hot-person .box .con-wrap .news-con .tit-info br:first-child{display:none;} .hot-person .box .btn-wrap{width:100%;margin-top:20px;font-size:0;} .hot-person .box .btn-wrap .btn-unit041{width:calc(50% - 6px);padding:11px 33px 11px 14px;} .hot-person .box .btn-wrap .btn-unit041 [class*='ico-unit']{top:9px;right:2px;} .hot-person .box .btn-wrap .btn-unit041 + .btn-unit041{margin-left:6px;} .hot-person .btns-wrap11{position:absolute;top:0;right:0;z-index:2;max-width:200px;height:30px;} .hot-person .btns-wrap11 .pager01{width:auto;} @media only screen and (max-width:1024px){ .hot-person{margin-bottom:20px;} .hot-person .slick-options{display:none;} .hot-person .list{width:auto;height:auto;overflow:initial;} .hot-person .box{width:299px;height:auto;margin:0;padding:15px;border-radius:5px;} .hot-person .box:first-child{margin-left:16px;} .hot-person .box:last-child{margin-right:20px;} .hot-person .box .con-wrap .news-con{width:195px;height:75px;padding-left:10px;} .hot-person .box .con-wrap .news-con .tit-name{font-size:20px;letter-spacing:-0.5px;} .hot-person .box .con-wrap .news-con .tit-info{font-size:13px;line-height:21px;letter-spacing:-0.33px;} .hot-person .box .con-wrap .img-con{width:64px;height:75px;background-size:64px;height:75px;} .hot-person .box .btn-wrap .btn-unit041.style01{margin:10px 10px 0 0;padding:10px 20px 10px 10px;font-size:13px;line-height:18px;letter-spacing:-0.33px;} .hot-person .box .btn-wrap .btn-unit041.style01:last-child{margin-right:0;} .hot-person .box .btn-wrap .btn-unit041.style01:not(.wrap-more-b) .highlight{display:none;} .hot-person .box .btn-wrap .btn-unit041.style01 [class*='ico-unit']{top:6px;right:0;} .hot-person .box .btn-wrap .btn-unit041.style01:hover [class*='ico-unit']{transform:scale(1);} .hot-person .box .btn-wrap .btn-unit041.style01 + .btn-unit041.style01{margin-left:0;} .hot-person .btns-wrap11{visibility:hidden;right:16px;} .hot-person + .person-search{margin-bottom:60px;} } .person-search .box-unit001{box-sizing:border-box;padding:40px 50px;} .person-search .title-unit001{margin-bottom:14px;} .person-search .radio-wrap .radio-unit001{display:inline-block;color:var(--font-color003);} .person-search .radio-wrap .radio-unit001 .pc{display:block;} .person-search .radio-wrap .radio-unit001 .m{display:none;} .person-search .radio-wrap .radio-unit001 + .radio-unit001{margin-left:40px;} .person-search .input-wrap{margin-top:20px;} .person-search .input-wrap .input-unit001{width:580px;} .person-search .input-wrap .btn-unit051{margin-left:16px;width:120px;height:48px;} .person-search .input-wrap .btn-unit051 + .btn-unit051{margin-left:20px;} @media only screen and (max-width:1024px){ .person-search{padding:0 20px 40px;} .person-search .title-unit001{margin:20px 0 10px;} .person-search .input-wrap{font-size:0;} .person-search .input-wrap .input-unit001{width:calc(100% - 57px);height:40px;padding:12px 10px;font-size:13px;letter-spacing:-0.33px;line-height:18px;font-weight:bold;border-radius:2.5px;} .person-search .input-wrap .input-unit001::placeholder{font-size:13px;} .person-search .input-wrap .btn-unit051{width:47px;height:40px;margin-left:10px;font-size:13px;letter-spacing:-0.33px;border-radius:2.5px;} .person-search .box-unit001{padding:20px 0;;border-width:1px;} .person-search .radio-wrap .radio-unit001{height:20px;margin:5px 10px 5px 0;padding-left:25px;font-size:13px;line-height:20px;letter-spacing:-0.33px;} .person-search .radio-wrap .radio-unit001 .pc{display:none;} .person-search .radio-wrap .radio-unit001 .m{display:block;} .person-search .radio-wrap .radio-unit001 + .radio-unit001{margin:5px 10px 5px 0;} .person-search .radio-unit001 .ico{width:20px;height:20px;} .person-search .radio-unit001 .ico:after{width:10px;height:10px;} } /* ---- 인물 리스트 ---- */ .person-search-list{margin-top:40px;} .person-search-list .btn-list-more{display:block;margin-top:40px;border-radius:5px;text-align:center;} .person-search-list .btn-list-more>a{display:block;padding:17px 0;background-color:var(--nk-tag023);border-radius:5px;color:var(--font-color003);} .person-search-list .btn-list-more>a:hover{background-color:var(--nk-tag025);} .person-search-list .btn-list-more .num-open{color:#3061FF;} .person-search-list .result-search-info{margin-bottom:10px;font-size:20px;font-weight:bold;} @media only screen and (max-width:1024px){ .person-search-list{margin:0 0 100px 0;padding:0 20px;} .person-search-list .btn-more04 .txt, .person-search-list .btn-list-more .num-open, .person-search-list .btn-list-more .num-all{height:auto;font-size:13px;line-height:18px;letter-spacing:-0.33px;} .person-search-list .btn-list-more>a{padding:12px 0;font-size:13px;line-height:18px;letter-spacing:-0.33px;} .person-search-list .result-search-info{font-size:15px;line-height:21px;letter-spacing:-0.38px;} } /* ---- 인물 결과 ---- */ .person-search-result .contents-box{margin-top:20px;padding:20px 0;border-top:1px solid var(--nk-tag022);border-bottom:1px solid var(--nk-tag022);} .person-search-result .contents-box .top-con{padding:20px 20px 35px;} .person-search-result .contents-box .top-con:after{content:'';display:block;clear:both;} .person-search-result .contents-box .top-con .img-con02{overflow:hidden;float:left;width:102px;height:120px;background:url('../img_v02/default_img02.png');text-align:center;} .person-search-result .contents-box .top-con .img-con02 img{width:auto;height:100%;} .person-search-result .contents-box .top-con .wrap-info{float:left;margin-left:20px;} .person-search-result .contents-box .top-con .wrap-info .tit-name{margin-bottom:10px;} .person-search-result .contents-box .top-con .wrap-info .tit-name strong{display:block;font-weight:bold;font-size:24px;} .person-search-result .contents-box .top-con .wrap-info .tit-name span{display:block;margin-top:5px;color:var(--font-color006);} .person-search-result .contents-box .top-con .wrap-info .info-box dt{display:inline-block;} .person-search-result .contents-box .top-con .wrap-info .info-box dd{display:inline-block;margin-left:5px;} .person-search-result .contents-box .table-box{padding-bottom:60px;color:var(--font-color003);} .person-search-result .contents-box .table-box .table-caption{padding:20px;background-color:var(--nk-tag023);} .person-search-result .contents-box .table-box .table-caption>span{font-size:20px;color:var(--nk-font101);font-weight:600;} .person-search-result .contents-box .table-box .layer-table01{width:100%;font-size:18px;color:var(--font-color003);} .person-search-result .contents-box .table-box .layer-table01 th{box-sizing:border-box;border-top:1px solid var(--ui-tag005);width:80px;padding:20px;font-weight:600;font-size:17px;} .person-search-result .contents-box .table-box .layer-table01 td{box-sizing:border-box;padding:20px;border-top:1px solid var(--ui-tag005);font-weight:400;font-size:17px;line-height:1.5;} .person-search-result .contents-box .table-box .layer-table01 tr:first-child td, .person-search-result .contents-box .table-box .layer-table01 tr:first-child th{border-top:0;} @media only screen and (max-width:1024px){ /* ---- ##인물 본문 페이지 ---- */ .person-search-result{padding:0 20px;} .person-search-result .contents-box{margin:0 0 40px 0;padding-top:0;border-top:none;border-bottom:none;} .person-search-result .contents-box .top-con{padding:0 0 30px 0;} .person-search-result .contents-box .top-con .img-con02{width:77px;height:90px;background-size:77px 90px;} .person-search-result .contents-box .top-con .wrap-info .tit-name strong{font-size:20px;line-height:20px;letter-spacing:-0.5px;} .person-search-result .contents-box .top-con .wrap-info .tit-name span{font-size:13px;line-height:20px;letter-spacing:-0.33px;} .person-search-result .contents-box .top-con .wrap-info .info-box{font-size:13px;line-height:18px;letter-spacing:-0.33px;} .person-search-result .contents-box .table-box{padding-bottom:20px;} .person-search-result .contents-box .table-box .table-caption{padding:15px 10px;line-height:18px;} .person-search-result .contents-box .table-box .table-caption>span{font-weight:500;font-size:15px;line-height:18px;letter-spacing:-0.33px;} .person-search-result .contents-box .table-box .layer-table01{table-layout:fixed;word-break:break-all;} .person-search-result .contents-box .table-box .layer-table01 col:nth-child(1){width:25% !important;} .person-search-result .contents-box .table-box .layer-table01 col:nth-child(2){width:75% !important;} .person-search-result .contents-box .table-box .layer-table01 th{padding:15px 10px;font-size:14px;line-height:18px;letter-spacing:-0.33px;} .person-search-result .contents-box .table-box .layer-table01 td{padding:15px 10px;font-size:14px;line-height:18px;letter-spacing:-0.33px;} } /* =============== ####[서브] 학술연구 ======================== */ .nk-archive .aside-fixed01{top:340px;} .nk-archive .wrap-option:after{content:'';display:block;clear:both;} .nk-archive .wrap-option .set-option{float:left;} .nk-archive .wrap-option .sel-type{float:right} .nk-archive .wrap-archive-search{margin:22px 0 30px;padding-top:22px;border-top:1px solid var(--ui-tag005);} .nk-archive .wrap-archive-search fieldset{font-size:0;} .nk-archive .wrap-archive-search:after{content:'';display:block;clear:both;} .nk-archive .wrap-archive-search .set-option{display:inline-block;vertical-align:top;} .nk-archive .wrap-archive-search .search-box{display:inline-block;width:calc(100% - (120px + 20px));margin-left:20px;vertical-align:top;} .nk-archive .wrap-archive-search .search-box .input-wrap{font-size:0;} .nk-archive .wrap-archive-search .search-box .input-wrap .input-unit001{width:calc(100% - (120px + 20px));} .nk-archive .wrap-archive-search .search-box .input-wrap .btn-unit051{margin-left:20px;width:120px;height:48px;font-size:16px;} @media only screen and (max-width:1024px){ .nk-archive .title-unit001{display:none;} .nk-archive .content03 .wrap-option{display:none;} .nk-archive .content103{display:none;} .nk-archive .wrap-archive-search{margin:0 20px 20px;padding:0 0 10px;border-top:none;border-bottom:1px solid var(--ui-tag004);} .nk-archive .wrap-archive-search .set-option{width:100px;} .nk-archive .wrap-archive-search .search-box{width:calc(100% - 110px);margin-left:10px;} .nk-archive .wrap-archive-search .search-box .input-wrap .input-unit001{width:calc(100% - 57px);height:40px;padding:10px;font-size:13px;font-weight:bold;border-radius:2.5px;} .nk-archive .wrap-archive-search .search-box .input-wrap .input-unit001::placeholder{font-size:13px;} .nk-archive .wrap-archive-search .search-box .input-wrap .btn-unit051{width:47px;height:40px;margin-left:10px;font-size:13px;letter-spacing:-0.33px;border-radius:2.5px;} } /* 리스트형 */ .wrap-archive-list .archive-table .thead:after{content:'';display:block;clear:both;} .wrap-archive-list .archive-table .thead .th{float:left;padding-bottom:11px;box-sizing:border-box;font-weight:400;color:var(--font-color003);} .wrap-archive-list .archive-table .thead .th01, .wrap-archive-list .archive-table .tbody .num{width:60px;padding-left:10px;} .wrap-archive-list .archive-table .thead .th02{width:calc(100% - (60px + 110px + 150px));padding-left:20px;} .wrap-archive-list .archive-table .thead .th03{width:110px;} .wrap-archive-list .archive-table .thead .th04{width:150px;} .wrap-archive-list .archive-table .thead .th05{display:none;} .wrap-archive-list .archive-table .thead .th06{display:none;} .wrap-archive-list .archive-table .tbody{border-top:1px solid var(--ui-tag005);} .wrap-archive-list .archive-table .tbody li{padding:20px 0;border-bottom:1px solid var(--ui-tag005);font-size:15px;} .wrap-archive-list .archive-table .tbody li>article:after{content:'';display:block;clear:both;} .wrap-archive-list .archive-table .tbody .num{float:left;color:var(--font-color006);box-sizing:border-box;} .wrap-archive-list .archive-table .tbody li:hover{background-color:var(--nk-tag024);} .wrap-archive-list .archive-table .tbody li:hover .num{color:var(--nk-font101);} .wrap-archive-list .archive-table .tbody .box-top{float:left;width:calc(100% - (60px));} .wrap-archive-list .archive-table .tbody .box-top .tit{float:left;position:relative;width:calc(100% - (110px + 150px));padding:0 20px;box-sizing:border-box;} .wrap-archive-list .archive-table .tbody .box-top .tit a{display:-webkit-box;font-weight:500;font-size:18px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--font-color003);} .wrap-archive-list .archive-table .tbody .box-top .tit a img{position:absolute;top:7px;left:5px;} .wrap-archive-list .archive-table .tbody .box-top .date{float:left;width:110px;color:var(--font-color006);} .wrap-archive-list .archive-table .tbody .box-top .publish{display:-webkit-box;float:left;width:150px;color:var(--font-color006);padding-right:10px;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;} .wrap-archive-list .archive-table .tbody .img-con, .wrap-archive-list .archive-table .tbody .lead, .wrap-archive-list .archive-table .tbody .link, .wrap-archive-list .archive-table .tbody .file, .wrap-archive-list .archive-table .tbody .click{display:none;} /* 요약형 | 카드형 */ .wrap-archive-list .archive-box .tbody{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;gap:20px 30px;} .wrap-archive-list .archive-box .tbody li{width:calc((100% - 30px) / 2);height:223px;padding:24px 20px;border-radius:2px;box-sizing:border-box;background-color:var(--nk-tag020);} .wrap-archive-list .archive-box .tbody li>article:after{content:'';display:block;clear:both;} .wrap-archive-list .archive-box .tbody .num{display:none;} .wrap-archive-list .archive-box .tbody .box-top{margin-bottom:15px;font-size:0;} .wrap-archive-list .archive-box .tbody .box-top .tit{margin-bottom:7px;} .wrap-archive-list .archive-box .tbody .box-top .tit a{overflow:hidden;display:block;font-weight:bold;text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:500;color:var(--font-color003);line-height:24px;} .wrap-archive-list .archive-box .tbody .box-top .tit a img{position:relative;top:6px;margin-right:4px;} .wrap-archive-list .archive-box .tbody .box-top .date{display:inline-block;font-size:14px;color:var(--font-color006);vertical-align:top;} .wrap-archive-list .archive-box .tbody .box-top .publish{display:inline-block;width:calc(100% - 122px);margin-left:20px;font-size:14px;color:var(--font-color006);vertical-align:top;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} .wrap-archive-list .archive-box .tbody .img-con{float:left;width:92px;height:100px;margin-right:10px;} .wrap-archive-list .archive-box .tbody .img-con img{width:92px;height:92px;} .wrap-archive-list .archive-box .tbody .lead{display:-webkit-box;float:left;width:100%;font-size:14px;color:var(--font-color004);line-height:20px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:4;-webkit-box-orient:vertical;} .wrap-archive-list .archive-box .tbody .img-con + .lead{width:calc(100% - 122px);} .wrap-archive-list .archive-box .tbody .link{float:left;width:calc(100% - 122px);margin-top:12px;} .wrap-archive-list .archive-box .tbody .link a{font-size:14px;color:var(--font-color006);} .wrap-archive-list .archive-box .tbody .link a:hover{color:#000;} .wrap-archive-list .archive-box .thead, .wrap-archive-list .archive-box .tbody .file, .wrap-archive-list .archive-box .tbody .click{display:none;} @media only screen and (min-width: 1024px){ .wrap-archive-list .archive-box .tbody .box-top .tit a:hover{opacity:0.5;text-underline-position:under;text-decoration-thickness:1px;text-decoration-line:underline;text-decoration-color:currentColor;} } @media only screen and (max-width:1023px){ .wrap-archive-list{margin-bottom:70px;padding:0 20px;} .wrap-archive-list .archive-box .tbody li{float:none;width:100%;height:auto;margin:0;padding:20px 0;border:0;border-bottom:1px solid var(--nk-tag025);border-radius:0;background-color:transparent;} .wrap-archive-list .archive-box .tbody .box-top{margin-bottom:0;} .wrap-archive-list .archive-box .tbody .box-top:after{content:'';display:block;clear:both;} .wrap-archive-list .archive-box .tbody .box-top .tit{float:left;width:100%;margin-bottom:10px;} .wrap-archive-list .archive-box .tbody .box-top .tit a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:initial;font-size:15px;line-height:21px;letter-spacing:-0.38px;font-size:16px;font-weight:500;line-height:24px;} .wrap-archive-list .archive-box .tbody .box-top .date{float:left;font-size:13px;line-height:18px;letter-spacing:-0.33px;} .wrap-archive-list .archive-box .tbody .box-top .publish{float:right;width:auto;margin-left:0;font-size:13px;line-height:18px;letter-spacing:-0.33px;} .wrap-archive-list .archive-box .tbody .img-con{display:none;} .wrap-archive-list .archive-box .tbody .lead, .wrap-archive-list .archive-box .tbody .img-con + .lead{display:none;} .wrap-archive-list .archive-box .tbody .link{display:none;} .wrap-archive-list .archive-table .thead{display:none;} .wrap-archive-list .archive-table .tbody{border-top:0;} .wrap-archive-list .archive-table .tbody li{float:none;width:100%;height:auto;margin:0;padding:20px 0;border-radius:0;border-bottom:1px solid var(--ui-tag005);} .wrap-archive-list .archive-table .tbody li:hover{background-color:transparent;} .wrap-archive-list .archive-table .tbody .num{display:none;} .wrap-archive-list .archive-table .tbody .box-top{float:none;width:100%;margin-bottom:0;} .wrap-archive-list .archive-table .tbody .box-top:after{content:'';display:block;clear:both;} .wrap-archive-list .archive-table .tbody .box-top .tit{float:left;width:100%;margin-bottom:10px;padding:0;} .wrap-archive-list .archive-table .tbody .box-top .tit a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:initial;font-size:15px;line-height:21px;letter-spacing:-0.38px;} .wrap-archive-list .archive-table .tbody .box-top .date{float:left;font-size:13px;font-weight:500;line-height:18px;letter-spacing:-0.33px;} .wrap-archive-list .archive-table .tbody .box-top .publish{float:right;width:auto;margin-left:0;font-size:13px;font-weight:500;line-height:18px;letter-spacing:-0.33px;} .wrap-archive-list .archive-table .tbody .img-con{display:none;} .wrap-archive-list .archive-table .tbody .lead, .wrap-archive-list .archive-table .tbody .img-con + .lead{display:none;} .wrap-archive-list .archive-table .tbody .link{display:none;} .wrap-archive-list .archive-table .tbody .box-top .tit a img, .wrap-archive-list .archive-box .tbody .box-top .tit a img{position:relative;top:5px;left:initial;margin-right:4px;} } /* ---- ##학술연구 본문 ---- */ .wrap-archive-article .archive-article{margin:20px 0;border-top:1px solid var(--ui-tag004);border-bottom:1px solid var(--ui-tag004);} .wrap-archive-article .archive-article .archive-tit{padding:20px;font-size:24px;font-weight:bold;line-height:31px;color:var(--font-color003);} .wrap-archive-article .archive-article .box-info{padding:0 20px 15px;} .wrap-archive-article .archive-article .box-info dl{display:inline-block;margin:5px 40px 5px 0;} .wrap-archive-article .archive-article .box-info dt{display:inline-block;color:var(--font-color006);} .wrap-archive-article .archive-article .box-info dd{display:inline-block;margin-left:5px;color:var(--font-color003);} .wrap-archive-article .archive-article .box-info02{padding:15px 20px;border-top:1px solid var(--ui-tag005);background-color:var(--nk-tag020);} .wrap-archive-article .archive-article .box-info02 .box{display:inline-block;margin:5px 40px 5px 0;} .wrap-archive-article .archive-article .box-info02 dt{display:inline-block;color:var(--font-color004);} .wrap-archive-article .archive-article .box-info02 dd{display:inline-block;;margin-left:5px;} .wrap-archive-article .archive-article .box-info02 dd a:hover{color:#213989;} .wrap-archive-article .archive-article .box-info02 .file>a{position:relative;padding-left:30px;} .wrap-archive-article .archive-article .box-info02 .file>a:hover{color:#213989;} .wrap-archive-article .archive-article .box-info03{padding:20px;border-top:1px solid var(--nk-tag025);} .wrap-archive-article .archive-article .box-info03 .box{display:inline-block;} .wrap-archive-article .archive-article .box-info03 .box + .box{margin-left:15px;} .wrap-archive-article .archive-article .box-info03 dt{display:inline-block;color:var(--font-color006);} .wrap-archive-article .archive-article .box-info03 dd{display:inline-block;margin-left:5px;} .wrap-archive-article .archive-article .txt-con{padding:40px 20px;border-top:1px solid var(--nk-tag022);font-weight:400;font-size:17px;line-height:1.5;color:var(--font-color003);} .wrap-archive-article .archive-article .txt-con p{margin:15px 0;} .wrap-archive-article .archive-article .txt-con .img-con{margin-bottom:40px;text-align:center;} .wrap-archive-article .archive-article .txt-con .img-con img{max-width:500px;max-height:750px;} .wrap-archive-article .archive-article .icon-file{display:inline-block;position:absolute;top:2px;left:0;width:26px;height:20px;background:url(../img_v02/sprites_icon.svg?v=20241008_1100) 0 0 no-repeat;background-position:0 -650px;} @media only screen and (max-width:1024px){ .wrap-archive-article{margin-bottom:100px;padding:0 20px;} .wrap-archive-article .archive-article{margin:0;border-top:none;} .btn-unit031.style01{display:none;} .nk-archive .wrap-archive-article .archive-article .archive-tit{padding:0 0 25px;font-size:18px;line-height:24px;letter-spacing:-0.43px;} .nk-archive .wrap-archive-article .archive-article .box-info{padding:0 10px 10px;font-size:13px;line-height:18px;letter-spacing:-0.33px;} .nk-archive .wrap-archive-article .archive-article .box-info dl{margin:0 20px 10px 0;} .nk-archive .wrap-archive-article .archive-article .txt-con{padding:30px 0;font-size:15px;line-height:27px;letter-spacing:-0.38px;border-width:1px;} .nk-archive .wrap-archive-article .archive-article .txt-con .img-con{margin-bottom:30px;} .nk-archive .wrap-archive-article .archive-article .txt-con .img-con img{max-width:100%;max-height:none;} .nk-archive .wrap-archive-article .archive-article .box-info02{padding:10px;font-size:13px;line-height:18px;letter-spacing:-0.33px;} .nk-archive .wrap-archive-article .archive-article .box-info02 .box{display:block;margin:0;padding:0;} .nk-archive .wrap-archive-article .archive-article .box-info02 .box + .box{margin-top:20px;} .nk-archive .wrap-archive-article .archive-article .box-info02 dl::after{content:'';display:block;clear:both;} .nk-archive .wrap-archive-article .archive-article .box-info02 dt{float:left;} .nk-archive .wrap-archive-article .archive-article .box-info02 dd{float:left;width:calc(100% - 60px);} .nk-archive .wrap-archive-article .archive-article .box-info02 .file>a{margin:0 5px 5px 0;} .nk-archive .wrap-archive-article .archive-article .icon-file{top:-1px;} } /* =============== ####[서브] 검색 ======================== */ .search-detail-box .tit-wrap .btn-option, .search-detail-box .tit-wrap .btn-close{display:none;} .search-detail-box .box-unit001{display:table;width:100%;padding:0;border-top:0;border-bottom:0;} .search-detail-box .box-unit001 .radio-unit001{display:inline-block;margin-right:20px;} .search-detail-box .box-unit001 .box{display:table-row;} .search-detail-box .box-unit001 .box .tit{display:table-cell;width:100px;padding-right:20px;padding-bottom:30px;font-size:18px;font-weight:bold;box-sizing:border-box;vertical-align:middle;} .search-detail-box .box-unit001 .box .tit label{font-size:18px;font-weight:bold;} .search-detail-box .box-unit001 .box .content{display:table-cell;padding-bottom:30px;vertical-align:middle;} .search-detail-box .box-unit001 .box .content .row + .row{margin-top:20px;} .search-detail-box .box-unit001 .box.style01 .tit{vertical-align:top;} .search-detail-box .box-unit001 .box.style01 .content{vertical-align:top;} .search-detail-box .box-unit001 .box.style01 .content .input-date .radio-unit001{margin-top:10px;} .search-detail-box .box-unit001 .box.style01 .content .input-date .tild{display:inline-block;margin:10px 6px 0;} .search-detail-box .box-unit001 .box.style01 .content .input-date .txt{display:inline-block;margin:10px 0 0 16px;font-size:14px;color:#666;} .search-detail-box .box-unit001 .box.style01 .input-unit001{width:120px;padding-left:10px;padding-right:10px;} .search-detail-box .box-unit001 .box.style02 .input-unit001{width:480px;} .search-detail-box .box-unit001 .box.style02 .btn-unit051{margin-left:16px;width:120px;height:48px;} .search-detail-box .box-unit001 .box.style02 .btn-unit051 + .btn-unit051{margin-left:20px;} .nk-search .imp, .nk-search .result-search-info strong, .nk-search .wrap-result-box .wrap-more-b .point-c{font-weight:bold;color:var(--nk-font101);} .nk-search .wrap-result-box .wrap-more-b .column-more-b{font-weight:400;} .nk-search .result-search-info{display:inline-block;padding:40px 0;font-weight:500;font-size:22px;line-height:28px;color:var(--font-color004);} .nk-search .detail-search-info{margin-bottom:15px;} .nk-search .detail-search-info .title-unit021 .txt{margin-top:4px;margin-left:2px;} .nk-search .detail-search-info .title-unit021 .sub-txt{display:inline-block;margin-top:5px;margin-left:20px;font-size:15px;color:var(--font-color006);font-weight:500;} .nk-search .wrap-result-box{display:none;position:relative;margin-bottom:40px;padding-bottom:68px;} .nk-search .wrap-result-box:first-child{margin-top:0;} .nk-search .wrap-result-box .wrap-more-l{display:none;position:relative;margin-right:7px;padding:11px 11px 11px 30px;font-size:14px;background-color:var(--nk-tag023);border-radius:5px;cursor:pointer;} .nk-search .wrap-result-box .wrap-more-l:hover{background-color:var(--nk-tag025);} .nk-search .wrap-result-box .wrap-more-l:before{content:'';display:inline-block;position:absolute;top:12px;left:11px;width:14px;height:16px;background:url(../img_v02/sprites_icon.svg?v=20241008_1100) 0 0 no-repeat;background-position:-50px -650px;} .nk-search .wrap-result-box .title-unit021{display:block;} .nk-search .wrap-result-box .wrap-more-b{position:absolute;right:0;bottom:0;padding:11px 35px 11px 14px;font-weight:bold;background-color:var(--ui-tag001);border:1px solid var(--nk-tag025);border-radius:2px;box-sizing:border-box;text-align:left;color:var(--font-color006);} .nk-search .wrap-result-box .wrap-more-b:after{content:'';display:inline-block;position:absolute;top:16px;right:14px;width:9px;height:15px;background:url(../img_v02/sprites_icon.svg?v=20241008_1100) 0 0 no-repeat;background-position:-50px -50px;transition:transform 0.1s;} .nk-search .wrap-result-box .wrap-more-b:hover:after{transform:scale(1.3);} .nk-search .wrap-result-box .wrap-more-b .point-c .search-num{font-weight:bold;} .nk-search .wrap-result-box .btn-list-more{display:block;margin-top:40px;border-radius:5px;text-align:center;} .nk-search .wrap-result-box .btn-list-more>a{display:block;padding:17px 0;background-color:var(--nk-tag023);border-radius:5px;color:var(--font-color003);} .nk-search .wrap-result-box .btn-list-more>a:hover{background-color:var(--nk-tag025);} .nk-search .wrap-result-box .btn-list-more .num-open{color:var(--nk-font101);} .nk-search .wrap-result-box .wrap-no-result{margin-top:-1px;background-color:var(--ui-tag001);text-align:right;color:var(--font-color004);font-size:15px;} @media only screen and (max-width:1024px){ /* ---- ##검색 페이지 ---- */ .nk-search .content103{display:none;} .nk-search .wide02-col-wrap{padding:0 20px;} .nk-search .wrap-result-box .title-unit021{margin-bottom:10px;} .nk-search .wrap-result-box .wrap-more-b .column-more-b{font-weight:500;} .nk-search .result-search-info{padding:20px 0 30px;font-size:20px;line-height:21px;letter-spacing:-0.38px;} .nk-search .detail-search-info .title-unit021 .txt{margin:0;font-size:18px;line-height:21px;} .nk-search .detail-search-info .title-unit021 .sub-txt{margin-top:0;margin-left:8px;font-size:13px;font-weight:500;} .nk-search .content03>.section02{margin-top:70px;} .nk-search .wrap-result-box .wrap-more-l{display:none;} .nk-search .wrap-result-box .btn-list-more{margin-top:20px;} .nk-search .wrap-result-box .btn-list-more>a{padding:12px 0;font-size:13px;line-height:18px;letter-spacing:-0.33px;} .nk-search .wrap-result-box .wrap-no-result{font-size:13px;line-height:15px;letter-spacing:-0.33px;} .nk-search .wrap-result-box .list-unit009 .list{border-bottom:0;} .nk-search .wrap-result-box{padding-bottom:0;} .nk-search .wrap-result-box .wrap-more-b{display:block;position:relative;top:initial;left:initial;margin-top:20px;padding:12px 0;display:flex;align-items:center;justify-content:center;font-size:14px;line-height:18px;letter-spacing:-0.33px;} .nk-search .wrap-result-box .wrap-more-b:after{position:initial;top:initial;right:initial;margin-left:4px;width:6px;height:10px;background:url('../img_v02/sprites_m.svg?v=20241008_1100') no-repeat -75px -100px;background-size:300px 400px;} .nk-search .wrap-result-box .wrap-more-b:hover:after{transform:scale(1);} .title-unit021 [class*='ico-unit001-mini-']{position:relative;top:2px;left:0;width:19px;height:15px;margin:0 5px 0 0;} .title-unit021 [class*='ico-unit001-mini-']:before{position:initial;top:initial;left:initial;width:19px;height:15px;margin:0;background:url('../img_v02/sprites_m.svg?v=20241008_1100') no-repeat 0 0;background-size:300px 400px;} .title-unit021 .ico-unit001-mini-article01:before{background-position:0 -75px;} .title-unit021 .ico-unit001-mini-photo01:before{background-position:-100px -75px;} .title-unit021 .ico-unit001-mini-movie01:before{background-position:-125px -75px;} .title-unit021 .ico-unit001-mini-graphic01:before{background-position:-25px -75px;} .title-unit021 .ico-unit001-mini-man01:before{background-position:-75px -75px;} .title-unit021 .ico-unit001-mini-media01:before{background-position:-50px -75px;} .radio-unit001 .ico{width:20px;height:20px;} .radio-unit001 .ico:after{width:10px;height:10px;} .search-detail-box .box-unit001 .box:nth-child(1), .search-detail-box .box-unit001 .box:nth-child(2){display:none;} .search-detail-box.active .box-unit001 .box:nth-child(1), .search-detail-box.active .box-unit001 .box:nth-child(2){display:block;} .search-detail-box .tit-wrap .btn-option{display:block;} .search-detail-box .tit-wrap .btn-close{display:none;} .search-detail-box.active .tit-wrap .btn-close{display:block;} .search-detail-box.active .tit-wrap .btn-option{display:none;} .search-detail-box .tit-wrap{position:relative;} .search-detail-box .tit-wrap .btn-option{position:absolute;top:0;right:0;padding-left:20px;} .search-detail-box .tit-wrap .btn-option .ico{display:inline-block;position:absolute;top:2px;left:0;width:15px;height:15px;background:url('../img_v02/sprites_m.svg?v=20241008_1100') no-repeat 0 -125px;background-size:300px 400px;} .search-detail-box .tit-wrap .btn-option .txt{font-size:13px;line-height:18px;letter-spacing:-0.33px;} .search-detail-box .tit-wrap .btn-close{position:absolute;top:0;right:0;width:20px;height:20px;} .search-detail-box .tit-wrap .btn-close .ico{display:inline-block;position:absolute;top:3px;left:3px;width:14px;height:14px;background:url('../img_v02/sprites_m.svg?v=20241008_1100') no-repeat -25px -150px;background-size:300px 400px;} .search-detail-box .title-unit001{margin-left:0;} .search-detail-box .box-unit001{display:block;padding-top:20px;border-width:1px;} .search-detail-box .box-unit001 .box{display:block;} .search-detail-box .box-unit001 .box .tit{display:block;padding:0 0 10px 0;font-size:14px;font-weight:600;line-height:18px;letter-spacing:-0.33px;} .search-detail-box .box-unit001 .box .content{display:block;font-size:0;} .search-detail-box .box-unit001 .radio-unit001{height:20px;margin-right:18px;padding-left:25px;font-size:15px;font-weight:500;line-height:18px;letter-spacing:-0.33px;} .search-detail-box .box-unit001 .box .content .row + .row{margin-top:10px;} .search-detail-box .box-unit001 .box.style01 .content .input-date .radio-unit001{margin:6px 0 0 0;} .search-detail-box .box-unit001 .box .tit label{font-size:14px;line-height:18px;font-weight:600;} .search-detail-box .box-unit001 .box.style02 .input-unit001{width:calc(100% - 57px);height:40px;padding:10px;font-size:15px;font-weight:500;border-radius:2.5px;} .search-detail-box .box-unit001 .box.style02 .input-unit001::placeholder{font-size:13px;} .search-detail-box .box-unit001 .box.style02 .btn-unit051{width:47px;height:40px;margin-left:10px;font-size:13px;letter-spacing:-0.33px;border-radius:2.5px;} .search-detail-box .box-unit001 .box.style02 .btn-unit051:hover{background-color:#213989;} .search-detail-box .box-unit001 .box.style01 .content .input-date .txt{margin:9px 0 0 4px;font-size:10px;line-height:14px;letter-spacing:-0.25px;} .search-detail-box .box-unit001 .box.style01 .content .input-date .info{display:none;} .search-detail-box .box-unit001 .box.style01 .content .input-date .tild{margin-top:5px;font-size:12px;} .search-detail-box .box-unit001 .box.style01 .input-unit001{width:90px;height:32px;padding:7px 8px;font-size:14px;line-height:12px;} .search-detail-box .box-unit001 .box.style01 .input-unit001::placeholder{font-size:14px;} .search-detail-box .box-unit001 .box.style01 .input-unit001::before{content:attr(data-placeholder);width:100%;} .search-detail-box .box-unit001 .box.style01 .input-unit001:focus::before, .search-detail-box .box-unit001 .box.style01 .input-unit001:valid::before{display:none;} } /* [메인] 티커 웨더 */ .main-ticker-weather{background-color:var(--nk-tag023);} .main-ticker-weather:after{content:'';display:block;clear:both;} /* [메인] 외국어티커 */ .column-foreign-new{float:left;position:relative;width:826px;height:90px;overflow:hidden;} .column-foreign-new li{display:table;width:100%;padding-right:160px;box-sizing:border-box;} .column-foreign-new li .title{display:table-cell;width:100px;height:90px;padding:0 5px;font-weight:500;color:#fff;box-sizing:border-box;font-size:15px;background:var(--nk-tag104);text-align:center;vertical-align:middle;} .column-foreign-new li .article{display:table-cell;width:calc(100% - 100px);height:70px;padding:0 0 0 20px;box-sizing:border-box;vertical-align:middle;} .column-foreign-new li .article>span{color:var(--font-color003);font-size:15px;font-weight:600;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;} .column-foreign-new li>a.ar .article{direction:rtl;text-align:right;} /* .column-foreign-new li a:hover .article{color:#3061FF;} */ @media only screen and (min-width: 1024px){ .column-foreign-new li a:hover .article>span{opacity:0.5;text-underline-position:under;text-decoration-thickness:1px;text-decoration-line:underline;text-decoration-color:currentColor;} } /* 다국어 티커 언어별 폰트설정 */ .column-foreign-new .latest-list li a.ar{font-family:'Segoe UI','Tahoma',arial,sans-serif;} .column-foreign-new .latest-list li a.jp{font-family:'Meiryo','メイリオ','Yu Gothic','MS PGothic','ＭＳ Ｐゴシック',sans-serif;} .column-foreign-new .latest-list li a.ck{font-family:'Microsoft Yahei','微软雅黑',STXihei,'华文细黑',SimHei,'黑体',verdana,arial,sans-serif;font-weight:700;letter-spacing:0;} /* .column-foreign-new .latest-list li a.ck{font-family:'Microsoft Yahei','微软雅黑',STXihei,'华文细黑',SimHei,'黑体',verdana,arial,sans-serif;} */ /* .column-foreign-new .latest-list li a.jp{font-family:'Meiryo','メイリオ','Yu Gothic','MS PGothic','ＭＳ Ｐゴシック', sans-serif;} */ .column-foreign-new .txt{display:table;width:100%;} .column-foreign-new .txt .tit{display:table-cell;width:100px;height:70px;padding:0 5px;font-weight:bold;color:#fff;box-sizing:border-box;background:#213989;border-radius:10px 0 10px 10px;text-align:center;vertical-align:middle;} .column-foreign-new .txt>a{display:table-cell;width:calc(100% - 100px);height:70px;padding:0 160px 0 20px;box-sizing:border-box;vertical-align:middle;} .column-foreign-new .txt>a>p{color:#213989;} .column-foreign-new .txt>a:hover>p{color:#3061FF;} .ticker-controls{overflow:hidden;position:absolute;top:30px;right:30px;z-index:1;} .ticker-controls [class*='btn-dir001']:before{background-color:var(--ui-tag001);} .ticker-controls button + button{margin-left:6px;} .ticker-controls #lastestListPlayBtn{display:none;} .ticker-controls #lastestListStopBtn{display:inline-block;} .ticker-controls [class*='btn-type007-']:before{background-color:var(--ui-tag001);} .ticker-controls [class*='btn-type007-']:after{border-radius:50%;} /* [메인] 날씨 */ .column-weather{position:relative;float:right;width:374px;height:90px;} .column-weather:before{content:'';display:block;position:absolute;top:20px;left:0;width:1px;height:50px;background-color:var(--ui-tag005);} .column-weather:after{content:'';display:block;clear:both;} .column-weather .tit-box{position:relative;display:flex;align-items:center;justify-content:center;float:left;width:100px;height:90px;color:var(--font-color003);font-weight:bold;font-size:20px;box-sizing:border-box;} .column-weather .tit-box:after{content:'';position:absolute;top:36px;right:12px;display:inline-block;width:18px;height:18px;background:url(../img_v02/ico_arrow01_right.svg) no-repeat 0 0;} .column-weather .box{float:left;width:calc(100% - 100px);} .column-weather .wrap-zone-weather{overflow:hidden;} .column-weather .wrap-zone-weather .list li a{padding:20px 10px 8px 30px;} .column-weather .wrap-zone-weather .list li a:after{content:'';display:block;clear:both;} .column-weather .wrap-zone-weather .w-icon{overflow:hidden;float:left;width:65px;height:52px;margin:0 10px 0 0px;text-indent:-5000px;} .column-weather .wrap-zone-weather .w-location{float:left;width:120px;} .column-weather .wrap-zone-weather .w-location .location{font-weight:bold;color:var(--nk-font101);} .column-weather .wrap-zone-weather .w-location .txt{color:var(--font-color006);} .column-weather .wrap-zone-weather .w-info{float:left;width:120px;} .column-weather .wrap-zone-weather .w-info span{display:block;font-size:22px;font-weight:bold;} @media only screen and (max-width:1023px){ .main-ticker-weather{margin-top:40px;padding:18px 16px;border-radius:0;} /* ---- ##메인페이지 외국어 최신기사 ---- */ .column-foreign-new{float:none;width:100%;height:auto;padding:20px 16px;background-color:var(--ui-tag001);box-sizing:border-box;} .column-foreign-new li{padding-right:0;} .column-foreign-new li>a{display:block;} .column-foreign-new li .title{display:block;width:100%;height:auto;padding:0;color:var(--font-color003);font-size:15px;font-weight:bold;line-height:21px;background-color:transparent;border-radius:0;text-align:left;} .column-foreign-new li .title br{display:none;} .column-foreign-new li .article{display:block;width:100%;height:36px;margin-top:10px;padding:0;} .column-foreign-new li .article>span{color:var(--font-color006);font-size:14px;line-height:21px;font-weight:500;} .column-foreign-new li>a.ar .title{text-align:right;} .column-foreign-new .ticker-controls{display:none;} .column-foreign-new .btn-wrap{display:block;} .column-foreign-new .btn-unfold, .column-foreign-new .btn-fold{display:flex;align-items:center;justify-content:center;width:100%;height:36px;color:var(--font-color001);font-weight:500;font-size:13px;line-height:18px;background-color:var(--nk-tag104);box-sizing:border-box;} .column-foreign-new .btn-unfold .ico, .column-foreign-new .btn-fold .ico{display:inline-block;width:10px;height:6px;margin-left:5px;background-image:url('../img_v02/sprites_m.svg?v=20241008_1100');background-repeat:no-repeat;background-size:300px 400px;} .column-foreign-new .btn-unfold .ico{background-position:0 -100px;} .column-foreign-new .btn-fold .ico{background-position:-25px -100px;} .column-foreign-new .foreign-new .btn-unfold{display:flex;} .column-foreign-new .foreign-new .btn-fold{display:none;} .column-foreign-new .foreign-new.unfold .btn-wrap{margin-top:20px;} .column-foreign-new .foreign-new.unfold .btn-unfold{display:none;} .column-foreign-new .foreign-new.unfold .btn-fold{display:flex;} .column-foreign-new .foreign-new.unfold .latest-list li + li{margin-top:20px;} /* ---- ##메인페이지 날씨 ---- */ .column-weather{float:none;width:100%;height:70px;margin-top:16px;background-color:var(--ui-tag001);} .column-weather:before{display:none;} .column-weather .tit-box{width:auto;height:auto;margin:0;padding:24px 20px;font-size:18px;font-weight:bold;line-height:21px;color:var(--font-color003);letter-spacing:-0.38px;background-color:transparent;border-radius:0;text-align:left;} .column-weather .tit-box:after{top:26px;right:-2px;} .column-weather .wrap-zone-weather .list li a{width:100%;padding:0 0 0 40px;box-sizing:border-box;} .column-weather .wrap-zone-weather .w-icon{margin-top:19px;width:38px;height:30px;} .column-weather .wrap-zone-weather .w-location{width:auto;margin-top:23px;font-size:13px;font-weight:500;} .column-weather .wrap-zone-weather .w-location .location{color:var(--nk-tag101);} .column-weather .wrap-zone-weather .w-location .txt{color:var(--font-color006);} .column-weather .wrap-zone-weather .w-info{float:right;width:auto;margin:23px 0 0 15px;} .column-weather .wrap-zone-weather .w-info span{color:var(--font-color003);font-size:18px;font-weight:bold;} .column-weather .box{height:100%;} .column-weather .wrap-zone-weather{height:100%;} .column-weather .wrap-zone-weather .list{height:100%;} } /* [메인] 주요뉴스 */ .main-juyo-list{position:relative;margin:10px 0 50px;} .main-juyo-list:after{content:'';display:block;clear:both;} .main-juyo-list .tit-box{display:block;margin-bottom:16px;} .column-more-t{display:none;position:absolute;top:0;right:0;} .column-newslist{float:left;width:826px;} .column-newslist .full:after{content:'';display:block;clear:both;} .column-newslist .full li{float:left;width:calc(50% - 40px);margin-bottom:12px;padding-bottom:12px;margin-right:40px;box-sizing:border-box;border-bottom:1px solid var(--ui-tag005);} .column-newslist .full li:nth-child(13), .column-newslist .full li:nth-child(14){border-bottom:0;} .column-newslist .full li:after{content:'';display:block;clear:both;} .column-newslist .full li .img-con{overflow:hidden;float:left;width:96px;height:64px;margin-right:12px;} .column-newslist .full li .img-con .over{display:none;} .column-newslist .full li .img-con img{width:96px;height:64px;object-fit:cover;} .column-newslist .full li .img-con + .news-con{width:265px;} .column-newslist .full li .news-con{float:left;width:100%;height:64px;} .column-newslist .full li .news-con .tit-news a{display:-webkit-box;font-size:16px;font-weight:500;line-height:24px;color:var(--font-color003);overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;} .column-newslist .full li .related-wrap{display:none;} .column-foreign{float:right;width:374px;} .column-foreign .list>div{margin-bottom:20px;} .column-foreign .list>div:after{content:'';display:block;clear:both;} .column-foreign .list>div .link-foreign{float:left;width:90px;height:64px;line-height:64px;font-weight:600;font-size:15px;color:var(--font-color021);text-align:center;background-color:var(--nk-tag020);border-radius:5px 0;} .column-foreign .list>div .tit-news{display:-webkit-box;float:left;width:270px;margin-left:14px;color:var(--font-color003);font-size:15px;font-weight:600;line-height:21px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;} .column-foreign .list>div.txt-right{direction:rtl;} /* .column-foreign .list>div.txt-right .link-foreign{float:right;border-radius:0 10px 10px 10px;} .column-foreign .list>div.txt-right .tit-news{float:left;margin-left:0;margin-right:14px;} */ /* .column-foreign .list .ch{font-family:'Microsoft Yahei','微软雅黑',STXihei,'华文细黑',SimHei,'黑体',verdana,arial,sans-serif;} .column-foreign .list .jp{font-family:'Meiryo','メイリオ','Yu Gothic','MS PGothic','ＭＳ Ｐゴシック', sans-serif;} */ .column-foreign .list .ar{font-family:'Segoe UI','Tahoma',arial,sans-serif;} .column-foreign .list .jp{font-family:'Meiryo','メイリオ','Yu Gothic','MS PGothic','ＭＳ Ｐゴシック',sans-serif;} .column-foreign .list .ch{font-family:'Microsoft Yahei','微软雅黑',STXihei,'华文细黑',SimHei,'黑体',verdana,arial,sans-serif;font-weight:700;letter-spacing:0;} @media only screen and (min-width: 1024px){ .column-newslist .full li .news-con .tit-news a:hover{opacity:0.5;text-underline-position:under;text-decoration-thickness:1px;text-decoration-line:underline;text-decoration-color:currentColor;} .column-foreign .list>div .tit-news:hover{opacity:0.5;text-underline-position:under;text-decoration-thickness:1px;text-decoration-line:underline;text-decoration-color:currentColor;} } /* [메인] 관련 사이트 */ /* 개편전 코드 참고 */ .column-bnr-slider{position:relative;} .column-bnr-slider:after{content:'';display:block;clear:both;} .column-bnr-slider .tit{display:block;width:85px;height:48px;padding-left:2px;line-height:48px;float:left;font-size:18px;font-weight:500;color:var(--font-color003);} .column-bnr-slider .wrap-zone-site{position:relative;width:1050px;float:right;margin:6px 25px 0;overflow:hidden;} .column-bnr-slider .list li{width:auto;} .column-bnr-slider .list li>a{padding:2px 20px;border-radius:2px;} .column-bnr-slider .btn-prev{position:absolute;top:14px;left:98px;display:inline-block;width:18px;height:18px;background:url(../img_v02/ico_arrow01_left.svg) no-repeat 0 0;} .column-bnr-slider .btn-next{position:absolute;top:14px;right:-4px;display:inline-block;width:18px;height:18px;background:url(../img_v02/ico_arrow01_right.svg) no-repeat 0 0;} @media only screen and (max-width:1023px){ /* ---- ##메인페이지 전체뉴스 ---- */ .main-juyo-list{margin:0;padding:0 16px;} .column-newslist{float:none;width:100%;margin-top:12px;} .main-juyo-list .tit-box{position:relative;top:initial;left:initial;} .column-newslist .full li{float:none;width:100%;margin-bottom:0;padding-right:0;margin-right:0;padding-bottom:17px;} .column-newslist .full li + li{margin-top:15px;} .column-newslist .full li .img-con{width:93px;height:62px;margin-right:12px;} .column-newslist .full li .img-con img{width:93px;height:62px;} .column-newslist .full li .img-con + .news-con{width:calc(100% - 125px);} .column-newslist .full li .news-con{display:flex;align-items:center;height:62px;} .column-newslist .full li .news-con .tit-news a{font-size:16px;font-weight:600;line-height:24px;} .column-newslist .full li .news-con .tit-news a:hover{color:var(--font-color003);} .column-newslist .full li:nth-child(13){border-bottom:1px solid var(--ui-tag005);} .column-foreign{display:none;} /* ---- ##메인페이지 관련 사이트 ---- */ .main-related-list{position:relative;margin-top:60px;} .column-bnr-slider .tit{float:none;position:relative;padding:0;margin-left:16px;height:auto;box-sizing:border-box;font-weight:bold;line-height:24px;} .column-bnr-slider .wrap-zone-site{margin:10px 0 0 0;width:100%;float:none;} .column-bnr-slider .list li:first-child{margin-left:16px;} .column-bnr-slider .list li:last-child{margin-right:16px;} .column-bnr-slider .list li img{height:30px;} .column-bnr-slider .list li>a{padding:5px 20px;} .column-bnr-slider .list li.rs01 img{content:url('../img_v02/bnr_m_slide01.png');} .column-bnr-slider .list li.rs02 img{content:url('../img_v02/bnr_m_slide02.png');} .column-bnr-slider .list li.rs03 img{content:url('../img_v02/bnr_m_slide03.png');} .column-bnr-slider .list li.rs04 img{content:url('../img_v02/bnr_m_slide04.png');} .column-bnr-slider .list li.rs05 img{content:url('../img_v02/bnr_m_slide05.png');} .column-bnr-slider .list li.rs06 img{content:url('../img_v02/bnr_m_slide06.png');} .column-bnr-slider .list li.rs07 img{content:url('../img_v02/bnr_m_slide07.png');} .column-bnr-slider .list li.rs08 img{content:url('../img_v02/bnr_m_slide08.png');} .column-bnr-slider .list li.rs09 img{content:url('../img_v02/bnr_m_slide09.png');} .column-bnr-slider .list li.rs10 img{content:url('../img/bnr_m_slide10.png');} .column-bnr-slider .list li.rs11 img{content:url('../img/bnr_m_slide11.png');} .column-bnr-slider .list li.rs12 img{content:url('../img_v02/bnr_m_slide12.png');} .column-bnr-slider .btn-next, .column-bnr-slider .btn-prev{display:none;} } /* 메인 톱기사 */ .news-type004{border-bottom:0;} .news-type004 .list02>li:nth-child(3){display:none;} [class*='content0'].main-ticker{margin-top:10px;} [class*='content0'].main-video{margin-top:50px;} /* [메인] 정보 영역 */ .main-info{width:1200px;margin:0 auto;padding:40px 0;} .main-info:after{content:'';display:block;clear:both;} .main-info .column-type01{float:left;position:relative;width:386px;height:340px;margin-left:20px;padding:20px 28px 16px;box-sizing:border-box;background-color:var(--ui-tag001);} .main-info .column-type01:first-child{margin-left:0;} .main-info .column-type01 .title-wrap{margin-bottom:17px;padding-bottom:9px;border-bottom:1px solid var(--ui-tag005);} .main-info .column-type01 .title-wrap .btn-unit021{display:none;} .main-info .wrap-link{position:absolute;bottom:16px;left:16px;font-size:0;width:calc(100% - 32px);;display:flex;justify-content:center;} .main-info .wrap-link a{height:38px;margin-left:5px;padding:6px 16px 5px;font-size:14px;background-color:var(--ui-tag009);border-radius:100px;color:var(--font-color021);} .main-info .wrap-link a:first-child{margin-left:0;} /* [메인] 북한알아보기 */ .column-nkinfo .box-term dl dt a{display:block;position:relative;font-size:18px;color:var(--font-color003);font-weight:bold;} .column-nkinfo .box-term dl dt a span{display:block;padding-right:100px;font-weight:bold;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .column-nkinfo .box-term dl dd{margin-top:20px;} .column-nkinfo .box-term dl dd a{display:-webkit-box;color:var(--font-color006);font-size:15px;font-weight:400;line-height:22px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:4;-webkit-box-orient:vertical;} .column-nkinfo .box-term .wrap-more-b{overflow:hidden;display:inline-block;position:absolute;top:64px;right:28px;width:88px;height:39px;padding:8px 0;font-size:15px;color:#fff;text-align:center;box-sizing:border-box;background-color:var(--nk-tag104);border-radius:3px;vertical-align:middle;cursor:pointer;} .column-nkinfo .box-term .wrap-more-b .arrow-icon{display:none;} .column-nkinfo .box-term .latest-term{position:absolute;bottom:75px;left:28px;font-size:0;} .column-nkinfo .box-term .latest-term .term{height:20px;overflow:hidden;} .column-nkinfo .box-term .latest-term a{position:relative;margin-right:10px;margin-bottom:5px;padding-left:12px;font-size:15px;color:var(--font-color003);font-weight:500;line-height:20px;} .column-nkinfo .box-term .latest-term a:nth-child(3){display:none;} .column-nkinfo .box-term .latest-term a:before{content:'';display:block;position:absolute;top:7px;left:0;width:4px;height:4px;background-color:var(--font-color006);border-radius:50%;} @media only screen and (min-width: 1024px){ .column-nkinfo .box-term dl dt a:hover span{opacity:0.5;text-underline-position:under;text-decoration-thickness:1px;text-decoration-line:underline;text-decoration-color:currentColor;} .column-nkinfo .box-term .latest-term a:hover{opacity:0.5;text-underline-position:under;text-decoration-thickness:1px;text-decoration-line:underline;text-decoration-color:currentColor;} } /* [메인] 인물 */ .column-people .box .anchor-area:after{content:'';display:block;clear:both;} .column-people .box .anchor-area .img-con{float:left;width:85px;height:100px;overflow:hidden;text-align:center;} .column-people .box .anchor-area .img-con img{width:auto;height:100%;vertical-align:top;} .column-people .box .anchor-area .tit-con{float:left;width:230px;height:98px;margin-left:10px;overflow:hidden;} .column-people .box .anchor-area .tit-con .tit-name{position:relative;font-size:18px;color:var(--font-color003);} .column-people .box .anchor-area .tit-con .tit-name strong{font-weight:bold;} .column-people .box .anchor-area .tit-con .wrap-info .tit-info{color:var(--font-color006);font-size:15px;} .column-people .box .search-people{position:absolute;bottom:72px;left:28px;width:calc(100% - 56px);} .column-people .box .search-people .search-form-p{position:relative;} .column-people .box .search-people .srchbar-p{display:block;position:relative;} .column-people .box .search-people .srchbar-p input{width:100%;padding:11px 0;font-size:16px;border:0;color:var(--font-color003);} .column-people .box .search-people .srchbar-p input::placeholder{font-weight:bold;color:var(--font-color003);} .column-people .box .search-people .srchbar-p .line{position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:var(--ui-tag005);transition:all 0.1s;} .column-people .box .search-people .srchbar-p input:focus + .line{height:3px;background-color:#213989;;} .column-people .box .search-people .btn_search-p{position:absolute;bottom:5px;right:0;background-color:var(--ui-tag001);border:0;} .column-people .box .people-list{margin-top:20px;font-size:0;} .column-people .box .people-list a{position:relative;margin-right:30px;margin-bottom:5px;padding-left:12px;font-size:15px;color:var(--font-color003);font-weight:500;} .column-people .box .people-list a:before{content:'';display:block;position:absolute;top:9px;left:0;width:4px;height:4px;background-color:var(--font-color006);border-radius:50%;} @media only screen and (min-width: 1024px){ .column-people .box .people-list a:hover{opacity:0.5;text-underline-position:under;text-decoration-thickness:1px;text-decoration-line:underline;text-decoration-color:currentColor;} } /* [메인] 학술, 연구 */ .column-archive .box .list li{margin-top:11px;} .column-archive .box .list li:first-child{margin-top:0;} .column-archive .box .list li:nth-child(n+4){display:none;} .column-archive .box .list li .tit-news{position:relative;padding-right:25px;} .column-archive .box .list li .tit-news a{display:block;color:var(--font-color003);font-weight:500;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .column-archive .box .list li .tit-news .icon{text-indent:-9999px;position:absolute;top:4px;right:0;width:16px;height:16px;background:url(../img_v02/ico_clip02.png) 0 0 no-repeat;} .column-archive .box .list li .tit-news .publish{margin-top:2px;font-size:14px;color:var(--font-color006);font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} @media only screen and (min-width: 1024px){ .column-archive .box .list li .tit-news a:hover{opacity:0.5;text-underline-position:under;text-decoration-thickness:1px;text-decoration-line:underline;text-decoration-color:currentColor;} } @media only screen and (max-width:1023px){ .main-info{width:auto;margin:0;padding:16px 18px;box-sizing:border-box;} /* ---- ##메인페이지 북한 알아보기, 인물, 학술연구 ---- */ .main-info .column-type01{float:none;width:100%;height:306px;margin-left:0;padding:20px 16px;} .main-info .column-type01 + .column-type01{margin-top:20px;} .main-info .column-type01 .title-wrap{position:relative;padding-bottom:7px;} .main-info .column-type01 .title-wrap .title-unit011{font-size:18px;} .main-info .column-type01 .title-wrap .title-unit011:hover{color:var(--font-color003);} .main-info .column-type01 .title-wrap .btn-unit021{display:none;} .main-info .wrap-link a{height:32px;padding:0 12px;font-size:13px;line-height:32px;} .column-nkinfo .box-term .wrap-more-b{top:63px;right:16px;width:68px;height:36px;padding:0;line-height:36px;font-size:13px;} .column-nkinfo .box-term .wrap-more-b:hover{background-color:#E8F0FE;} .column-nkinfo .box-term dl dd a{font-size:13px;line-height:19px;letter-spacing:-0.33px;} .column-nkinfo .box-term dl dd a:hover{color:#666;} .column-nkinfo .box-term .latest-term{position:initial;top:initial;left:initial;margin-top:20px;} .column-nkinfo .box-term .latest-term .term{overflow:initial;} .column-nkinfo .box-term .latest-term a{margin-bottom:0;padding-left:10px;font-size:13px;} .column-nkinfo .box-term .latest-term a:hover{color:#213989;} .column-nkinfo .box-term .latest-term a:before{top:9px;width:5px;height:5px;} .column-nkinfo .box-term .latest-term a:hover:before{background-color:#213989;} .column-people .box .anchor-area{display:block;} .column-people .box .anchor-area .img-con{width:78px;height:88px;} .column-people .box .anchor-area:hover .tit-name>strong{color:#213989;} .column-people .box .anchor-area:hover .tit-con .tit-name:before{background-color:#213989;} .column-people .box .anchor-area .tit-con{width:calc(100% - 100px);height:auto;} .column-people .box .anchor-area .tit-con .tit-name{font-size:16px;color:var(--font-color003);font-weight:600;} .column-people .box .anchor-area .tit-con .wrap-info .tit-info{height:60px;overflow:hidden;font-size:13px;line-height:21px;letter-spacing:-0.33px;} .column-people .box .anchor-area:hover .wrap-info .tit-info{color:var(--font-color006);} .column-people .box .people-list{margin-top:12px;} .column-people .box .people-list a{margin-right:10px;padding-left:10px;font-size:13px;} .column-people .box .people-list a:before{top:9px;width:5px;height:5px;} .column-people .box .search-people{position:initial;width:100%;} .column-people .box .search-people .srchbar-p input{padding:6px 0;font-size:15px;font-weight:bold;} .column-people .box .search-people .srchbar-p input::placeholder{font-size:15px;} .column-people .box .search-people .srchbar-p input + .line{position:relative;} .column-people .box .search-people .srchbar-p input + .line:before{content:'';display:block;position:absolute;top:0;left:0;height:1px;width:100%;background-color:#213989;transform:scaleX(0);transition:all 0.2s ease-in;} .column-people .box .search-people .srchbar-p input:focus + .line{height:1px;background-color:#EBEBEB;} .column-people .box .search-people .srchbar-p input:focus + .line:before{height:3px;transform:scaleX(1);} .column-people .box .search-people .btn_search-p{bottom:initial;top:-1px;width:37px;height:37px;border-radius:2.5px;} [class*='ico-unit001']{width:26px;height:26px} .column-people .ico-unit001-search01:before{width:19px;height:18px;margin:-9px 0 0 -10px;background-size:400px auto;background-position:3px -497px;} .column-archive .box .list li .tit-news a{font-size:15px;letter-spacing:-0.38px;font-weight:600;} .column-archive .box .list li .tit-news .publish{margin-top:0;font-size:13px;letter-spacing:-0.33px;} .column-archive .box .list li .tit-news .icon{top:4px;width:14px;height:15px;background:url('../img_v02/sprites_m.svg?v=20241008_1100') no-repeat -50px -125px;background-size:300px 400px;} } /* [메인] 영상 * 2023-08-25 : main-video → main-video01 */ .main-video02{margin-left:40px;} .main-video01 .tit-box, .main-video02 .tit-box{height:24px;margin-bottom:16px;} .main-video02 .ico-unit004-nknow01{display:none;} /* ---- ##list-unit002 | 메인 영상 ---- */ .list-unit002:after{content:'';display:block;clear:both;} .list-unit002 li{float:left;width:373px;margin-left:40px;} .list-unit002 li:nth-child(n + 3){display:none;} /* li 2개만 노출한다 */ .list-unit002 li:first-child{margin-left:0;} .list-unit002 li .img-con{position:relative;} .list-unit002 li .img-con a{width:373px;height:209px;overflow:hidden;} .list-unit002 li .img-con a img{width:100%;height:100%;object-fit:cover;} .list-unit002 li .news-con .tit-wrap{margin-top:8px;} .list-unit002 li .news-con .tit-news{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;padding:2px 0;font-size:18px;font-weight:600;color:var(--font-color003);} .list-unit002 li .play-time{opacity:0;display:inline-block;position:absolute;top:50%;left:50%;width:80px;height:80px;transform:translate(-50%, -50%);background:url('../img_v02/ico_player.svg');box-sizing:border-box;overflow:hidden;cursor:pointer;transition:all 0.4s;} .list-unit002 li .play-time i{display:none;} .list-unit002 li .play-time .num{display:none;} .list-unit002 li .ico-unit001-play02{position:absolute;top:3px;left:4px;} .list-unit002 li .img:hover + .play-time{opacity:1;} @media only screen and (min-width: 1024px){ .list-unit002 li .news-con .tit-news:hover{opacity:0.5;text-underline-position:under;text-decoration-thickness:1px;text-decoration-line:underline;text-decoration-color:currentColor;} } @media only screen and (max-width:1023px){ /* ---- ##list-unit002 | 메인 영상 ---- */ /* 2023-08-25 : main-video → main-video01 */ .main-video01{width:100%;} .main-video02{width:100%;margin-top:40px;margin-left:0;} .main-video01 .tit-box, .main-video02 .tit-box{margin-right:16px;margin-left:16px;} /* .list-unit002 */ .list-unit002{overflow:hidden;overflow:auto;-webkit-overflow-scrolling:touch;} .list-unit002::-webkit-scrollbar{display:none;} .list-unit002 .list{display:inline-flex;} .list-unit002 li{float:initial;width:220px;margin-top:0;} .list-unit002 li:nth-child(n + 3){display:block;} .list-unit002 li + li{margin-left:16px;} .list-unit002 li:first-child{margin-left:16px;} .list-unit002 li:last-child{margin-right:16px;} .list-unit002 li .img-con .img{width:220px;height:124px;} .list-unit002 li .play-time{display:none;} .list-unit002 li:hover .play-time{width:26px;} .list-unit002 li .ico-unit001-play02{top:8px;left:9px;width:8px;height:10px;} .ico-unit001-play02:before{width:8px;height:9px;margin:-4px 0 0 -4px;background:url('../img_v02/sprites_m.svg?v=20241008_1100') no-repeat -25px -125px;background-size:300px 400px;} .list-unit002 li .news-con .tit-wrap br{display:none;} .list-unit002 li .news-con .tit-wrap .tit-news{font-size:16px;font-weight:600;line-height:24px;} /* .list-unit002.rw01 */ .list-unit002.rw01, .list-unit002.rw01 li, .list-unit002.rw01 li .img-con .img{width:100%;} .list-unit002.rw01 li .img-con .img{height:0;padding-bottom:56.25%;} .list-unit002.rw01 li .img-con .img img{margin-top:-9%;} .list-unit002 li .img-con a img{height:auto;} } /* [메인] 비주얼 영역 */ .main-visual:after{content:'';display:block;clear:both;} .main-visual .box-wrap{margin-top:14px;} .main-visual .box-wrap .img-con{display:inline-block;position:relative;width:245px;height:280px;overflow:hidden;} .main-visual .box-wrap .img-con img{height:100%;} .main-visual .box-wrap .img-con [class*='ico']{display:none;} .main-visual .box-wrap .news-con .tit-news{margin-top:10px;font-size:18px;font-weight:500;} .main-visual .main-photo{float:left;position:relative;width:437px;} .main-visual .main-photo .btns-wrap11{position:absolute;top:0;right:0;width:auto;} .main-visual .main-photo .list{margin-top:14px;} .main-visual .main-photo .img-con img{width:437px;height:280px;} .main-visual .main-photo .news-con{margin-top:9px;} .main-visual .main-photo .news-con .tit-news{color:var(--font-color003);font-size:18px;font-weight:500;line-height:24px;} .main-visual .main-graphic{float:left;width:437px;margin-left:40px;} .main-visual .main-graphic .box-wrap .box:nth-child(2){display:none;} .main-visual .main-graphic .box-wrap .img-con{width:437px;height:280px;} .main-visual .main-graphic .box-wrap .img-con .img{width:437px;height:280px;background-color:var(--nk-tag020);text-align:center;} .main-visual .main-graphic .box-wrap .img-con .img img{height:auto;} .main-visual .main-graphic .box-wrap .news-con{display:block;} .main-visual .main-midas{float:left;position:relative;width:245px;margin-left:40px;} .main-visual .main-midas .column-more-t{display:block;position:absolute;top:0px;right:5px;font-size:20px;} .main-visual .main-midas .box-wrap .img-con{width:245px;height:280px;} .main-visual .main-midas .box-wrap .img-con img{width:246px;height:280px;} @media only screen and (min-width: 1024px){ .main-visual .box-wrap .news-con .tit-news:hover{opacity:0.5;text-underline-position:under;text-decoration-thickness:1px;text-decoration-line:underline;text-decoration-color:currentColor;} .main-visual .main-photo .news-con .tit-news:hover{opacity:0.5;text-underline-position:under;text-decoration-thickness:1px;text-decoration-line:underline;text-decoration-color:currentColor;} } /* 마이더스 */ .main-visual .main-midas.type02 .tit-box .sub-tit{position:absolute;top:0;right:10px;font-size:18px;font-weight:500;color:var(--nk-font101);} .main-visual .main-midas.type02 .box-wrap .img-con{height:346px;} .main-visual .main-midas.type02 .box-wrap .img-con img{height:346px;} @media only screen and (max-width:1023px){ .main-visual .main-photo{float:none;width:100%;} .main-visual .main-photo .tit-box{padding-left:16px;} .main-visual .main-photo .btns-wrap11{display:none;} .main-visual .main-photo .swiper-area{padding-left:16px;} .main-visual .main-photo .swiper-slide{width:220px;padding-right:16px;} .main-visual .main-photo .img-con img{width:220px;height:124px;} .main-visual .main-photo .news-con .tit-news{font-size:16px;} /* ---- ##메인페이지 그래픽 ---- */ .main-visual .main-graphic{float:none;width:100%;margin:0;padding:20px 0 0;box-sizing:border-box;} .main-visual .main-graphic .tit-box{margin-left:16px;} .main-visual .main-graphic .box-wrap{overflow:hidden;overflow:auto;-webkit-overflow-scrolling:touch;} .main-visual .main-graphic .box-wrap::-webkit-scrollbar{display:none;} .main-visual .main-graphic .box-wrap .box-area{display:inline-flex;} .main-visual .main-graphic .box-wrap .box-area .box + .box{margin-left:16px;} .main-visual .main-graphic .box-wrap .box:first-child{margin-left:16px;} .main-visual .main-graphic .box-wrap .box:last-child{margin-right:16px;} .main-visual .box-wrap{display:flex;justify-content:space-between;} .main-visual .main-graphic .box-wrap .box:nth-child(2){display:block;} .main-visual .main-graphic .box-wrap .box>a{width:220px;} .main-visual .main-graphic .box-wrap .img-con{width:220px;height:147px;background-color:#eee;} .main-visual .main-graphic .box-wrap .img-con .img{width:220px;height:147px;background-size:contain !important;background-position:center center !important;} .main-visual .main-graphic .box-wrap .img-con .img img{width:auto;height:100%;} .main-visual .main-graphic .box-wrap .img-con [class*='ico']{display:none;} .main-visual .main-graphic .box-wrap .news-con .tit-news{font-size:16px;font-weight:500;line-height:21px;letter-spacing:-0.38px;text-align:left;} /* ---- ##메인페이지 탈북인 ---- */ .main-visual .main-midas{float:none;width:100%;margin:0;padding:40px 20px 0;box-sizing:border-box;} .main-visual .main-midas .box-wrap, .main-visual .main-midas .box-wrap .box>a{display:block;} .main-visual .main-midas .box-wrap .img-con{width:100%;height:auto;border-radius:2.5px;} .main-visual .main-midas .box-wrap .img-con .img-cover{width:100%;} .main-visual .main-midas .box-wrap .img-con img{width:100%;height:auto;} .main-visual .main-midas .box-wrap .news-con .tit-news{font-size:17px;font-weight:500;line-height:25px;letter-spacing:-0.43px;text-align:left;} .main-visual .box-wrap .box>a:hover .news-con .tit-news{color:#000;} /* 마이더스 */ .main-visual .main-midas.type02{display:none;} } /* =============== ####[서브] 날씨 ======================== */ /* 이전 CSS 참고 */ .nk-weather .paging-type01{display:none;} /* ---- ##날씨 지역이름 ---- */ .nk-weather .sel-location{margin-bottom:40px;} .nk-weather .sel-location ul:after{content:'';display:block;clear:both;} .nk-weather .sel-location ul li{float:left;} .nk-weather .sel-location ul li a{width:91px;height:44px;line-height:44px;font-weight:400;color:var(--font-color006);text-align:center;box-sizing:border-box;border-bottom:1px solid var(--ui-tag005)} .nk-weather .sel-location ul li a.select{color:var(--nk-font101);font-weight:600;background-color:var(--nk-tag102);} .nk-weather .sel-location ul li a:hover{color:var(--nk-font101);} .nk-weather .sel-location .area-select-btn{display:none;} /* ---- ##날씨 상세 ---- */ .nk-weather .wrap-weather-top{position:relative;padding-top:10px;} .nk-weather .wrap-weather .detail-weather-box{position:absolute;left:0;top:0;z-index:1;} .nk-weather .wrap-weather .detail-weather-box .current-box{width:400px;padding-left:0;} .detail-weather-box .after1-box, .detail-weather-box .after2-box, .detail-weather-box .current-box{float:left;height:114px;} .detail-weather-box .w-box-tit{float:left;height:40px;margin:15px 0 0;font-size:18px;color:#213989;font-weight:bold;} .detail-weather-box .w-box-tit .p{font-size:24px;color:var(--font-color003);font-weight:bold;} .detail-weather-box .w-box-tit .current-time{margin-top:5px;font-size:15px;color:var(--font-color006);font-weight:400;} .detail-weather-box .w-box-tit .current-time>span{font-size:15px;color:var(--font-color003);font-weight:600;} .detail-weather-box .w-icon{float:left;} .detail-weather-box .w-info{float:left;color:#3265a7;} .detail-weather-box .seoul{float:left;width:130px;font-size:15px;color:var(--nk-font101);font-weight:500;} .detail-weather-box .current-box{padding-left:369px} .detail-weather-box .current-box .w-icon{margin:0 15px 0 20px;vertical-align:bottom;} .detail-weather-box .current-box .w-info{margin:15px 0 3px;} .detail-weather-box .current-box .w-info span{font-size:24px;color:var(--font-color003);font-weight:700;} .detail-weather-box .current-box .w-info em{margin-left:4px;font-size:15px;color:var(--font-color006);} .detail-weather-box .after1-box, .detail-weather-box .after2-box{width:202px;} .detail-weather-box .after1-box .w-icon, .detail-weather-box .after2-box .w-icon{margin:5px 10px 0;} .detail-weather-box .after1-box .w-info, .detail-weather-box .after2-box .w-info{margin:40px 0 0;} /* ---- ##날씨 지도 ---- */ .map-weather{position:relative;width:100%;height:605px;background:url(../img_v02/w_map20241203.png) no-repeat 0 0;} .map-weather .location{position:absolute;display:block;width:112px;height:64px;background:url(../img_v02/bg_weather_map20241203.png) no-repeat 0 0;line-height:18px;} .map-weather .location:after{content:'';display:block;clear:both;} .map-weather .location:hover, .map-weather .location.on{background-position:0 -64px;z-index:1;} .map-weather .location.l1{left:225px;top:375px;} /* 평양 */ .map-weather .location.l26{left:430px;top:136px;} /* 혜산 */ .map-weather .location.l21{left:555px;top:94px;} /* 청진 */ .map-weather .location.l2{left:311px;top:161px;} /* 강계 */ .map-weather .location.l12{left:143px;top:245px;} /* 신의주 */ .map-weather .location.l27{left:306px;top:248px;} /* 희천 */ .map-weather .location.l24{left:434px;top:266px;} /* 함흥 */ .map-weather .location.l17{left:375px;top:350px;} /* 원산 */ .map-weather .location.l25{left:198px;top:482px;} /* 해주 */ .map-weather .location.l22{left:320px;top:430px;} /* 평강 */ .map-weather .location.l3{left:309px;top:502px;} /* 개성 */ .map-weather .w-icon{float:left;margin:10px 4px 0 10px;} .map-weather .w-location{margin:12px 0 0;font-size:14px;color:var(--font-color006);} .map-weather .w-info{font-size:14px;color:var(--font-color003);font-weight:600;} /* .map-weather .location.on .w-location{margin-top:10px;} */ .map-weather .location.on .w-info{color:#4f6fcb;} /* ---- ##날씨 주간 예보 ---- */ .week-weather-box{margin-top:25px;} .wrap-weather .w-box-tit{font-size:24px;color:var(--font-color003);font-weight:bold;} .week-weather-box ul:after{content:'';display:block;clear:both;} .week-weather-box ul li{overflow:hidden;width:108px;float:left;margin:0 0 0 10px;text-align:center;border-radius:5px;} .week-weather-box ul li:first-child{margin-left:0;} .week-weather-box .date{padding:10px 0;font-size:15px;border-bottom:1px solid var(--ui-tag005);} .week-weather-box .date span{margin-right:2px;font-weight:500;} .week-weather-box .date em{font-weight:400;color:var(--font-color006);} .week-weather-box .w-icon{margin:20px auto 10px;} .week-weather-box .w-info{padding-bottom:15px;} .week-weather-box .w-info em{display:block;margin:0 0 10px;font-size:15px;color:var(--font-color006);} .week-weather-box .w-info span{display:block;} .week-weather-box .w-info .high{color:#e36f5a;font-size:14px;font-weight:500;} .week-weather-box .w-info .low{color:var(--nk-font101);font-size:14px;font-weight:500;} /* ---- ##날씨 최신기사 ---- */ .weather-list{margin-top:60px;} .weather-list .w-box-tit{margin-bottom:20px;font-size:24px;font-weight:bold;} .weather-list .w-box-tit .p{font-weight:bold;} .nk-weather .weather-list .list-type01{font-size:16px;line-height:1.4;} .nk-weather .weather-list li{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--nk-tag025);} .nk-weather .weather-list li:last-child{border-bottom:0;} .nk-weather .weather-list li .news-con .tit-news{margin-bottom:10px;} .nk-weather .weather-list li .news-con .tit-news a{display:block;font-size:20px;font-weight:600;color:var(--font-color003);} /* .nk-weather .weather-list li .news-con .tit-news a:hover{color:#213989;} */ .nk-weather .weather-list li .news-con .lead{margin-bottom:10px;} .nk-weather .weather-list li .news-con .lead a{color:var(--font-color006);font-size:15px;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;} /* .nk-weather .weather-list li .news-con .lead a:hover{color:#000;} */ .nk-weather .weather-list li .news-con .article-time{font-size:14px;color:var(--font-color004);font-weight:400;} @media only screen and (min-width: 1024px){ .nk-weather .weather-list li .news-con .tit-news a:hover{opacity:0.5;text-underline-position:under;text-decoration-thickness:1px;text-decoration-line:underline;text-decoration-color:currentColor;} } @media only screen and (max-width:1023px){ /* ---- ##날씨 페이지 ---- */ .wrap-weather{position:relative;} .container111 .wrap-weather .title-unit001{display:block;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #213989;} .nk-weather .content103{display:none;} .weather-list{margin-bottom:70px;padding:0 20px;} .weather-list .w-box-tit{margin-bottom:20px;padding-bottom:10px;font-size:18px;line-height:21px;letter-spacing:-0.38px;} .nk-weather .weather-list li{margin-bottom:15px;padding-bottom:15px;} .list-type01 .news-con{display:block;height:auto;line-height:18px;} .nk-weather .weather-list li .news-con .tit-news{display:block;max-height:none;text-overflow:initial;-webkit-line-clamp:initial;-webkit-box-orient:initial;} .nk-weather .weather-list li .news-con .tit-news a{font-size:15px;line-height:21px;letter-spacing:-0.38px;} /* .nk-weather .weather-list li .news-con .tit-news a:hover{color:#000;} */ .nk-weather .weather-list li .news-con .lead{display:none;max-height:none;text-overflow:initial;-webkit-line-clamp:initial;-webkit-box-orient:initial;height:auto;} .nk-weather .weather-list li .news-con .lead a{display:-webkit-box;max-height:36px;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:18px;letter-spacing:-0.33px;} .nk-weather .weather-list li .news-con .lead a:hover{color:#666;} .wrap-weather .w-box-tit{float:none;height:auto;margin:0 0 10px 20px;font-weight:500;font-size:15px;line-height:21px;letter-spacing:-0.38px;} .week-weather-box{overflow:hidden;overflow:auto;-webkit-overflow-scrolling:touch;margin-top:0;} .week-weather-box::-webkit-scrollbar{display:none;} .week-weather-box .list{display:inline-flex;} .week-weather-box .list li{margin:0 15px 0 0;} .week-weather-box .list li:first-child{margin-left:20px;} .week-weather-box .list li:last-child{margin-right:20px;} .week-weather-box .date{padding:12px 0;font-size:13px;line-height:18px;letter-spacing:-0.33px;} .week-weather-box .w-info{padding-bottom:12px;} .week-weather-box .w-info em, .week-weather-box .w-info .high, .week-weather-box .w-info .low{display:block;font-size:13px;line-height:18px;letter-spacing:-0.33px;} .nk-weather .wrap-weather-top{margin:0 0 35px;padding-top:60px;} .nk-weather .wrap-weather .detail-weather-box .current-box{float:none;width:230px;} .map-weather{width:317px;height:350px;margin:0 auto;background:url('../img_v02/w_m_map01.png') no-repeat 0 0;background-size:317px 350px;} .map-weather .location{width:90px;height:51px;background-size:90px 103px;box-sizing:border-box;} .map-weather .location:active{content:'';display:block;clear:both;} .map-weather .location:hover, .map-weather .location.on{background-position:0 -51px;} .map-weather .w-icon{margin:8px 0 0 10px;} .map-weather .w-location{float:left;margin:9px 0 2px 4px;font-size:11px;line-height:12px;} .map-weather .w-info{float:left;margin:0 0 0 4px;font-size:11px;line-height:12px;} .map-weather .location.on .w-location{margin-top:9px;} .map-weather .location.l12{left:-20px;top:140px;} .map-weather .location.l1{left:20px;top:245px;} .map-weather .location.l26{left:158px;top:75px;} .map-weather .location.l21{left:240px;top:45px;} .map-weather .location.l2{left:70px;top:95px;} .map-weather .location.l27{left:65px;top:145px;} .map-weather .location.l24{left:150px;top:160px;} .map-weather .location.l17{left:120px;top:220px;} .map-weather .location.l25{left:15px;top:300px;} .map-weather .location.l22{left:105px;top:265px;} .map-weather .location.l3{left:105px;top:315px;} .wrap-weather .w-box-tit div{display:inline-block;} .wrap-weather .w-box-tit .p{font-weight:500;font-size:15px;} .detail-weather-box .w-box-tit .current-time{margin-left:5px;} .detail-weather-box .current-box .w-icon{margin:0 10px 0 20px;} .detail-weather-box .current-box .w-info{margin:0;} .detail-weather-box .current-box .w-info span{font-weight:bold;font-size:18px;line-height:30px;letter-spacing:-0.5px;} .detail-weather-box .current-box .w-info em{font-size:13px;line-height:30px;letter-spacing:-0.33px;} .detail-weather-box .seoul{width:auto;font-size:13px;line-height:18px;letter-spacing:-0.33px;} .wrap-weather .sel-location{position:absolute;top:-4px;right:20px;} .nk-weather .sel-location ul{display:none;position:absolute;top:36px;right:0;height:222px;border-radius:0;overflow-y:auto; width:80px;border:1px solid var(--nk-tag103);border-radius:0 0 5px 5px;box-sizing:border-box;z-index:10;background-color:var(--ui-tag001);} .nk-weather .sel-location.active ul{display:block;} .nk-weather .sel-location ul li{float:none;} .nk-weather .sel-location ul li a{width:100%;height:40px;padding:0 20px;line-height:40px;font-size:13px;font-weight:500;border:0;text-align:left;} .nk-weather .sel-location .area-select-btn{display:inline-block;position:relative;padding:5px 30px 5px 10px;color:var(--nk-font101);font-weight:bold;font-size:15px;line-height:18px;letter-spacing:-0.38px;background-color:transparent;border:0;} .nk-weather .sel-location .area-select-btn .txt{font-weight:bold;} .nk-weather .sel-location .area-select-btn .ico{position:absolute;top:12px;right:10px;width:10px;height:6px;background-image:url('../img_v02/sprites_m.svg?v=20241008_1100');background-repeat:no-repeat;background-size:300px 400px;background-position:-0 -100px;} .nk-weather .sel-location.active .area-select-btn .ico{background-position:-25px -100px;} } /* ---- ##list-unit004 ---- */ /* 비주얼 > 사진(포토), 영상, 그래픽 * 사진(포토) : img-con01, news-con01 * 그래픽 : img-con02, news-con02 * 영상 : img-con11, news-con11 * 유튜브 : img-con12, news-con12 */ .list-unit004 .list:after{content:'';display:block;clear:both;} .list-unit004 .list li{float:left;width:373px;height:auto;margin:0 40px 60px 0;} .list-unit004 .list li:nth-child(3n){margin-right:0;} .list-unit004 [class*='img-con']{display:block;position:relative;width:373px;height:210px;text-align:center;} .list-unit004 [class*='img-con'] img{width:auto;max-width:373px;max-height:192px;border-radius:5px;} .list-unit004 .img-con02{height:340px;} .list-unit004 .img-con02 img{max-height:340px;} .list-unit004 [class*='img-con1']{overflow:hidden;} .list-unit004 .img-con11 img{width:100%;height:100%;max-width:none;max-height:none;} .list-unit004 .img-con12 img{width:100%;height:auto;max-height:none;margin-top:-32px;} .list-unit004 [class*='img-con'] [class*='ico']{opacity:0;position:absolute;bottom:10px;right:20px;transition:opacity 0.4s;} .list-unit004 [class*='news-con']{display:block;} /* .tit-news 말줄임 효과 선언해야 함 -- padding 은 영문일 때 상하 스펠링이 짤려보이는 걸 방지함. */ .list-unit004 [class*='news-con'] .tit-news{display:-webkit-box;margin-top:8px;padding:2px 0;font-size:20px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;} .list-unit004 .news-con02{margin-top:20px;padding-top:20px;border-top:1px solid #dedede;} .list-unit004 .news-con12 .tit-news{margin-top:8px;font-size:16px;line-height:24px;height:48px;font-weight:500;color:var(--font-color003);} .list-unit004 .article-time{display:flex;justify-content:space-between;margin-top:8px;font-size:14px;color:#888;} .list-unit004 .article-time time{width:142px;} .list-unit004 [class*='ico-type02']{font:inherit;color:inherit;padding-left:25px;} .list-unit004 .overlay01{content:'';opacity:0;display:block;position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background:rgba(0,0,0,0.5);transition:opacity 0.3s ease-in-out;} .list-unit004 .ico-type91-video01{opacity:0;display:block;position:absolute;top:50%;left:50%;z-index:3;width:80px;height:80px;transform:translate(-50%, -50%);transition:opacity 0.3s ease-in-out;} .ico-type91-video01:before{content:'';opacity:0.8;display:block;position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;border-radius:100%;} .ico-type91-video01:after{content:'';display:block;position:absolute;top:50%;left:50%;z-index:1;width:48px;height:48px;background-image:var(--ui-bg052);transform:translate(-50%, -50%);} @media only screen and (min-width: 1024px){ .list-unit004 .img-con12:hover .overlay01{opacity:1;z-index:2;} .list-unit004 .img-con12:hover .ico-type91-video01{opacity:1;} .list-unit004 .news-con12 .tit-news:hover{opacity:0.5;text-underline-position:under;text-decoration-thickness:1px;text-decoration-line:underline;text-decoration-color:currentColor;} } @media only screen and (max-width:1024px){ /* 비주얼 > 사진(포토), 영상, 그래픽 * 사진(포토) : img-con01, news-con01 * 그래픽 : img-con02, news-con02 * 영상 : img-con11, news-con11 * 유튜브 : img-con12, news-con12 */ .list-unit004{padding:0 20px;} .list-unit004 .list{display:flex;justify-content:space-between;flex-wrap:wrap;} .list-unit004 .list li{float:none;width:50%;height:auto;margin:15px 0;} .list-unit004 .list li:nth-child(-n+2){margin-top:0;} .list-unit004 .list li:nth-last-child(-n+2){margin-bottom:0;} .list-unit004 .list li:nth-child(2n){text-align:right;} .list-unit004 .list li:nth-child(2n) [class*='news-con']{text-align:left;} .list-unit004 .list li>a{width:calc(100% - 10px);} .list-unit004 [class*='img-con']{width:100%;height:0;padding-bottom:56.25%;border-radius:2.5px;background-color:#eee;} .list-unit004 .img-con01{padding-bottom:100%;} .list-unit004 .img-con01 img{position:absolute;top:0;left:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;} .list-unit004 .img-con02{height:0;padding-bottom:100%;} .list-unit004 .img-con02 img{position:absolute;top:0;left:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;} .list-unit004 .img-con11 img{position:absolute;top:0;left:0;} .list-unit004 .img-con12 img{max-width:none;margin-top:-9.9%;} .list-unit004 [class*='news-con'] .tit-news{font-weight:500;font-size:15px;height:42px;line-height:21px;letter-spacing:-0.38px;} .list-unit004 [class*='news-con'] .article-time{display:block;margin-top:8px;line-height:17px;} .list-unit004 [class*='news-con'] .article-time time{font-size:12px;line-height:17px;letter-spacing:-0.3px;} .list-unit004 .news-con02{margin-top:10px;padding-top:0;border-top:none;} } /* ---- ##paging-unit0001 ---- */ [class*='paging-unit001']{margin-top:35px;} .paging-unit001{display:flex;justify-content:center;align-content:center;font-size:0;text-align:center;width:100%;} .paging-unit001 .swiper-wrapper{display:inline;} .paging-unit001>a, .paging-unit001 .num{display:inline-block;height:40px;margin:0 5px;vertical-align:top;} .paging-unit001 .first, .paging-unit001 .prev, .paging-unit001 .next, .paging-unit001 .last{position:relative;width:29px;height:40px} .paging-unit001 .first span, .paging-unit001 .prev span, .paging-unit001 .next span, .paging-unit001 .last span{overflow:hidden;position:absolute;top:50%;left:50%;width:9px;height:15px;font-size:1px;color:transparent;margin:-7px 0 0 -4px;background:url(../img_v02/sprites_icon.svg?v=20241008_1100) 0 0 no-repeat;transition:transform 0.1s;} .paging-unit001 .first:hover span, .paging-unit001 .prev:hover span, .paging-unit001 .next:hover span, .paging-unit001 .last:hover span{transform:scale(1.3);} .paging-unit001 .prev span{background-position:0 -50px;} .paging-unit001 .next span{background-position:-50px -50px;} .paging-unit001 .num{width:40px;height:40px;font-size:14px;line-height:40px;color:#000;background-color:var(--nk-tag023);border-radius:5px;} .paging-unit001 .num.on{color:#fff;background-color:#213989;} .paging-unit001 .num:not(.on):hover{background-color:#DEDEDE;} /* =============== ####[서브] 채널 ======================== */ [class*='visual-unit']{position:relative;font-size:0;line-height:1;} .visual-unit01{margin-top:48px;} .visual-unit01 .area{position:relative;height:82px;margin-top:20px;margin-bottom:26px;} .visual-unit01 .visual-img{height:268px;background:url(../img_v02/bg_channel_figure_web_nknow02.png) 0 0 no-repeat;} .visual-unit01 .info-box01{float:left;} .visual-unit01 .info-box01:before{content:'';overflow:hidden;display:inline-block;width:82px;height:82px;margin-right:19px;vertical-align:middle;background:url(../img_v02/sprites_nk01.png?v=20230908_1449) 0 0 no-repeat;background-position:-101px -1px;} .visual-unit01 .info-box01 .txt{display:inline-block;font-size:16px;line-height:24px;vertical-align:middle;font-weight:400;color:var(--font-color003);} .visual-unit01 .info-box02{float:right;} .visual-unit01 .info-box02:before{content:'';display:inline-block;width:auto;height:82px;vertical-align:middle;} .visual-unit01 .info-box02 [class*='txt-type']{vertical-align:middle;position:relative;padding-right:15px;} .visual-unit01 .info-box02 [class*='txt-type'] .txt{font-weight: 500;font-size:16px;height:20px;line-height:20px;box-sizing:border-box;color:var(--font-color003);} .visual-unit01 .info-box02 a[class*='txt-type']:after{content:'';display:block;position:absolute;top:4px;right:2px;width:9px;height:9px;border:2px solid var(--ui-tag003);border-left:0 !important;border-bottom:0 !important;background-image:none; -webkit-transform:rotate(45deg); transform:rotate(45deg);} /* .article-wrap02{margin-top:80px;} */ .article-wrap02 .iframe-con{position:relative;width:1200px;height:675px;margin-bottom:28px;} .article-wrap02 .iframe-ytb{position:absolute;top:0;left:0;width:100%;height:100%;} .article-wrap02 .title-article01 .tit{font-size:36px;line-height:1.39;color:var(--font-color003);} .article-wrap02 .title-article01 .update-time{display:inline-block;font-size:13px;color:var(--font-color004);} .article-wrap02 .title-article01 .update-time .txt:before{top:2px;opacity:0.5;} .article-wrap02 .ico-type02-view01{display:inline-block;margin-left:-4px;padding-left:25px;padding:7px 0 7px 25px;font-size:13px;line-height:16px;letter-spacing:0;color:var(--font-color004);} .article-wrap02 .ico-type02-view01:before{left:0;top:50%;width:21px;height:15px;margin-top:-7px;background-position:-400px -100px;} .article-wrap02 .story-news>p, .article-wrap02 .story-news>span{font-size:17px;} .story-news{max-width:none;} .body-ytb-view .story-news>p{margin:0 150px;} /* .story-news>p.txt-copyright{padding-top:0;margin-top:30px;font-size:16px;} */ .subscribe-zone{margin:30px 150px 60px;} .subscribe-zone .txt-type02{position:relative;padding-right:15px;} .subscribe-zone .txt-type02.hide{display:none;} .subscribe-zone .txt-type02 .txt{padding-left:10px;font-weight:500;font-size:14px;vertical-align:middle;color:var(--font-color003);} .subscribe-zone a.txt-type02:after{content:'';display:block;position:absolute;top:50%;right:0;width:9px;height:9px;margin-top:-6px;border:2px solid #000;border-left:0 !important;border-bottom:0 !important;background-image:none; -webkit-transform:rotate(45deg); transform:rotate(45deg);} .ico-type12.nk-now{background:url(../img_v02/sprites_nk01.png?v=20230908_1449) -201px -1px no-repeat;vertical-align:middle;} @media only screen and (max-width:1024px){ .visual-unit01{margin-top:0;} .visual-unit01 .area{height:auto;margin:20px;} /* 브라우저 넓이별 visual-img 대응 코드 하단에 있음 -- 수정시 같은 클래스명으로 검색해 보기 */ .visual-unit01 .visual-img{height:0;padding-bottom:38%;border-radius:0;background:url(../img_v02/bg_channel_figure_mob_nknow02.png) center 0 / cover no-repeat;} .visual-unit01 .info-box01, .visual-unit01 .info-box02{float:none;} .visual-unit01 .info-box01 .txt{margin-top:-13px;font-size:15px;line-height:1.4;letter-spacing:-0.38px;color:var(--font-color003);} .visual-unit01 .info-box02 .txt-type01 .txt{font-size:12px;line-height:1.42;letter-spacing:-0.3px;color:var(--font-color003);} .visual-unit01 .info-box01:before{width:51px;height:51px;margin-right:5px;background-size:300px auto;background-position:-150px 0;} .visual-unit01 .info-box02{display:inline-block;position:absolute;top:28px;left:57px;} .visual-unit01 .info-box02:before{display:none;} .visual-unit01 .info-box02 a[class*='txt-type']{padding-right:11px;} .visual-unit01 .info-box02 a[class*='txt-type']:after{top:4px;right:0;width:7px;height:7px;border:2px solid var(--font-color003);} .article-wrap02{margin-top:0;} .article-wrap02 .iframe-con{overflow:hidden;display:block;position:relative;width:100%;height:0;padding-top:56.25%;margin-bottom:0;} .article-wrap02 .title-article01{position:relative;box-sizing:border-box;padding:20px 20px 8px;border-bottom:0;margin:0;} .article-wrap02 .title-article01:after{content:'';display:block;clear:both;position:absolute;bottom:0;left:20px;width:-webkit-calc(100% - 40px);width:calc(100% - 40px);height:1px;background-color:#e5e5e5;} .article-wrap02 .title-article01 .tit{font-size:24px;line-height:1.33;letter-spacing:-0.6px;margin-bottom:6px;} .article-wrap02 .title-article01 .update-time{display:inline-block;width:auto;margin-right:20px;font-size:14px;color:var(--font-color004);vertical-align:middle;height:auto;} .article-wrap02 .title-article01 .update-time .txt{display:none;} .article-wrap02 .title-article01 .update-time .txt:before{top:2px;opacity:0.5;} .article-wrap02 .ico-type02-view01{margin-left:-4px;padding:5px 0 5px 25px;line-height:20px;vertical-align:middle;} .subscribe-zone{margin:20px 20px 40px;} .subscribe-zone .txt-type02{padding-right:14px;font-size:11px;color:#999;} .subscribe-zone .ico-type12{overflow:hidden;position:relative;width:40px;height:40px;font-size:1px;color:transparent;} .subscribe-zone .ico-type12.nk-now{background:url(../img_v02/sprites_nk01.png?v=20230908_1449) -159px -1px / 476px auto no-repeat;vertical-align:middle;} .subscribe-zone .ico-type12+.txt{vertical-align:middle;font-size:11px;} .story-news>p{margin:0 20px;} .body-ytb-view .story-news>p{margin:0 20px;} }