@import url('../../css/default.css');
@import url('../../css/common.css');
/*�ㅻ뱶�곸뿭*/
.blind{overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
#gnbWarp, #gnbWarp .logo_fixed{ -webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s;}
/* ****************** HEADER ********************** */
#header{position:relative; height:260px; font-size:19px; -webkit-transition:top 0.5s;-moz-transition:top 0.5s;-o-transition:top 0.5s;-ms-transition:top 0.5s;transition:top 0.5s}
#headerInnerWrap{position:fixed; top:0; left:0; width:100%; z-index:99; background-color:#fff; -webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s;}
.daum-jtv{ background:rgb(0,0,0,0.1); padding:15px 0; text-align:center;}
.daum-jtv img{ width:600px;}
#headerInner{position:relative; height:50px; }
.header-left, #header .header-right{position:absolute;font-weight:400; }
.header-left{left:0; top:7px;}
.header-lnb li{ display:inline-block; margin-right:25px; height:33px; line-height:33px; vertical-align:top;}
.header-lnb li:nth-child(2){ padding-left:20px;}
.header-lnb .home_logo{ position:relative; width:60px;}
.header-lnb .home_logo img{ width:100%; padding-top:9px;}
.header-lnb .home_logo:before{ content:''; position:absolute; right:-25px; top:7px; border-right:1px #ddd solid; width:1px; height:20px;}
.header-lnb a{ color:#999;}
#header .header-right{ right:0; top:10px; }
#header .header-right li{ display:inline-block;}
#header .header-right li:nth-child(1) a{ color:#00a99d; }
#header .header-right li:nth-child(1):before, #header .header-right li:nth-child(2):before{font-family: xeicon;font-size:20px; margin-right:5px;}
#header .header-right li:nth-child(1):before{content:'\ea40'; color:#00a99d;}
#header .header-right li:nth-child(2):before{content:'\ea65';color:#0072bc;}
#header .header-right li:nth-child(2) a{color:#0072bc; }
#header .header-right li{ position:relative;padding-right:15px; margin-right:10px;height:30px; line-height:30px;}
#header .header-right li:nth-child(2){ padding-right:20px;}
#header .header-right li:after{ content:''; position:absolute; right:0; top:7px; border-right:1px #ccc solid; width:1px; height:15px;}
#header .header-right li:nth-child(6), #header .header-right li:nth-child(7){ padding-right:0}
#header .header-right li:nth-child(6):after, #header .header-right li:nth-child(7):after, #header .header-right li:last-child:after{ display:none;}
#header .header-right img{ width:auto; height:100%}
.top_logo{ position:absolute; top:20px; left:0;width:170px;}
.top_logo img{ width:100%;}
/* -------- Header :: GNB(PC) -------- */
#gnbWarp{border-top:1px #ddd solid; border-bottom:1px #ddd solid; background:#fff; height:80px;}
#gnbWarp .logo_fixed{position:absolute; top:27px; left:50%; margin-left:-115px; width:230px; height:50px; z-index:5; background:url(./image/common/logo.png) no-repeat; font-size:0; background-size:100% auto; }
#gnbWarp .logo_fixed a{ display:block; width:100%; height:100%;}
#gnbWarp .header-lnb{ display:none;}
#searchFormView {position:absolute; top:18px; left:50%; margin-left:-200px; border:1px #ddd solid;border-radius:30px; overflow:hidden;}
#search {display:inline-block}
#search label {color: #999;cursor: text;font-weight:normal;left:12px !important;position:absolute;top:7px !important; font-size:17px;}
#search input {width:250px;height:40px;line-height:40px;border-style: none;border-width: 0;color: #333;margin:0;padding: 0 50px 0 15px;border-radius:20px; font-size:19px;}
#search:active input {background-position: 0 -34px;}
#search input:focus {background-position: 0 -34px;}
#search button {border-style: none;cursor: pointer;position: absolute;right:15px; font-size:0;top:0px;}
#search button:before{ content:'\e97a';font-family: xeicon;font-size:30px;display: block;height:40px;line-height: 40px; color:#3b434f;}
#search button:hover {background-position: 0 -16px;}
#search button:active {top:10px;right:13px}
#gnbWarp .gnb-right{ position:absolute; top:20px; right:0; font-size:17px; height:40px; line-height:40px;}
#gnbWarp .gnb-right span{ display:inline-block; margin-left:10px; color:#0059aa}
#gnbWarp .gnb-right span:before{content:'\ea14';font-family: xeicon; font-size:27px; padding-right:5px;}
#gnbWarp .gnb-right span strong{ font-size:27px;}
.lnb{ background:#3b434f;}
.lnb li{ display:inline-block; height:70px; line-height:70px; padding:0 30px;}
.lnb a{ font-weight:500; font-size:23px; color:#fff;}
.lnb li:last-child{ margin-right:0;}
.lnb li .m3{ display:none;}
.lnb li:nth-child(11){ display:none}
#header.fixed #headerInner{ display:none}
#header.fixed #headerInnerWrap {box-shadow: 12px 9px 17px #0000001c;}
#header.fixed #gnbWarp{ display:none;}
@media all and ( min-width: 1221px ){
/* -------- Header :: �ㅽ��쇰�寃� -------- */
/* Header :: 留덉슦�� OVER �ㅽ��� (留덉슦�� �ㅻ쾭�� �ㅻ뜑�� 諛곌꼍�됱씠 蹂�寃쎈릺�� 寃쎌슦�먮쭔 �쎌엯) */
#header.fixed-header.over #headerInnerWrap{background:#fff;}
#header.fixed-header.over .header-search-open-btn{border-color:#ff6100; color:#ff6100;}
#header.fixed-header.over .header-lang{border-color:#ff6100;}
#header.fixed-header.over .header-lang .lang-open-btn{color:#ff6100}
#header.fixed-header.over .sitemap-line-btn .line{background-color:#ff6100}
#header.fixed-header.over .sitemap-custom-btn{color:#ff6100; border-color:#ff6100; }
#header.fixed-header.over #gnb{border-color:rgba(0,0,0,0.2)}
#header.fixed-header.over #gnb > ul > li > a{color:#333;}
#header.fixed-header.over #gnb > ul > li > a:hover,#header.fixed-header.over #gnb > ul > li.on > a{color:#fff;}
/* Header :: FIXED �ㅽ��� (PC�ㅽ���) */
#header.fixed .header-lang {margin-top: 16.5px;}
/* #header.fixed .header-lang > ul > li > a {color: #6d9fde;} */
/* #header.fixed .header-lang > ul > li.selected a {color: #fff;} */
#header.fixed .sitemap-line-btn .line { background:#fff;}
/* #header.fixed .sitemap-line-btn .line {background-color: #fff;} */
#header.fixed .header-search-open-btn, #header.fixed .header-search-close-btn {height: 63px;/*border: 1px solid #f0f4fa;*/}
#gnb.each-menu > ul > li .gnb-2dep { display: none; position: absolute; top: 63px;left: 0px;z-index: 102; width: 100%; text-align: left;background-color: #286abd;}
}
@media all and ( max-width: 1920px ){
#header{font-size:16px; height:220px;}
#header .logo img{ width:250px;}
#headerInner{height:40px;}
#header .top_logo{ width:150px; top:15px;}
.daum-jtv img{ width:500px;}
#header .header-right{ top:5px}
#header .header-left li:after{ top:3px;}
#header .header-left li, #header .header-right li{font-size:14px;}
#header .header-left li:nth-child(1):before, #header .header-left li:nth-child(2):before{ font-size:17px;}
#header .header-left li{ padding-right: 13px;margin-right:8px;}
#header .header-right li{ height:27px; line-height:27px;padding-right: 10px;margin-right:5px;}
#gnb > ul{ margin-left:35px;}
#gnb > ul > li > a{ font-size:19px; height:60px; line-height:60px; padding:0 35px;}
.sitemap-line-btn{ top:8px;}
.header-left{ top:5px;}
.header-left .home_logo{ width:50px;}
.header-left .home_logo:before{ height:15px;}
.header-left li{ margin-right:20px; height:25px; line-height:25px;}
.lnb li{ height:60px; line-height:60px; padding:0 17px;}
.lnb a{ font-size:20px;}
#gnbWarp{ height:65px;}
#gnbWarp .gnb-right{ font-size:15px; top:10px;}
#gnbWarp .gnb-right span{ margin-left:10px;}
#gnbWarp .gnb-right span strong{ font-size:20px;}
#gnbWarp .gnb-right span::before{ font-size:20px;}
#searchFormView{ top:15px;}
#search input{ width:200px; height:35px; line-height:35px;}
#search button::before{ font-size:23px;}
#search label{ font-size:15px;}
#search input{ font-size:15px;}
#header.fixed .sitemap-line-btn{ top:12px;}
#header.fixed #gnb{ margin-left:170px;}
#header.fixed #gnb > ul > li > a{ height:65px; line-height:65px; padding:0 25px;}
#header.fixed #gnbWarp .logo_fixed{ width:120px; }
#header.fixed #gnbWarp .logo_fixed:before{height:20px;}
#header.fixed #gnbWarp .gnb-right{ font-size:15px;}
#header.fixed #gnbWarp .gnb-right span strong{ font-size:19px;}
#header.fixed #search input{ width:150px;}
}
@media all and ( max-width:1280px ){
#header { height:117px}
}
@media all and ( max-width: 1220px ){
#headerInner{ display:none;}
#gnbWarp{ height:60px; border-bottom:0;}
#gnbWarp .gnb-right{ right:70px;}
#gnbWarp .header-lnb{ position:absolute; left:170px; top:12px; display:inline-block;}
#header .top_logo{ top:17px; left:20px; width:120px;}
#searchFormView{ display:none;}
.lnb{ text-align:center; padding:15px 0;}
.lnb li{ height:25px; line-height:25px;}
.lnb li:last-child{ margin-right:0}
#header.fixed #gnbWarp{ display:block}
#header.fixed .top_logo{}
.lnb li{ padding:0 10px;}
}
@media all and ( max-width: 1300px ){
.cscroll_960 {-webkit-overflow-scrolling:touch; overflow-x: scroll; overflow-y: auto; width:100%;}
.cscroll_960 .depth { width:1150px; text-align:left;}
}
@media all and ( max-width:960px ){
#gnbWarp .header-lnb{left:auto; right:50px;}
#gnbWarp .gnb-right{ display:none}
.lnb a{ font-size:17px;}
.cscroll_960 .lnb { width:950px;}
}
@media all and ( max-width:750px ){
}
@media all and ( max-width:640px ){
#header{ height:157px;}
#headerInner{ display:block; height:50px;}
#header .header-right{ display:none;}
#header .header-left{ left:15px; top:12px}
#header .header-left li{ font-size:15px;}
#gnbWarp{ height:50px;}
#gnbWarp .header-lnb{ display:none;}
#header .top_logo{ width:100px; top:15px; left:50%; margin-left:-50px;}
.lnb li{ }
.lnb a{ font-size:15px;}
.cscroll_960 .lnb { width:806px;}
}
.wrap{ position:relative;font-size:19px; word-break:keep-all; letter-spacing:-1px;}
.area_subVisual{ position:absolute; top:0; left:0; width:100%; height:300px; z-index:-1;}
.area_subVisual:before{ position:absolute; content:''; width:1600px; left:50%; margin-left:-800px; top:122px; background:#fff; height:300px;}
.location{ text-align:right; position:absolute; top:70px; right:0; color:#9fa3ab;}
.subTitleSubject{ font-size:35px; font-weight:700; padding-bottom:20px; padding-top:50px;}
#newsWarp{ }
#newsWarp h1{ position:relative; font-size:35px; font-weight:700; margin-bottom:10px;}
#newsWarp a{ display:block; width:100%; height:100%;}
.headline{ position:relative; }
.headline:before{content:'';display:block;position:absolute;top:0;width: 100%;height: 100%;background: url(./image/main/bg_topnews.png) left bottom repeat-x; z-index:1}
.headline .top_txt{ width:calc(100% - 10%);overflow:hidden; padding:0 5% 30px 5%;position: absolute;bottom: 0;left: 0;color: #fff; z-index:2}
#news01 .headline_left, #news01 .headline_right, #news02 .news02_left, #news02 .news02_right, #news03 .news03_left, #news03 .news03_right, #news03 .news03_right li, .ranking .area .txt-area, .ranking .area .img-area, #news05 .area, #news04 dl dt, #news04 dl dd, #news04 dl dt li, #news06 dt, #news06 dd, #news06 dd li{ display:inline-block; vertical-align:top;}
#news01{ padding:37px 0;}
#news01 .headline_left{ width:50%;height:496px; overflow:hidden; }
#news01 .headline_left .headline{ height:500px;}
#news01 .img-box{ height:100%;}
#news01 .img-box img{ height:100%; width:auto}
#news01 .img-thum{padding-top:62.45%}
#news01 .headline_right{ width:calc((100% - 50%) - 4px);}
#news01 .headline_right li{ display:inline-block;width:calc((100% / 2) - 4px); vertical-align:top}
#news01 .headline_right .headline:before{ background-position:100% 50px;}
#news01 .headline_right .headline .top_txt{ padding-bottom:20px;}
#news01 .headline_right li:nth-child(2), #news01 .headline_right li:nth-child(3){ margin-bottom:4px;}
#news02{ margin-top:30px;}
#news02 .inner{ padding-top:37px;}
#news02 .news02_left{ }
#news02 .news02_left .news_major ul{ display:flex; flex-wrap: wrap;gap:50px;}
#news02 .news02_left .news_major li{width:calc((100% / 4) - 38px);}
#news02 .news02_left .news_major li:nth-child(3n+3){ margin-right:0;}
#news02 .news02_left .news_major li:nth-child(7), #news02 .news02_left .news_major li:nth-child(8), #news02 .news02_left .news_major li:nth-child(9){ margin-bottom:0;}
#news02 .news02_left .news_major .fs23{ margin:15px 0 10px 0;}
#news02 .news02_right{ width:calc((100% - 60%) - 79px);}
#news02 .news02_right h1{background: #ec6203;padding: 10px 20px;color: #fff; font-size:25px; margin-bottom:20px;}
#news02 .news02_right h1:before{content:'\e93f'; position:absolute; font-family: xeicon;font-size:30px;color:#fff; right:20px; top:13px;}
#news02 .news02_right dl{ border-bottom:1px #ddd solid; padding-bottom:17px; margin-bottom:17px;}
#news02 .news02_right .main_article_list a:nth-child(6) dl {margin-bottom:0; padding-bottom:0; border:none;}
#news02 .news02_right .fs23{ margin-bottom:10px;}
#news03{margin:50px 0;}
#news03 .news03_left{ width:40%; margin-right:50px;}
#news03 .news03_right{ width:calc((100% - 40%) - 54px);}
#news03 .news03_left h1, #news03 .news03_right h1, #news04 h1{ color:#fff; font-size:25px; height:80px; line-height:80px; margin-bottom:15px; padding-left:35px;}
#news03 .news03_left h1{ background:url(./image/main/news_tit_bg1.jpg) no-repeat 100% 50%; background-size:cover;}
#news03 .news03_left h1 a{ color:#fff;}
#news03 .news03_left li{ display:inline-block; vertical-align:top; width:calc((100% / 2) - 11px); margin-right:17px;}
#news03 .news03_left li:nth-child(1), #news03 .news03_left li:nth-child(2){ margin-bottom:17px;}
#news03 .news03_left li:nth-child(2n+2){ margin-right:0;}
#news03 .news03_left .headline::before{background-position: 100% 50px;}
#news03 .news03_left .headline .top_txt{ padding-bottom:20px;}
#news03 .news03_right h1{ background:url(./image/main/news_tit_bg2.jpg) no-repeat 100% 50%; background-size:cover;}
#news03 .news03_right li{ width:calc((100% / 2) - 11px); margin-right:17px; margin-bottom:17px;}
#news03 .news03_right li:nth-child(2n+2){ margin-right:0;}
.ranking .area{ position:relative; padding-left:30px;}
.ranking .area:before{ font-size:27px; font-weight:700;width:30px; text-align:center;color:#F63; position:absolute; top:-3px; left:0;}
.ranking li:nth-child(1) .area:before{ content:'1'; }
.ranking li:nth-child(2) .area:before{ content:'2'; }
.ranking li:nth-child(3) .area:before{ content:'3'; }
.ranking li:nth-child(4) .area:before{ content:'4'; }
.ranking li:nth-child(5) .area:before{ content:'5'; }
.ranking li:nth-child(6) .area:before{ content:'6'; }
.ranking li:nth-child(7) .area:before{ content:'7'; }
.ranking li:nth-child(8) .area:before{ content:'8'; }
.ranking li:nth-child(9) .area:before{ content:'9'; }
.ranking li:nth-child(10) .area:before{ content:'10'; }
.ranking .area .txt-area{ width:50%; margin-right:10px;}
.ranking .area .img-area{ width:calc((100% - 50%) - 14px);}
#news04 { margin-bottom:70px; margin:50px 0;}
#news04 .area{background:#e5edf3; padding:50px;}
#news04 h1{ font-style:italic;background:url(./image/main/news_tit_bg3.jpg) no-repeat 100% 50%; background-size:cover; margin-bottom:0;}
#news04 h1 a{ color:#fff;}
#news04 dl dt{ width:60%; padding-right:35px; margin-right:35px; border-right:1px #aac1d3 solid;}
#news04 dl dt li:nth-child(1){ width:30%; margin-right:25px; }
#news04 dl dt li:nth-child(2){ width:calc((100% - 30%) - 29px); }
#news04 dl dt .fs25{ margin-bottom:10px;}
#news04 dl dd{ width:calc((100% - 60%) - 75px);}
#news04 dl dd li{ position:relative; padding-left:22px; font-size:22px; line-height:40px; font-weight:500 }
#news04 dl dd li:before{ content:''; position:absolute; top:15px; left:0; width:10px; height:1px; border-top:2px #404758 solid; }
#news05{ }
#news05 .inner{ border-top:2px #555 solid;}
#news05 .area{ display:inline-block; width:calc((100% / 3) - 43px); padding-right:30px; margin-right:30px; border-right:1px #ddd solid;}
#news05 .area h1{ font-size:30px; padding-top:15px;}
#news05 .area:nth-child(1){}
#news05 .area:nth-child(3n+3){ margin-right:0; padding-right:0; border-right:0;}
#news05 .area .headline::before{ background-position:100% 110px;}
#news05 .area .headline .top_txt{ padding-bottom:20px;}
#news05 .area ul{ margin-top:20px;}
#news05 .area li{ position:relative; border-bottom:1px #555 dotted; padding-bottom:7px; margin-bottom:7px; padding-left:20px;}
#news05 .area li:before{ content:''; position:absolute; top:14px; left:0; width:10px; height:1px; border-top:1px #333 solid;}
#news05 .banner img{ width:100%;}
#news06 h1{ border-top:2px #333 solid; padding-top:10px; margin-top:45px; padding-left:10px;}
#news06 .fs27{ margin:10px 0;}
#news06 .fs25{ margin-bottom:10px;}
#news06 dt{ width:30%; margin-right:35px; padding-right:35px; border-right:1px #ddd solid;}
#news06 dd{ width:calc((100% - 30%) - 75px); }
#news06 dd li{ width:calc((100% / 2) - 18px); margin-right:30px; margin-bottom:20px; padding-bottom:20px; border-bottom:1px #ddd solid}
#news06 dd li:nth-child(2n+2){ margin-right:0;}
#news06 dd li:nth-child(5), #news06 dd li:nth-child(6){ border-bottom:0; margin-bottom:0; padding-bottom:0;}
.new_sub_vi{ height:250px; }
.campaign{ }
.campaign img{ width:100%;}
.campaign .mobile{ display:none;}
.category ul{display:block !important}
.category li{ display:inline-block;visibility: visible; ;}
.category li a{border: 1px #ddd solid; padding:7px 15px; margin-right:10px; display:block; }
.category li .selected3 a{ background:#efefef}
#news07 {position:relative;padding:37px 0 50px 0; margin:37px 0; background:#f4f3ee}
#news07 .area01{ width:48%;}
#news07 .area01 ul{display: flex; flex-wrap: wrap;gap:30px;}
#news07 .area01 li{ width:calc((100% / 2) - 15px)}
#news07 .area02{ margin-left:30px;width:48%; display:flex;}
#news07 .area02 .area{width:calc((100% / 2) - 15px)}
#news07 .fs23{ margin:10px 0;}
#news07 .inner{ display:flex; justify-content: space-between;}
#news07 .inner .area+.area{ margin-left:30px;}
@media screen and (max-width: 1920px){
.wrap{ font-size:16px;}
.area_subVisual{height:250px;}
.subTitleSubject{ padding-top:30px;}
.location{ top:50px;}
.top_title {font-size: 30px;}
#newsWarp h1{ font-size:30px;}
#news03 .news03_left h1, #news03 .news03_right h1, #news04 h1{ font-size:23px;}
#news01{ padding:25px 0;}
#news01 .headline_left{ height:393px;}
#news01 .headline_left .headline{ height:397px;}
#news01 .img-thum{padding-top: 62.10%;}
#news01 .headline_right li:nth-child(2), #news01 .headline_right li:nth-child(3){ margin-bottom:3px;}
#news02 .inner{ padding-top:25px;}
#news02 .news02_left .news_major ul{gap:30px;}
#news02 .news02_left .news_major li{width:calc((100% / 4) - 23px);}
#news02 .news02_right {width: calc((100% - 60%) - 55px);}
#news02 .news02_right h1::before{ top:8px;}
#news02 .news02_right h1{ font-size:20px;}
#news03 .news03_left h1, #news03 .news03_right h1, #news04 h1{ height:65px; line-height:65px;}
#news03 .news03_left{ margin-right:30px;}
#news03 .news03_left .headline::before {background-position: 100% 20px;}
#news03 .news03_right {width: calc((100% - 40%) - 34px);}
#news04 dl dd li{ font-size:18px; line-height:33px;}
#news04 .area{ padding:37px;}
#news05 .area h1{ font-size:25px;}
#news05 .area .headline::before {background-position: 100% 70px;}
#news06 .fs25{ margin-bottom:5px;}
.new_sub_vi{ height:200px; }
}
@media screen and (max-width: 1280px){
.location{ position:relative; margin-left:10px; margin-top:20px; top:0; text-align:left;}
.subTitleSubject{ padding-left:10px; padding-top:10px;}
.new_sub_vi{ display:none;}
#news01{ padding-top:0; margin:10px 10px 0 10px;}
#news01 .headline_left{ height:auto;}
#news01 .headline_left .headline{ height:auto;}
#news02{ margin:20px 10px 0 10px;}
#news03{ margin:0 10px;}
#news06{ margin:0 10px;}
#news06 dt { width:40%; margin-right:20px; padding-right:20px;}
#news06 dd {width: calc((100% - 40%) - 44px);}
#news06 dd li {width:100%; margin-right:0;margin-bottom: 17px;padding-bottom: 17px; }
#news06 dd li:nth-child(3) .ellipsis2, #news06 dd li:nth-child(4) .ellipsis2, #news06 dd li:nth-child(5) .ellipsis2{ display:none !important}
#news06 .fs25{ margin-bottom:0;}
#news06 dd li:nth-child(6){ display:none;}
#news07 {padding: 37px 10px 50px 10px;}
.campaign{ margin:0 10px}
}
@media screen and (max-width: 1220px){
}
@media screen and (max-width:960px){
#news01 .headline_left{ width:100%;}
#news01 .headline_right{ width:100%; margin-top:15px;}
#news01 .headline_right li {width: calc((100% / 2) - 2px);}
#news02 .news02_left .news_major li{width: calc((100% / 3) - 20px);}
#news02 .news02_right h1::before{ display:none;}
#news02 .main_article_list dl dt{ width:100%; margin-right:0;}
#news02 .main_article_list dl dd{ width:100%;}
#news02 .news02_right .main_article_list a:nth-child(4) dl{ border-bottom:0; padding-bottom:0; margin-bottom:0;}
#news02 .news02_right .main_article_list a:nth-child(5), #news02 .news02_right .main_article_list a:nth-child(6) { display:none}
#news03{ margin:0}
#news03 .news03_left{ width:100%; margin-right:0; margin-top:25px;}
#news03 .news03_left ul{ margin:0 10px;}
#news03 .news03_left li{width: calc((100% / 3) - 7px); margin-right:10px;}
#news03 .news03_left li:nth-child(2n+2){ margin-right:10px;}
#news03 .news03_left li:nth-child(3){ margin-right:0;}
#news03 .news03_left li:nth-child(4){ display:none;}
#news03 .news03_right{ width:100%; margin-top:25px;}
#news03 .news03_right ul{ margin:0 10px;}
#news04 .area{ padding:20px;}
#news04 dl dt{ width:100%; margin-right:0; padding-right:0; border-right:0; margin-bottom:15px;}
#news04 dl dd{ width:100%;}
#news06 dd li:nth-child(4){ border-bottom:0; padding-bottom:0; margin-bottom:0;}
#news06 dd li:nth-child(5){ display:none}
#news07 ul{gap:15px;}
#news07 .inner{ flex-wrap: wrap;}
#news07 .area01, #news07 .area02{ width:100%;}
#news07 .area02{ margin:30px 0 0 0;}
.campaign .pc{ display:none;}
.campaign .mobile{ display:block;}
}
@media screen and (max-width:640px){
.subTitleSubject{ font-size:25px;}
#newsWarp h1{ font-size:25px;}
#news01{ padding:25px 0 0 0;}
#news02{ margin:15px 0 0 0}
#news02 .news02_left{ width:calc(100% - 20px); margin:0 10px; padding-right:0; border-right:0;}
#news02 .news02_right{ width:100%; margin-top:20px;}
#news02 .main_article_list{ margin:0 10px;}
#news02 .main_article_list dl dt{ width:30%; margin-right:15px;}
#news02 .main_article_list dl dd{ width:calc((100% - 30%) - 19px)}
#news03 .news03_left li{width: calc((100% / 2) - 5px); margin-right:10px;}
#news03 .news03_left li:nth-child(2n+2){ margin-right:0;}
#news03 .news03_left li:nth-child(3){ margin-right:10px;}
#news03 .news03_left li:nth-child(4){ display:inline-block;}
.ranking .area .txt-area{ width:100%; margin-right:0; margin-bottom:10px;}
.ranking .area .img-area{ width:100%;}
#news06 dd li:nth-child(2) .ellipsis2{ display:none !important;}
#news06 dd li {margin-bottom: 15px;padding-bottom: 15px; }
#news02 .news02_left .news_major ul{gap:20px 10px;}
#news02 .news02_left .news_major li{width: calc((100% / 3) - 7px);}
#news07 .inner{ display:block;}
#news07 ul{gap:30px 10px;}
.daum-jtv img{ width:370px;}
}
@media screen and (max-width:480px){
.headline_right .headline .top_txt{ position:relative; color:#333; margin-top:10px;}
.top_title{ font-size:27px;}
#news01 .headline_right .headline::before{ display:none;}
#news01 .headline_right .fs25{ font-size:17px;}
#news01 .headline_right li:nth-child(2), #news01 .headline_right li:nth-child(3){ margin-bottom:0px;}
#news02 .news02_left .news_major li{width: calc((100% / 2) - 5px);}
#news03 .news03_right li{ width:100%; margin-right:0;}
.ranking .area::before{ top:-10px;}
#news04 dl dt li:nth-child(1){ width:100%; margin:0;}
#news04 dl dt li:nth-child(2){ width:100%; margin-top:10px;}
#news06 dt{ width:100%; margin-right:0; padding-right:0; border:none;}
#news06 dd{ width:100%; margin-top:20px;}
#news06 dd li {margin-bottom:7px;padding-bottom:7px; }
#news06 dd li:nth-child(1) .ellipsis2{ display:none !important;}
#news06 dd li .fs25{ font-size:17PX;}
#news07 .area01 ul{gap:10px;}
#news07 .area01 li {width: calc((100% / 2) - 5px);}
#news07 .inner .area + .area{ margin-left:10px;}
#news07 .area02 .area {width: calc((100% / 2) - 5px);}
}
@media screen and (max-width:400px){
#news03 .news03_left li{width:100%;margin-right:0}
#news03 .news03_left li:nth-child(3){ margin-right:0; margin-bottom:17px}
}