@charset "utf-8";

@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+KR&family=Noto+Serif+KR&family=Nanum+Gothic&family=Nanum+Myeongjo&display=swap");


/* Common */
*, *:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
* {margin:0; padding: 0;text-size-adjust: none;-webkit-text-size-adjust: none;}
body {
    font-family: 'Noto Sans KR','Apple SD Gothic Neo','Apple Gothic','AppleGothic','sans-serif','dotum','MapoFlowerIsland','Pretendard Variable';
    font-size:14px;
    line-height:1.6;
    letter-spacing: -0.5px;
    word-spacing: 0px;
    margin:0 auto;
    color:#222222;
    background-color:#FFF;
}

button {background-color: #0000;cursor: pointer;outline:none}
li{list-style:none;}
form,button{border:0; vertical-align:top;}
input{outline: none;border: 0;}
img {border:0;outline: none;
    vertical-align:bottom;
}
em, address{font-style:normal;}
a{color:#222222; text-decoration: none;outline: none;}
a:visited {color: #222222;}
a:active{color: #222222;}
a:hover{text-decoration: none;}
a.visit {}
a.visit:visited {}
a.visit:active{}
a.visit:hover{}
.strong {font-weight: 600;}
input::placeholder {color: #aaaaaa;}

/* 면편집 레이아웃 */
.din {position: relative;clear: both;overflow: hidden;width: 1200px;max-width: 100%;margin: 0 auto;padding:0;}
.din.din100 {width: 100%;} /* 하위 영역에서 폭을 지정할 경우 */
.din.header_121 {min-width: 1200px;}

/* 1단 */
.din.din1 {}
.din.din1 > [data-dinnum] {width:100%;}
.din.din1 > .left {width:50%; float: left;}
.din.din1 > .right {width:50%; margin:15px 0 0 auto;}

/* 2단 1:1 */
.din.din2-11 {}
.din.din2-11 > [data-dinnum] {float:left;width: 50%;margin-bottom: 0;}
.din.din2-11 > [data-dinnum="1"] {padding-right: 30px;}
.din.din2-11 > [data-dinnum="2"] {padding-left: 30px;}

/* 2단 1:2 */
.din.din2-12 {}
.din.din2-12 > [data-dinnum] {float:left;}
.din.din2-12 > [data-dinnum="1"] {width: 300px;padding-right: 20px;}
.din.din2-12 > [data-dinnum="2"] {width: calc(100% - 300px);padding-left: 20px;}
.din.din2-12.dinnum1-360 {}
.din.din2-12.dinnum1-360 > [data-dinnum="1"] {width: 360px;padding-right: 0px;}
.din.din2-12.dinnum1-360 > [data-dinnum="2"] {width: calc(100% - 360px);padding-left: 20px;}

/* 2단 2:1 */
.din.din2-21 {}
.din.din2-21 > [data-dinnum] {float:left;}
.din.din2-21 > [data-dinnum="1"] {width: calc(100% - 300px);padding-right: 20px;}
.din.din2-21 > [data-dinnum="2"] {display: block;float: right;width: 300px;padding-left: 20px;}
.din.din2-21 > [data-dinnum="1"] > .din {width: 100%;}
.din.din2-21 > [data-dinnum="1"] > .din.din2-21 > [data-dinnum="1"] {float: left;width: calc(100% - 240px);padding-right: 20px;border: 0;}
.din.din2-21 > [data-dinnum="1"] > .din.din2-21 > [data-dinnum="2"] {float: right;width: 240px;padding-left: 20px;border: 0;}
.din.din2-21 > [data-dinnum="1"] > .din.din2-12 > [data-dinnum="1"] {float: left;width: 240px;padding-right: 20px;border: 0;}
.din.din2-21 > [data-dinnum="1"] > .din.din2-12 > [data-dinnum="2"] {float: right;width: calc(100% - 240px);padding-left: 0;}
/* .din.din2-21 > [data-dinnum="1"] > .din:first-child {padding-bottom: 41px;} */
/* .din.din2-21 > [data-dinnum="1"] > .din {padding-bottom: 45px;margin-bottom: 0 !important;} */
.din.din2-21 > [data-dinnum="1"] > .din:last-child {border-bottom: 0;padding-bottom: 0;}

/* 3단 1:1:1 */
.din.din3-111 {}
/* .din.din3-111 > div > div {margin-bottom:25px} */
.din.din3-111 > [data-dinnum] {float:left;}
.din.din3-111 > [data-dinnum="1"], .din.din3-111 > [data-dinnum="2"], .din.din3-111 > [data-dinnum="3"] {width:31%;}
.din.din3-111 > [data-dinnum="2"] {margin: 0 3.2%;}

/* 3단 1:2:1 */
.din.din3-121 {}
.din.din3-121 > [data-dinnum] {float:left;}
.din.din3-121 > [data-dinnum="1"] {width:25%;}
.din.din3-121 > [data-dinnum="2"] {width:50%;padding:0 20px;}
.din.din3-121 > [data-dinnum="3"] {width:25%;}

[data-dinnum] > .din {width: 100%;}
[data-dinnum] > * {overflow: hidden;}
/* [data-dinnum] > *:last-child {margin-bottom: 0;} */

/* 4단 1:1:1 */
.din.din4-1111 {display:flex;}
.din4-1111>[data-dinnum] {width:25%; padding: 10px;}
.din4-1111>[data-dinnum]:first-child {padding-left: 0;}
.din4-1111>[data-dinnum]:last-child {padding-right: 0;}


/* 4단 1:1:1 */
.din.din5-11111 {display:flex;}
.din5-11111>[data-dinnum] {width:20%; padding: 10px;}
.din5-11111>[data-dinnum]:first-child {padding-left: 0;}
.din5-11111>[data-dinnum]:last-child {padding-right: 0;}

.width900 {width: 900px;margin: 0 auto;}

/* 단 border */
.border-top {border-top: 1px solid #ccc;}
.border-bottom {border-bottom: 1px solid #ccc;margin-bottom: 30px;}
.border-right {border-right: 1px solid #ccc;}
.border-left {border-left: 1px solid #ccc;}  
.border-top-2 {border-top: 2px solid #333;}

.border-right-num1, .border-left-num2 {display:flex;}
.border-right-num1 > [data-dinnum], .border-left-num2 > [data-dinnum] {display: block;}
.border-right-num1 > [data-dinnum="1"] {border-right: 1px solid #e0e0e0;}
.border-left-num2 > [data-dinnum="2"] {border-left: 1px solid #e0e0e0;}
.din.din2-21.border-right-num1 > [data-dinnum="1"] {width: calc(100% - 330px) !;padding-right: 30px;}
.din.din2-21.border-right-num1 > [data-dinnum="2"] {width: 330px;padding-left: 30px;} 
.din.din2-21.border-left-num2 > [data-dinnum="1"] {width: calc(100% - 330px);padding-right: 30px;}
.din.din2-21.border-left-num2 > [data-dinnum="2"] {width: 330px;padding-left: 30px;} 

/* 단 배경색 */
.bg_black {background-color: #000;}

/* popup */
.popup {min-width: 250px;display: flex;flex-direction: column;}
.popup.layer {position: fixed;z-index: 1000;border: 1px solid #000000;background-color: #ffffff;}
.popup .popup_content {width: 100%;height: calc(100% - 30px);overflow: auto;}
.popup img {max-width: 100%;}
.popup .popup_footer {height: 30px;line-height: 30px;padding-left: 10px;}
.popup .popup_footer button {background-color: #000000;color: #ffffff;float: right;height: 30px;padding: 3px;cursor: pointer;}

/* margin */
.mg-bt-100 {margin-bottom: 100px;}
.mg-bt-90 {margin-bottom: 90px;}
.mg-bt-40 {margin-bottom: 40px;}
.mg-bt-30 {margin-bottom: 30px;}
.mg-bt-20 {margin-bottom: 20px;}
.mg-tp-100 {margin-top: 100px;}
.mg-tp-90 {margin-top: 90px;}
.mg-tp-40 {margin-top: 40px;}
.mg-tp-30 {margin-top: 30px;}
.mg-tp-20 {margin-top: 20px;}

/* padding */
.pd-bt-90 {padding-bottom: 90px;}
.pd-bt-50 {padding-bottom: 50px;}
.pd-bt-40 {padding-bottom: 40px;}
.pd-bt-30 {padding-bottom: 30px;}
.pd-bt-20 {padding-bottom: 20px;}
.pd-tp-180 {padding-top: 180px;}
.pd-tp-100 {padding-top: 100px;}
.pd-tp-90 {padding-top: 90px;}
.pd-tp-60 {padding-top: 60px;}
.pd-tp-50 {padding-top: 50px;}
.pd-tp-40 {padding-top: 40px;}
.pd-tp-30 {padding-top: 30px;}
.pd-tp-20 {padding-top: 20px;}
.pd-tp-10 {padding-top: 10px;}

.flex-end {display: flex;align-items: flex-end;}
.overflow-visible {overflow: visible !important;}

.scroll_layer_left {z-index: 1000;position: fixed;top: 300px;right: 50%;width: 150px !important;max-width: max-content;margin-right: 620px;}
.scroll_layer_right {z-index: 1000;position: fixed;top: 300px;left: 50%;width: 150px !important;max-width: max-content;margin-left: 620px;}

/* header s  ============================================================================================================================================================*/
header {width: 1200px;margin: 0 auto}

/* #menu s */
#menu {position:fixed; right:-305px; top:0; width:300px; height:100%; background-color:#FFF; z-index:1002; font-size:10px; overflow-y:auto;border-left:1px solid #ddd;box-shadow: 2px 2px 8px rgb(0,0,0,0.1);overflow-y: auto;overflow-x: hidden;}
#menu::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #F5F5F5;}
#menu::-webkit-scrollbar{width: 3px;background-color: #F5F5F5;}
#menu::-webkit-scrollbar-thumb{background-color: #888;}
#menu .menu_wrap {}
#menu .top {position:relative; height:80px; background:#fff;}
#menu .top .menu_logo { position: absolute; left: 20px; top: 50%; margin-top: -13px; width:80px;}
#menu .top .menu_logo img {width:100%; height:auto;}
#menu .top .menu_close_wrap {margin:0 20px; text-align:right;}
#menu .top .menu_close {position:absolute; right:10px; top:50%; margin-top:-12px; cursor:pointer; width:20px;}
#menu .top .menu_close img {width: 20px;opacity: 0.6;}
#menu .menu_onedepth {background-color:#fff; padding:0 5px; position:relative;}
#menu .menu_onedepth p {font-size:14px; font-weight:normal; padding:4% 20px;}
#menu .menu_onedepth .menu_close {position:absolute; right:15px; top:50%; margin-top:-9px; cursor:pointer; width:18px;}
#menu #lnb {background-color:#FFF;}
#menu #lnb:after {content:''; display:block; clear:both;}
#menu #lnb ul {width:100%;display: inline-table;}
#menu #lnb ul:after {content:''; display:block; clear:both;}
#menu #lnb ul.br {border-right:1px solid #eee;}
#menu #lnb ul li {display: inline-flex;align-items: center;width:50%;height: 45px;font-size:16px; border-bottom:1px solid #eeeeee; background:#fff;border-right: 1px solid #eeeeee;}
#menu #lnb ul li:first-child {width:100%;}
#menu #lnb ul li.title {background-color:#fff; font-weight:bold; border-bottom:1px solid #888; padding:8px 0 8px 20px;}
#menu #lnb ul li.title a {color:#333333}
#menu #lnb ul li a {width: 100%;display: flex;justify-content: space-between;align-items: center;padding: 0 17px;line-height: 1.1;color:#222;margin-right: auto;cursor: pointer;}
#menu #lnb ul li a .arr {width: 9px;}
#menu #lnb .titlebg {border-bottom: 3px solid #f69032;width: 100%;height: 33px;background: url(https://img.kukinews.com/img/bg/title-bg.png) no-repeat left;background-size: auto 100%;}
#menu #lnb .titlebg a {padding-left: 17px;color: #FFF;font-size: 18px;line-height: 1.1;}
#menu #lnb ul .plus span {width:80%; color:#666666; display:block; padding:8px 0 8px 20px; float: left;}
#menu #lnb ul .plus a {width:20%; float: left; padding-left: 0;}
#menu #lnb .sub-menu {position: relative !important;height: 44px !important;width: 280px !important;padding-top: 0 !important;display: inline-table;}
#menu #lnb .sub-menu li {padding-left: 20px; background: #fff;}
#menu #lnb .sub-menu li a {color:#888888}
#menu #lnb .sub-menu li:first-child{width:50%;}
#menu #lnb .sub-menu li a{padding-left:3px;}

#menu .kukimedia {padding:0; background:transparent; margin:5px 0;}
#menu .kukimedia h2 {display:none; font-size:14px; color:#333; background:#fff; margin:0; padding:10px 20px; font-weight:normal;}
#menu .kukimedia ul {padding:0; }
#menu .kukimedia ul:after {content:''; display:block; clear:both;}
#menu .kukimedia ul li {float:left; width:100%; text-align:center; background-color:#f8f8f8;border-bottom: 1px solid #ddd;}
#menu .kukimedia ul li:last-child {border: 0;}
#menu .kukimedia ul li .thumb {width:80%; margin:0 auto; display:block; height:40px; line-height:40px;}
#menu .kukimedia ul li img {width:90px;height: auto;vertical-align:middle;}
#menu .kukimedia ul li p {font-size:12px; margin-top:5px; color:#333;}

/* 쿠키 유튜브채널 */
#menu .kukiyoutube {padding:10px;}
#menu .kukiyoutube .title {display: flex;align-items: center;margin-bottom: 5px;}
#menu .kukiyoutube .title span {font-size: 15px;font-weight: bold;margin-left: 5px;}
#menu .kukiyoutube .title img {width: 33px;}
#menu .kukiyoutube ul {display: flex;padding: 0 10px;margin-bottom: 8px;}
#menu .kukiyoutube ul li {width: fit-content;font-size: 15px;color: #444;line-height: 1.1;}
#menu .kukiyoutube ul li:not(:last-child)::after {position: relative;display: inline-block;content: '｜';font-size: 13px;margin: 0 5px;}
#menu .kukiyoutube ul li a {}
#menu .kukiyoutube .article {margin-top: 5px;}
#menu .kukiyoutube .article .thumb {width: 276px;height: 200px;background-color: #ddd;}
#menu .kukiyoutube .article .thumb iframe {width: 100% !important;}

/* 쿠키 카카오채널 */
#menu .kukikakao {padding:10px;}
#menu .kukikakao .title {display: flex;align-items: center;margin-bottom: 5px;}
#menu .kukikakao .title span {font-size: 15px;font-weight: bold;margin-left: 5px;}
#menu .kukikakao .title img {width: 33px;}
#menu .kukikakao ul {display: flex;padding: 0 10px;margin-bottom: 8px;}
#menu .kukikakao ul li {width: fit-content;font-size: 15px;color: #444;line-height: 1.1;}
#menu .kukikakao ul li:not(:last-child)::after {position: relative;display: inline-block;content: '｜';font-size: 13px;margin: 0 5px;}
#menu .kukikakao ul li a {}

/* 쿠키sns */
#menu .kukisns {padding: 5px 10px;}
#menu .kukisns ul {display: flex;flex-wrap: wrap;}
#menu .kukisns ul li {width: 50%;padding: 5px 0;}
#menu .kukisns ul li a {display: flex;align-items: center;}
#menu .kukisns ul li a span {font-size: 15px;font-weight: bold;margin-left: 5px;}
#menu .kukisns ul li a .icon {width: 33px;}

/* menu footer */
#menu .footer {width:100%; padding:10px 0 10px 0;}
#menu .footer {padding:10px 0 10px 0;}
#menu .footer .ft_sns {margin:5px 0 10px 0; text-align:center;}
#menu .footer .ft_sns img {width:13%;}
#menu .footer .ft_sns .sns_p {margin:0 15px;}
#menu .footer .shortcut {font-size:1.1em; color:#fff; text-align:center;}
#menu .footer .shortcut a {color:#fff;}
#menu .footer .copyright {font-size:10px; color:#bababa; margin-bottom:5px; margin-top:5px; text-align:center;}
#menu .footer .copyright:after {content:''; display:block; clear:both;}
#menu .footer .copyright .copy {float:left; padding:0 10px; line-height:25px; vertical-align: middle; color:#555;}
#menu .footer .copyright .pc_mode {float:right; margin-right:5px; }
#menu .footer .copyright .pc_mode a {display:inline-block; color:#fff; vertical-align: middle; font-size:12px; height: 25px; line-height: 23px; padding: 0 7px; color: #e1e1e1; background:#888;}
#menu .footer .mode_chg {padding:0 2%; text-align:center;}
#menu .footer .mode_chg span {display:inline-block; width:31%; padding:5px 0; border:1px solid #eee; background-color:#fff; font-size:1em; color:#c3c3c3; text-align:center;} 
#menu #lnb ul.sub-menu li {padding-left: 20px; background: #fff;}
#menu .footer .mode_chg span + span {margin-left:-4px;}
.haveSub.on img{transform: rotate(90deg);}
#menu #lnb .sub-menu {position: relative !important;height: 44px !important;width: 280px !important;padding-top: 0 !important;display: inline-table;}
#menu #lnb .sub-menu li {padding-left: 20px; background: #fff;}
#menu #lnb .sub-menu li a {color:#888888}
#menu .plus{display: inline-flex;font-size: 16px;margin:0;align-items: center;}
#menu .plus.titlebg {border-bottom: 3px solid #f69032;width: 100%;height: 33px;background: url(https://img.kukinews.com/img/bg/title-bg.png) no-repeat left;background-size: auto 100%;}
#menu .plus.titlebg span {padding-left: 17px;color: #FFF;font-size: 18px;line-height: 1.1;}
#menu .rankList{width: 100%;font-size: 16px; background: #fff;}
#menu .rankList li{width:100%;background: #fff;display: inline-flex;align-items: center;height: 65px;}
#menu .rankList li:last-child{border-bottom:0;}
#menu .rankList .num {font-weight: bold; margin-left: 20px;}
#menu .rankList .title { width: 100%;font-size: 16px;white-space: normal;line-height: 1.4;
	overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;word-break: break-all;padding:0 15px 0 7px;}
.seliasList {padding: 0 10px;background-color:#fff;font-size:14px;display: flex;margin-bottom:12px;width:100%;}
#menu #lnb {margin-bottom: 30px;}
.seliasList:last-child {margin-bottom: 0;padding-bottom: 30px;}
.seliasList .thumbnail img {height: 55px;width: 70px;}
.seliasList .cont {margin-left: 6px;}
.seliasList .cont .grpName{color:#ffa315;}
.seliasList .cont .title{padding-right:5px;overflow: hidden;height: 36px;line-height: 1.3;word-break: keep-all;text-overflow: ellipsis;}
/* menu e */
/* header e ============================================================================================================================================================*/

/* main */
main {width: 1200px;margin: 0 auto;padding: 30px 0;}

/* footer s ============================================================================================================================================================*/
footer {width: 100%;margin: 0 auto;white-space: nowrap;min-width: 1200px;}
.footer-wrap .td-container {width: 1200px;margin-right: auto;margin-left: auto;}
.copyright_v2 {width: 100%;position: relative; margin: 0 auto;border-top: 2px solid #4c4c4c;margin-top: 20px;}
.copyright_v2 .logo_v2 {position: absolute;top: 35px;}
.copyright_v2 .menu_v2 {float: right;width: 1072px;padding: 12px 0 0 12px;}
.copyright_v2 .menu_v2 ul li {padding: 0 10px 0 15px;color: #9a9a9a;line-height: 24px;}
.copyright_v2 .powered_v2 { border-top: 1px solid #ececec;color: #828282;width: 100%;margin-top: 17px;padding-top: 5px;height: 53px;}
.copyright_v2 .powered_v2 .inc { position: absolute;}
.copyright_v2 .powered_v2 .copyright {text-align: center;padding-top: 15px;}
/* footer e ============================================================================================================================================================*/


/* region 관련 클래스 */
.hide_region, .region_header_banner {display: none;}
.right_newsview .region_right {display: block;}
.header_banner .region_header_banner {display: block;}