@charset "utf-8";
@import url('base.css?rnd=202501010900');
@import url('swiper-bundle.css?rnd=20230613');

/* common */
.dimMask{display:none; position:fixed; top:50px; width:100%; height:100%; background:rgba(0,0,0, .3); z-index: 9;}
.goTop{display:none; position:fixed; bottom:56px; right:16px; border:1px solid #ccc; background-color:rgba(255,255,255 , 0.7); z-index: 9;}
.goTop a{display:block; padding:16px 8px;}
.goTop img{width:24px; height:14px;}

/* layerPop */
.layerPop.off{display:none;}
.layerPop.on{display:block;}
.layerPop{position:fixed; top:0; left:0; width:100%; height:100%;  z-index: 10;}
.layerPop .dim{position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0, .3);}
.layerPop .pop{display:none;}

/* background */
body#newsis{background-color:#ededed;}
.bgGray{background-color:#ededed !important ; }
.bgWhite{background-color:#fff !important ;}

/* color */
.red{color:#008191;}
.blue{color:#4e78cf;}

/* font-size */
.f11{font-size:11px !important ;}
.f12{font-size:12px !important ;}
.f16{font-size:16px !important ;}
.f18{font-size:18px !important ;}
.f20{font-size:20px !important ;}
.f22{font-size:22px !important ;}
.f24{font-size:24px !important ;}

/* border */
.bort{border-top:1px solid #e5e5e5;}

/* 폰트 */
.flora{font-family:'Lora','맑은고딕','Malgun Gothic','돋움',dotum,sans-serif !important ;}
.fnanums{transform:skew(-0.03deg); font-family:'NanumSquare','맑은고딕','Malgun Gothic','돋움',dotum,sans-serif !important ;}
.fnanum{transform:skew(-0.03deg); font-family:'Nanum Gothic','돋움',dotum,sans-serif !important ;}
.fnoto{font-family:'Noto Sans KR','맑은고딕','Malgun Gothic','돋움',dotum,sans-serif !important ;}
.fmalgun{font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, '돋움', sans-serif !important ;}

/* button */
.btnGroup{padding:8px 16px;}
.btnGroup2{}
.btnGroup button{font-size:14px; color:#000;}
.btnGroup2 button{border-left:none; border-right:none; color:#000; font-size:14px;}
.btnGroup3 button{border-left:none; border-right:none; color:#000; font-size:14px;}
.btnGray{display:block; width:100%; padding:8px 0; border:1px solid #dedede; background-color:#f9f9f9; color:#000; font-size:16px;}
.btnMore{display:block; width:100%; padding:8px 0; border-bottom:1px solid #dedede; background-color:#f9f9f9; color:#000; font-size:16px;}
.btnMore2{display:block; width:100%; line-height:20px; padding:6px 0 8px; border-bottom:1px solid #dedede; background-color:#fff; color:#000; font-size:14px;}
.btnMore2.open em{padding-right:18px; background:url(../img/ico-open.png) no-repeat 100% 50%; background-size:13px 7px;}
.btnMore2.close em{padding-right:18px; background:url(../img/ico-close.png) no-repeat 100% 50%; background-size:13px 7px;}
.total{position:relative; margin-left:8px; padding-right:16px; font-size:12px; line-height:14px; color:#000; visibility:visible;}
.total>span{font-size:12px; line-height:14px; color:#000; visibility:visible;}
.total em{color:#008191}

/* 따옴표 간격, 및 스페이스바 */
q.space{letter-spacing:-2px; font-size:14px; vertical-align:text-top;}

/* banner */
.bannerGroup{padding:8px 16px;}
.bannerGroup+.bannerGroup{padding-top:0px;}
.bannerGroup+.btnGroup{padding:0px 16px;}
.bannerGroup.ea2,.bannerGroup.ea3{display:flex; justify-content: space-between;}
.bannerGroup.ea2 a{width:49%;}
.bannerGroup.ea3 a{width:32%;}
.imgTxtBanner{overflow:hidden; display:Block; height:42px; text-align:center;}
.imgTxtBanner img{width:auto; max-width:360px; height:100%;}
/* 백그라운드 컬러는 인라인 스타일로 지정 */
.imgBanner{margin:8px 16px 0px; max-height:42px; text-align:center;}
.imgBanner a{display:block;}
.imgBanner img{width:100%; max-width:360px; height:42px; }

/* 텍스트 넣을 때 */
.imgTxtBanner span{font-size:16px; color:#fff; line-height:42px;}
.fixBanner{position:fixed; bottom:0px; width:100%; height:auto; text-align:center; z-index:10;}
.fixBanner .nbanner img{width:260px;}
.fixBanner .nbanner{position:relative; width:260px; margin:0 auto;}
.fixBanner .nbanner button{position:absolute; top:0; right:0; width:25px; height:25px; background-color:transparent;}
.fixBanner .nbanner button>img{width:25px; height:25px;}
.headtopBanner{text-align:center;}
.headtopBanner a{display:block;}
.headtopBanner img{width:100%; max-width:360px !important ; height:28px !important ;} 

/* 컬러배너 */
.bannerTypeA{padding:8px 16px 0px;}
.bannerTypeA a {
    display: inline-block;
    color:#f3f5fd;
    width:100%;    
    font-size: 22px;
	height: 42px;
	line-height: 42px;
    text-align: center;
	box-sizing: border-box;
	font-weight: bold;
}			

.bannerTypeA .color_y{color:#ffe500;}
.bannerTypeA .bg{padding-left:44px; background:url(../img/event/office23/img_office.png) no-repeat 0 50%;}
.bannerTypeA .arr{padding-right:60px; background:url(../img/event/office23/ico_arr.png) no-repeat 100% 50%; background-size:50px auto;}

/* 광고 영역 position */
.adPos{position:relative;}
.adPos2{position:relative; padding:8px 16px; background-color:#fff;}

/* content */
.content{padding-top:91px;}
.content.sub{padding-top:50px;}

/* linknews */
.linkNews{padding:0 16px;}
.linkNews li{margin-top:0px; /*padding:4px 0;*/ }
.linkNews li:first-child{margin-top:0px;}
.linkNews li a{position:relative; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; height:32px; margin-top:1px; line-height:32px; padding:0 0 0 12px; color:#555; font-size:14px;}
.linkNews li a.type1:after{content:''; position:absolute; top:16px; left:0; width:3px; height:3px; border-radius:50%; background-color:#008191; box-sizing: border-box;}
.linkNews li a.type2:after{content:''; position:absolute; top:6px; left:0; width:8px; height:8px; border-left:2px solid #008191; border-bottom:2px solid #008191; box-sizing: border-box;}

/* font */
.txtBig{font-size:22px; line-height:30px; font-weight:bold;}
.txtBig.line2{max-height:60px; text-overflow: initial !important ; white-space: initial !important ;}
.txtBig2{font-size:22px; line-height:30px; font-weight:normal;}
.txtBig2.line2{max-height:60px; text-overflow: initial !important ; white-space: initial !important ;}
.txtMid{font-size:18px; line-height:26px; font-weight:bold;}
.txtMid.line2{max-height:52px; text-overflow: initial !important ; white-space: initial !important ;}
.txtMid2{font-size:16px; line-height:22px; font-weight:normal;}
.txtMid2.line2{max-height:44px; text-overflow: initial !important ; white-space: initial !important ;}
.txtMid3{font-size:16px; font-weight:bold;}
.txtSmall{font-size:14px; color:#999}
.txtBlue{margin-bottom:4px; font-size:16px; line-height:18px; color:#0277BD;}
.addTit {font-size:16px; line-height:22px; color:#008191; font-weight:bold;}

/* tabCont */
.tabArea{background-color:#fff;}
.tabArea h2{position:relative; padding:16px 16px 8px; font-size:24px;}
.tabArea h2.center{text-align:center;}
.tabArea h2.line{margin-bottom:8px; border-bottom:1px solid #e5e5e5;}
.tabArea .tab{display:flex; flex-wrap:wrap; justify-content: space-around; position:relative; }
.tabArea .tab span{display:block; position:absolute; left:0; bottom:0; width:33.33%; height:3px; background-color:#008191; transition:.2s;}
.tabArea .tab button{width:33.33%; padding-bottom:8px; background-color:#fff; font-size:16px; color:#000;}
.tabCont{display:none;}
.tabCont.active{display:block;}

/* imgLabel */
.imgLabelCover:after{content:"GIF"; position:absolute; bottom:2px; right:2px; display:block; width:12px; height:4px; line-height:2px; padding:6px; border-radius:8px 0; background-color:rgba(255,255,255); border:1px solid #75777a; color:#75777a; font-weight:bold; font-size:10px; text-indent:-1px; text-align:center;}

/* header */
header{position:fixed; top:0; left:0; width:100%; height:50px; border-bottom:1px solid #e5e5e5; background-color:#fff; box-sizing: border-box; z-index: 9;}
header h1{position:absolute; top:50%; left:16px; width:auto; height:24px; margin-top:-12px;}
header h1 a{display:inline-block; overflow:hidden;}
header h1 img{Width:111px; height:auto;}
header h1 span{margin-left:8px; vertical-align:bottom;}
/* 기사뷰 로고 */
header div.logo{position:absolute; top:50%; left:16px; width:auto; height:24px; margin-top:-12px;}
header div.logo a img{Width:94px; height:auto; margin-top:-4px;}
header div.logo span{margin-left:4px; vertical-align:bottom; font-weight:bold;}
header .btn{position:absolute; top:0; right:0; width:50px; height:50px; background-image:url(../img/btn_nav.png); background-repeat:no-repeat; background-position:50% 50%; background-size:auto 18px; background-color:#efefef;}
header .btn.active{background-image:url(../img/btn_close.png); }
.navBar{position:fixed; top:50px; left:0; width:100%; height:40px; background-color:#fff; border-bottom:1px solid #ababab; z-index: 8;}
.navBar ul{display:flex; width:100%; justify-content:space-around; }
.navBar li a{position:relative; display:block; padding:0 8px; line-height:40px; font-size:16px;}
.navBar li.active a:after{content:''; position:absolute; bottom:-1px; left:0; width:100%; height:3px; background-color:#008191; z-index: 1;}
.navBar .fnanum{font-weight:bold; color:#008191;}
.navBar li:last-child img{width:31px !important; height:22px;}

/* nav */
.mNav {position:fixed; top:50px; right:-290px; width:258px; height:calc(100% - 82px); padding:16px; background-color:#fff;  transition: .2s; z-index: 10;}
.mNav.off{right:-290px;}
.mNav .searchArea{position:relative; height:40px; margin-bottom:16px; border-bottom:1px solid #111; background:#efefef;}
.mNav .searchArea button{position:absolute; top:50%; right:12px; width:24px; height:24px; margin-top:-12px; background-color:transparent;}
.mNav .searchArea button img{width:24px; height:24px;}
.mNav .searchArea input{width:210px; height:40px; line-height:40px; padding:0 16px; background:#efefef; font-weight:600;}
.mNav .searchArea input::placeholder {font-weight:400;}
.mNav nav{overflow:hidden; position:relative; width:100%; height:calc(100% - 40px);}
.mNav nav .swiper-slide{padding-bottom:56px;}
.mNav nav li{width:100%;}
.mNav nav li.line{padding-bottom:8px; border-bottom:1px solid #efefef;}
.mNav nav li a{display:block; height:40px; font-size:16px; line-height:40px; vertical-align:middle;}
.mNav nav li.on>a{color:#008191;}
.mNav nav li .menuBox{overflow:hidden; margin:8px 0; border-top:1px solid #efefef; border-bottom:1px solid #efefef;}
.mNav nav li .menuBox li{float:left; width:50%; }

/* 속보 */
.quickBox{overflow:hidden; position:relative; height:32px; margin:4px; padding:8px 40px 8px 55px; background-color:#fff;}
.quickBox.plan{padding-left:74px;}
.quickBox span.tit{position:absolute; top:12px; left:4px; display:inline-block; height:24px; line-height:22px; padding:0 8px; background-color:#008191; color:#fff; font-size:14px; }
.quickBox .btnStop{position:absolute; top:0; right:0; width:48px; height:48px; background-color:#fff; }
.quickBox .btnStop img{width:18px; height:auto; vertical-align: middle;}
.quick{height:32px; line-height:30px;}
.quick .swiper-slide{overflow:hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px;}
/* 속보 펼침 */
.quickBox2{overflow:hidden; position:relative; max-height:326px; margin:4px; background-color:#fff;}
.quickBox2.plan{max-height:none}
.quickBox2 .btnStart{position:absolute; top:0; right:0; width:48px; height:48px; background-color:#fff; z-index: 2;}
.quickBox2 .btnStart img{width:18px; height:auto;}
.quickBox2 .date{height:32px; line-height:30px; padding-left:8px; border-bottom:1px solid #e5e5e5;  font-size: 14px;}
.quickBox2 .swiper-slide{position:relative;  height:48px; line-height:46px; }
.quickBox2 .swiper-slide a{overflow:hidden; display:block; text-overflow: ellipsis; white-space: nowrap; padding:0 72px 0 8px; font-size: 14px;}
.quickBox2 .swiper-slide span.time{position:absolute; top:0; right:8px; font-size:12px; color:#4e78cf}
.quickBox2 .btnGroup{border-top:1px solid #e5e5e5}
.quickBox2 .btnGroup button{background-color:#fff; color:#000; font-size:12px;}

/* boxStyle01 */
.boxStyle01 {padding-bottom:16px; background-color:#fff;}
.boxStyle01 .line{margin:16px 16px 0; background-color:#888; height:1px;}
.boxStyle01 h2{position:relative; padding:16px 16px 8px; font-size:24px;}
.boxStyle01 a{display:block; overflow:hidden;}
.boxStyle01 .thumCont{margin-bottom:8px;}
.boxStyle01 .thumCont .imgCover{position:relative; overflow:hidden; width:100%; height:0; padding-bottom:56.25%;}
.boxStyle01 .thumCont .imgCover img{display:block; position:absolute; top:0; left:0; width:100%; min-height:100%; object-fit: cover; }
.boxStyle01 .thumCont .imgCover .caption{position:absolute; top:0; left:0; padding:8px 16px; background-color:#008191; color:#fff; font-size:16px; font-weight:100;}
.boxStyle01 .txtCont{padding:0 16px;}
.boxStyle01 figure+.linkNews{padding-top:8px;}
/* 이미지 크기 작게 */
.boxStyle01.old .thumCont .imgCover {padding-bottom:48.4%;}
.boxStyle01.old .txtCont p{line-height:24px;}
/* imgCover 세로로 길 경우 */
.coverH-long{background-position:50% 0% !important; }

/* 메인탑 썸네일 크기 수정 */
.boxStyle01.old.main .thumCont{padding:16px 16px 0;}
.boxStyle01.old.main .thumCont .imgCover {padding-bottom:60%; border-radius:8px;}

/* boxStyle02 */
.boxStyle02 {position:relative; padding-bottom:16px; background-color:#fff;}
.boxStyle02 h2{position:relative; padding:16px 16px 8px; font-size:24px;}
.boxStyle02 a{display:block; overflow:hidden;}
.boxStyle02 .thumCont{position:relative; margin-bottom:8px;}
.boxStyle02 .thumCont .imgCover{position:relative; overflow:hidden; width:100%; height:0; padding-bottom:56.25%;}
.boxStyle02 .thumCont .imgCover img{display:block; position:absolute; top:0; left:0; width:100%; min-height:100%; object-fit: cover; }
.boxStyle02 .thumCont .imgCover .caption{position:absolute; top:0; left:0; padding:8px 16px; background-color:#008191; color:#fff; font-size:16px; font-weight:100;}
.boxStyle02 .txtCont{position:relative; margin:-33px  16px 0; background-color:#fff; text-align:center;}
.boxStyle02 .txtCont p{padding:8px 16px;}
.boxStyle02 figure+.linkNews{margin-top:8px;}

/* boxStyle03 - 신규 se 스타일 */
.boxStyle03 {position:relative; margin-bottom:8px; padding-bottom:16px; background-color:#fff;}
.boxStyle03 h2{position:relative; padding:16px 16px 8px; font-size:24px;}
.boxStyle03 h2 .label{display:inline-block; padding:2px 8px 3px; border-radius:4px; background-color:#d42018; font-size:16px; color:#fff; font-weight:bold; }
.boxStyle03 .thumCont{margin-bottom:16px; padding:0 16px; }
.boxStyle03 .thumCont .imgCover{position:relative; overflow:hidden; width:100%; height:0; padding-bottom:56.25%; border-radius:8px;}
.boxStyle03 .thumCont .imgCover img{position:absolute; top:0; left:0; width:100%; min-height:100%; object-fit: cover; }
.boxStyle03 .linkNews2{padding:0 16px;}
.boxStyle03 .linkNews2 li{margin-bottom:8px;}
.boxStyle03 .linkNews2 li:last-child{margin-bottom:0px;}
.boxStyle03 .linkNews2 li a{display:flex; justify-content: flex-start; align-items:center;}
.boxStyle03 .linkNews2 li a .thumCont{flex-basis: 38%; max-width: 38%; margin:0px; padding:0px;}
.boxStyle03 .linkNews2 li a .thumCont .imgCover{position:relative; overflow:hidden; width:100%; height:0; padding-bottom:70%;}
.boxStyle03 .linkNews2 li a .thumCont .imgCover img{display:block; position:absolute; top:0; left:0; width:100%; min-height:100%; object-fit: cover; }
.boxStyle03 .linkNews2 li a .txtCont{flex-basis:78%; max-width:78%; padding-left:16px; font-size:16px; line-height:24px;}

/* ulive */
.ulive {}
.ulive .line{margin:16px 16px 0; background-color:#888; height:1px;}
.ulive h2{position:relative; padding:16px 16px 8px; font-size:24px;}
.ulive a{display:block; overflow:hidden;}
.ulive .thumCont{margin:0 0 8px;}
.ulive .thumCont .imgCover{position:relative; width:100%; height:auto; }
.ulive .thumCont .imgCover img{display:block; width:100%; height:auto; visibility: hidden; }
.ulive .thumCont .imgCover .caption{position:absolute; top:0; left:0; padding:8px 16px; background-color:#008191; color:#fff; font-size:16px; font-weight:100;}
.ulive .txtCont{padding:0 16px;}
.ulive figure+.linkNews{margin-top:8px;}

/* listStyle01 - 사진 오른쪽*/
.listStyle01{padding:16px 0; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; background-color:#fff;}
.listStyle01 h2{position:relative; padding:0px 16px 16px; font-size:20px;}
.listStyle01 h2.center{text-align:center;}
.listStyle01 h2.line{margin-bottom:16px; border-bottom:1px solid #e5e5e5;}
.listStyle01 li{margin-top:16px; padding:16px 16px 0; border-top:1px solid #e5e5e5}
.listStyle01 li:first-child{margin-top:0px; padding-top:0px; border-top:0px;}
.listStyle01 .box a{display:flex;}
.listStyle01 .box a .txtCont{flex:1 0 0; flex-basis:70%; padding-right:24px; }
.listStyle01 .box a .txtCont .txtBlue{margin-bottom:4px; font-size:16px; line-height:18px; color:#4e75cf}
.listStyle01 .box a .thumCont{flex-basis:30%; max-width:30%; }
.listStyle01 .box a .thumCont .imgCover{position:relative; overflow:hidden; width:100%; height:0; padding-bottom:70%;}
.listStyle01 .box a .thumCont .imgCover img{display:block; position:absolute; top:0; left:0; width:100%; min-height:100%; object-fit: cover;}
.listStyle01 .box a .thumCont .imgCover .caption{position:absolute; top:0; left:0; padding:4px 8px; background-color:#008191; color:#fff; font-size:16px; font-weight:100;}
.listStyle01 .box a .thumCont.square {flex-basis:27%; max-width:27%; }
.listStyle01 .box a .thumCont.square .imgCover{padding-bottom:100%;}
.listStyle01 .box .linkNews{padding:8px 0 0;}
.listStyle01 .box .linkNews li{padding: 0; margin-top:2px; border-top:none;}
/* 오른쪽 이미지 작게 */
.listStyle01.old h2{padding-bottom:8px;}
.listStyle01.old h2.line{margin-bottom:12px;}
.listStyle01.old{padding:12px 0;}
.listStyle01.old li{margin-top:12px; padding:12px 16px 0; border-top:1px solid #e5e5e5;}
.listStyle01.old li:first-child{margin-top:0px; padding-top:0px; border-top:0px;}
.listStyle01.old .box a .thumCont .imgCover{padding-bottom:76%;}
.listStyle01.old .box a .txtCont{flex-basis: 70%; max-width: 70%; padding-right: 24px;}
.listStyle01.old .box a .thumCont{flex-basis: 30%; max-width: 30%;}
/* 이미지 100% 텍스트1줄 ... */
.listStyle01.old .type2 {padding:16px 0px 4px;}
.listStyle01.old .type2 .box a{flex-direction:column;}
.listStyle01.old .type2 .box a .txtCont{order:2; flex-basis:100%; width:100%; max-width:100%; padding-right:0px;}
.listStyle01.old .type2 .box a .txtCont p{padding:8px 16px 4px; font-weight:bold;
    overflow:hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.listStyle01.old .type2 .box a .thumCont{order:1; flex-basis:100%; width:calc(100% - 32px); max-width:100%; padding:0 16px;}
.listStyle01.old .type2 .box a .thumCont .imgCover{padding-bottom:56.25%; border-radius:8px;}
.listStyle01.old .box.type2 a {align-items: center;}
/* 편집부 br 태그 사용하기 위해 사이즈 조정 */
.listStyle01.type2 .box a .txtCont{flex-basis:74%; max-width:74%;}
.listStyle01.type2 .box a .thumCont{flex-basis:26%; max-width:26%;}


/* listStyle01_1 - 사진 오른쪽 , 랭킹 왼쪽 */
.listStyle01_1{padding:16px 0; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; background-color:#fff;}
.listStyle01_1 h2{position:relative; padding:0px 16px 16px; font-size:20px;}
.listStyle01_1 h2 a{display:block;}
.listStyle01_1 h2.line{margin-bottom:16px; border-bottom:1px solid #e5e5e5;}
.listStyle01_1 ul{padding-top:16px; border-top:1px solid #e5e5e5;}
.listStyle01_1 li{margin-top:16px; padding:16px 16px 0; border-top:1px solid #e5e5e5}
.listStyle01_1 li:first-child{margin-top:0px; padding-top:0px; border-top:0px;}
.listStyle01_1 .box a{display:flex;}
.listStyle01_1 .box a .txtCont{position:relative; flex-basis:70%; max-width:70%; padding:0 24px 0 32px; }
.listStyle01_1 .box a .txtCont span{position:absolute; top:0; left:0; font-size:24px;}
.listStyle01_1 .box a .thumCont{flex-basis:30%; max-width:30%; }
.listStyle01_1 .box a .thumCont .imgCover{position:relative; overflow:hidden; width:100%; height:0; padding-bottom:70%;}
.listStyle01_1 .box a .thumCont .imgCover img{display:block; position:absolute; top:0; left:0; width:100%; min-height:100%; object-fit: cover;}
.listStyle01_1 .box a .thumCont .imgCover .caption{position:absolute; top:0; left:0; padding:4px 8px; background-color:#008191; color:#fff; font-size:16px; font-weight:100;}
.listStyle01_1 .box a .thumCont.square {flex-basis:27%; max-width:27%; }
.listStyle01_1 .box a .thumCont.square .imgCover{padding-bottom:100%;}
.listStyle01_1 .box .linkNews{padding:8px 0 0;}
.listStyle01_1 .box .linkNews li{padding: 0; margin-top:2px; border-top:none;}
/* listStyle01_1 - 사진 없음 , 랭킹 왼쪽 , width100% */
.listStyle01_1.w100 .box a .txtCont{position:relative; flex-basis:100%; max-width:100%; padding:0 24px 0 32px; }

/* 많이 본 뉴스 스타일 */
.listStyle01_1{position:relative;}
.listStyle01_1 ul.tabCont.active li:nth-child(n+6){display:none;}
.listStyle01_1 ul.tabCont.active.open li:nth-child(n+6){display:block;}
.listStyle01_1 .dateBox{display:flex; justify-content: space-between; align-items: center; position:absolute; top:23px; right:16px; }
.listStyle01_1 .dateBox p{margin:0 8px; font-size:14px;}
.listStyle01_1 .dateBox button{width:24px; height:24px;}
.listStyle01_1 .dateBox button img{width:100%; height:auto;}
.listStyle01_1 .dateBox button:disabled{opacity: 0.3;}
.listStyle01_1 .nodata{text-align:center;}

/* listStyle02 - 사진 왼쪽*/
.listStyle02{padding:16px 0; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; background-color:#fff;}
.listStyle02 h2{position:relative; padding:0px 16px 16px; font-size:20px;}
.listStyle02 h2 a{display:block;}
.listStyle02 h2.line{margin-bottom:16px; border-bottom:1px solid #e5e5e5;}
.listStyle02 li{margin-top:16px; padding:16px 16px 0; border-top:1px solid #e5e5e5}
.listStyle02 li:first-child{margin-top:0px; padding-top:0px; border-top:0px;}
.listStyle02 .box a{display:flex;}
.listStyle02 .box.center a{align-items: center;}
.listStyle02 .box a .txtCont{flex-basis:62%; max-width:62%; padding-left:24px; font-size:16px; line-height:24px;}
.listStyle02 .box a .thumCont{flex-basis:38%; max-width:38%; }
.listStyle02 .box a .thumCont .imgCover{position:relative; overflow:hidden; width:100%; height:0; padding-bottom:70%;}
.listStyle02 .box a .thumCont .imgCover img{display:block; position:absolute; top:0; left:0; width:100%; min-height:100%; object-fit: cover;}
.listStyle02 .box a .thumCont .imgCover .caption{position:absolute; top:0; left:0; padding:4px 8px; background-color:#008191; color:#fff; font-size:16px; font-weight:100;}
.listStyle02 .box a .thumCont.square {flex-basis:27%; max-width:27%; }
.listStyle02 .box a .thumCont.square .imgCover{padding-bottom:100%;}
.listStyle02 .box .linkNews{padding:8px 0 0;}
.listStyle02 .box .linkNews li{padding: 0; margin-top:0px; padding:0;  border-top:none;}
.listStyle02 .box .linkNews li a.type1{display:block; }
.listStyle02 .box .linkNews li a{padding:0 0 0 12px;}
/* 메인 피플 기자수첩 인터뷰 이미지 사이즈 줄임 */
.listStyle02.old{margin-top:8px; padding:12px 0;}
.listStyle02.old li{margin-top: 12px; padding: 12px 16px 0;}
.listStyle02.old li:first-child{margin-top: 0px; padding-top: 0px; padding-bottom:0px; border-top: 0px;}
.listStyle02.old .box a .thumCont.square{flex-basis: 22%; max-width: 22%;}
.listStyle02.old .box a .txtCont{flex-basis:78%; max-width:78%; padding-left:16px; font-size:16px; line-height:24px;}

/* 핫이슈 */
.listStyle02.type2 h2 span{color:#008191;}
.listStyle02.type2 li{margin-top:16px; padding:0 16px; border-top:none;}
.listStyle02.type2 li:first-child{margin-top:0px;}
.listStyle02.type2 .box .tag{overflow:hidden; margin-bottom:8px; border-top-left-radius: 4px; border-top-right-radius: 4px; background-color:#008191; 
    background-image:url(../img/ico-forward.png); 
    background-repeat: no-repeat;
    background-position: calc(100% - 12px) 50%;;
}
.listStyle02.type2 .box .tag a{display:block; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; padding:4px 20px 4px 12px;color:#fff; font-size:16px;}
.listStyle02.type2 .box a{align-items: center;}
.listStyle02.type2 .box a .txtCont {padding-left:16px;}
.listStyle02.type2 .box a .txtCont .seriesTit{margin-bottom:4px; padding-left:18px; background:url(../img/ci/2024/ico_chk.png) no-repeat 0 5px; background-size:15px 15px; color:#008191; font-size:16px; font-weight:bold;
    overflow:hidden;
    display:-webkit-box; 
	-webkit-box-orient:vertical; 
	-webkit-line-clamp: 1;
}
.listStyle02.type2 .box a .txtCont p:last-child{overflow:hidden; max-height:52px; 
    display:-webkit-box; 
	-webkit-box-orient:vertical; 
	-webkit-line-clamp: 2;
}

/* 연재 */


/* listStyle03 - 사진 없음 (많이 본 뉴스) */
.listStyle03{padding:16px 0;}
.listStyle03 h2{position:relative; padding:0px 16px 16px; font-size:20px;}
.listStyle03 h2.line{margin-bottom:16px; border-bottom:1px solid #e5e5e5;}
.listStyle03 h2 a{display:block;}
.listStyle03 li{position:relative; margin:0 16px 12px; padding-left:32px;}
.listStyle03 li:last-child{margin-bottom:0px;}
.listStyle03 li span{position:absolute; top:0; left:0; font-size:18px; font-weight:bold;}
.listStyle03 li a{flex-basis:95%; max-width:95%; font-size:16px;}
.listStyle03.line1 li a{display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
/* 많이 본 기사 새로운 타입 */
.listStyle03.newType1 .boxGroup03 ul li {}
.listStyle03.newType1 ul.tabCont li{margin:0 0 16px; padding:0px 16px 16px 48px; border-bottom:1px solid #E5E5E5;}
.listStyle03.newType1 ul.tabCont li:last-child{margin-bottom:0px;}
.listStyle03.newType1 ul.tabCont li a{
    flex-basis:100%; max-width:100%;
    overflow:hidden; white-space: initial;
	display:-webkit-box; 
	-webkit-box-orient:vertical; 
	-webkit-line-clamp: 2;
}
.listStyle03.newType1{padding-bottom:0px;}
.listStyle03.newType1 li span{top:50%; left:16px; margin-top:-21px;}
.listStyle03.newType1 li.nodata{text-indent:-30px; text-align:center;}

/* listStyle04 - 사진 없음  */
.listStyle04{border-top:1px solid #f0f0f0; background-color:#fff; }
.listStyle04 h2{position:relative; padding:0px 16px 16px; font-size:20px;}
.listStyle04 h2.line{margin-bottom:16px; border-bottom:1px solid #e5e5e5;}
.listStyle04 h2 a{display:block;}
.listStyle04 li{position:relative; margin-bottom:8px; padding:0 16px 8px; border-bottom:1px solid #f0f0f0}
.listStyle04 li:last-child{margin-bottom:0px;}
.listStyle04 li span{margin-right:8px; font-size:16px;}
.listStyle04 li a{font-size:16px;}
/* 텍스트 기사 한줄 */
.listStyle04.type2 .box .txtCont p{display:block; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.listStyle04 .nodata{padding:20px 16px; text-align: center;}

/* listStyle05 - 사진 양쪽  */
.listStyle05{padding:16px 0; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; background-color:#fff;}
.listStyle05 h2{position:relative; padding:0px 16px 16px; font-size:20px;}
.listStyle05 h2 a{display:block;}
.listStyle05 h2.line{margin-bottom:16px; border-bottom:1px solid #e5e5e5;}
.listStyle05 h2.add-right{padding-right:80px;}
.listStyle05 h2 .right{position:absolute; display:inline-block; bottom:16px; right:16px; font-size:14px; font-weight:normal;}
.listStyle05 h2 .right span{color:#008191; font-weight:bold;}
.listStyle05 ul{display:flex; flex-wrap:wrap; padding:0 16px;}
.listStyle05 ul li{flex-basis:50%; max-width:50%; margin-bottom:16px; }
.listStyle05 ul li:nth-child(even) .box{padding-left:8px;}
.listStyle05 ul li:nth-child(odd) .box{padding-right:8px;}
.listStyle05 .box a .thumCont{position:relative;}
.listStyle05 .box a .thumCont .imgCover{position:relative; overflow:hidden; width:100%; height:0; padding-bottom:70%; }
.listStyle05 .box a .thumCont .imgCover img{display:block; position:absolute; top:0; left:0; width:100%; min-height:100%; object-fit: cover;}
.listStyle05 .box a .thumCont .imgCover .caption{position:absolute; top:0; left:0; padding:4px 8px; background-color:#008191; color:#fff; font-size:16px; font-weight:100;}
.listStyle05 .box a .thumCont .ico{position:absolute; top:8px; left:8px; border-radius:50%; box-shadow:1px 1px 5px 1px #000; z-index: 8; }
.listStyle05 .box a .thumCont .num{position:absolute; top:4px; left:4px; padding:1px 6px 2px; border:2px solid #fff; background:rgba(0,0,0, .5); border-radius:16px; box-shadow:1px 1px 5px 1px #000; z-index: 8; color:#fff; font-size:12px;}
.listStyle05 .box a .thumCont .num.type2{top:auto; left:auto; bottom:4px; right:4px;}
.listStyle05 .box a .thumCont .num.type3{position:absolute; top:0; left:0; padding:1px 6px 2px; border:none; background:rgba(0,0,0,1); z-index: 8; border-radius:0; box-shadow:none; color:#fff; font-size:12px;}
.content.sub .listStyle05 .box a .thumCont .num{position:absolute; top:8px; left:8px; padding:1px 6px 2px; border:2px solid #fff; background:rgba(0,0,0, .5); border-radius:16px; box-shadow:1px 1px 5px 1px #000; z-index: 8; color:#fff; font-size:12px;}
.content.sub .listStyle05 .box a .thumCont .num.type2{top:auto; left:auto; bottom:8px; right:8px;}
.content.sub .listStyle05 .box a .thumCont .num.type3{position:absolute; top:0; left:0; padding:1px 6px 2px; border:none; background:rgba(0,0,0,1); z-index: 8; border-radius:0; box-shadow:none; color:#fff; font-size:12px;}

.listStyle05 .box a .thumCont.square {flex-basis:27%; max-width:27%; }
.listStyle05 .box a .thumCont.square .imgCover{padding-bottom:100%;}
.listStyle05 .box a .txtCont p {overflow:hidden; width:100%; text-overflow: ellipsis; white-space: nowrap;}
.listStyle05 .box a .txtCont p.line2{overflow:hidden; max-height:44px; text-overflow: initial; white-space: initial; }
.listStyle05 .nodata{padding:20px 16px; text-align: center;}

/* 뷰페이지 하단 많이 본 기사 */
.listStyle05.view{padding: 4px 0}
.listStyle05.view h2{padding: 0px 16px 4px;}
.listStyle05.view ul li{margin-bottom: 8px;}
.listStyle05.view .box a .thumCont .imgCover {padding-bottom:63%; border-radius:8px;}
.listStyle05.view .box a .txtCont p.line2 {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-size:14px; line-height:18px; margin-top:4px !important ;}

/* listStyle06 - 인사,부고 */
.listStyle06{padding:16px 0; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; background-color:#fff;}
.listStyle06 h2{position:relative; padding:0px 16px 16px; font-size:20px;}
.listStyle06 h2.center{text-align:center;}
.listStyle06 h2.line{margin-bottom:16px; border-bottom:1px solid #e5e5e5;}
.listStyle06 li{margin-top:16px; padding:16px 16px 0; border-top:1px solid #e5e5e5}
.listStyle06 li:first-child{margin-top:0px; padding-top:0px; border-top:0px;}
.listStyle06 .box a{display:flex;}
.listStyle06 .box a .txtCont{flex-basis:75%; max-width:75%; padding-right:24px; }
.listStyle06 .box a .txtCont .txtBlue{margin-bottom:4px; font-size:16px; line-height:18px; color:#4e75cf}
.listStyle06 .box a .thumCont{flex-basis:25%; max-width:25%; }
.listStyle06 .box a .thumCont .imgCover{position:relative; overflow:hidden; width:100%; height:0; padding-bottom:100%;}
.listStyle06 .box a .thumCont .imgCover img{position:absolute; top:0; left:0; display:block; width:100%; min-height:100%; object-fit: cover;}
.listStyle06 .box a .thumCont .imgCover .caption{position:absolute; top:0; left:0; padding:4px 8px; background-color:#008191; color:#fff; font-size:16px; font-weight:100;}
.listStyle06 .box a .thumCont.square {flex-basis:27%; max-width:27%; }
.listStyle06 .box a .thumCont.square .imgCover{padding-bottom:100%;}

/*  */


/* boxPhoto01 - 뉴시스 Pic*/  
.boxPhoto01 {padding-bottom:16px; background-color:#fff;}
.boxPhoto01 h2{position:relative; padding:16px 16px 8px; font-size:24px;}
.boxPhoto01 a{display:block; overflow:hidden;}
.boxPhoto01 .thumCont{margin-bottom:8px;}
.boxPhoto01 .thumCont .imgCover{position:relative; overflow:hidden; width:100%; height:0; padding-bottom:56.25%;}
.boxPhoto01 .thumCont .imgCover img{display:block; position:absolute; top:0; left:0; width:100%; min-height:100%; object-fit: cover;}
.boxPhoto01 .thumCont .imgCover .caption{position:absolute; top:0; left:0; padding:4px 8px; background-color:#008191; color:#fff; font-size:16px; font-weight:100;}
.boxPhoto01 .thumCont .ico{position:absolute; top:8px; right:8px; }
.boxPhoto01 .txtCont{padding:0 16px;}
.boxPhoto01 .txtCont p{overflow: hidden; margin-bottom: 16px; line-height: 30px; font-weight: normal; text-overflow: ellipsis; white-space: nowrap;}
.boxPhoto01 .swiper-pagination{margin-top:56.25%}
.boxPhoto01 .slideNumber{position:absolute; top:-31px; right:0; margin-top:56.25%; padding:8px; border-top-left-radius: 5px; border-bottom:1px solid #000; background-color:rgba(255,255,255 , 0.9); z-index: 2; font-size:14px; line-height:14px; text-align:center;}
.boxPhoto01 .slideNumber .num{margin-right:4px; color:#008191; font-weight:bold;}
.boxPhoto01 .slideNumber .total{margin-left:4px; padding-right:0px; font-size:14px;}
:root{--swiper-theme-color:#008191;}


/* boxPhoto02 - 포토 국내사진*/  
.boxPhoto02 {background-color:#fff;}
.boxPhoto02 h2{position:relative; padding:16px 16px 8px; font-size:24px;}
.boxPhoto02 a{display:block; overflow:hidden;}
.boxPhoto02 .thumCont{margin-bottom:4px;}
.boxPhoto02 .thumCont .imgCover{position:relative; overflow:hidden; width:100%; height:0; padding-bottom:56.25%;}
.boxPhoto02 .thumCont .imgCover img{display:block; position:absolute; top:0; left:0; width:100%; min-height:100%; object-fit: cover;}
.boxPhoto02 .thumCont .imgCover .caption{position:absolute; top:0; left:0; padding:4px 8px; background-color:#008191; color:#fff; font-size:16px; font-weight:100; }
.boxPhoto02 .thumCont .ico{position:absolute; top:8px; right:8px; }
.boxPhoto02 .txtCont{padding:0 16px;}
.boxPhoto02 .swiper-pagination{margin-top:56.25%}
:root{--swiper-theme-color:#008191;}

/* boxPhoto03 - 포토 해외사진*/  
.boxPhoto03 {background-color:#fff;}
.boxPhoto03 h2{position:relative; padding:16px 16px 8px; font-size:24px;}
.boxPhoto03 a{display:block; overflow:hidden;}
.boxPhoto03 .swiper-slide{width:80%;}
.boxPhoto03 .thumCont .imgCover{position:relative; overflow:hidden; width:100%; height:0; padding-bottom:56.25%;}
.boxPhoto03 .thumCont .imgCover img{display:block; position:absolute; top:0; left:0; width:100%; min-height:100%; object-fit: cover;}
.boxPhoto03 .thumCont .imgCover .caption{position:absolute; top:0; left:0; padding:4px 8px; background-color:#008191; color:#fff; font-size:16px; font-weight:100;}
.boxPhoto03 .thumCont .ico{position:absolute; top:8px; right:8px; }
.boxPhoto03 .txtCont{padding:0 16px;}
.boxPhoto03 .swiper-pagination{margin-top:56.25%}
:root{--swiper-theme-color:#008191;}

/* boxPhoto04 - 핫키워드 */
.boxPhoto04 h2{position:relative; padding:16px 16px 8px; font-size:24px;}
.boxPhoto04 a{display:block; overflow:hidden;}
.boxPhoto04 .swiper{margin-bottom:16px; padding:0 16px;}
.boxPhoto04 .swiper-slide{width:auto;}
.boxPhoto04 article{width:auto;}
.boxPhoto04 article figure{float:left; margin-right:16px;}
.boxPhoto04 article figure:last-child{margin-right:0px;}
.boxPhoto04 article figure .thumCont .imgCover{position:relative; overflow:hidden; width:100%; height:0; padding-bottom:56.25%;}
.boxPhoto04 article figure .thumCont .imgCover img{display:block; position:absolute; top:0; left:0; width:100%; min-height:100%; object-fit: cover;}
.boxPhoto04 article .groupLine{position:relative; margin-bottom:8px;}
.boxPhoto04 article .groupLine:before{content:''; display:block; position:absolute; bottom:13px; left:0; width:100%; height:1px; background-color:#008191;}
.boxPhoto04 article .groupLine:after{content:''; display:block; position:absolute; right:0; bottom:9px; width:1px; height:9px; background-color:#008191;;}
.boxPhoto04 article .groupLine .keyWord{display:inline-block; position:relative; padding-right:16px; background-color:#ededed; font-size:20px; color:#008191;}
.boxPhoto04 .txtCont{overflow:hidden; width:300px; height:48px; margin-top:4px;}
.boxPhoto04 .swiper-pagination{margin-top:56.25%}
:root{--swiper-theme-color:#008191;}
/* 핫키워드 리뉴얼 */
.boxPhoto04.keyword{background-color:#fff; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;}
.boxPhoto04.keyword .newType1{padding:8px 16px;}
.boxPhoto04.keyword .newType1 .hotTit{display:inline-block; margin-bottom:8px; padding:4px 16px; border:1px solid #008191; border-radius:16px; font-size:16px; color:#008191; font-weight:bold;}
.boxPhoto04.keyword .newType1 .boxStyle01{padding-bottom:8px;}
.boxPhoto04.keyword .newType1 .boxStyle01 .txtCont{padding:0px;}
.boxPhoto04.keyword .newType1 .boxStyle01 .imgCover{border-radius:8px;}
.boxPhoto04.keyword .newType1 article figure{float:none;}
.boxPhoto04.keyword .newType1 .listStyle04 li{padding:0 0px 8px;}
.boxPhoto04.keyword .newType1 .listStyle04 li:last-child{border-bottom:none;}
.boxPhoto04.keyword .newType1 .txtCont{margin-top:0px;}
.boxPhoto04.keyword .newType1 article .txtCont{width:auto; height:auto; max-height:48px; }
.boxPhoto04.keyword .newType1 article .txtCont p{font-size:16px; line-height:22px;
    display:-webkit-box;
    -webkit-box-orient:vertical; 
    -webkit-line-clamp: 2;
}
/* 핫키워드 리뉴얼2 */
.boxPhoto04.keyword .newType2{padding:8px 0;}
.boxPhoto04.keyword .swiper .swiper-pagination-bullet{border-radius:4px;}
.boxPhoto04.keyword .swiper .swiper-pagination{bottom:-4px;}
.boxPhoto04.keyword .swiper .swiper-pagination-bullet-active{width:24px;}
.boxPhoto04.keyword .newType2 .hotTit{display:inline-block; margin-bottom:8px; padding:4px 16px; border:1px solid #008191; border-radius:16px; background-color:#F1F6F6; font-size:16px; color:#008191; font-weight:bold;}
.boxPhoto04.keyword .newType2 .boxStyle01{padding-bottom:8px;}
.boxPhoto04.keyword .newType2 .boxStyle01 .txtCont{padding:0px;}
.boxPhoto04.keyword .newType2 .boxStyle01 .imgCover{border-radius:8px;}
.boxPhoto04.keyword .newType2 article figure{float:none;}
.boxPhoto04.keyword .newType2 .listStyle04 li{padding:0 0px 8px;}
.boxPhoto04.keyword .newType2 .listStyle04 li:last-child{border-bottom:none;}
.boxPhoto04.keyword .newType2 .txtCont{margin-top:0px;}
.boxPhoto04.keyword .newType2 article .txtCont{width:auto; height:auto; max-height:48px; }
.boxPhoto04.keyword .newType2 article .txtCont p{font-size:16px; line-height:22px;
    display:-webkit-box;
    -webkit-box-orient:vertical; 
    -webkit-line-clamp: 1;
}

/* boxPhoto05 - 메인 영상 */
.boxPhoto05 h2{position:relative; padding:16px 16px 8px; font-size:24px;}
.boxPhoto05 h2 .right{position:absolute; display:inline-block; bottom:8px; right:16px; }
.boxPhoto05 a{display:block; overflow:hidden;}
.boxPhoto05 .swiper{margin:8px 0 16px; padding:0 16px;}
.boxPhoto05 .swiper-slide{width:auto;}
.boxPhoto05 article{width:auto;}
.boxPhoto05 article figure{float:left; }
.boxPhoto05 article figure .thumCont{position:relative;}
.boxPhoto05 article figure .thumCont .imgCover{position:relative; overflow:hidden; width:100%; height:128px; border-top-left-radius: 8px; border-top-right-radius: 8px;}
.boxPhoto05 article figure .thumCont img{position:absolute; top:0; left:0; width:100%; min-height:100%; object-fit: cover; border-top-left-radius: 8px; border-top-right-radius: 8px;}
.boxPhoto05 article figure .thumCont span.ico{position:absolute; bottom:0; right:0; width:40px; height:40px; background-color:rgba(231,75,60, .9); text-align:center;}
.boxPhoto05 article figure .thumCont span.ico img{position:initial; width:15px; height:15px; min-height:15px; margin:13px 0 0 3px;}
.boxPhoto05 .txtCont{overflow:hidden; width:212px; height:48px; padding:16px 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; background-color:#fff;}
.boxPhoto05 .txtCont p{overflow: hidden; height: 48px; margin-bottom: 16px; line-height: 24px; font-weight: normal;}
.boxPhoto05 .swiper-pagination{margin-top:56.25%}
:root{--swiper-theme-color:#008191;}
/* boxPhoto05 신년기획 */
.boxPhoto05.newYear{position:relative; padding-top:32px; background-color:#e1e6ec; }
.boxPhoto05.newYear h2{position:absolute; top:-3px; left:0; z-index:1;}
.boxPhoto05.newYear .swiper{padding:16px; z-index: auto;}
.boxPhoto05.newYear article figure .thumCont .imgCover{border-top-left-radius: 8px; border-top-right-radius: 8px;}
.boxPhoto05.newYear article figure .thumCont img{border-top-left-radius: 8px; border-top-right-radius: 8px;}
.boxPhoto05.newYear .txtCont{border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; height:26px;}
.boxPhoto05.newYear .txtCont p{height:26px;}
/* boxPhoto05 뉴시스연재 */
.boxPhoto05.series{position:relative; background:#e1e6ec;}
.boxPhoto05.series h2{position:absolute; top:-3px; left:0; z-index:1;}
.boxPhoto05.series .swiper{padding:16px; z-index: auto;}
.boxPhoto05.series article figure .thumCont .imgCover{border-top-left-radius: 8px; border-top-right-radius: 8px;}
.boxPhoto05.series article figure .thumCont img{border-top-left-radius: 8px; border-top-right-radius: 8px;}
.boxPhoto05.series .txtCont{border-bottom-left-radius: 8px; border-bottom-right-radius: 8px;}
.boxPhoto05.series .seriesTit{width:calc(228px - 18px); margin-bottom:8px; padding-left:18px; background:url(../img/ci/2024/ico_chk.png) no-repeat 0 5px; background-size:15px 15px; color:#008191; font-size:16px; font-weight:bold;
    overflow:hidden; text-overflow: ellipsis; white-space: nowrap; 
}

/* boxGroup01 */
.boxGroup01{overflow:hidden; background-color:#fff; padding:16px;}
.boxGroup01 ul{position:relative; display:flex;width:100%;  flex-wrap:wrap; border:1px solid #ccc; border-bottom:none;}
.boxGroup01 ul:after{content:''; position:absolute; left:0; bottom:0; display:block; width:100%; height:1px; background-color:#ccc; }
.boxGroup01 ul li{position:relative; overflow:hidden; width:33%; height:40px; line-height:40px; border-right:1px solid #ccc; box-sizing:border-box; border-bottom:1px solid #ccc; text-align:center; font-size:14px;}
.boxGroup01 ul li:nth-child(3n){width:34%; border-right:none;}
.boxGroup01 ul li a{display:block; width:100%; height:100%;}
.boxGroup01 ul li.on {background-color:#008191;}
.boxGroup01 ul li.on a{color:#fff;}

/* boxGroup02 */
.boxGroup02{overflow:hidden; background-color:#fff;}
.boxGroup02 ul{position:relative; display:flex;width:100%;  flex-wrap:wrap;  border-bottom:none;}
.boxGroup02 ul:after{content:''; position:absolute; left:0; bottom:0; display:block; width:100%; height:1px; background-color:#ccc; }
.boxGroup02 ul li{position:relative; overflow:hidden; width:25%; height:32px; line-height:32px; border-right:1px solid #e5e5e5; box-sizing:border-box; border-bottom:1px solid #e5e5e5; text-align:center; font-size:13px;}
.boxGroup02 ul li:nth-child(4n){width:25%; border-right:none;}
.boxGroup02 ul li a{display:block; width:100%; height:100%;}

/* boxGroup03 랭킹 쪽 박스 */
.boxGroup03{overflow:hidden; background-color:#fff; padding:0 16px 16px;}
.boxGroup03 ul{position:relative; display:flex; width:100%;  flex-wrap:wrap; padding:0px; border:1px solid #ccc; border-bottom:none;}
.boxGroup03 ul:after{content:''; position:absolute; left:0; bottom:0; display:block; width:100%; height:1px; background-color:#ccc; }
.boxGroup03 ul li{position:relative; overflow:hidden; width:25%; height:40px; line-height:40px; margin:0px; padding:0px; border-right:1px solid #ccc; box-sizing:border-box; border-bottom:1px solid #ccc; text-align:center; font-size:14px;}
.boxGroup03 ul li:nth-child(4n){width:25%; border-right:none;}
.boxGroup03 ul li a{display:block; width:100%; max-width:100%; height:100%;}
.boxGroup03 ul li.on a{background-color:#008191; color:#fff;}

/* 랭킹페이지 박스 스타일 수정 */
.listStyle01_1 .boxGroup03 ul{border-top:none;}
.listStyle01_1 .boxGroup03 ul li{border-bottom:none; border-top:1px solid #ccc;}
.listStyle01_1 .boxGroup03 ul li:first-child{border-top:1px solid #ccc;}
.listStyle01_1 .boxGroup03 ul li.nodata{text-align:center;}

/* viewCont */
.viewCont *{font-family:'돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif;}
.viewCont{position:relative; background-color:#fff;}
.viewCont .head{padding:16px; border-bottom:1px solid #ccc; }
.viewCont .location {overflow:hidden; margin-bottom:16px;}
.viewCont .location ul li{position:relative; float:left; margin-right:8px; padding-right:16px; line-height:21px;}
.viewCont .location ul li:after{content:''; position:absolute; top:6px; right:0; width:8px; height:11px; background:url(../img/bl_arrow4.png) no-repeat 0 0; font-size:12px;}
.viewCont .location ul li:last-child:after{display:none;}
.viewCont .location ul li:last-child a{font-weight:bold;}
.viewCont .head .tit{margin-bottom:8px; font-size:22px; font-weight:bold; letter-spacing: -1px; line-height:28px;}
.viewCont .head .txtGray{font-size:12px; color:#555;}
.viewCont .head .info{position:relative; min-height:30px; padding-right:100px;}
.viewCont .head .info .share{position:absolute; top:0; right:0;}
.viewCont .head .info .share.fix{position:fixed; top:10px; right:64px; z-index: 10;}
.viewCont .head .info ul li{float:left;}
.viewCont .head .info ul li button{display:inline-block; width:30px; height:30px; margin-left:4px; background-color:#fff; font-size:16px; color:#000 !important ;}
.viewCont .head .info ul li button em{font-size:11px;}
.viewCont .head .info ul li button img{width:24px; height: 24px;}
.viewCont .cont{overflow:hidden;}
.viewCont .cont .thum img{width:100%; height:auto;}
.viewCont .cont .thum.people{text-align:center;}
.viewCont .cont .thum.people img{width:auto;}
.viewCont .cont .thum .thumInfo{padding:4px 16px; color:#555; font-size:13px;}
.viewCont .cont .article{margin:16px; font-size:18px; line-height:28px; font-family:'돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif;}
/* 24.6.17 본문 텍스트 수정 */
.viewCont .cont .article.fs3{font-family: 'Noto Sans KR', '맑은고딕', 'Malgun Gothic', '돋움', dotum, sans-serif !important; font-size: 19px !important; line-height: 1.6em !important; word-spacing: 1px !important;}
/* 기사 상세 관련기사 추가 */
.linkNews.newStyle+.linkNews.newStyle{border-top:none;}
.linkNews.newStyle{padding:8px 16px 8px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; background-color:#fff;}
.linkNews.newStyle h3{margin-bottom:8px; font-size:16px;}
.linkNews.newStyle li{position:relative; margin-top:8px; padding-bottom:8px; border-bottom:1px solid #ebebeb;}
.linkNews.newStyle li:first-child{margin-top:0px;}
.linkNews.newStyle li:last-child{padding-bottom:0px; border-bottom:none;}
.linkNews.newStyle li:after{content:''; position:absolute; top:10px; left:0; width:4px; height:4px; border-radius:50%; background-color:#008191;}
.linkNews.newStyle li a{padding-left:10px; height:auto; font-size:16px; line-height:22px; font-weight:bold;
    overflow:hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.linkNews.newStyle li.arrow:after{content:''; top:5px; width:7px; height:12px; background:url(../img/ci/2024/bl_arrow5.png) no-repeat 0 0;}
/* 기사뷰 썸네일 타이틀 */
.viewCont .thum p.tit{padding:8px 16px 0; font-weight:bold; font-size:13px; line-height:20px;
    overflow:hidden; 
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* 기사 상세 관련기사 스타일 추가 */
.linkNews.newStyle+.linkNews.newStyle2{border-top:none;}
.linkNews.newStyle2+.linkNews.newStyle{border-top:none;}
.linkNews.newStyle2+.linkNews.newStyle2{border-top:none;}
.linkNews.newStyle2{padding:8px 16px 8px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; background-color:#fff;}
.linkNews.newStyle2 h3{margin-bottom:8px; font-size:16px;}
.linkNews.newStyle2 li{position:relative; margin-top:8px; padding-bottom:8px; border-bottom:1px solid #ebebeb;}
.linkNews.newStyle2 li:first-child{margin-top:0px;}
.linkNews.newStyle2 li:last-child{padding-bottom:0px; border-bottom:none;}
.linkNews.newStyle2 li:after{content:''; position:absolute; top:10px; left:0; width:4px; height:4px; border-radius:50%; background-color:#008191;}
.linkNews.newStyle2 li a{padding-left:10px; height:auto; font-size:16px; line-height:22px; font-weight:bold;
    overflow:hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* 기사내용 요약 */
.summury{position:relative; margin:16px; padding-left:12px; }
.summury:after{content:''; position:absolute; top:0; left:0; width:2px; height:100%; background-color:#008191;}
.summury h2{margin-top: 6px; font-size: 17px; line-height:1.1; letter-spacing: -0.6px;}
.subHeader{margin:16px; padding:4px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; font-size:16px; line-height:22px;}

.summury_view{margin:16px; padding:10px; border:1px solid #ca7f8d;}
.summury_view .tit{margin-bottom:5px;}
.summury_view .tit strong{font-size:18px; color:#008191}
.summury_view p{font-size:18px; line-height:24px; font-family:'돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif;}

/* shareBox - 공유하기 */
.shareBox{position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); width:280px; padding:16px; border-radius:10px; background-color:#fff; z-index: 99999;}
.shareBox .head{position:relative; margin-bottom:8px; text-align:center;}
.shareBox .head button{position:absolute; top:0; right:0; width:20px; height:20px; background-color:#fff;}
.shareBox .head button img{width:100%; height:100%;}
.shareBox .inner{display:flex; flex-wrap:wrap; justify-content:flex-start; }
.shareBox .inner button{width:33.33%; padding:16px 0; background-color:#fff;}
.shareBox .inner button img{width:45px; height:45px;}
.shareBox .copyUrl{overflow:hidden; display:flex; width:100%; margin-top:8px;}
.shareBox .copyUrl input{flex:0 0 80%; height:32px; line-height:32px; background-color:#efefef;}
.shareBox .copyUrl button{flex:0 0 20%; height:32px; background-color:#ababab; color:#000; font-size:11px;}
/* shareBox_old - 공유하기 */
.shareBox_old {position:relative; overflow:hidden; padding:8px 0 8px 5px;background:#fff;}
.shareBox_old li {float:left; width:16.6%; text-align:center;}
.shareBox_old.t2 li {width:20%;}
.shareBox_old li a img {width:35px;}

/* wordBox - 글자크기 */
.wordBox{position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); width:280px; padding:16px; border-radius:10px; background-color:#fff; z-index: 99999;}
.wordBox .head{position:relative; margin-bottom:8px; text-align:center;}
.wordBox .head button{position:absolute; top:0; right:0; width:20px; height:20px; background-color:#fff;}
.wordBox .head button img{width:100%; height:100%;}
.wordBox .inner button{display:block; width:100%; margin:16px 0; padding-left:24px; background-color:#fff; text-align:left; color:#000;}
.wordBox .inner button.on{background:url(../img/ci/2024/bl_arrow5.png) no-repeat 8px 50%;}
.wordBox .inner button.fs1{font-size:12px;}
.wordBox .inner button.fs2{font-size:13px;}
.wordBox .inner button.fs3{font-size:16px;}
.wordBox .inner button.fs4{font-size:17px;}
.wordBox .inner button.fs5{font-size:20px;}

/* 댓글 영역 - 튜브가이드 방식으로 변경 24.04.23*/
.replyArea{padding:16px; background-color:#fff;}
/* replyBox 운영에 올라가면 width:100%로 수정해 줘야함 */
.replyBox{position:fixed; overflow-y:auto; left:0; bottom:0; width:100%; max-height:70%; background-color:#fff; z-index: 99999;
    transition-delay: 200s;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: transform .3s cubic-bezier(.79,.14,.15,.86);
    transition: transform .3s cubic-bezier(.79,.14,.15,.86);
}
.replyBox .layer-half-header{display:block; position:relative; padding:40px 16px 0;}
.replyBox .layer-half-header h3{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-bottom:8px; font-size:18px;}
.replyBox .layer-half-header .date{font-size:14px; color:#999;}
.replyBox .layer-half-header .date span{display:block;}
.replyBox .layer-half-header button.close{position:absolute; display:inline-block; top:12px; right:16px; width:20px; height:20px; margin-bottom:0px; padding:0; border:1px solid #999; background-color:#fff;}
.replyBox .layer-half-header button:after{content:''; position:absolute; top:9px; left:2px; width:14px; height:1px; background-color:#999; transform: rotate(45deg);}
.replyBox .layer-half-header button:before{content:''; position:absolute; top:9px; left:2px; width:14px; height:1px; background-color:#999; transform: rotate(135deg);}
.replyBox .layer-half-cont{padding:0 16px;}
.replyBox .reply-area #lv-container.layer-half{display:none;}
.replyBox.active {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    -webkit-transition: transform .3s cubic-bezier(.79,.14,.15,.86);
    transition: transform .3s cubic-bezier(.79,.14,.15,.86);
}


/* 이미지 뷰어 */
.photoView {position:relative; width:100%; height:100%; background-color:rgba(45,45,45);}
.photoView .infotop{overflow:hidden; position:fixed; top:0; left:0; width:100%; height:42px; background-color:rgba(0,0,0, .8); z-index: 11;}
.photoView .infotop .mtit{overflow:hidden; margin:0 41px 0 47px; height:42px; font-size:16px; font-weight:normal; letter-spacing: -.5px; line-height:42px; color:#fff;}
.photoView .infotop .mtit a{display:block; height:42px; color:#fff;}
.photoView .infotop .mtit a span{overflow:hidden; display:inline-block; max-width:80%; text-overflow: ellipsis; white-space: nowrap;}
.photoView .infotop .mtit img{width:9px; margin-top:19px; }
.photoView .infotop .otslist{position:absolute; display:block; top:13px; left:16px; width:16px; height:16px; background:url(../img/btn_view_list_ed.gif) no-repeat 0 0; background-size:16px 16px;}
.photoView .infotop .close{position:absolute; top:7px; right:5px; width:14px; height:15px; padding:15px; background:url(../img/btn_close2.png) no-repeat 50% 50%; background-size:14px 15px; z-index: 9;}
/* 이미지뷰어 카테고리 리스트 */
.photoView .categoryBox{display:none; position:absolute; overflow:auto; top:0px; width:100%; height:100%; background:rgb(45,45,45); z-index:10;}
.photoView .categoryBox .category_list{margin-top:50px; }
.photoView .categoryBox .category_list ul li{position:relative; overflow:hidden; margin-bottom:8px;}
.photoView .categoryBox .category_list ul li:first-child{border-top:none;}
.photoView .categoryBox .category_list ul li a{display:block; overflow:hidden; position:relative; letter-spacing: -0.25px;}
.photoView .categoryBox .category_list ul li .thum{position:relative; overflow:hidden; float:left; width:35%; margin-left:16px;}
.photoView .categoryBox .category_list ul li .thum .img{display:block; width:100%; padding-bottom:63.98%; background-size:cover; font-size:0;}
.photoView .categoryBox .category_list ul li .subject{position:absolute; display:table; top:0; left:0; width:100%; height:100%;}
.photoView .categoryBox .category_list ul li .txt{display:block; overflow:hidden; max-height:84px; padding:0 72px 0 42%; font-size:16px; line-height:21px; vertical-align: middle; color:#fff;}
.photoView .categoryBox .category_list ul li .num{position:absolute; top:50%; right:16px; width:17px; height:15px; margin-top:-6px; padding-left:22px; color:#a3a3a3; background:url(../img/ico_img.gif) no-repeat 0 0; background-size:17px 15px; font-size:14px; line-height:15px;}
/* 이미지뷰어 뷰리스트 */
.viewlistBox{position:absolute; display:none; overflow:auto; top:0px; width:100%; height:100%; background:rgb(45,45,45); z-index: 9;}
.viewlistBox .row_list{display:flex; margin-top:50px; padding:0 16px 16px;}
.viewlistBox .row_list .column{flex-basis:50%; max-width:50%; }
.viewlistBox .row_list .column:first-child{padding-right:4px;}
.viewlistBox .row_list .column:last-child{padding-left:4px;}
.viewlistBox .row_list .column img{width:100%; margin-top:8px; }
/* 이미지뷰어 슬라이드부분 */
.imgBody .swiper-container {position:relative; overflow:hidden; height:100%;}
.imgBody .swiper-container .slide{position:absolute; top:0; width:100%; height:100%;}
.imgBody .swiper-container .swiper-wrapper{height:100%;}
.imgBody .swiper-container .slick-track{height:100%;}
.imgBody .swiper-container .swiper-slide{display:table; height:100%;}
.imgBody .swiper-container .frame_img{display:table-cell; height:100%; text-align: center; vertical-align: middle;}
.imgBody .swiper-container .slide div img{display:inline-block; max-width:100%; max-height:100%; vertical-align: middle;}
.imgBody .swiper-container .swiper-button-next{position:absolute; top:50%; right:0; width:36px; height:42px; margin-top:-21px; background:url(../img/next_b_on.png) no-repeat 0 0; background-size:36px 42px;; text-indent: -9999px; z-index: 5;}
.imgBody .swiper-container .swiper-button-prev{position:absolute; top:50%; left:0; width:36px; height:42px; margin-top:-21px; background:url(../img/pre_b_on.png) no-repeat 0 0; background-size:36px 42px;; text-indent: -9999px; z-index: 5;}
/* 이미지뷰어 하단 텍스트 */
.infoBottom{position:absolute; overflow:hidden; bottom:0; left:0; width:100%; height:auto; background-color:rgba(0,0,0, .8); z-index: 8;}
.infoBottom .inner{padding:0 16px;}
.infoBottom h2{display:block; margin-top:16px;}
.infoBottom h2 .txt{overflow:hidden; display:block; margin:16px 85px 16px 0px; height:100%; font-size:16px; letter-spacing: -.4px; color:#fff; font-weight:normal;}
.infoBottom .su{position:absolute; top:16px; right:40px; color:#fff;}
.infoBottom .su .now{font-weight:normal; color:#008191;}
.infoBottom .ico_down{position:absolute; top:24px; right:16px; width:15px; height:9px; background:url(../img/btn_art_down.gif) no-repeat 0 0; background-size:15px 9px; z-index: 9;}
.infoBottom .ico_up{position:absolute; top:24px; right:16px; width:15px; height:9px; background:url(../img/btn_art_up.gif) no-repeat 0 0; background-size:15px 9px; z-index: 9;}
.infoBottom .txt_sub{display:block; overflow-y:scroll; height:auto; max-height:100px; margin-top:16px; font-size:12px; line-height:20px; color:#fff;}
.infoBottom .date{overflow:hidden; float:left; font-size:12px; line-height:17px; color:#888; margin-top:18px; padding-left:0px;}
.infoBottom .shareBtn{float:right; width:23px; height:20px; margin:18px 0 16px; background:url(../img/btn_share2.png) no-repeat 0 0;}

/* 제보하기 */
.offerBox .slogan{padding:16px; text-align:center; font-size:20px;}
.offerBox .box{margin-top:16px;}
.offerBox .box .type{margin-bottom:16px; text-align:center;}
.offerBox .box .type img{width:60px; height:auto; margin:0 32px;}
.offerBox .box .file{padding:16px;}
.offerBox .box .file .thum{position:relative; width:200px; height:200px; margin:0 auto 8px; background-color:#fff; text-align:center;}
.offerBox .box .file .thum .img{position:absolute; top:50%; left:50%; height:auto; max-width:200px; max-height:200px;
    width: auto;
    max-height: 200px;
    max-width: 100%;
    transition: .5s;
    -webkit-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    -o-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
}
.offerBox .box .file .thum button{position:absolute; top:8px; right:8px; width:15px; height:15px; background-color:transparent;}
.offerBox .box .file .thum button img{width:15px; height:15px;}
.offerBox .box .file .txt{text-align:center;}
.offerBox .box .file .size{text-align:center;}
.offerBox .box .info{padding:16px; background-color:#fff;}
.offerBox .box .info ul li {border-bottom:1px solid #ccc;}
.offerBox .box .info ul li input {display:block; width:100%; height:32px; line-height:32px; font-size:16px;}
.offerBox .box .info ul li textarea{display:block; width:100%; height:80px; padding:8px 0; resize:none; font-size:16px;}
.offerBox .box .info .tit{margin-bottom:16px; font-size:16px; color:#008191; font-weight:bold;}
.offerBox .box .info .txt{padding:8px; border:1px solid #ccc; background-color:#f4f4f4;}
.offerBox .box .info .txt span{display:block; margin-top:8px; }
.offerBox .box .info .txt span:first-child{margin-top:0px;}
.offerBox .jeboBox {padding:16px 0 0; background-color:#fff;}
.offerBox .jeboBox ul {margin-bottom:16px;}
.offerBox .jeboBox ul li{margin-top:4px; padding:0 16px;}
.offerBox .jeboBox ul li:first-child{margin-top:0px;}
.offerBox .jeboBox ul li span{display:inline-block; width:50px;}
.offerBox .jeboBox ul li a{color:#007aff; text-decoration:underline}
.offerBox .kakaoBox{padding:8px 16px 8px 56px; border-bottom:1px solid #ccc; background-image:url(../img/ico_kakao.png); background-repeat:no-repeat; background-position:16px 50%; background-color:#fbe300; }
.offerBox .kakaoBox strong{color:red}

/* 검색 */
.content.sub .searchArea{position:relative; height:40px; padding:16px; border-bottom:1px solid #111; background:#fff;}
.content.sub .searchArea button{position:absolute; top:50%; right:16px; width:40px; height:40px; margin-top:-20px; background-color:transparent;}
.content.sub .searchArea button img{width:24px; height:24px;}
.content.sub .searchArea input{width:calc(100% - 56px); height:40px; line-height:40px; padding:0 40px 0 16px; background:#efefef; font-weight:600;}
.content.sub .searchArea input::placeholder {font-weight:400;}

/* 오늘의 주요일정 */
.planList{padding-top:8px; border-top:1px solid #f0f0f0;}
.planList li .box{position:relative; padding:0 0 0 32px;}
.planList li .ico{position:absolute; top:2px; left:0;}
.planList li p{overflow:hidden;}

/* 약관정책 */
.termBox{background-color:#fff;}
.termBox .top{position:relative; padding:16px 0px 32px; text-align:left;}
.termBox .top select{position:absolute; top:16px; right:16px; height:30px;}
.termBox h2{position: relative; padding: 0px 16px 24px; font-size: 20px; text-align:left}
.term{padding:0 16px 16px;}
.term h3{font-size:16px; padding-bottom:12px; font-weight:bold;}
.term h4{font-size:14px; padding-bottom:12px; font-weight:bold;}
.term .termList{margin-bottom:16px;}
.term .termList li{padding-bottom:16px; color:#666}
.term .termList li .inner{padding:8px 0 0 20px;}

/* 구독 페이지 */
.box-share{display:flex; justify-content: flex-start; flex-wrap: wrap; margin-bottom:8px; padding:16px 0 0px 16px; background-color:#fff;}
.box-share h3{position:relative; width:100%; font-size:24px; line-height:36px; margin-bottom:16px; padding-left:14px;}
.box-share h3:after{content:''; position:absolute; top:8px; left:0; width:4px; height:21px; background-color:#ED1B2F;}
.box-share .box{position:relative; display:flex; flex-direction: column; width:calc(50% - 16px); height:109px; margin:0 16px 16px 0; padding:12px 8px; border:1px solid #CDCDCD; border-radius:16px; background-color:#F6F6F6; box-sizing: border-box;}

.box-share .box .btn{position:absolute; right:8px; bottom:16px;}
.box-share .box .btn a{padding:3px 10px 4px; border-radius:13px; background-color:#ED1B2F; color:#fff; font-size:13px; line-height:19px}
.box-share .box .btn a.share1 span{padding-right:12px; background:url(../img/ico-plus.png) no-repeat 100% 6px;}
.box-share .box .btn a.share2 span{padding-right:12px; background:url(../img/ico-forward.png) no-repeat 100% 6px;}

.box-share .box.type1 .top{display: flex; align-items: center;}
.box-share .box.type1 .top .tit{font-size:15px; line-height:22px; font-weight:bold; letter-spacing:-1px;}
.box-share .box.type1 .top img{width:20px; height:20px; margin-right:2px;}

.box-share .box.type2 .top{display:flex; flex-direction: column;}
.box-share .box.type2 .top .img{height:24px;}
.box-share .box.type2 .top .img img{max-height:24px;}
.box-share .box.type2 .top .tit{font-size:12px; line-height:16px; letter-spacing:-1px;}

/* 회사소개 */
.company{padding-bottom:24px ;background-color:#fff;}
.company h2{padding:16px 16px 0;}
.company .tabCont{padding:0 16px;}
.company .thumCont{overflow:hidden; width:100%; margin-bottom:16px;}
.company .thumCont img{width:100%; height:auto; object-fit: cover;}
.company .txtCont .tit{font-weight:bold;}
.company .txtCont .txt{margin-bottom:24px;}
.company .txtCont .line{padding-bottom:24px; border-bottom:1px solid #000;}
.company .img-ci {margin-bottom:32px; }
.company .img-ci dt{position:relative; margin-bottom:16px; padding-left:8px; font-weight:bold; }
.company .img-ci dt:after{content:''; position:absolute; top:9px; left:0; width:4px; height:4px; border-radius:50%; background-color:#000; }
.company .img-ci dd{display:flex; justify-content: flex-start; flex-wrap: wrap; align-items: center;}
.company .img-ci dd div{flex:0 1 1; width:calc(50% - 24px); margin-bottom:24px; padding-right:24px;}
.company .img-ci dd div img{width:auto; max-width: 100%;}
.company .history{position:relative; }
.company .history:after{content:''; position:absolute; top:10px; left:14.4px; width:1px; height:calc(100% - 40px); background-color:#e8e8e8; z-index: 1;}
.company .history li{margin-bottom:24px; padding-left:40px;}
.company .history li .ym{position:relative; font-size:16px; font-weight:bold;}
.company .history li .ym:after{content:''; position:absolute; top:8px; left:-30px; width:10px; height:10px; border-radius:50%; background-color:#008191; z-index: 2;}

/* 제휴콘텐츠 판매 */
.selling{padding-bottom:24px; background-color:#fff;}
.selling .top{position:relative; padding:16px 16px 32px;}
.selling .top select{position:absolute; top:16px; right:16px; height:30px;}
.selling .txtCont {padding:0 16px 32px;}
.selling .txtCont .tit1{margin-bottom:8px; font-size:18px; font-weight:bold; color:#008191;}
.selling .txtCont .tit2{margin-bottom:8px; font-size:18px; font-weight:bold;}
.selling .txtCont .txt{margin-bottom:24px;}
.selling .txtCont .line{padding-bottom:24px; border-bottom:1px solid #000;}
.selling table{width:100%; border-top:2px solid #666;}
.selling table tr{border-bottom:1px solid #b1b1b1}
.selling table th,.selling table td{padding:8px; font-size:14px; text-align:center;}
.selling table th{border-right:1px solid #b1b1b1; background-color:#efefef;}
.btn-group{display:flex; justify-content: flex-start; flex-wrap: wrap; margin-bottom:24px;}
.btn-group button{position:relative; flex:0 1 1; max-width:calc(50% - 5px); margin-right:5px; padding:8px 32px 8px 8px; border:1px solid #008191; background-color:#fff;}
.btn-group button:after{content:'→'; position:absolute; top:50%; right:12px; margin-top:-9.5px; color:#008191}
.btn-group button em{position:relative; color:#008191; font-size:10px;}
.infoBox{padding:16px; background-color:#e8e8e8;}
.infoBox ul li{margin-bottom:16px; font-size:14px; color:#000;}
.infoBox ul li button{margin:8px 0 4px 16px; padding:4px 8px; background-color:#008191; color:#fff; font-size:12px;}
.infoBox ul li:last-child{margin-bottom:0px;}
.infoBox ul li p{color:#666}
.infoBox2 ul li{position:relative; margin-bottom:8px; padding-left:12px; font-size:14px;}
.infoBox2 ul li:after{content:''; position:absolute; top:8px; left:0; width:4px; height:4px; background-color:#008191;}

/* 고층처리 */
.prob{padding-bottom:24px; background-color:#fff;}
.prob .top{position:relative; padding:16px 16px 32px;}
.prob .top select{position:absolute; top:26px; right:16px; width:109px;}
.prob .txtCont {padding:0 16px 32px;}
.prob .txtCont .tit1{margin-bottom:8px; font-size:18px; font-weight:bold; color:#008191;}
.prob .txtCont .tit2{margin-bottom:8px; font-size:18px; font-weight:bold;}
.prob .txtCont .txt{margin-bottom:24px;}
.prob .txtCont .line{padding-bottom:24px; border-bottom:1px solid #000;}
.prob .txtCont ul li{position:relative; padding-left:16px;}
.prob .txtCont ul li:after{content:''; position:absolute; top:10px; left:0; width:4px; height:4px; border-radius:50%; background-color:#000;}

/* footer */
footer {padding:24px 16px; background-color:#363739 !important ; text-align:center;}
footer ul{margin-bottom:8px;}
footer ul li{display:inline-block; height:30px; padding:0;}
footer ul li a{padding:4px 8px; border:1px solid #ffffff50; border-radius:4px; background:#161616; color:#ffffff; font-size:14px; font-weight: 500;}
footer ul.menu{margin-bottom:16px; }
footer ul.menu li a{padding:4px; background:none; border: none; color:#fff; font-size:14px; font-weight:300;}
footer .copy{padding-top:6px; color:#fff; font-weight: 100; font-size:12px;}
footer .copy span{color:#fff;}

/* pr뉴스와이어 */
.viewCont .pr-news *{font-family: 'Noto Sans KR', '맑은고딕', 'Malgun Gothic', '돋움', dotum, sans-serif !important;}
.box-prn{position:relative; margin:16px; padding:16px 16px 30px; border:1px solid #ccc;}
.box-prn img{position:absolute; right:16px; bottom:16px; width:84px; height:auto;}
.pr-news{margin:24px 16px 24px; font-size:17px; line-height:1.6em; word-spacing: 1px;}
.pr-news table[name=logo_release]{float:none; margin:0 auto;}
.pr-news table + p{padding-top:20px;}
.pr-news p{padding-bottom:28px;  word-break: break-all;}
.pr-news .PRN_ImbeddedAssetReference img{max-width:100%;}
.pr-news .PRN_ImbeddedAssetReference span{display:inline-block; margin:8px 0 32px; font-size: 12px; line-height: 18px; color: #666; text-align: left; }
.pr-news .PRN_ImbeddedAssetReference p{padding-bottom:0px;}
.pr-news div[id^=prni_] img{max-width:100%;}
.pr-news div[id^=prni_] span, .pr-news .dvContentImg span, .pr-news div[id^=prni_] span, .pr-news .dvContentImg span{display:inline-block; margin:8px 0 32px; font-size: 12px; line-height: 18px; color: #666; text-align: left; }
.pr-news ul{margin-bottom:28px;}
.pr-news ul li{position:relative; padding-left:18px; }
.pr-news ul li:after{content:'-'; position:absolute; top:0; left:0; }

/* 인용구, 강조문 */
/* 강조문 */
.txt-strong{background-color:#cce6e9;}
/* 인용구 */
.quot-content{position:relative; border-top:1px solid #000; border-bottom:1px solid #000; margin:60px 0; padding:40px 0; }
.quot-content .txt{font-family: 'Noto Sans KR' !important ;}
.quot-content:before{content:''; position:absolute; top:-10px; width:28px; height:16px; padding:0 4px; background-image:url(../img/img_ld.png); background-color:#fff; background-repeat:no-repeat; background-position:50% 50%; background-size:28px 16px;} 
.quot-content:after{content:''; position:absolute; bottom:-10px; width:28px; height:16px; padding:0 4px; background-image:url(../img/img_rd.png); background-color:#fff; background-repeat:no-repeat; background-position:50% 50%; background-size:28px 16px;} 
.quot-content.center{text-align:center;}
.quot-content.center:before{left:50%; margin-left:-14px; }
.quot-content.center:after{left:50%; margin-left:-14px; }

.quot-content.left{text-align:left;}
.quot-content.left:before{left:0;}
.quot-content.left:after{right:0;}

/* 숏츠 */
.shortsBox{background-color:#fff;}
.shortsBox h2{position:relative; padding:16px 16px 8px 48px; background:url(../img/ico_shorts.png) no-repeat 16px 20px; background-size:24px 30px; font-size:24px;}
.shortsBox .cont{display:flex; justify-content: space-between;  padding:0 16px 16px;}
.shortsBox .cont article{flex:0 0 calc(50% - 8px)}
.shortsBox .cont article .thumCont{overflow:hidden; position:relative; width:100%; height:0; margin-bottom:4px; padding-bottom:173.72%; border-radius:8px;}
.shortsBox .cont article .thumCont img{position:absolute; top:0; left:0; width:100%; min-height:100%; object-fit: cover;}
.shortsBox .cont article .txtCont{font-size:16px; line-height:21px; color:#000; font-weight:bold;
    overflow:hidden;
	display:-webkit-box; 
	-webkit-box-orient:vertical; 
	-webkit-line-clamp: 2;
}

@media (max-width: 320px) {
    h2 a img{width:100%}
}