@charset "utf-8";
@import url(reset.css);
@import url(notosanskr.css);
@import url(notoserif.css);

/* reset */
*{box-sizing:border-box; font-style:normal;}
*:after{box-sizing:border-box;}

html, body{width:100%; height:100%; margin:0; padding:0;}
body{overflow:visible; line-height:1; font-size:16px; color:#111; font-weight:500; letter-spacing:-0.32px; font-family:'NotoSansKR', 'Malgun Gothic', sans-serif; -webkit-font-smoothing:antialiased; background-color:#fff; }
body.noscroll{overflow:hidden;}
a:link,a:hover,a:active,a:focus,a:visited{color:inherit; text-decoration:none; border:0; outline:0; -webkit-tap-highlight-color:transparent; }
button:hover,button:active,button:focus,button:visited{color:inherit; text-decoration:none; outline:0; -webkit-tap-highlight-color:transparent;}
a.disabled{pointer-events:none; color:#999 !important;}
ul, ol{list-style-type:none; margin:0; padding:0;}
dl, dt, dd, p{margin:0; padding:0;}
b, strong{font-weight:900; font-family:'NotoSansKR';}
span,em{}
h1, h2, h3, h4, h5, h6{margin:0; padding:0; font-weight:700;}
img{border:0;}
select{height:auto; padding-left:0; font-weight:500; border-radius:0; }
select:hover,
select:focus{outline:none;}
select option{outline:none !important; border:0;}
input{-webkit-appearance:none; -webkit-border-radius:0;}
/*input:focus{border-color:#60AEFF; outline:#60AEFF;}*/
select[disabled]{background-color:#F0F0F2; color:#BDBDBF;}
button[disabled]{color:#BDBDBF; background-color:#F0F0F2;}
button.disabled{color:#BDBDBF; background-color:#F0F0F2;}
input[type='checkbox'],
input[type='radio']{width:auto; height:auto; vertical-align:middle;}
input[type='tel'].pwnew, input.pwnew{-webkit-text-security:disc; font-family:'text-security-disc'; text-security:disc; -mox-text-securtiy:disc;}
/* fieldset */
fieldset{margin:0; padding:0; border:0;}
legend{overflow:hidden; width:0; height:0; font-size:0; line-height:0; opacity:0;}
/* button - reset */
button{cursor:pointer; font-size:16px; font-weight:500; outline:0; border:0; font-family:'NotoSansKR', Dotum, '돋움', sans-serif; background-color:#595959; color:#fff;}
div:focus,div:hover{outline:0;}
/* label */
label{display:inline-block; vertical-align:middle; cursor:pointer;}
/* placeholder */
::placeholder{color:#BDBDBF !important; opacity:1; font-size:14px !important;}
:-ms-input-placeholder{color:#BDBDBF;}
::-ms-input-placeholder{color:#BDBDBF;}
/* table */
table{width:100%; margin:0; border:0; table-layout:fixed; border-collapse:collapse; empty-cells:show;}
table caption{overflow:hidden; width:0; height:0; font-size:0; line-height:0; opacity:0; visibility:hidden;}
table th,table td{padding:0; text-align:left;}
video,iframe{border:none; outline:none;}
#renewal2023 #header.scroll .head .logo .overhide{overflow:hidden;}
select, input{-webkit-appearance:none; -moz-appearance:none; appearance:none;}

/*scrollbar
파폭용 : scrollbar-width:none;
IE용 : -ms-overflow-style:none;
*/

[v-cloak] {display:none;} /*vue.js*/
/*-------------------------------------------
	common
-------------------------------------------*/
.u_skip{display:inline-block;overflow:hidden;position:absolute;width:1px;height:1px;font-size:1px;line-height:1px;text-indent:4px;white-space:nowrap}
.hide,.blind{position:absolute; width:1px; height:1px; top:0; left:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;}

.mb24{margin-bottom:24px !important;}
.mb60{margin-bottom:60px !important;}
.mb90{margin-bottom:90px !important;}
.sectBox:not(.type03) div.component{display: contents;} /* 컴포넌트 포함 */
/*--------------------------------
 header
--------------------------------*/
#renewal2023 #header{position:fixed; top:0; left:0; width:100%; background-color:#fff; z-index:99;}
#renewal2023 #header .topBar{display:flex; position:relative; height:48px; border-bottom:1px solid #EBEBEB;}
#renewal2023 #header .topBar .quickBtn{display:block; width:48px; height:48px; background:url('/resources/images/2023/btn_menu.png') 50% no-repeat; background-size:48px 48px;}
#renewal2023 #header .topBar .btnSe{display:block; width:48px; height:48px; background:url('/resources/images/2023/ic_search.png') 50% no-repeat; background-size:24px 24px;}
#renewal2023 #header .topBar .searchBox{position:relative;}
#renewal2023 #header .topBar .searchBox .searchForm{padding:8px 0; display:flex; position:relative;}
#renewal2023 #header .topBar .searchBox .searchForm .searchInput{width:315px; height:32px; padding:0 12px; border:1px solid #EBEAEA; background-color:#F8F8F8; outline:none; font-size:12px; font-weight:400;}
#renewal2023 #header .topBar .searchBox .searchForm .searchInput::placeholder{color:#858585 !important; opacity:1; font-size:12px !important;}
#renewal2023 #header .topBar .searchBox .searchForm .searchInput:-ms-input-placeholder{color:#858585;}
#renewal2023 #header .topBar .searchBox .searchForm .searchInput::-ms-input-placeholder{color:#858585;}
#renewal2023 #header .topBar .searchBox .searchForm .searchBtn{width:32px; height:32px; background-color:#111; color:#fff; text-align:center; font-size:13px; margin-left:4px;}
#renewal2023 #header .topBar .searchBox .searchForm .relativeSearch{display:none; position:absolute; top:47px; left:0; width:100%; background:#fff; border:1px solid #EBEBEB;}
#renewal2023 #header .topBar .searchBox .searchForm .relativeSearch li{padding:6px 12px; color:#858585;}
#renewal2023 #header .topBar .searchBox .searchForm .relativeSearch li a{display:block; font-size:12px; line-height:17px; color:#858585; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
#renewal2023 #header .topBar .btnBox{display:flex; position:absolute; top:0; right:0;}
#renewal2023 #header .topBar .btnBox a{display:block; line-height:48px; margin-right:20px; color:#808080; font-size:12px;}
#renewal2023 #header .topBar .btnBox a:last-child{margin-right:0;}
#renewal2023 #header .topBar .btnBox a.kcampus{width:56px; height:48px; background:url('/resources/images/2023/gnb_logo1.png') 50% no-repeat; background-size:56px 24px;}
#renewal2023 #header .topBar .btnBox a.celeb{width:54px; height:48px; margin-right:40px; background:url('/resources/images/2023/gnb_logo2_new.png') 50% no-repeat; background-size:54px 24px;}
#renewal2023 #header .topBar .btnBox a.youtube{width: 38px;height:48px;background:url('/resources/images/2023/gnb_logo3.png') 50% no-repeat;background-size: 38px 24px;}

#renewal2023 #header .head{display:flex; align-items:center; justify-content:safe flex-start; height:134px; background:url('/resources/images/2023/patturn-bar.png') 0 100% no-repeat;}
#renewal2023 #header .head .logo{width:168px; height:102px; background:url('/resources/images/2023/logo_kjd.png') no-repeat; background-size:168px 102px;}
#renewal2023 #header .head .logo a{display:block; width:100%; height:102px;}
#renewal2023 #header .head .newTime{width:150px; height:42px; margin-left:44px; background:url('/resources/images/2023/logo_nyt.png') no-repeat; background-size:150px 42px;}
#renewal2023 #header .head .newTime a{display:block; width:150px; height:42px;}
#renewal2023 #header .head .menuBox{display:flex; margin-left:auto;}
#renewal2023 #header .head .menuBox a{display:block; font-size:16px; line-height:20px; margin-left:32px; font-weight:900;}

#renewal2023 #header.scroll .head{background:none; height:80px; border-bottom:1px solid #333;}
#renewal2023 #header.scroll .head .logo{width:247px; height:26px; background:url('/resources/images/2023/logo_kjd_scroll.png') no-repeat; background-size:247px 26px;}
#renewal2023 #header.scroll .head .newTime{display:none;}
#renewal2023 #header.scroll .head .menuBox{display:flex; margin-left:auto;}
#renewal2023 #header.scroll .head .menuBox a{display:block; font-size:16px; line-height:20px; margin-left:32px; font-weight:900;}

#renewal2023 .openMenu{display:none; position:fixed; top:47px; left:0; width:100%; height:100%; z-index:99;} /*182px*/
#renewal2023 .openMenu.scroll{top:128px;}
#renewal2023 .openMenu.act{display:block;}
#renewal2023 .openMenu .siteMap{margin-bottom:60px; padding-bottom:60px; position:relative; z-index:3; background-color:#fff; box-shadow:0px 8px 16px rgba(0, 0, 0, 0.1);}
#renewal2023 .openMenu .siteMap .title{display:block; width:355px; height:37px; background:url('/resources/images/2023/openMneu_logo.png') 50% no-repeat; background-size:355px 37px; margin:10px auto 56px; padding-bottom:0;}
#renewal2023 .openMenu .searchBox{display:none;}
#renewal2023 .openMenu .closeMenu{position:absolute; top:0; left:0; width:100%; height:100%; background:transparent; z-index:1;}
/*--------------------------------
 container
--------------------------------*/
#renewal2023 .layOut{position:relative; width:1160px; margin:auto;}
#renewal2023 #container{padding-top:182px;}

#renewal2023 .specialBox{width:100%; margin-bottom:44px; position:relative; padding-left:144px; border-bottom:4px solid #F6330A;}
#renewal2023 .specialBox .titleArea{position:absolute; top:16px; left:0; width:144px; z-index:2;}
#renewal2023 .specialBox .titleArea:before{position:absolute; top:0; right:0; background-color:#E5E5E5; width:1px; height:48px; content:"";}
#renewal2023 .specialBox .titleArea .title{margin-bottom:4px; font-weight:900; font-size:16px; line-height:24px; color:#F6330A;}
#renewal2023 .specialBox .titleArea .day{font-size:14px; line-height:21px; color:#666;}
#renewal2023 .specialBox .overBox{width:100%; height:84px; overflow-x:auto;}
#renewal2023 .specialBox .overBox .inBox{display:flex; height:84px; align-items:center;}
#renewal2023 .specialBox .overBox .inBox .item{position:relative; height:48px; padding-left:24px;}
#renewal2023 .specialBox .overBox .inBox .item:after{position:absolute; top:0; left:0; background-color:#E5E5E5; width:1px; height:48px; content:"";}
#renewal2023 .specialBox .overBox .inBox .item:nth-child(1){width:203px;}
#renewal2023 .specialBox .overBox .inBox .item:nth-child(1):after{display:none;}
#renewal2023 .specialBox .overBox .inBox .item:nth-child(2){width:203px;}
#renewal2023 .specialBox .overBox .inBox .item:nth-child(3){width:303px;}
#renewal2023 .specialBox .overBox .inBox .item:nth-child(4){width:303px;}
#renewal2023 .specialBox .overBox .inBox .item .tit{margin-bottom:4px; font-weight:900; font-size:16px; line-height:24px;}
#renewal2023 .specialBox .overBox .inBox .item .tit span{white-space:nowrap;}
#renewal2023 .specialBox .overBox .inBox .item .txt{font-size:14px; line-height:21px; color:#666;}

#renewal2023 #container section{display:flex; justify-content:space-between; flex-wrap:wrap; position:relative;}
#renewal2023 #container section .sectBox .mTitle{position:relative;margin-bottom:4px;}
#renewal2023 #container section .sectBox .mTitle a{display:block; font-size:18px; line-height:27px; font-weight:900; padding-top:8px;}
#renewal2023 #container section .sectBox .mTitle a span{display:inline-block; padding-right:23px; background:url('/resources/images/2023/ic_arrow_b_16.png') 100% 8px no-repeat; background-size:16px 16px;}
#renewal2023 #container section .leftArea{width:784px;}
#renewal2023 #container section .sectBox.btl{border-top:2px solid #333;}
#renewal2023 #container section .sectBox .itemBox{display:flex; flex-wrap:wrap; position:relative;}
#renewal2023 #container section .sectBox .itemBox .item{position:relative; width:100%;}
#renewal2023 #container section .sectBox .itemBox .item .img{overflow:hidden; background-color:#F8F8F8; position:relative;}
#renewal2023 #container section .sectBox .itemBox .item .img img{width:100%;display:block;position:absolute;top: 50%;left:50%;transform: translate(-50%, -50%);}
#renewal2023 #container section .sectBox .itemBox .item .tit{white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; font-family:'NotoSerif';}
#renewal2023 #container section .sectBox .itemBox .item .txt{white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}

#renewal2023 #container section .sectBox.type01{margin-bottom:60px;}
#renewal2023 #container section .sectBox.type01 .itemBox{justify-content:space-between;}
#renewal2023 #container section .sectBox.type01 .itemBox .item{width:240px; margin-left:32px;}
#renewal2023 #container section .sectBox.type01 .itemBox .item:nth-child(2){margin-left:0;}
#renewal2023 #container section .sectBox.type01 .itemBox div.component:nth-child(2) .item{margin-left:0;} /* 컴포넌트 포함 */
#renewal2023 #container section .sectBox.type01 .itemBox .item .img{width:240px; height:165px;}
#renewal2023 #container section .sectBox.type01 .itemBox .item .tit{font-size:18px; font-weight:900; line-height:26px; padding-top:12px;}
#renewal2023 #container section .sectBox.type01 .itemBox .item .txt{display:none;}
#renewal2023 #container section .sectBox.type01 .itemBox .item.big{padding-left:470px; width:100%; position:relative; min-height:300px; margin:0 0 32px 0;}
#renewal2023 #container section .sectBox.type01 .itemBox .item.big .img{width:450px; height:300px; position:absolute; top:0; left:0;}
#renewal2023 #container section .sectBox.type01 .itemBox .item.big .tit{padding-top:0; -webkit-line-clamp:3; font-size:30px; line-height:40px; font-weight:900; margin-bottom:16px;}
#renewal2023 #container section .sectBox.type01 .itemBox .item.big .txt{font-size:15px;line-height:22px;display:-webkit-box;font-family: 'NotoSansKR', 'Malgun Gothic', sans-serif;font-weight:500;}

#renewal2023 #container section .sectBox.type02{margin-bottom:60px;}
#renewal2023 #container section .sectBox.type02 .itemBox.headLine{flex-direction:column; padding-left:408px; margin-bottom:34px;}
#renewal2023 #container section .sectBox.type02 .itemBox.headLine .item{padding-right:152px; min-height:125px; border-bottom:1px solid #EBEBEB;}
/*#renewal2023 #container section .sectBox.type02 .itemBox.headLine .item:last-child{border-bottom:0;}*/
#renewal2023 #container section .sectBox.type02 .itemBox.headLine div.component:last-child .item{border-bottom:0;}/* 컴포넌트 포함 */
#renewal2023 #container section .sectBox.type02 .itemBox.headLine .item .img{width:140px; height:93px; position:absolute; top:16px; right:0;}
#renewal2023 #container section .sectBox.type02 .itemBox.headLine .item .tit{-webkit-line-clamp:3; font-size:18px; font-weight:900; line-height:26px; padding-top:12px;}
#renewal2023 #container section .sectBox.type02 .itemBox.headLine .item .txt{display:none;}
#renewal2023 #container section .sectBox.type02 .itemBox.headLine .item.big{width:376px; position:absolute; top:16px; left:0; border-bottom:0; padding-right:0;}
#renewal2023 #container section .sectBox.type02 .itemBox.headLine .item.big .img{position:relative; top:0; width:376px; height:251px;}
#renewal2023 #container section .sectBox.type02 .itemBox.headLine .item.big .tit{-webkit-line-clamp:2; font-size:24px; line-height:34px; font-weight:900;}

#renewal2023 #container section .sectBox.type02 .itemBox.list01{justify-content:space-between; padding-top:20px; border-top:1px solid #EBEBEB;}
#renewal2023 #container section .sectBox.type02 .itemBox.list01 .item{width:calc(50% - 12px); padding-left:192px; min-height:120px; margin-top:30px;}
#renewal2023 #container section .sectBox.type02 .itemBox.list01 .item .img{width:180px; height:120px; position:absolute; top:0; left:0;}
#renewal2023 #container section .sectBox.type02 .itemBox.list01 .item .tit{font-size:16px; font-weight:900; line-height:23px;-webkit-line-clamp:4;} /* 20230707 제목 줄 수 수정 */
#renewal2023 #container section .sectBox.type02 .itemBox.list01 .item .txt{font-size:14px; line-height:21px; color:#666; padding-top:10px;}

#renewal2023 #container section .sectBox.type03 .itemBox{justify-content:space-between; padding-top:16px; margin-bottom:60px;}
#renewal2023 #container section .sectBox.type03 .itemBox .item{width:calc(50% - 16px);}
#renewal2023 #container section .sectBox.type03 .itemBox .item .img{width:100%; height:210px;}
#renewal2023 #container section .sectBox.type03 .itemBox .item .tit{font-size:18px; font-weight:700; line-height:24px; padding-top:12px;}

#renewal2023 #container section .sectBox.type04 .itemBox{justify-content:space-between; margin-bottom:60px;}
#renewal2023 #container section .sectBox.type04 .itemBox .item{width:calc(50% - 12px); padding-left:132px; min-height:120px; margin-top:30px;}
#renewal2023 #container section .sectBox.type04 .itemBox .item:nth-child(1){margin-top:16px;}
#renewal2023 #container section .sectBox.type04 .itemBox .item:nth-child(2){margin-top:16px;}
#renewal2023 #container section .sectBox.type04 .itemBox .item .img{width:120px; height:120px; position:absolute; top:0; left:0;}
#renewal2023 #container section .sectBox.type04 .itemBox .item .tit{font-size:16px; font-weight:900; line-height:23px;}
#renewal2023 #container section .sectBox.type04 .itemBox .item .txt{font-size:14px; line-height:21px; color:#666; padding-top:10px;}

#renewal2023 #container section .sectBox.type05 .itemBox{justify-content:space-between; padding-top:16px; margin-bottom:60px;}
#renewal2023 #container section .sectBox.type05 .itemBox .item{width:calc(100%/3 - 16px);}
#renewal2023 #container section .sectBox.type05 .itemBox .item .img{width:100%; height:130px; border:1px solid #D9D9D9;}
#renewal2023 #container section .sectBox.type05 .itemBox .item .tit{font-size:18px; font-weight:900; line-height:26px; padding-top:12px;}
#renewal2023 #container section .sectBox.type05 .itemBox .item .txt{font-size:14px; line-height:21px; color:#858585;}

#renewal2023 #container section .sectBox.type06 .itemBox{justify-content:space-between; padding-top:16px; margin-bottom:60px; height:208px; overflow:hidden;}
#renewal2023 #container section .sectBox.type06 .itemBox .item{width:calc(100%/5 - 15px);}
#renewal2023 #container section .sectBox.type06 .itemBox .item .img{width:100%; height:138px;}
#renewal2023 #container section .sectBox.type06 .itemBox .item .tit{font-size:16px; font-weight:900; line-height:23px; padding-top:8px;min-height: 54px;}   /* 2023-03-28 수정, 라인 전체 기사 제목이 한 줄일 경우 6번째 기사 영역 일부 노출되는 현상 수정 */

#renewal2023 #container section .rightArea{width:320px;}
#renewal2023 #container section .rightArea .mTitle{margin-bottom:12px;}
#renewal2023 #container section .rightArea .mTitle a{line-height:24px;}
#renewal2023 #container section .rightArea .mTitle a span{background: url(/resources/images/2023/ic_arrow_b_16.png) 100% 7px no-repeat; background-size:16px 16px;}

.numberList{position:relative; margin-bottom:60px;}
.numberList .numMore{position:absolute; top:18px; right:0; display:flex; bottom:auto; left:auto; z-index:2; width:auto; justify-content:flex-end;}
.numberList .numMore .swiper-pagination-bullet{display:block; width:8px; height:8px; background-color:#E5E5E5; opacity:1; margin-left:6px;}
.numberList .numMore .swiper-pagination-bullet:first-child{margin-left:0;}
.numberList .numMore .swiper-pagination-bullet-active{background-color:#F6330A;}
.numberList .item ul li{border-bottom:1px solid #EBEBEB; padding:14px 0;}
.numberList .item ul li a{display:block; position:relative; padding-left:30px; font-size:16px; line-height:24px; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.numberList .item ul li a span{position:absolute; display:block; top:3px; left:0; width:20px; height:20px; text-align:center; line-height:20px; background-color:#111; border-radius:2px; color:#fff; font-size:13px;}
.numberList.nlty02 .item ul li a span{background-color:#F6330A;}
.numberList.noNumb .item ul li a{padding-left:0;}
.numberList.noNumb .item ul li>span{display:block; padding-bottom:6px; color:#F6330A; font-size:14px; font-weight:700; line-height:24px;}
.numberList.noNumb .item ul li a:after{display:none;}


/*------------ 광고영역 ----------*/
#renewal2023 #container .advertise{width:100%;}
#renewal2023 #container .advertise img,
#renewal2023 #container .advertise iframe{display:block; width:100%; margin:auto;}
#renewal2023 #container .advertise.adv01{margin-bottom:50px;text-align: center;}
#renewal2023 #container .advertise.adv01 img,
#renewal2023 #container .advertise.adv01 iframe{max-width:728px; height:90px;}
#renewal2023 #container .advertise.adv02{position:relative; padding:40px 0; background-color:#F2F2F2; margin-bottom:60px;text-align: center;}  /* 광고 중앙 정렬 추가 */
#renewal2023 #container .advertise.adv02:after{position:absolute; top:13px; left:50%; transform:translate(-50%, 0); font-size:10px; line-height:14px; color:#858585; content:"ADVERTISEMENT"; font-weight:400;}
#renewal2023 #container .advertise.adv02 img,
#renewal2023 #container .advertise.adv02 iframe{max-width:970px; height:250px;}
#renewal2023 #container .advertise.adv03 img,
    /*#renewal2023 #container .advertise.adv03 iframe{max-width:728px; height:90px;}*/
#renewal2023 #container .advertise.adv03 iframe{max-width:728px; height:100px;}
#renewal2023 #container .advertise.adv04{border:1px solid #EBEBEB;}
#renewal2023 #container .advertise.adv04 img,
#renewal2023 #container .advertise.adv04 iframe{max-width:728px; height:600px;}
#renewal2023 #container .advertise.adv05{border:1px solid #EBEBEB;}
#renewal2023 #container .advertise.adv05 img,
#renewal2023 #container .advertise.adv05 iframe{max-width:728px; height:250px;}

.siteMap{width:100%; border-top:1px solid #EBEBEB; padding-top:40px; margin-bottom:50px;}
.siteMap .title{font-size:18px; line-height:18px; font-weight:900; text-align:center; padding-bottom:50px;}
.siteMap .linkBox{display:flex; flex-wrap:wrap;}
.siteMap .linkBox .list{padding:0 0 0 10px; border-right:1px solid #EBEBEB; flex:1;}
.siteMap .linkBox .list:last-child{border-right:0;}
.siteMap .linkBox .list a{display:block;}
.siteMap .linkBox .list dt{position:relative; padding-bottom:16px; font-size:14px; line-height:14px; font-weight:900;}
.siteMap .linkBox .list dt .openBtn{display:none;}
.siteMap .linkBox .list dd{padding-bottom:14px; color:#666; font-size:13px; line-height:13px;}



/* footer */
.container-fluid {width: 100%;padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}
.row {display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-right: -15px;margin-left: -15px;}
.justify-content-center {-ms-flex-pack: center!important;justify-content: center!important;}
.d-flex {display: -ms-flexbox!important;display: flex!important;}
.col-md-3 {position: relative;width: 100%;padding-right: 15px;padding-left: 15px;}
#footer-logo-area img{vertical-align: middle; display: inline-block;}
@media (min-width: 768px) {
    .col-md-3 {-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%;}
    .col-md-9 {-ms-flex: 0 0 75%;flex: 0 0 75%;max-width: 75%;}
}
.pl-0, .px-0 {padding-left: 0!important;}
.container {width: 100%;padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}

@media (min-width: 576px) {
    .container {max-width: 540px;}
}
@media (min-width: 768px) {
    .container {max-width: 720px;}
}
@media (min-width: 992px){
    .container {max-width: 960px;}
}

@media (min-width: 1161px) {
    .container {max-width: 1160px;}
}
@media (min-width: 1200px) {
    .container {max-width: 1140px;}
}

@media (min-width: 1160px) {
    /* sub-footer */
    #sub-footer {background :#353535;}
    #sub-footer-wrap {margin:0px auto;}
    .sub-footer-li {display:inline-block;color:#ffffff;font-size:18px;font-weight:500;text-align:center;margin:30px 0px;padding-left:20px;padding-right:20px;border-right:1px solid #717171;line-height: initial;}
    .sub-footer-li a {color:#ffffff;}
    .sub-footer-li a:hover {color:#ffffff;}
    .sub-footer-li:last-child {border:none;}

    /* footer */
    footer {background :#4c4c4c;padding:40px 0px;}
    .footer-li {display:inline-block;color:#ffffff;font-size:15px;font-weight:400;text-align:center;margin:20px 0px;padding-left:17px;padding-right:17px;border-right:1px solid #717171;}
    .footer-li a {color:#ffffff;}
    .footer-li a:hover {color:#ffffff;}
    .footer-li:first-child {padding-left:0;}
    .footer-li:last-child {border:none;}
    .footer-txt {color:#b8b8b8;font-size:14px;line-height:23px;margin-bottom:0;}
}
/* footer */





/*--------------------------------
 Tablet
--------------------------------*/
@media (min-width: 768px) and (max-width: 1159px){
    .mb90{margin-bottom:80px !important;}
    /*--------------------------------
     header
    --------------------------------*/
    #renewal2023 #header .topBar .searchBox{display:none;}
    #renewal2023 #header .head .menuBox{display:none;}
    #renewal2023 #header.scroll .head{background:none; height:80px; border-bottom:1px solid #EBEBEB;}
    #renewal2023 #header.scroll .head .logo{margin:auto;}
    #renewal2023 #header.scroll .head .logo a{display:block; width:247px; height:26px; background:url('/resources/images/2023/logo_kjd_scroll.png') no-repeat; background-size:247px 26px; margin:auto;}
    #renewal2023 #header.scroll .head .newTime{display:none;}
    #renewal2023 #header.scroll .head .menuBox{display:none; margin-left:auto;}
    #renewal2023 #header.scroll .head .menuBox a{display:block; font-size:16px; line-height:20px; margin-left:32px; font-weight:900;}

    #renewal2023 .openMenu{display:none; height:100%; position:fixed; top:0; left:0; width:100%; z-index:99;}
    #renewal2023 .openMenu.scroll{top:0;}
    #renewal2023 .openMenu.act{display:block;}
    #renewal2023 .openMenu .siteMap{margin-bottom:60px; height:100%; overflow:auto; padding-top:56px; width:100%; border-top:0;}
    #renewal2023 .openMenu .siteMap .title{position:absolute; top:0; left:0; margin:0; border-bottom:1px solid #EBEBEB; width:100%; height:56px; background-size:209px 22px; background-position:15px 17px;}
    #renewal2023 .openMenu .siteMap .ic_close{position:absolute; top:16px; right:15px; display:block; width:24px; height:24px; background:url('/resources/images/2023/ic_close.png') no-repeat; background-size:24px 24px; z-index:2;}
    #renewal2023 .openMenu .siteMap .linkBox .list dt{border-color:#111; padding:20px 0; font-size:16px; line-height:16px;}
    #renewal2023 .openMenu .siteMap .linkBox .list dt .openBtn{display:block; position:absolute; top:14px; right:0; width:24px; height:24px; background:url('/resources/images/2023/ic_arrow_b_24.png') no-repeat; background-size:24px 24px;}
    #renewal2023 .openMenu .searchBox{display:block; width:708px; margin:auto;}
    #renewal2023 .openMenu .searchBox .searchForm{padding:30px 0 26px; display:flex; position:relative;}
    #renewal2023 .openMenu .searchBox .searchForm .searchInput{width:calc(100% - 39px); height:39px; padding:0 12px; border:1px solid #EBEAEA; background-color:#F8F8F8; outline:none; font-size:12px; font-weight:400;}
    #renewal2023 .openMenu .searchBox .searchForm .searchInput::placeholder{color:#858585 !important; opacity:1; font-size:12px !important;}
    #renewal2023 .openMenu .searchBox .searchForm .searchInput:-ms-input-placeholder{color:#858585;}
    #renewal2023 .openMenu .searchBox .searchForm .searchInput::-ms-input-placeholder{color:#858585;}
    #renewal2023 .openMenu .searchBox .searchForm .searchBtn{width:39px; height:39px; background-color:#111; color:#fff; text-align:center; font-size:13px; margin-left:4px;}
    #renewal2023 .openMenu .searchBox .searchForm .relativeSearch{display:none; position:absolute; top:47px; left:0; width:100%; background:#fff; border:1px solid #EBEBEB;}
    #renewal2023 .openMenu .searchBox .searchForm .relativeSearch li{font-size:13px; line-height:15px; padding:5px 10px;}
    /*--------------------------------
     container
    --------------------------------*/
    #renewal2023 .layOut{position:relative; width:708px; margin:auto;}
    #renewal2023 #container{padding-top:182px;}

    #renewal2023 .specialBox .titleArea:after{position:absolute; top:-12px; right:-24px; width:24px; height:80px; background:url('/resources/images/2023/overHide.png') no-repeat; content:"";}
    #renewal2023 .specialBox .overBox .inBox{width:1015px;}

    #renewal2023 #container section .sectBox .mTitle a span{display:inline-block; padding-right:23px; background:url('/resources/images/2023/ic_arrow_b_16.png') 100% 7px no-repeat; background-size:16px 16px;}
    #renewal2023 #container section{display:flex; justify-content:space-between; flex-wrap:wrap; position:relative;}
    #renewal2023 #container section .leftArea{width:100%;}
    #renewal2023 #container section .sectBox.type01{margin-bottom:50px;}
    #renewal2023 #container section .sectBox.type01 .itemBox .item{width:216px; margin-left:30px;}
    #renewal2023 #container section .sectBox.type01 .itemBox .item .img{width:216px; height:149px;}
    #renewal2023 #container section .sectBox.type01 .itemBox .item .tit{font-size:16px; font-weight:900; line-height:24px;}
    #renewal2023 #container section .sectBox.type01 .itemBox .item.big{padding-left:422px; min-height:270px;}
    #renewal2023 #container section .sectBox.type01 .itemBox .item.big .img{width:406px; height:270px; position:absolute; top:0; left:0;}
    #renewal2023 #container section .sectBox.type01 .itemBox .item.big .tit{font-size:26px; line-height:36px; margin-bottom:12px;}

    #renewal2023 #container section .sectBox.type02{margin-bottom:50px;}
    #renewal2023 #container section .sectBox.type02 .itemBox.headLine{padding-left:363px; margin-bottom:34px;}
    #renewal2023 #container section .sectBox.type02 .itemBox.headLine .item{padding-right:132px; min-height:112px;}
    #renewal2023 #container section .sectBox.type02 .itemBox.headLine .item .img{width:120px; height:80px;}
    #renewal2023 #container section .sectBox.type02 .itemBox.headLine .item .tit{font-size:16px; line-height:22px; padding-top:16px;}
    #renewal2023 #container section .sectBox.type02 .itemBox.headLine .item.big{width:345px;}
    #renewal2023 #container section .sectBox.type02 .itemBox.headLine .item.big .img{position:relative; top:0; width:345px; height:230px;}
    #renewal2023 #container section .sectBox.type02 .itemBox.headLine .item.big .tit{font-size:20px; line-height:30px;}

    #renewal2023 #container section .sectBox.type02 .itemBox.list01 .item{width:calc(50% - 14px); padding-left:152px; min-height:93px;}
    #renewal2023 #container section .sectBox.type02 .itemBox.list01 .item .img{width:140px; height:93px;}

    #renewal2023 #container section .sectBox.type03 .itemBox{margin-bottom:50px;}
    #renewal2023 #container section .sectBox.type03 .itemBox .item{width:calc(50% - 8px);}
    #renewal2023 #container section .sectBox.type03 .itemBox .item .img{width:100%; height:194px;}

    #renewal2023 #container section .sectBox.type04 .itemBox{margin-bottom:50px;}
    #renewal2023 #container section .sectBox.type04 .itemBox .item{width:calc(50% - 16px); padding-left:108px; min-height:96px; margin-top:26px;}
    #renewal2023 #container section .sectBox.type04 .itemBox .item .img{width:96px; height:96px;}

    #renewal2023 #container section .sectBox.type05 .itemBox{margin-bottom:50px;}
    #renewal2023 #container section .sectBox.type05 .itemBox .item{width:calc(100%/3 - 15px);}
    #renewal2023 #container section .sectBox.type05 .itemBox .item .img{height:118px;}
    #renewal2023 #container section .sectBox.type05 .itemBox .item .txt{display:none;}

    #renewal2023 #container section .sectBox.type06 .itemBox{justify-content:space-between; padding-top:0; margin-bottom:50px; height:auto;}
    #renewal2023 #container section .sectBox.type06 .itemBox .item{width:calc(50% - 12px); padding-left:152px; min-height:93px; margin-top:20px;}
    #renewal2023 #container section .sectBox.type06 .itemBox .item:nth-child(1){margin-top:16px;}
    #renewal2023 #container section .sectBox.type06 .itemBox .item:nth-child(2){margin-top:16px;}
    #renewal2023 #container section .sectBox.type06 .itemBox .item .img{width:140px; height:93px; position:absolute; top:0; left:0;}
    #renewal2023 #container section .sectBox.type06 .itemBox .item .tit{padding-top:0; font-size:16px; font-weight:900; line-height:23px;}

    #renewal2023 #container section .rightArea{width:100%;}
    #renewal2023 #container section .rightArea .mTitle{margin-bottom:12px;}
    #renewal2023 #container section .rightArea .mTitle a{line-height:24px;}
    #renewal2023 #container section .rightArea .rightInBox{display:flex; justify-content:space-between;}
    #renewal2023 #container section .rightArea .rightInBox .sectBox.noNumb{width:calc(50% - 34px); margin:0 0 50px 0;}

    .numberList{position:relative; margin-bottom:60px;}
    .numberList .numMore{position:absolute; top:18px; right:0; display:flex; bottom:auto; left:auto; z-index:2; width:auto; justify-content:flex-end;}
    .numberList .numMore .swiper-pagination-bullet{display:block; width:8px; height:8px; background-color:#E5E5E5; opacity:1; margin-left:6px;}
    .numberList .numMore .swiper-pagination-bullet:first-child{margin-left:0;}
    .numberList .numMore .swiper-pagination-bullet-active{background-color:#F6330A;}
    .numberList .item ul li{border-bottom:1px solid #EBEBEB; padding:14px 0;}
    .numberList .item ul li a{display:block; position:relative; padding-left:30px; font-size:16px; line-height:24px; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}

    .numberList.nlty02 .item ul li a:after{background-color:#F6330A;}
    .numberList.noNumb .item ul li a{padding-left:0;}
    .numberList.noNumb .item ul li>span{display:block; padding-bottom:6px; color:#F6330A; font-size:14px; font-weight:700; line-height:24px;}
    .numberList.noNumb .item ul li a:after{display:none;}

    /*------------ 광고영역 ----------*/
    #renewal2023 #container .advertise.adv01{margin-bottom:50px;}
    #renewal2023 #container .advertise.adv01 img,
    #renewal2023 #container .advertise.adv01 iframe{height:88px;}
    #renewal2023 #container .advertise.adv02{margin-bottom:50px;}
    #renewal2023 #container .advertise.adv02 img,
    #renewal2023 #container .advertise.adv02 iframe{height:80px;}

    #renewal2023 #container .advertise.pcOnly{display:none;}
    #renewal2023 #container .rightAdBox{display:flex; justify-content:space-between; padding:0 19px;}
    #renewal2023 #container .rightAdBox .advertise{width:320px;}

    .siteMap{width:708px; border-top:1px solid #000; padding-top:40px; margin:0 auto 50px;}
    .siteMap .title{font-size:18px; line-height:18px; font-weight:900; text-align:center; padding-bottom:50px;}
    .siteMap .linkBox{display:block;}
    .siteMap .linkBox .list{display:flex; width:100%; padding:0; flex-wrap:wrap; border-right:0;}
    .siteMap .linkBox .list:last-child dt{border-bottom:0;}
    .siteMap .linkBox .list a{display:block;}
    .siteMap .linkBox .list dt{width:100%; border-bottom:1px solid #EBEBEB; padding:14px 0; flex-shrink:1; margin-bottom:2px;}
    .siteMap .linkBox .list dt .openBtn{display:block; position:absolute; top:11px; right:0; width:20px; height:20px; background:url('/resources/images/2023/ic_arrow_g_20.png') no-repeat; background-size:20px 20px;}
    .siteMap .linkBox .list dd{padding:0; width:calc(100% /3); padding:14px 0; display:none; font-size:14px; line-height:14px;}
    .siteMap .linkBox .list.act dt .openBtn{transform:rotate(180deg);}
    .siteMap .linkBox .list.act dd{display:block;}

    /* sub-footer */
    #sub-footer {background :#353535;}
    #sub-footer-wrap {margin:0px auto;}
    .sub-footer-li {display:inline-block;color:#ffffff;font-size:18px;font-weight:500;text-align:center;margin:30px 0px;padding-left:20px;padding-right:20px;border-right:1px solid #717171;line-height: initial;}
    .sub-footer-li a {color:#ffffff;}
    .sub-footer-li a:hover {color:#ffffff;}
    .sub-footer-li:last-child {border:none;}

    /* footer */
    footer {background :#4c4c4c;padding:40px 0px;}
    .footer-li {display:inline-block;color:#ffffff;font-size:15px;font-weight:400;text-align:center;margin:20px 0px;padding-left:17px;padding-right:17px;border-right:1px solid #717171;}
    .footer-li a {color:#ffffff;}
    .footer-li a:hover {color:#ffffff;}
    .footer-li:first-child {padding-left:0;}
    .footer-li:last-child {border:none;}
    .footer-txt {color:#b8b8b8;font-size:14px;line-height:23px;margin-bottom:0;text-align:center;}
    #footer-wrap {justify-content :center !important;}
    #footer-logo-area {width:100%;max-width:100%;flex :0 0 100%;text-align:center;padding-right:15px !important;}
    #footer-text-area {width:100%;max-width:100%;flex :0 0 100%;padding-left:15px !important;}
}










@media (max-width: 767px){
    /*--------------------------------
     header
    --------------------------------*/
    #renewal2023 #header .layOut{width:100%;}
    #renewal2023 #header .topBar{display:flex; position:relative; height:48px; border-bottom:1px solid #EBEBEB;}
    #renewal2023 #header .topBar .searchBox{display:none;}
    #renewal2023 #header .topBar .btnBox a{margin-right:15px; font-size:13px;}
    #renewal2023 #header .topBar .btnBox a:last-child{margin-right:15px;}
    #renewal2023 #header .topBar .btnBox a.kcampus{display:none;}
    #renewal2023 #header .topBar .btnBox a.celeb{display:none;}

    #renewal2023 #header .head{padding:0 15px; border-bottom:1px solid #EBEBEB; height:113px; background:none; align-items: flex-end;}
    #renewal2023 #header .head .logo{width:131px; height:80px; background-size:131px 80px; margin-bottom:16px;}
    #renewal2023 #header .head .logo a{width:100%; height:80px;}
    #renewal2023 #header .head .newTime{width:152px; margin-bottom:18px; height:42px; margin-left:62px; background:url('/resources/images/2023/logo_nyt.png') no-repeat; background-size:152px 42px;}
    #renewal2023 #header .head .newTime a{display:block; width:152px; height:42px;}
    #renewal2023 #header .head .menuBox{display:none;}

    #renewal2023 #header.scroll .head{border-bottom:1px solid #EBEBEB;}
    #renewal2023 #header.scroll .head .logo{width:228px; height:24px; margin:auto; background:url('/resources/images/2023/logo_kjd_scroll.png') no-repeat; background-size:228px 24px;}
    #renewal2023 #header.scroll .head .newTime{display:none;}
    #renewal2023 #header.scroll .head .menuBox{display:none;}

    #renewal2023 .openMenu{display:none; height:100%; top:0; left:0; width:100%; z-index:99;}
    #renewal2023 .openMenu.scroll{top:0;}
    #renewal2023 .openMenu.act{display:block;}
    #renewal2023 .openMenu .siteMap{margin-bottom:50px; padding:0 15px; height:100%; overflow-y:scroll; padding-top:56px; border-top:0;}
    #renewal2023 .openMenu .siteMap .title{position:absolute; top:0; left:0; margin:0; border-bottom:1px solid #EBEBEB; width:100%; height:56px; background-size:209px 22px; background-position:15px 17px;}
    #renewal2023 .openMenu .siteMap .ic_close{position:absolute; top:16px; right:15px; display:block; width:24px; height:24px; background:url('/resources/images/2023/ic_close.png') no-repeat; background-size:24px 24px; z-index:2;}
    #renewal2023 .openMenu .siteMap .linkBox .list dt{border-color:#111; padding:20px 0;}
    #renewal2023 .openMenu .siteMap .linkBox .list dt .openBtn{display:block; position:absolute; top:14px; right:0; width:24px; height:24px; background:url('/resources/images/2023/ic_arrow_b_24.png') no-repeat; background-size:24px 24px;}
    #renewal2023 .openMenu .searchBox{display:block; width:100%; margin:auto;}
    #renewal2023 .openMenu .searchBox .searchForm{padding:30px 0 25px; display:flex; position:relative;}
    #renewal2023 .openMenu .searchBox .searchForm .searchInput{width:calc(100% - 39px); height:39px; padding:0 12px; border:1px solid #EBEAEA; background-color:#F8F8F8; outline:none; font-size:12px; font-weight:400;}
    #renewal2023 .openMenu .searchBox .searchForm .searchInput::placeholder{color:#858585 !important; opacity:1; font-size:12px !important;}
    #renewal2023 .openMenu .searchBox .searchForm .searchInput:-ms-input-placeholder{color:#858585;}
    #renewal2023 .openMenu .searchBox .searchForm .searchInput::-ms-input-placeholder{color:#858585;}
    #renewal2023 .openMenu .searchBox .searchForm .searchBtn{width:39px; height:39px; background-color:#111; color:#fff; text-align:center; font-size:13px; margin-left:4px;}
    #renewal2023 .openMenu .searchBox .searchForm .relativeSearch{display:none; position:absolute; top:47px; left:0; width:100%; background:#fff; border:1px solid #EBEBEB;}
    #renewal2023 .openMenu .searchBox .searchForm .relativeSearch li{font-size:13px; line-height:15px; padding:5px 10px;}
    /*--------------------------------
     container
    --------------------------------*/
    #renewal2023 .layOut{position:relative; width:100%; margin:auto;}
    #renewal2023 #container{padding-top:161px;}

    #renewal2023 .specialBox{left:0; margin:0 -15px; width:calc(100% + 30px); margin-bottom:44px; position:relative; padding-left:126px; border-bottom:2px solid #F6330A;}
    #renewal2023 .specialBox .titleArea{position:absolute; top:0; left:0; width:126px; z-index:2;}
    #renewal2023 .specialBox .titleArea:after{position:absolute; top:-12px; right:-24px; width:24px; height:42px; background:url('/resources/images/2023/overHide.png') no-repeat; content:""; background-size:24px 42px;}
    #renewal2023 .specialBox .titleArea:before{position:absolute; top:15px; right:0; background-color:#E5E5E5; width:1px; height:12px; content:"";}
    #renewal2023 .specialBox .titleArea .title{margin-bottom:0; font-size:14px; line-height:42px; padding-left:15px;}
    #renewal2023 .specialBox .titleArea .day{display:none;}
    #renewal2023 .specialBox .overBox{height:42px; overflow-x:auto;}
    #renewal2023 .specialBox .overBox .inBox{display:flex; height:42px; align-items:center; width:480px;}
    #renewal2023 .specialBox .overBox .inBox .item{position:relative; height:42px; padding:0 16px;}
    #renewal2023 .specialBox .overBox .inBox .item:after{position:absolute; top:15px; left:0; background-color:#E5E5E5; width:1px; height:12px; content:"";}
    #renewal2023 .specialBox .overBox .inBox .item:nth-child(1){width:auto;}
    #renewal2023 .specialBox .overBox .inBox .item:nth-child(1):after{display:none;}
    #renewal2023 .specialBox .overBox .inBox .item:nth-child(2){width:auto;}
    #renewal2023 .specialBox .overBox .inBox .item:nth-child(3){width:auto;}
    #renewal2023 .specialBox .overBox .inBox .item:nth-child(4){width:auto;}
    #renewal2023 .specialBox .overBox .inBox .item .tit{margin-bottom:0; font-weight:900; font-size:14px; line-height:42px;}
    #renewal2023 .specialBox .overBox .inBox .item .txt{display:none;}

    #renewal2023 #container section{padding:0 15px;}
    #renewal2023 #container section{display:flex; justify-content:space-between; flex-wrap:wrap; position:relative; padding:0 15px;}
    #renewal2023 #container section .sectBox .mTitle{position:relative;margin-bottom:4px;}
    #renewal2023 #container section .sectBox .mTitle a{display:block; font-size:18px; line-height:27px; font-weight:900; padding-top:8px;}
    #renewal2023 #container section .sectBox .mTitle a span{display:inline-block; padding-right:23px; background:url('/resources/images/2023/ic_arrow_b_16.png') 100% 8px no-repeat; background-size:16px 16px;}
    #renewal2023 #container section .leftArea{width:100%;}
    /*    #renewal2023 #container section .sectBox.btl{border-top:2px solid #333;}*/
    #renewal2023 #container section .sectBox .itemBox{display:flex; flex-wrap:wrap; position:relative;}
    #renewal2023 #container section .sectBox .itemBox .item{position:relative; width:100%;}
    #renewal2023 #container section .sectBox .itemBox .item .img{overflow:hidden; background-color:#F8F8F8; position:relative;}
    #renewal2023 #container section .sectBox .itemBox .item .img img{width:100%;display:block;position:absolute;top: 50%;left:50%;transform: translate(-50%, -50%);}
    #renewal2023 #container section .sectBox .itemBox .item .tit{white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; font-family:'NotoSerif';}
    #renewal2023 #container section .sectBox .itemBox .item .txt{white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}

    #renewal2023 #container section .sectBox.type01{margin-bottom:50px;}
    #renewal2023 #container section .sectBox.type01 .itemBox{justify-content:space-between;}
    #renewal2023 #container section .sectBox.type01 .itemBox .item{width:100%; margin-left:0; padding-left:150px; min-height:97px; margin-top:20px;}
    #renewal2023 #container section .sectBox.type01 .itemBox .item:nth-child(2){margin-left:0;}
    #renewal2023 #container section .sectBox.type01 .itemBox div.component:nth-child(2) .item{margin-left:0;} /* 컴포넌트 포함 */
    #renewal2023 #container section .sectBox.type01 .itemBox .item .img{width:140px; height:97px; position:absolute; top:0; left:0;}
    #renewal2023 #container section .sectBox.type01 .itemBox .item .tit{font-size:15px;-webkit-line-clamp:3; font-weight:900; line-height:22px; padding-top:0;}
    #renewal2023 #container section .sectBox.type01 .itemBox .item .txt{display:none;}
    #renewal2023 #container section .sectBox.type01 .itemBox .item.big{padding-left:0; width:100%; position:relative; min-height:300px; margin:0 0 20px 0;}
    #renewal2023 #container section .sectBox.type01 .itemBox .item.big .img{width:100%; height:auto; position:relative; top:0; left:0; margin-bottom:10px;}
    #renewal2023 #container section .sectBox.type01 .itemBox .item.big .img img{width:100%; position:relative; top:0; left:0; transform:translate(0, 0);}
    #renewal2023 #container section .sectBox.type01 .itemBox .item.big .tit{-webkit-line-clamp:2; font-size:24px; line-height:32px; font-weight:900; margin-bottom:10px;}
    #renewal2023 #container section .sectBox.type01 .itemBox .item.big .txt{-webkit-line-clamp:2;}

    #renewal2023 #container section .sectBox.type02{margin-bottom:50px;}
    #renewal2023 #container section .sectBox.type02 .itemBox.headLine{flex-direction:column; padding-left:0; margin-bottom:34px;}
    #renewal2023 #container section .sectBox.type02 .itemBox.headLine .item{padding-right:132px; min-height:112px; border-bottom:1px solid #EBEBEB;}
    /*#renewal2023 #container section .sectBox.type02 .itemBox.headLine .item:last-child{border-bottom:0;}*/
    #renewal2023 #container section .sectBox.type02 .itemBox.headLine div.component:last-child .item{border-bottom:0;}  /* 컴포넌트 포함 */
    #renewal2023 #container section .sectBox.type02 .itemBox.headLine .item .img{width:120px; height:80px; position:absolute; top:16px; right:0;}
    #renewal2023 #container section .sectBox.type02 .itemBox.headLine .item .tit{font-size:16px; font-weight:900; line-height:21px; padding-top:16px;}
    #renewal2023 #container section .sectBox.type02 .itemBox.headLine .item .txt{display:none;}
    #renewal2023 #container section .sectBox.type02 .itemBox.headLine .item.big{width:100%; position:relative; top:0; left:0; border-bottom:0; padding-right:0; margin-bottom:16px; padding-top:16px;}
    #renewal2023 #container section .sectBox.type02 .itemBox.headLine .item.big .img{position:relative; top:0; width:100%; height:auto;}
    #renewal2023 #container section .sectBox.type02 .itemBox.headLine .item.big .img img{width:100%; position:relative; top:0; left:0; transform:translate(0, 0);}
    #renewal2023 #container section .sectBox.type02 .itemBox.headLine .item.big .tit{-webkit-line-clamp:2; font-size:20px; line-height:30px; font-weight:900;}

    #renewal2023 #container section .sectBox.type02 .itemBox.list01{justify-content:space-between; padding-top:30px; border-top:1px solid #EBEBEB;}
    #renewal2023 #container section .sectBox.type02 .itemBox.list01 .item{width:100%; padding-left:130px; min-height:83px; margin-top:20px;}
    #renewal2023 #container section .sectBox.type02 .itemBox.list01 .item .img{width:120px; height:83px; position:absolute; top:0; left:0;}
    #renewal2023 #container section .sectBox.type02 .itemBox.list01 .item .tit{font-size:16px; font-weight:900; line-height:23px;}
    #renewal2023 #container section .sectBox.type02 .itemBox.list01 .item .txt{display:none;}

    #renewal2023 #container section .sectBox.type03 .itemBox{justify-content:space-between; padding-top:16px; margin-bottom:50px;}
    #renewal2023 #container section .sectBox.type03 .itemBox .item{width:100%;}
    #renewal2023 #container section .sectBox.type03 .itemBox .item+.item{margin-top:32px;}
    #renewal2023 #container section .sectBox.type03 .itemBox .item .img{width:100%; height:194px;}
    /*    #renewal2023 #container section .sectBox.type03 .itemBox .item .img img{width:100%; position:relative;}*/
    #renewal2023 #container section .sectBox.type03 .itemBox .item .tit{font-size:18px; font-weight:700; line-height:24px; padding-top:12px;}

    #renewal2023 #container section .sectBox.type04 .itemBox{justify-content:space-between; margin-bottom:50px;}
    #renewal2023 #container section .sectBox.type04 .itemBox .item{width:100%; padding-left:100px; min-height:88px; margin-top:30px;}
    #renewal2023 #container section .sectBox.type04 .itemBox .item:nth-child(1){margin-top:16px;}
    #renewal2023 #container section .sectBox.type04 .itemBox .item:nth-child(2){margin-top:30px;}
    #renewal2023 #container section .sectBox.type04 .itemBox .item .img{width:88px; height:88px; position:absolute; top:0; left:0;}
    #renewal2023 #container section .sectBox.type04 .itemBox .item .tit{font-size:16px; font-weight:900; line-height:22px;}
    #renewal2023 #container section .sectBox.type04 .itemBox .item .txt{font-size:14px; line-height:21px; color:#666; padding-top:8px;}

    #renewal2023 #container section .sectBox.type05 .itemBox{justify-content:flex-end; padding-top:16px; margin-bottom:50px;}
    #renewal2023 #container section .sectBox.type05 .itemBox .item{width:calc(100%/2 - 12px);}
    #renewal2023 #container section .sectBox.type05 .itemBox .item:nth-child(1){margin-right:auto;}
    #renewal2023 #container section .sectBox.type05 .itemBox .item:nth-child(3){display:none;}
    #renewal2023 #container section .sectBox.type05 .itemBox .item .img{width:100%; border:1px solid #D9D9D9;}
    #renewal2023 #container section .sectBox.type05 .itemBox .item .img img{width:100%; position:relative; top:0; left:0; transform:translate(0, 0);}
    #renewal2023 #container section .sectBox.type05 .itemBox .item .tit{font-size:16px; font-weight:900; line-height:22px; padding-top:10px;}
    #renewal2023 #container section .sectBox.type05 .itemBox .item .txt{font-size:14px; line-height:21px; color:#858585; padding-top:2px;}

    #renewal2023 #container section .sectBox.type06 .itemBox{justify-content:space-between; padding-top:0; margin-bottom:50px; height:auto; overflow:hidden;}
    #renewal2023 #container section .sectBox.type06 .itemBox .item{width:100%; margin-top:20px; padding-left:132px; min-height:83px;}
    #renewal2023 #container section .sectBox.type06 .itemBox .item:nth-child(1){margin-top:16px;}
    #renewal2023 #container section .sectBox.type06 .itemBox .item .img{width:120px; height:83px; position:absolute; top:0; left:0;}
    #renewal2023 #container section .sectBox.type06 .itemBox .item .tit{font-size:16px; font-weight:700; line-height:24px; padding-top:0;-webkit-line-clamp:3;}

    #renewal2023 #container section .rightArea{width:100%;}
    #renewal2023 #container section .rightArea .mTitle{margin-bottom:12px;}
    #renewal2023 #container section .rightArea .mTitle a{line-height:24px;}

    .numberList{position:relative; margin-bottom:50px;}
    .numberList .numMore{position:absolute; top:8px; right:0; display:flex; bottom:auto; left:auto; z-index:2; width:auto; justify-content:flex-end;}
    .numberList .numMore .swiper-pagination-bullet{display:block; width:8px; height:8px; background-color:#E5E5E5; opacity:1; margin-left:6px;}
    .numberList .numMore .swiper-pagination-bullet:first-child{margin-left:0;}
    .numberList .numMore .swiper-pagination-bullet-active{background-color:#F6330A;}
    .numberList .item ul li{border-bottom:1px solid #EBEBEB; padding:14px 0;}
    .numberList .item ul li a{display:block; position:relative; padding-left:30px; font-size:16px; line-height:24px; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
    .numberList .item ul li a span{position:absolute; display:block; top:3px; left:0; width:20px; height:20px; text-align:center; line-height:20px; background-color:#111; border-radius:2px; color:#fff; font-size:13px;}
    .numberList.nlty02 .item ul li a:after{background-color:#F6330A;}
    .numberList.noNumb .item ul li a{padding-left:0;}
    .numberList.noNumb .item ul li>span{display:block; padding-bottom:6px; color:#F6330A; font-size:14px; font-weight:700; line-height:24px;}
    .numberList.noNumb .item ul li a:after{display:none;}


    /*------------ 광고영역 ----------*/
    #renewal2023 #container .advertise{width:100%;}
    #renewal2023 #container .advertise img,
    #renewal2023 #container .advertise iframe{display:block; width:100%; margin:auto;}
    #renewal2023 #container .advertise.adv01{margin-bottom:50px;}
    #renewal2023 #container .advertise.adv01 img,
    /*#renewal2023 #container .advertise.adv01 iframe{max-width:728px; height:90px;}*/
    #renewal2023 #container .advertise.adv01 iframe{max-width:728px; height:90px; width: 320px;}
    #renewal2023 #container .advertise.adv02{position:relative; width:calc(100% - 50px); padding:0; background:none; margin:0 25px 50px;}
    #renewal2023 #container .advertise.adv02:after{display:none;}
    #renewal2023 #container .advertise.adv02 img,
    #renewal2023 #container .advertise.adv02 iframe{max-width:970px; height:90px;}
    #renewal2023 #container .advertise.adv03{}
    #renewal2023 #container .advertise.adv03 img,
        /*#renewal2023 #container .advertise.adv03 iframe{max-width:728px; height:90px;}*/
    /*#renewal2023 #container .advertise.adv03 iframe{max-width:728px; height:100px;}*/
    #renewal2023 #container .advertise.adv03 iframe{max-width:728px; height:100px;width: 320px;}
    #renewal2023 #container .advertise.adv04{border:1px solid #EBEBEB;}
    #renewal2023 #container .advertise.adv04 img,
    #renewal2023 #container .advertise.adv04 iframe{max-width:728px; height:600px;}
    #renewal2023 #container .advertise.adv05{border:1px solid #EBEBEB;}
    #renewal2023 #container .advertise.adv05 img,
    #renewal2023 #container .advertise.adv05 iframe{max-width:728px; height:250px;}

    #renewal2023 #container .advertise.pcOnly{display:none;}

    .siteMap{width:100%; border-top:1px solid #000; padding-top:40px; margin-bottom:50px;}
    .siteMap .title{font-size:18px; line-height:18px; font-weight:900; text-align:center; padding-bottom:50px;}
    .siteMap .linkBox{display:block;}
    .siteMap .linkBox .list{display:flex; width:100%; padding:0; flex-wrap:wrap; border-right:0; margin:0;}
    .siteMap .linkBox .list:last-child dt{border-bottom:0;}
    .siteMap .linkBox .list a{display:block;}
    .siteMap .linkBox .list dt{width:100%; border-bottom:1px solid #EBEBEB; padding:14px 0; flex-shrink:1; margin-bottom:2px;}
    .siteMap .linkBox .list dt .openBtn{display:block; position:absolute; top:14px; right:0; width:20px; height:20px; background:url('/resources/images/2023/ic_arrow_g_20.png') no-repeat; background-size:20px 20px;}
    .siteMap .linkBox .list dd{padding:0; width:calc(100% /2); padding:12px 0; display:none;}
    .siteMap .linkBox .list.act dt .openBtn{transform:rotate(180deg);}
    .siteMap .linkBox .list.act dd{display:block;}

    /* sub-footer */
    #sub-footer {background :#353535;}
    #sub-footer-wrap {margin:0px auto;}
    .sub-footer-li {display:inline-block;color:#ffffff;font-size:12px;font-weight:500;text-align:center;margin:30px 0px;padding-left:7px;padding-right:7px;border-right:1px solid #717171;line-height: initial;}
    .sub-footer-li a {color:#ffffff;}
    .sub-footer-li a:hover {color:#ffffff;}
    .sub-footer-li:last-child {border:none;}

    /* footer */
    footer {background :#4c4c4c;padding:25px 0px;}
    .footer-li {display:inline-block;color:#ffffff;font-size:11.5px;font-weight:400;text-align:center;margin:0px 0px 20px ;padding-left:7px;padding-right:7px;border-right:1px solid #717171;}
    .footer-li a {color:#ffffff;}
    .footer-li a:hover {color:#ffffff;}
    .footer-li:first-child {padding-left:0;}
    .footer-li:last-child {border:none;}
    .footer-txt {color:#b8b8b8;font-size:10.5px;line-height:18px;margin-bottom:0;text-align:center;}
    #footer-wrap {justify-content :center !important;}
    #footer-logo-area {width:100%;max-width:100%;flex :0 0 100%;text-align:center;padding-right:15px !important;}
    #footer-text-area {width:100%;max-width:100%;flex :0 0 100%;padding-left:15px !important;}

    .mobile-none {display:none !important;}

}














/*-------------------------------------------------------------------------------------*/
/*----------------------------------------추가본----------------------------------------*/
/*-------------------------------------------------------------------------------------*/


.menuTy2{display:flex; width:100%; height:80px; align-items:center; justify-content:space-between; border-bottom:1px solid #333;}
.menuTy2 h1.logo{width:247px; height:26px; background:url('/resources/images/2023/logo_kjd_scroll.png') no-repeat; background-size:247px 26px; margin:0 right 0 0; margin-bottom:0;}
.sticky .menuTy2 h1.logo{margin-bottom:auto;}
.menuTy2 .menuBox{display:flex;}
.menuTy2 .menuBox a{font-size:16px; font-weight:700; line-height:20px; margin-left:32px;}
.menuTy2 .menuBox a:first-child{margin-left:0;}

.subMenu{width:100%; height:102px; display:flex; position:relative; align-items:center; border-bottom:1px solid #EBEBEB;}
.subMenu .title{font-size:20px; line-height:20px; padding-right:12px; font-weight:700;}
.subMenu .btnList{display:flex;}
.subMenu .btnList a{margin-left:20px; font-size:14px; line-height:14px; color:#666; font-weight:400;}
.subMenu .btnList a.act{color:#F6330A;}


@media (min-width: 768px) and (max-width: 1159px){
    .menuTy2 .logo{margin:auto; width:266px; height:28px; background-size:266px 28px;}
    .menuTy2 .menuBox{display:none;}
    .sticky .subMenu{display:none;}
    .subMenu{height:auto; flex-wrap:wrap; padding-bottom:26px;}
    .subMenu .title{width:100%; padding:20px 0 24px 0;}
    .subMenu .btnList{position:relative; overflow-x:scroll; flex-wrap:nowrap;}
    .subMenu:after{position:absolute; content:""; bottom:2px; right:0; width:20px; height:40px; background:url('/resources/images/2023/img_gradation.png') no-repeat; background-size:20px 40px;}
    .subMenu .btnList a{white-space:pre;}
    .subMenu .btnList a:first-child{margin-left:0;}
}



@media (max-width: 767px){
    #header.sticky .menuTy2{border-bottom:1px solid #EBEBEB;}
    #header.sticky>.row{margin:0;}
    .menuTy2 .logo{margin:auto; width:228px; height:24px; background-size:228px 24px;}
    .menuTy2 .menuBox{display:none;}
    .sticky .subMenu{display:none;}
    .subMenu{height:auto; flex-wrap:wrap; width:calc(100% - 30px); padding-bottom:26px; margin:auto;}
    .subMenu .title{width:100%; padding:20px 0 20px 0;}
    .subMenu .btnList{position:relative; overflow-x:scroll; flex-wrap:nowrap;}
    .subMenu:after{position:absolute; content:""; bottom:2px; right:0; width:20px; height:40px; background:url('/resources/images/2023/img_gradation.png') no-repeat; background-size:20px 40px;}
    .subMenu .btnList a{white-space:pre;}
    .subMenu .btnList a:first-child{margin-left:0;}

}

/* 메인 팝업 */
.layer-popup {position:fixed;left:0;top:0;right:0;bottom:0;z-index:99999;background:rgba(0, 0, 0, 0.3)}
.layer-popup .popup-wrap {position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);background:#fff;}
.layer-popup .popup-wrap .thumb {border:1px solid #ccc;border-bottom:0;}
.layer-popup .popup-wrap .thumb img {max-width:100%;}
.layer-popup .popup-wrap .thumb .pc {display:block;}
.layer-popup .popup-wrap .thumb .mobile {display:none;}
.layer-popup .popup-wrap .button-wrap {display:flex;flex-direction:row;border:1px solid #ccc;border-top:0;}
.layer-popup .popup-wrap .button-wrap button {position:relative;background:none;border:0;font-size:12px;width:50%;padding:0;line-height:30px;color: #111;}
.layer-popup .popup-wrap .button-wrap button:first-child:after {display:block;content:'';position:absolute;right:0;top:0;width:1px;height:100%;background:#ccc;}
.layer-popup.layer-main01 .popup-wrap {margin:0;}
.layer-popup.layer-main02 .popup-wrap {margin:20px 0 0 20px;}
.layer-popup.layer-main03 .popup-wrap {margin:40px 0 0 40px;}
.layer-popup.layer-main04 .popup-wrap {margin:60px 0 0 60px;}
.layer-popup.layer-main05 .popup-wrap {margin:80px 0 0 80px;}
@media (max-width:768px) {
    .layer-popup .popup-wrap {width:100%;padding:0 30px;}
    .layer-popup .popup-wrap .thumb .pc {display:none;}
    .layer-popup .popup-wrap .thumb .mobile {display:block;}
    .layer-popup.layer-main01 .popup-wrap,
    .layer-popup.layer-main02 .popup-wrap,
    .layer-popup.layer-main03 .popup-wrap,
    .layer-popup.layer-main04 .popup-wrap,
    .layer-popup.layer-main05 .popup-wrap{margin:0;}
}