﻿@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800|Noto+Sans+KR:100,300,400,500,700,900|Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&display=swap&subset=korean'); 
* {font-family:'Roboto', 'Noto Sans KR', 'Nanum Gothic', sans-serif;}

/*.vjs-current-time-display, .vjs-duration-display, .vjs-time-divider span, .vjs-seek-handle, .vjs-slider-handle, .vjs-mouse-display {color:#fff;}*/


*{-webkit-box-sizing:border-box; -moz-box-sizing:border-box;box-sizing:border-box;}
html{margin:0;padding:0;border:0; font-size:62.5%;}
body{margin:0;padding:0;border:0;font-size:1.5rem;color:#000000;font-family:'Roboto', 'Noto Sans KR','Nanum Gothic','돋움', 'Dotum',Sans-serif;}
pre{border:1px solid red;}
div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,form,fieldset,p,pre{margin:0px;padding:0px;font-size:1.5rem;color:#333333;list-style:none;vertical-align:top;}
article, aside, canvas, details, figcapxion, figure, footer, header, hgroup, nav, menu, nav, section{display:block;margin:0;padding:0;}
span{vertical-align:middle;}
strong{font-family:'Roboto';}
mark{background:transparent;}
table, tr, td, th{border-collapse:collapse;border-spacing:0px;padding:0px;color:#333333;}
h1,h2,h3,h4,h5,h6,b,strong,mark,th{font-weight:normal;}
fieldset{padding:0;}
fieldset,dl,dd,dt,img{border:0; vertical-align:middle;}
address,em{font-style:normal }
hr,legend,capxion{display:none;}
capxion{display:none}
a:link, a:hover, a:active, a:visited{color:#555;text-decoration:none;}
input[type="text"], input[type="password"], input[type="number"], .intxt{width:100%;height:33px;padding:0 10px;font-family:'Roboto', 'Noto Sans KR', 'Nanum Gothic','돋움', 'Dotum',Sans-serif;font-size:1.5rem;color:#333333;line-height:100%;vertical-align:middle;border:1px solid #d9d9d9;border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;background:#fff;}
input[type="text"]:disabled, input[type="password"]:disabled, input[type="number"]:disabled, .intxt:disabled{text-align:center;border:1px solid #fcfbed;background:#fcfbed;}
input[type="text"].gray:disabled, input[type="password"].gray:disabled, input[type="number"].gray:disabled, .intxt.gray:disabled{text-align:center;border:1px solid #d9d9d9;background:#f5f5f5;}
::-webkit-input-placeholder{font-size:1.5rem;color:#b0b3aa;}
:-moz-placeholder{font-size:1.5rem;color:#b0b3aa;}
::-moz-placeholder{font-size:1.5rem;color:#b0b3aa;}
:-ms-input-placeholder{font-size:1.5rem;color:#b0b3aa;}
textarea{width:100%;height:160px; ;padding:7px 19px;font-family:'Roboto', 'Noto Sans KR','Nanum Gothic','돋움', 'Dotum',Sans-serif;font-size:1.5rem;color:#6e706c;line-height:1.5;resize:none;border:1px solid #c9ccc2;border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;background:#f5f5f5;}
input[type="checkbox"]{width:14px;height:14px;border:1px solid #707070;margin:0;padding:0;vertical-align:middle;}
input[type="checkbox"] + label{font-size:1.5rem;color:#333333}



.replay {display:inline-block; width:19px; height:18px; background:url(/common/images/default/btn_replay.gif) no-repeat top center; text-indent:-10000em; margin-right:5px;}


body {overflow-y:scroll;overflow-x:hidden;}
body img {max-width:100%; height:auto;}
#wrap {position:relative; background:#fff; overflow:hidden;}



/* Footer */
footer {position:relative; text-align:center; font-size:1.0rem; color:#fff; /* padding:3rem 1.5rem; */ background:#1b2c5d;}


/* Header */
/* header {position:relative; min-height:90px; background:url(/common/images/default/bgGnb.png) no-repeat top center #251a4c; background-size:100% 100%;}
header h1 {text-align:center; padding-top:15px;} */

.naviArea {position:relative; width:100%; overflow:hidden; margin-top:1.2rem;}
.naviArea .gnbMenu  {overflow:hidden; text-align:center;}
.naviArea .gnbMenu  a {display:inline-block; color:#fff; font-weight:500; font-size:1.7rem; padding-left:7%;}
.naviArea .gnbMenu  a.on {color:#00f6ff;}
.naviArea .gnbMenu  a:nth-child(1) {padding-left:0 !important;}

@media screen and (max-width:320px) {
    .naviArea .gnbMenu  a {
        padding-left:5%
    }
}


.news2Gnb {position:relative; overflow:hidden; padding:1rem;}
.news2Gnb .depth2Box {position:relative; overflow:hidden;}
.news2Gnb .depth2Box ul li {margin-right:1.2rem !important;}
.news2Gnb .depth2Box ul li a {font-size:1.3rem; color:#333;}
.news2Gnb .depth2Box ul li a.on {font-weight:bold;}
.news2Gnb .depth2Box ul li.dep1 {width:5rem;}
.news2Gnb .depth2Box ul li.dep2 {width:5rem;}
.news2Gnb .depth2Box ul li.dep3 {width:6rem;}
.news2Gnb .depth2Box ul li.dep4 {width:4.5rem;}
.news2Gnb .depth2Box ul li.dep5 {width:5.5rem;}
.news2Gnb .depth2Box ul li.dep6 {width:4.8rem;}
.news2Gnb .depth2Box ul li.dep7 {width:3rem; font-size:1.6rem;}
.news2Gnb .depth2Box ul li.dep8 {width:5.5rem;}
.news2Gnb .depth2Box ul li.dep9 {width:3.1rem;}
.news2Gnb .depth2Box ul li.dep10 {width:4.8rem;}
.news2Gnb .depth2Box ul li.dep11 {width:4.8rem;}

/* ... */
.ell {display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; word-wrap:break-word; -webkit-line-clamp:2;}
.ell2 {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.line1 {border-top:1px solid #dbdbdb;}
.marNo {margin:0 !important;}
.marBno {margin-bottom:0 !important;}
.marTno {margin-top:0 !important;}
.pad15 {padding:0 1.5rem !important;}
.padLR1 {padding:1.5rem 0 !important;}
.right1 {right:0rem !important;}
.imgtit {position:relative; margin-top:0 !important;}
.definfoBox {text-align:center; padding:2rem 1.5rem;}
#ui-datepicker-div {z-index:100000 !important;}
.listTit {text-align:center; padding:1.5rem 0; background:#0d0725 !important; color:#fff; font-size:2rem;}
.ctex1 {text-align:center; padding-top:1.5rem;}
.title5 {width:100%; padding:0.4rem; background:#f4f4f4; display:block; text-align:center; color:#383838; font-size:1.6rem; font-weight:bold;}

.regularMore a, .specialMore a {text-align:center; background:#7c86bf; color:#fff; display:block; width:100%; padding:0.5rem 0;}
.more3 a {text-align:center; background:#7c86bf; color:#fff; display:block; width:100%; padding:0.5rem 0;}

/* Side Menu */
.sideM {position:absolute; top:25px; left:3%;}


/* On Air */
/*.vjs-poster {background-size:100% 100% !important;}*/
.onAir {position:relative;}
.onAir .photoVod {text-align:center; background:#000; position:relative; overflow:hidden;}
.onAir .photoVod img {width:100%;}
.onAir .swiper-container1 {position:relative; overflow:hidden; width:100%; background:url(/common/images/default/bgOnair.png) repeat-y center #241a4c; background-size:100% 100%;}
.onAir .swiper-container1 .swiper-button-prev, .onAir .swiper-container1 .swiper-button-next {--swiper-navigation-size:20px; color:#fff;}
.onAir .swiper-container1 .swiper-button-prev {left:2% !important;}
.onAir .swiper-container1 .swiper-button-next {right:2% !important;} 

.onAir .info {height:6rem;}
.onAir .info ul {position:relative;}
.onAir .info ul li {position:relative; float:left; display:inline-block; height:50px;}
.onAir .info ul li.active {float:left;}
.onAir .info .swiper-slide {height:6rem !important;}
.onAir .info span {display:block;}
.onAir .info .textBox {width:80%; margin:0 auto; margin-top:0.7rem;}
.onAir .info .textBox p {text-align:center;}
.onAir .info .textBox span.text1 {color:#ff0072; font-size:17px; font-weight:900; display:inline-block;}
.onAir .info .textBox span.time {color:#fff; font-size:12px; margin:0.4rem 0 0 0.4rem; display:inline-block}
.onAir .info .textBox p.name {clear:both; color:#fff; font-size:16px; font-weight:400; text-align:center;}
.onAir .info .textBox2  {text-align:center; color:#fff; padding-top:2rem;}
.onAir .info .textBox2 a {color:#fff;}


/* News */
.btnplay {position:absolute; width:40px; height:40px; right:0.5rem; bottom:0.5rem; z-index:1000; background:url(/common/images/default/btnPlay.png) no-repeat top center;}
.btnplay2 {position:absolute; width:30px; height:30px; right:0.5rem; bottom:0.5rem; z-index:1000; background:url(/common/images/default/btnPlay.png) no-repeat top center; background-size:30px;}
.btnplay3 {position:absolute; width:20px; height:20px; right:0.5rem; bottom:0.5rem; z-index:1000; background:url(/common/images/default/btnPlay.png) no-repeat top center; background-size:20px;}

.search {background:#fff; padding:0.5rem 0;}
.search .seBox { position:relative; text-align:center;}
.search .seBox .title4 {font-weight:bold; color:#333; padding:0.7rem 0; display:inline-block}
.search .seBox .btnPrev1 {position:absolute; top:0; left:1rem;  z-index:5000;}
.search .seBox .btnNext1 {position:absolute; top:0; right:1rem;  z-index:5000;}
.search .seBox .btnPrev1 img, .search .seBox .btnNext1 img {width:9px; margin-top:8px;}
.search .seBox .inputBox {position:relative; width:100%; margin:0 auto;}
.search .seBox .inputBox .btnCal {}
.search .seBox .inputBox .btnCal img {width:18px;}
.search .seBox .inputBox .noline1 {border:0px; width:8rem; font-size:1.5rem; font-weight:500; color:#848484; padding:0 !important; margin-left:3px;}
.search .seBox .inputBox span {font-size:1.5rem; font-weight:bold; display:inline-block; margin-top:-1px;}


.pageing {position:relative; margin:1rem 0 1rem 0; text-align:center;}
.pageing span,.pageing p {display:inline-block;}
.pageing .btnPrev {margin-right:2rem; margin-top:-2px;}
.pageing .btnNext {margin-left:2rem; margin-top:-2px;}
.pageing .btnPrev img, .pageing .btnNext img {width:16px;}
.pageing .number1 {font-size:1.5rem; font-weight:bold;}
.pageing .number2 {font-size:1.5rem; font-weight:bold; color:#adacac;}


.newsArea {position:relative; overflow:hidden; background:#e7e6e6;}
.newsArea article {background:#fff; position:relative; margin-top:1rem;}
.newsType1 {position:relative; overflow:hidden; margin-top:1rem;}
.newsType1 .photo {position:relative; width:100%; height:56.25vw; object-fit:cover; background:#000;}
/* .newsType1 .photo {position:relative; height:20rem; width:100%; overflow:hidden; background:#000;} */
.newsType1 .photo:before {display:inline-block; content:''; position:absolute; top:0; left:0; width:100%; height:100%;}
.newsType1 .photo:after {display:inline-block; content:''; position:absolute; bottom:0; width:100%; height:8rem;}
.newsType1 .photo img {width:100%; vertical-align:top; height:100%;}

@media screen and(max-width:360px) {
    .newsType1 .photo {
        height:16rem;
    }
}

.newsType1 .texWrap {position:absolute; bottom:0; width:100%; padding:1.5rem; background:linear-gradient(360deg, #191919, 70%, transparent);}
.newsType1 .texWrap .share1 {position:absolute; top:1.5rem; right:1.5rem;}
.newsType1 .texWrap .share1 img {width:22px;}
.newsType1 .texWrap .title {overflow:hidden; height:5.3rem; line-height:2.7rem; font-size:2.1rem; font-weight:600; letter-spacing:-0.5px; color:#fff; word-break:keep-all;}
.newsType1 .texWrap .title2 {overflow:hidden; height:5.3rem; line-height:2.7rem; font-size:2.1rem; font-weight:600; letter-spacing:-0.5px; color:#fff; word-break:keep-all;}
.newsType1 .texWrap .title3 {overflow:hidden; height:5.3rem; line-height:2.7rem; font-size:2.1rem; font-weight:600; letter-spacing:-0.5px; color:#fff; word-break:keep-all;}
.newsType1 .texWrap .date {display:none; font-size:1.2rem; font-weight:500; padding-top:0.3rem; color:#919191;}

.newsType2 {position:relative; overflow:hidden; padding:1rem 1.5rem;}
.newsType2 .titTy1 {font-weight:600; color:#1b2c5d;}
.newsType2 .titTy1 a {position:absolute; right:0; font-size:2rem; color:#1b2c5d; padding:0 1.5rem;}
.newsType2 .list {position:relative; margin-top:0.5rem;}
.newsType2 .list ul li {position:relative; float:left; width:calc(50% - 0.6rem); margin:0 0 1.2rem 1.2rem;}
.newsType2 .list ul li div {font-size:1.4rem;}
.newsType2 .list ul li:nth-child(1) {margin-left:0;}
.newsType2 .list ul li:nth-child(3) {margin-left:0;}
.newsType2 .list ul li:nth-child(5) {margin-left:0;}
.newsType2 .list ul li:nth-child(7) {margin-left:0;}
.newsType2 .list ul li:nth-child(9) {margin-left:0;}

.newsType2 .list .img {overflow:hidden; width:100%; position:relative; box-sizing:border-box; text-align:center;}
/* .newsType2 .list .img {height:9.5rem; overflow:hidden; width:100%; position:relative; box-sizing:border-box; text-align:center;} */
.newsType2 .list .img:before {display:inline-block; content:''; position:absolute; top:0; left:0; width:100%; height:100%;}
.newsType2 .list .img:after {position:absolute; top:0; left:0; display:inline-block; content:''; width:100%; height:100%; border:0.1rem solid rgba(0,0,0,0.1); z-index:10; box-sizing:border-box;}
.newsType2 .list .img img {width:100%; vertical-align:top; height:28.12vw; object-fit:cover;}
/* .newsType2 .list .img img {width:100%; vertical-align:top; height:100%;} */
.newsType2 .list .texWrap {padding:0.3rem; position:relative; background:#fff; height:4rem; line-height:1.8rem; word-break:keep-all;}

@media screen and(max-width:350px) {
    .newsType2 .list .img img {
        position:absolute; top:0; left:-50%; right:-50%; bottom:0; margin:auto; height:100%; width:auto;}
}

.newsType3 {position:relative; overflow:hidden; padding:1rem 0;}
.newsType3 .titTy1 {font-weight:600; color:#1b2c5d; margin-left:1.5rem;}
.newsType3 .titTy1 a {position:absolute; right:0; font-size:2rem; color:#1b2c5d; padding:0 1.5rem;}
.newsType3 .list {position:relative; margin-top:0.5rem; overflow:hidden;}
.newsType3 .list ul li {float:left; width:100%; padding:1.3rem 0; border-bottom:1px solid #dbdbdb;}
.newsType3 .list ul li a {display:table; overflow:hidden; width:100%; height:100%; padding:0 1.5rem;}
.newsType3 .list ul li div {font-size:1.4rem;}
.newsType3 .list ul li:first-child {padding-top:0;}
.newsType3 .list ul li:last-child {border:0;}

.newsType3 .list .img {height:6.5rem; overflow:hidden; width:11rem; position:relative; box-sizing:border-box; text-align:center; display:inline-block; float:left;}
.newsType3 .list .img:before {display:inline-block; content:''; position:absolute; top:0; left:0; width:100%; height:100%;}
.newsType3 .list .img:after {position:absolute; top:0; left:0; display:inline-block; content:''; width:100%; height:100%; border:0.1rem solid rgba(0,0,0,0.1); z-index:10; box-sizing:border-box;}
.newsType3 .list .img img {width:100%; vertical-align:top; height:100%;}
.newsType3 .list .texWrap {padding-left:0.8rem; height:3.6rem; overflow:hidden; position:relative; background:#fff; display:black; line-height:1.8rem; margin-top:1.5rem;}
.newsType3 .list .texWrap2 {margin:1rem 0; overflow:hidden; position:relative; background:#fff; display:black; line-height:1.8rem;}

@media screen and(max-width:350px) {
    .newsType3 .list .img img {
        position:absolute; top:0; left:-50%; right:-50%; bottom:0; margin:auto; height:100%; width:auto;}
}


.newsType4 {position:relative; overflow:hidden; padding:1rem 0 1.5rem 1.5rem;}
.newsType4 .titTy1 {font-weight:600; color:#1b2c5d;}
.newsType4 .titTy1 a {position:absolute; right:0; font-size:2rem; color:#1b2c5d; padding:0 1.5rem;}
.newsType4 .list {position:relative; margin-top:0.5rem; overflow:hidden;}
.newsType4 .list ul li {float:left; width:calc(45% - 0.6rem); margin-right:0.5rem !important; border:1px solid #dbdbdb; display:inline-block}
.newsType4 .list ul li div {font-size:1.4rem;}


.newsType4 .list .img {overflow:hidden; width:100%; position:relative; box-sizing:border-box; text-align:center;}
/* .newsType4 .list .img {height:9.5rem; overflow:hidden; width:100%; position:relative; box-sizing:border-box; text-align:center;} */
.newsType4 .list .img:before {display:inline-block; content:''; position:absolute; top:0; left:0; width:100%; height:100%;}
.newsType4 .list .img:after {position:absolute; top:0; left:0; display:inline-block; content:''; width:100%; height:100%; border:0.1rem solid rgba(0,0,0,0.1); z-index:10; box-sizing:border-box;}
.newsType4 .list .img img {width:100%; vertical-align:top; height:25.31vw; object-fit:cover;}
/* .newsType4 .list .img img {width:100%; vertical-align:top; height:100%;} */
.newsType4 .list .texWrap {padding:0 0.7rem 0.3rem 0.7rem; position:relative; background:#fff; height:4.4rem; margin:0.5rem 0; letter-spacing:-0.5px;}
.newsType4 .list .texWrap2 {padding:0.3rem 0.7rem; position:relative; background:#fff; height:3.9rem; margin:0.5rem 0; letter-spacing:-0.5px;}

@media screen and(max-width:350px) {
    .newsType2 .list .img img {
        position:absolute; top:0; left:-50%; right:-50%; bottom:0; margin:auto; height:100%; width:auto;}
}


.newsType5 {position:relative; overflow:hidden; background:#fff; padding:1rem 1.7rem 1.5rem 1.7rem}
.newsType5 .titTy1 {font-weight:600; color:#1b2c5d;}
.newsType5 .titTy1 a {position:absolute; right:0; font-size:2rem; color:#1b2c5d; padding:0 1.5rem;}
.newsType5 .photo {position:relative; height:20rem; width:100%; overflow:hidden; background:#000; margin-top:0.5rem;}
.newsType5 .photo:before {display:inline-block; content:''; position:absolute; top:0; left:0; width:100%; height:100%;}
.newsType5 .photo:after {display:inline-block; content:''; position:absolute; bottom:0; width:100%; height:8rem;}
.newsType5 .photo img {width:100%; vertical-align:top; height:100%;}
.newsType5 .swiper-slide {margin-right:5px}
.newsType5 .btnplay {right:1.5rem; bottom:1rem;}

@media screen and(max-width:360px) {
    .newsType5 .photo {
        height:16rem
    }
}


.newsType6 {position:relative; overflow:hidden; background:#fff; padding:1rem 1.5rem 1.5rem 1.5rem}
.newsType6 .titTy1 {font-weight:600; color:#1b2c5d; border-bottom:1px solid #dbdbdb; padding-bottom:0.9rem;}
.newsType6 .titTy1 a {position:absolute; right:0; font-size:2rem; color:#1b2c5d; padding:0 1.5rem;}
.newsType6 .list {position:relative; overflow:hidden;}
.newsType6 .list li {width:100%; border-bottom:1px solid #dbdbdb; padding:1.3rem 0.5rem;}
.newsType6 .list li a {font-size:1.3rem; display:block; height:2rem;}


.newsType7 {position:relative; overflow:hidden; background:#fff; padding:1rem 1.5rem 1.5rem 1.5rem}
.newsType7 .titTy1 {font-family:'Noto Sans KR'; font-weight:600; color:#1b2c5d;}
.newsType7 .titTy1 a {position:absolute; right:0; font-size:2rem; color:#1b2c5d;}
.newsType7 .list {position:relative; margin-left:1rem; float:left; width:calc(50% - 0.6rem);}
.newsType7 .list ul li {margin-top:0.5rem;}
.newsType7 .list ul li div {font-size:1.4rem;}
.newsType7 .list:nth-child(1) {margin-left:0;}


.newsType7 .list .img {overflow:hidden; width:100%; position:relative; box-sizing:border-box; text-align:center;}
/* .newsType7 .list .img {height:9.5rem; overflow:hidden; width:100%; position:relative; box-sizing:border-box; text-align:center;} */
.newsType7 .list .img:before {display:inline-block; content:''; position:absolute; top:0; left:0; width:100%; height:100%;}
.newsType7 .list .img:after {position:absolute; top:0; left:0; display:inline-block; content:''; width:100%; height:100%; border:0.1rem solid rgba(0,0,0,0.1); z-index:10; box-sizing:border-box;}
.newsType7 .list .img img {width:100%; vertical-align:top; height:28.12vw; object-fit:cover;}
/* .newsType7 .list .img img {width:100%; vertical-align:top; height:100%;} */
.newsType7 .list .texWrap {padding:0.3rem; position:relative; background:#fff;}

@media screen and(max-width:350px) {
    .newsType7 .list .img img {
        position:absolute; top:0; left:-50%; right:-50%; bottom:0; margin:auto; height:100%; width:auto;}
}


/* News View */
.newsViewTy1 {position:relative; padding-bottom:3rem;}
.newsViewTy1 .texWrap {padding:3rem 1.2rem 0 1.2rem;}
.newsViewTy1 .texWrap .title {font-size:2rem; font-weight:700; line-height:2.5rem; letter-spacing:-1px;}
.newsViewTy1 .texWrap .title2 {font-size:2.2rem; font-weight:700; line-height:2.5rem; letter-spacing:-1px;}
.newsViewTy1 .infoBox1 {position:relative; overflow:hidden;}
.newsViewTy1 .infoBox1 .date1 {font-size:1rem; margin-top:0.5rem; padding:0 1rem; float:left;}
.newsViewTy1 .infoBox1 .share {text-align:right; font-size:1.2rem; float:right; margin:0.5rem 1rem 0 0;}
.newsViewTy1 .infoBox1 .share img {width:18px;}
.newsViewTy1 .photo {position:relative; margin-top:1.8rem; clear:both;}
.newsViewTy1 .photo img {width:100%;}
.newsViewTy1 .potext {text-align:center; font-size:1.2rem; margin-top:0.5rem;}
.newsViewTy1 .info2 {padding:1.5rem 1rem;}
.newsViewTy1 .info3 {font-size:1.2rem; color:#383838; padding:0 1rem; margin-top:2rem;}



/* News 공통 */
.etcArea {position:relative; padding:1.5rem; background:#e7e6e6; overflow:hidden;}
.etcArea .banner {position:relative;}
.etcArea .banner .newsRolla {overflow:hidden;}
.etcArea .banner .newsRolla .swiper-wrapper {position:relative; height:9.5rem;}
.etcArea .banner .newsRolla .swiper-wrapper img {width:100%; vertical-align:top; height:100%;}
.etcArea .banner .rollPoint {position:relative !important; bottom:0 !important; width:100%; margin-top:0.5rem; text-align:center;}
.etcArea .banner .rollPoint span {margin-right:0.5rem !important;}

.btnGo {position:relative; overflow:hidden; margin-top:1rem;}
.btnGo a {display:inline-black; float:left; width:calc(50% - 0.6rem);}
.btnGo a:nth-child(2) {margin-left:10px;}
.btnGo a img {width:100%; vertical-align:top; height:100%;}

.goMenu {clear:both; position:relative; background:#fff; border-top:1px solid #dedede; border-left:1px solid #dedede; overflow:hidden; margin-top:1rem;}
.goMenu a {width:25%; height:3.5rem; display:block; float:left; text-align:center; border-right:1px solid #dedede; border-bottom:1px solid #dedede; padding-top:0.8rem; font-weight:500; color:#141414; font-size:1.2rem;}

.goMenu2 {clear:both; position:relative; background:#fff; border-top:1px solid #dedede; border-left:1px solid #dedede; overflow:hidden; margin-top:1rem;}
.goMenu2 a {width:50%; height:3rem; display:block; float:left; text-align:center; border-right:1px solid #dedede; border-bottom:1px solid #dedede; padding-top:0.8rem; font-weight:500; color:#141414; font-size:1.2rem;}

.social {position:relative; margin-top:2rem; text-align:center;}
.social a img {width:34px; margin-left:0.7rem;}
.social .info1 {font-size:1.2rem; text-align:center; margin-top:1rem;}


/* News Main AOD */
.aodType2 {position:relative; overflow:hidden; padding:1rem 0;}
.aodType2 .titTy1 {font-weight:600; color:#1b2c5d; margin-left:1.5rem;}
.aodType2 .titTy1 a {position:absolute; right:0; font-size:2rem; color:#1b2c5d; padding:0 1.5rem;}
.aodType2 .list {position:relative; margin-top:0.5rem; overflow:hidden; padding:0 1.5rem;}
.aodType2 .list a {padding:1rem 0; width:100%; display:block;}
.aodType2 .list p {border-bottom:1px solid #dedede;}
.aodType2 .list p:last-child {border-bottom:none;}
.aodType2 .list p.active {background:#f0f0f0;}
.aodType2 .list a .time1 {background:#39b07c; border-radius:2rem; color:#fff; font-size:1.3rem; font-weight:500; padding:0.3rem 1rem;}
.aodType2 .list a .go {float:right; font-family:"Nanum Gothic"; font-weight:bold; font-size:1rem; margin:0.5rem 0.5rem 0 0;}


/* AOD */
.vodBox {position:relative;}
.vodBox .playBox {position:relative; text-align:center;}
.vodBox .playBox .title3 {font-size:1.8rem; font-weight:500; background:#000; color:#fff; padding:1rem 1.5rem;}
.vodBox .list2 {position:relative; padding:1.5rem 0;}
.vodBox .list2 a {width:100%; display:block;}
.vodBox .list2 p { border-bottom:1px solid #dbdbdb; padding:1.2rem 1.5rem;}
.vodBox .list2 p.active {background:#f0f0f0;}
.vodBox .list2 p:last-child {border-bottom:0;}
/* .vodBox .list2 .time {background:#dbdbdb; padding:0.5rem 1rem;font-weight:500;} */
.vodBox .list2 .play1 {float:right; background:#39b07c; padding:0.5rem 0.9rem; font-size:1.2rem; color:#fff; border-radius:2rem; font-family:'Nanum Gothic'}


/* Drop Down */
.faqBox {position:relative; padding:0 1rem 2rem 1rem;}
.faqBox .title {position:relative; height:32px;padding-left:10px;line-height:32px;font-weight:bold; margin-top:2%;color:#1178d0; font-size:16px;}
.faq {position:relative;}
.faq .faqHeader {padding-top:40px;}
.faq .showAll {position:absolute;top:12px;right:0; display:block; border-radius:3px; color:#ffffff; font-size:11px; background:#818cb1; padding:3px 6px 3px 6px; border:solid #757ea1 1px; text-decoration:none; text-align:center; overflow:visible;cursor:pointer;}
.faq .showAll:hover {color:#ffffff; background:#5e6994;}
.faq .faqBody {margin:0;padding:0;border-top:1px solid #b7cce1; border-left:1px solid #b7cce1; border-right:1px solid #b7cce1;}
.faq .faqBody .article {list-style:none}
.faq .q {margin:0;border-bottom:1px solid #b7cce1;}
.faq .q a {display:block;padding:10px;text-align:left; background:#f4f8fb;color:#000;text-decoration:none !important; font-size:13px;}
.faq .q a:hover, .faq .q a:focus {background:#c9e3f3}
.faq .a {margin:0;padding:15px; font-weight:normal; font-size:13px; background:#fff; border-bottom:1px solid #b7cce1; line-height:1.5;}
.faq .a span {font-weight:normal; font-size:13px; display:block; margin-top:20px;}


/*---------------------------------*/
/*---------------TV----------------*/
.cont {position:relative; overflow:hidden; padding-bottom:3rem;}

.btnplayTV1 {position:absolute; width:26px; height:26px; right:0; bottom:0; z-index:100; background:url(/common/images/btnPlay1.png) no-repeat top right; background-size:26px;}

.tvType1 {position:relative; margin-top:1.5rem; padding:0 1.5rem; overflow:hidden;}
.tvType1 .titTy1 {font-weight:600; color:#1b2c5d;}
.tvType1 .titTy1 a {position:absolute; right:0; font-size:2rem; color:#1b2c5d; padding:0 1.5rem;}
.tvType1 .list {position:relative; margin-top:0.5rem; overflow:hidden;}
.tvType1 .list ul li {position:relative; float:left; width:calc(50% - 0.6rem); margin-left:1.2rem;}
.tvType1 .list ul li div {font-size:1.4rem;}
.tvType1 .list ul li:nth-child(2n-1) {margin-left:0;}


.tvType1 .list .img {overflow:hidden; width:100%; position:relative; box-sizing:border-box; text-align:center; border-radius:1rem 1rem 0 1rem;}
/* .tvType1 .list .img {height:10.5rem; overflow:hidden; width:100%; position:relative; box-sizing:border-box; text-align:center; border-radius:1rem 1rem 0 1rem;} */
.tvType1 .list .img:before {display:inline-block; content:''; position:absolute; top:0; left:0; width:100%; height:100%;}
.tvType1 .list .img:after {position:absolute; top:0; left:0; display:inline-block; content:''; width:100%; height:100%; border:0.1rem solid rgba(0,0,0,0.1); z-index:10; box-sizing:border-box;}
.tvType1 .list .img2 {height:10.5rem; overflow:hidden; width:100%; position:relative; box-sizing:border-box; text-align:center; border-radius:1rem;}
.tvType1 .list .img2:before {display:inline-block; content:''; position:absolute; top:0; left:0; width:100%; height:100%;}
.tvType1 .list .img2:after {position:absolute; top:0; left:0; display:inline-block; content:''; width:100%; height:100%; border:0.1rem solid rgba(0,0,0,0.1); z-index:10; box-sizing:border-box;}
.tvType1 .list .img img, .tvType1 .list .img2 img {width:100%; vertical-align:top; height:100%;}
.tvType1 .list .texWrap {position:relative; height:4rem; font-weight:500; font-size:1.5rem; margin-top:0.5rem; text-align:center;}
.tvType1 .list .texWrap2 {position:relative; margin-top:0.5rem;font-weight:500; height:6rem; margin-bottom:0.5rem;}
.tvType1 .list .texWrap2 .name {font-size:1.5rem; width:100%; display:block; line-height:1.7rem;}
.tvType1 .list .texWrap2 .time {font-size:1.3rem; display:block; width:100%; margin-top:0.5rem;}


@media screen and(max-width:350px) {
    .tvType1 .list .img img, .tvType1 .list .img2 img {
        position:absolute; top:0; left:-50%; right:-50%; bottom:0; margin:auto; height:100%; width:auto;}
}

/* 배너영역 추가 : 09-17 */
.tvBanArea {position:relative; margin-top:1.5rem; padding:0 1.5rem; overflow:hidden;border-bottom: 1px solid #e9e9e9;}
.tvBanArea a {display:block}

.tvRollT1 {position:relative; margin:1.5rem 1.5rem 2rem 1.5rem; overflow:hidden;}
.tvRollT1 .swiper-button-next, .tvRollT1 .swiper-button-prev {color:#fff !important; margin-top:1rem !important; --swiper-navigation-size:30px;}

.tvRollT1 .title {font-size:2rem; color:#fff; font-weight:500; background:#0d0725; border-radius:1.5rem 1.5rem 0 0; padding:1rem 1rem 2rem 1rem;}
.tvRollT1 .info {margin-top:-1rem;}
.tvRollT1 .info div {float:left;}
.tvRollT1 .info div .img {width:100%;}
.tvRollT1 .info div .img img {width:100%; vertical-align:top; height:100%; border-radius:1rem;}
.tvRollT1 .info div .part {position:absolute; top:-2.5rem; right:1rem; color:#fff; font-size:1.2rem;}
.tvRollT1 .info div .time {position:absolute; bottom:1rem; right:1rem; background:#000; border-radius:1.5rem; color:#fff; padding:0.3rem 1rem; opacity:0.7; font-size:1.2rem;}


.rePlay1 {position:relative; overflow:hidden; padding:0 0 0 1.5rem; margin-top:1.5rem;}
.rePlay1 .titTy1 {font-weight:600; color:#1b2c5d; font-size:2rem;}
.rePlay1 .titTy1 a {position:absolute; right:0; font-size:2rem; color:#1b2c5d; padding:0 1.5rem;}
.rePlay1 .titTy2 {font-weight:600; color:#1b2c5d; font-size:2rem; background:url(/common/images/fmicon1.png) no-repeat 0px 4px; background-size:24px; padding-left:3rem;}
.rePlay1 .titTy3 {font-weight:600; color:#1b2c5d; font-size:2rem; background:url(/common/images/fmicon2.png) no-repeat 0px 2px; background-size:22px; padding-left:2.7rem;}
.rePlay1 .titTy3 a {position:absolute; right:0; font-size:2rem; color:#1b2c5d; padding:0 1.5rem;}

.rePlay1 .list {position:relative; margin-top:0.5rem; overflow:hidden;}
.rePlay1 .list ul li {float:left; width:calc(65% - 0.6rem); margin-right:0.5rem !important; display:inline-block}
.rePlay1 .list ul li div {font-size:1.4rem;}
.rePlay1 .list .img {overflow:hidden; width:100%; position:relative; box-sizing:border-box; text-align:center; border-radius:0 1.5rem 1.5rem 1.5rem;}
.rePlay1 .list .img:before {display:inline-block; content:''; position:absolute; top:0; left:0; width:100%; height:100%;}
.rePlay1 .list .img:after {position:absolute; top:0; left:0; display:inline-block; content:''; width:100%; height:100%; z-index:10; box-sizing:border-box;}
.rePlay1 .list .img img {width:100%; vertical-align:top; height:100%;}
.rePlay1 .list .texWrap {padding:0.3rem 0.7rem 0 0; position:relative; background:#fff; font-weight:500; font-size:1.5rem;}

.rePlay1 .list2 {position:relative; margin-top:0.5rem; overflow:hidden;}
.rePlay1 .list2 ul li {float:left; width:calc(30% - 0.6rem); margin-right:1.2rem !important; display:inline-block}
.rePlay1 .list2 ul li div {font-size:1.4rem;}
.rePlay1 .list2 .img {overflow:hidden; width:100%; position:relative; box-sizing:border-box; text-align:center;}
.rePlay1 .list2 .img:before {display:inline-block; content:''; position:absolute; top:0; left:0; width:100%; height:100%;}
.rePlay1 .list2 .img:after {position:absolute; top:0; left:0; display:inline-block; content:''; width:100%; height:100%; z-index:10; box-sizing:border-box;}
.rePlay1 .list2 .img img {width:100%; vertical-align:top; height:100%;}
.rePlay1 .list2 .texWrap {padding:0.3rem 0 0 0; position:relative; background:#fff; font-weight:500; font-size:1.5rem; text-align:center;}

@media screen and(max-width:350px) {
    .rePlay1 .list .img img {
        position:absolute; top:0; left:-50%; right:-50%; bottom:0; margin:auto; height:100%; width:auto;}
}

.tviconArea {position:relative; clear:both; overflow:hidden; text-align:center; background:#e9e9e9; padding:2rem 0;}
.tviconArea img {width:30px; margin-left:0.5rem;}

 /* 20210527 S*/
.proInfo .PD {padding:0 1.5rem;}
.proInfo .PD span {width:50px;}
.proInfo .time span {width:50px;}
.ban_area {width:100%; text-align:center; background:#2f6184;}
.jebo {padding:2rem; background:#01bace; margin:30px 0 0 0;}
.jebo p {color:#fff; line-height:1.5; font-weight:500;}
.jebo span {display:block;}

.tvTitle1{position:relative; text-align:center; font-weight:bold; font-size: 20px; padding: 20px 0 15px 0; color:#352577;}
.proInfo {padding:0;}
.proInfo div{margin-bottom:10px; letter-spacing:-0.5px;}
.proInfo .img img {border-radius:0; width:-webkit-fill-available;}
.proInfo div span {padding: 5px 0; color:#fff; background:#5c67a8; display:inline-block; text-align:center; font-size: 12px; margin-right: 5px; border-radius: 15px;}
.proInfo .time {padding:0 1.5rem;}
.sub-tit{font-weight:bold; font-size:21px; line-height:24px; margin:30px 10px 10px 10px;}
.replay-tit{font-weight: bold;font-size: 16px; line-height: 24px;margin: 10px 0 5px;}
.mo-banner{}
.mo-banner .replay-tit {font-weight: bold; font-size:20px; line-height:24px; margin:10px;}
.banner-ul > li {float:left; margin:5px; width:calc(50% - 10px);}
.banner-ul > li img {max-width: 100%;}

.mo-board-list{position: relative; margin:30px 0 0 0;}
.mo-board-list .more-btn{position: absolute;right: 10px;top: -6px;}
.mo-board-list-sub{position: relative; margin:1%;}
.mo-board-list-sub .sub-tit{font-weight:500; font-size:21px; line-height:24px; margin:20px 0 20px 10px;}
.mbl-ul{border-top: 1px solid #e1e1e1;}
.mbl-ul > li{padding: 10px;border-bottom: 1px solid #e1e1e1;}
.mbl-ul > li .art{line-height:0;}
.mbl-ul > li .art a{display:inline-block; max-width: calc(100% - 54px); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:16px; line-height:1.5; color:#474747; letter-spacing:-0.5px;}
.mbl-ul > li span{display:inline-block; font-size:14px; line-height:18px; color:#a6a6a6; background:none; margin:0; padding:0; text-align:left; vertical-align:top;}
.mbl-ul > li span.date {margin-top:0.8rem}
.mbl-ul > li span img{padding: 0 0 0 4px; vertical-align:middle;}
.key {float:left;padding: 0 4px}

.page-tit{border-top: 8px solid #afafaf; font-weight: bold;font-size: 20px; line-height: 35px;margin: 0px 0 10px;padding: 15px 0 0 10px;}
.view-box{border-top: 1px solid #d9d9d9;}
.view-box .art-tit{padding:10px; border-bottom:1px solid #d9d9d9; margin:1%; font-weight:bold; font-size:21px; line-height:30px; color:#333; word-break:keep-all; letter-spacing:-1px; font-weight:500;}
.view-box .art-info{padding:7px; border-bottom:1px solid #d9d9d9; margin:1%;}
.view-box .art-info p{font-size: 14px;line-height: 22px;color: #333333;}
.view-box .art-info p span{color: #aaa6a3; margin:10px;}
.view-box .art-cont{padding: 20px 15px;border-bottom: 1px solid #d9d9d9;margin:1%;min-height: 300px;}
.view-box .art-cont p{font-size: 15px;line-height: 18px;color: #000005;}
.view-box .btn-zone{text-align: right;margin: 15px;}
.view-box .btn-zone .list-btn{display: inline-block;padding: 8px 20px;border-radius: 5px;font-size: 16px;line-height: 20px;color: #ffffff;background: #757575;margin:0 5px;}

/* Number Style */
.list_num {margin:20px; padding-top:10px; text-align:center; clear:both;}
.list_num span {display:inline-block; }
.list_num .num {background:url(/common/images/board/num_off.gif) no-repeat 0 0; }
.list_num .on {color:#29a0d6; font-weight:bold; border-color: #29a0d6;}
.list_num a {float:left; display:inline-block; text-align:center; width:30px; height:30px; line-height:30px; margin-right:3px; font-size:12px; border:1px solid #ccc; border-radius:5px;}
.list_num .num:hover {color:#29a0d6; font-weight:bold; background:url(/common/images/board/num_on.gif) no-repeat 0 0; }
.list_num .prew1 {background:url(/common/images/board/num_front.gif) no-repeat 0 0; text-indent:-5000px; }
.list_num .prew2 {background:url(/common/images/board/num_prev.gif) no-repeat 0 0; text-indent:-5000px;}
.list_num .next1 {background:url(/common/images/board/num_next.gif) no-repeat 0 0; text-indent:-5000px;}
.list_num .next2 {background:url(/common/images/board/num_back.gif) no-repeat 0 0; text-indent:-5000px;}

.list_num .btn_prev1 {background:url(/common/images/board/num_front.gif) no-repeat 0 0; text-indent:-5000px; }
.list_num .btn_prev2 {background:url(/common/images/board/num_prev.gif) no-repeat 0 0; text-indent:-5000px;}
.list_num .btn_next1 {background:url(/common/images/board/num_next.gif) no-repeat 0 0; text-indent:-5000px;}
.list_num .btn_next2 {background:url(/common/images/board/num_back.gif) no-repeat 0 0; text-indent:-5000px;}
.list_num .btn_prev {font-size:10px !important;}
.list_num .btn_next {font-size:10px !important;}

.again {display:flex; padding:0 10px; justify-content: space-around;}
.again div {position:relative; width:48%; border:1px solid #ccc;}
.again div a {display:block; padding: 15px 0 15px 45px; color:#2b2b2b}
.again div span {position:absolute; right:10px; line-height:1.5}
.again .pbb {background: url(/common/images/ico-pbb.png) no-repeat 10px; background-size:25px}
.again .app {background: url(/common/images/ico-app.png) no-repeat 10px; background-size:25px}

/* 20210527 E*/

.tabArea {position:relative; overflow:hidden;}
.tabArea a {width:50%; display:inline-block; float:left; text-align:center; padding:0.5rem 0; background:#5c67a8; color:#fff;}
.tabArea p.on a {background:#fff; color:#333; font-weight:500;}

.tabCont {position:relative; overflow:hidden;}
.tabCont .contBox {position:relative; overflow:hidden;}
.tabCont .contBox .vodBox {margin-top:1rem;}
.tabCont .contBox .vodBox select {border:0; padding:0.5rem 1.5rem 0.8rem 1.5rem; border-radius:1.5rem; background:#e1e4f4; width:90%; margin:0 auto; margin-left:5%;}
.tabCont .contBox .vodBox .img {margin-top:1rem;}
.tabCont .contBox .vodBox .title {text-align:center; background:#000; color:#fff; padding:1rem;}

.tabCont .contBox .sclist {position:relative; overflow:hidden; margin-top:1.5rem; padding-bottom:2rem;}
.tabCont .contBox .sclist p {border-bottom:1px solid #dbdbdb; padding:0.7rem 1.2rem;}
.tabCont .contBox .sclist p span {font-size:1.3rem;}
.tabCont .contBox .sclist p span.time {background:#bcdbe5; padding:0.3rem 1rem; border-radius:1rem;}

.tabCont .vodList {position:relative; overflow:hidden;}
.tabCont .vodList p.active {background:#eff1fe;}
.tabCont .vodList p {border-bottom:1px solid #dbdbdb;}
.tabCont .vodList p a {padding:1rem 0 1rem 1rem; display:block;}
.tabCont .vodList p a span {display:block;}
.tabCont .vodList .more a {text-align:center; background:#7c86bf; color:#fff; display:block; width:100%; padding:0.5rem 0;}

.tabArea2 {position:relative; overflow:hidden; margin-top:1.5rem; border-bottom:1px solid #dbdbdb;}
.tabArea2 a {width:25%; display:inline-block; float:left; text-align:center; padding:0.5rem 0; color:#333; border-right:1px solid #dbdbdb; border-top:1px solid #dbdbdb; font-size:1.3rem; border-radius:1rem 1rem 0 0;}
.tabArea2 a:nth-child(1) {border-left:0;}
.tabArea2 p.on a {background:#c4bce5; color:#333; font-weight:500; border:1px solid #c4bce5;}

.weekBox {position:relative; overflow:hidden; background:#f4f4f4; border-top:1px solid #dfdfdf;}
.weekBox a {display:inline-block; float:left; width:14%; text-align:center; font-size:1.2rem; border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; padding:0.3rem 0;}
.weekBox a.on {background:#534398; color:#fff !important;}
.weekBox a:nth-child(1) {width:15%;}
.weekBox a:nth-child(2) {width:15%;}
.weekBox a:nth-child(7) {border-right:0;}

.weekBox a.wek1 {color:#0f53ee;}
.weekBox a.wek2 {color:#ee0f0f;}



/* eFM */
.sched {margin:0 1.5rem;}
.sched a img {border-radius:0.6rem;}

.hotPro {position:relative; margin:1.5rem 0 1.5rem 1.5rem; overflow:hidden;}
.hotPro .title {display:none; font-size:2.2rem; color:#352577; font-weight:600; letter-spacing:-1px; z-index:1000;}
.hotPro .fmRoll {display:none; background:#0d0725; padding:1.5rem 0 2rem 0; border-radius:0 0 0 1.5rem;}
.hotPro .fmRoll .swiper-wrapper {width:100% !important;}
.hotPro .fmRoll a {width:100%;}
.hotPro .texWrap {width:55%; color:#fff; overflow:hidden; margin-left:1rem;}
.hotPro .texWrap .tex1 {color:#fff; font-weight:500;}
.hotPro .texWrap .tex2 {color:#fff; font-size:1.2rem;}
.hotPro .img {width:13rem; position:absolute; top:-4rem; right:0; border-radius:1.5rem; margin-right:1rem;}
.hotPro .img img {border-radius:1.5rem;}
.hotPro .rollPoint1 {display:none; text-align:right; margin-top:1rem; margin-right:1.5rem;}
.hotPro .rollPoint1 span {margin-right:0.5rem;}


/* 교통정보 */
.chose {position:relative; overflow:hidden; padding:1.5rem 1.5rem 0rem 1.5rem;}
.chose .cityTit {float:left; font-weight:500; font-size:2rem; color:#352577;}
.chose select {border:0; padding:0.5rem 1rem 0.8rem 1rem; border-radius:1.5rem; background:#e1e4f4; float:right;}
.cityBox {margin-top:0.5rem; position:relative; overflow:hidden; clear:both;}

.iframeList {position:relative; overflow:hidden; padding-top:1.5rem;}
.iframeList .ifLtit {font-size:2rem; font-weight:400; margin:0 1.5rem;}
.ifInfo {position:relative; overflow:hidden; padding:1.5rem;}
.iframeList .ifInfo ul {border-bottom:1px solid #e5e5e5; padding:10px 0;}
.iframeList .ifInfo ul li {font-size:1.5rem; font-weight:normal;}

.telBox {position:relative; overflow:hidden; margin:1.5rem; border-top:1px solid #dedede;}
.telBox .dainfo1 {border-bottom:1px solid #dedede; padding-bottom:2rem; margin-top:2rem;}
.telBox .dainfo1 .fontD1 {color:#de0f5d; font-weight:500; font-size:1.8rem;}


/*공유하기*/
.sharWrap2 {position:fixed; top:0; left:0; right:0; width:100%; height:100%; z-index:1200; display:none;}
.sharWrap2 .open-dim {position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.7); overflow-y:auto;}
.sharWrap2 .sharBox {position:relative; top:50%; left:5.27%; width:calc(100% - 5.27% - 5.27%); height:17rem; margin-top:-15.5rem; background:#fff; font-size:1.3rem; z-index:1300;}
.sharWrap2 .sharBox .title {padding-left:5.9%; border-bottom:0.1rem solid #f3f3f3; font-size:1.8rem; color:#000; line-height:5.5rem; font-weight:500;}
.sharWrap2 .sharBox .shClose {position:absolute; top:1.2rem; right:1.5rem;}
.sharWrap2 .sharBox .shClose a {font-size:2.2rem; font-family:'Nanum Gothic';}

.sharWrap2 .sharBox .snsicon {position:relative; overflow:hidden; margin:2rem 0 1rem 0; clear:both; text-align:center;}
.sharWrap2 .sharBox .snsicon a {display:inline-block; width:25%; font-size:1.3rem;}
.sharWrap2 .sharBox .snsicon a span {display:block; width:100%; height:50px; background-size:50px !important;}
.sharWrap2 .sharBox .snsicon a p {font-size:1.2rem; margin-bottom:1rem;}
.sharWrap2 .sharBox .snsicon .icon1 {background:url(/common/images/share1.png) no-repeat top center;}
.sharWrap2 .sharBox .snsicon .icon2 {background:url(/common/images/share2.png) no-repeat top center;}
.sharWrap2 .sharBox .snsicon .icon3 {background:url(/common/images/share3.png) no-repeat top center;}
.sharWrap2 .sharBox .snsicon .icon4 {background:url(/common/images/share4.png) no-repeat top center;}
.sharWrap2 .sharBox .snsicon .icon5 {background:url(/common/images/share5.png) no-repeat top center;}
.sharWrap2 .sharBox .snsicon .icon6 {background:url(/common/images/share6.png) no-repeat top center;}
.sharWrap2 .sharBox .txtCopy {padding:0 1.5rem;}
.sharWrap2 .sharBox .txtCopy input {width:100%; height:3.8rem; padding:0 1rem; margin:0; border:0; background:#f1f1f1; color:#000; text-align:center;}
.sharWrap2 .sharBox .txtUrl {padding:1rem 1.5rem; font-size:1.3rem; text-align:center;}

/* Player Popup */
.pop1 {position:fixed; top:0; left:0; right:0; width:100%; height:100%; z-index:1100; display:none;}
.pop1 .open-dim {position:fixed; width:100%; height:100%; background:#282828; overflow-y:auto;}
.pop1 .playBox {position:relative; top:45%; width:100%; height:33rem; margin-top:-15.5rem; font-size:1.3rem; z-index:1200 !important;}
.pop1 .playBox .close {float:right;}
.pop1 .playBox .close img {width:20px; margin:0 1rem 1rem 0;}
.pop1 .playBox .play {clear:both;}
.pop1 .playBox .infoBox {margin-top:1.5rem; padding-left:1.5rem; position:relative;}
.pop1 .playBox .title1 {color:#fff; font-size:2.2rem; display:block; margin-right:4rem;}
.pop1 .playBox .title2 {color:#fff; font-size:2.2rem; display:block; margin-right:1.5rem;}
.pop1 .playBox .date2 {color:#fff; font-size:1.2rem; display:block; margin-top:1.5rem;} 
.pop1 .playBox .share1 { position:absolute; top:0rem; right:1rem;}
.pop1 .playBox .share1 img {width:25px;}
.marb20 {margin-bottom :1.5rem;}

/* APP 회원가입 */
.member {position:relative; background:#fff; border-radius:0; padding:3rem; min-height:100%; max-width:640px; margin:auto;}
.member .mokbox {margin-top:5rem;}
.member .mokbox p {text-align:center; margin-top:1rem;}
.member input {height:40px; line-height:40px;-webkit-appearance:none; -moz-appearance:none; appearance:none;}
.member select {-webkit-appearance: none; -moz-appearance:none; appearance:none;}
#user_nick {width:68%;}

.apTit1 {text-align:center; font-size:4rem; font-weight:500; margin-top:0;}
.apTit2 {text-align:center; font-size:2rem; font-weight:500; margin-top:2rem;}
.apTit3 {margin-top:3rem;}
.apinfoBox {position:relative; overflow:hidden; margin-top:4rem; line-height:2rem; padding-bottom:3rem; border-bottom:1px solid #c5c5c5; word-break: keep-all; color: #7b7b7b;}

.apaggBox1 {position:relative; overflow:hidden; overflow-y:scroll; margin-top:1rem; padding:0 3rem 3rem; border:1px solid #ccc; height:20rem; background:#fff;}
.apaggBox1 .t1a {font-size:1.5rem;}
.apaggBox1 .t1 {font-size:1.5rem; margin-top:3rem; font-weight:600; color:#484848;}
.apaggBox1 .t2 {font-size:1.2rem;}

.check1 {width:2.5rem !important; height:2.5rem !important; margin-left:2rem !important; display:inline-block;}

.mtableList {border-left:1px solid #c4dbe2; margin-top:3rem; font-size:1.2rem;}
.mtableList tr th {font-weight:normal !important; height:3rem; background:#52a0b6; color:#fff; border-right:1px solid #c4dbe2;}
.mtableList tr td {border-bottom:1px solid #c4dbe2; border-right:1px solid #c4dbe2; font-weight:normal !important; padding:2rem;}

.rowBtn1 {position:relative; overflow:hidden; padding:3rem 0 10rem 0; background:#fff; text-align:center;}
.rowBtn1 .btnList {background:#01bace; color:#fff; font-weight:500; padding:1.5rem 3rem; border-radius:5px;}

.mInfoBox {position:relative; overflow:hidden; margin-top:3rem;}
.mInfoBox .mput1 {float:left; width:70% !important;}
.mInfoBox .mput2 {padding:0; margin-left:1%; width:29%; height:40px; background:#01bace; border:0; border-radius:5px; line-height:33px; color:#fff;}
.mInfoBox .mput3 {margin-bottom:0.5rem;}
.mInfoBox .mput4 {float:left; width:55% !important;}
.mInfoBox .idCheck {clear:both; margin:1rem 0 1.5rem; color:#797979;}
.mInfoBox .nickCheck {clear:both; margin:1rem 0 1.5rem; color:#797979;}
.mInfoBox .phoneBox {position:relative; overflow:hidden; clear:both;}
.mInfoBox .phoneBox .telChBox .mInp.mr0 {margin-right:0;}
.mInfoBox .phoneBox .telChBox .mSel {float:left; font-size:1.5rem; padding:0.5rem; margin-right:1%; height:40px; border:1px solid #d9d9d9; border-radius:5px; width:20%; background:url(https://m.tbs.seoul.kr/common/images/arrow-bottom.png) no-repeat; background-size:10px; background-position:90% 50%;}
.mInfoBox .phoneBox .telChBox .mInp {float:left; width:37%; margin-right:1%;}
.mInfoBox .phoneBox .telChBox .mbtnok1 {background:#37ad85; color:#fff; font-weight:500; padding:0.5rem 2rem; display:inline-block;}
.mInfoBox .phoneBox .okBox {clear:both; margin-top:0.5rem;}
.mInfoBox .okBox {clear:both; margin-top:0.5rem;}
.mInfoBox .okBox .emailsel {float:left; width:39%; height:40px; margin-left:0; border:1px solid #d9d9d9; border-radius:5px; padding:0.5rem; font-size:1.5rem;}
.at {float:left; display:inline-block; width:6%; height:33px; padding:0 1%; line-height:33px;}
.hyp {float:left; width:1%; height:40px; margin-right:1%; line-height:40px; text-align:center;}

.checkbox {width:100%; margin:30px auto 0; position:relative; display:block;}
.checkbox input[type="checkbox"] {width:auto; opacity:0; position:absolute; left:0; margin-left:-20px;}
.checkbox input[type="checkbox"]:checked~label::before {color:#01bace;}
.checkbox input[type="checkbox"]:checked~label::after {-webkit-transform:rotate(-45deg) scale(1); transform:rotate(-45deg) scale(1);}
.checkbox label {position:relative; min-height:34px; display:block; padding-left:40px; margin-bottom:0; font-weight:normal; cursor:pointer; line-height:34px; font-weight:700;}
.checkbox label:before {content:''; position:absolute; left:0; top:0; margin:4px; width:22px; height:22px; transition:transform 0.28s ease; border-radius:3px; border:2px solid #01bace;}
.checkbox label:after {content:''; display:block; width:10px; height:5px; border-bottom:2px solid #01bace; border-left:2px solid #01bace; -webkit-transform:rotate(-45deg) scale(0); transform:rotate(-45deg) scale(0); transition:transform ease 0.25s;
	will-change:transform; position:absolute; top:12px; left:10px;}
.checkbox label span {position:absolute; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
.checkbox input[type="checkbox"]:focus+label::before {outline:0;}

.mok_box {max-width:640px; height:90vh; display:flex; flex-flow:column; align-items:center; justify-content:center; margin:auto; padding:3rem;}
.mok_box h2 {font-size:2.3rem; margin-bottom:40px; padding-bottom:10px; color:#212121;}
.mok_box span {vertical-align:top; font-weight:700;}
.mok_box h2 span {display:inline-block; width:30px; margin:5px 10px 0 0; line-height:1.2;}
.mok_box p {text-align:center; font-size:1.7rem; line-height:1.6; color:#585858;}
.mok_box p.sub {margin:1rem 0 4rem; font-size:1.3rem; color:#ccc;}
.mok_box .btnList {background:#fff; color:#01bace; border:1px solid #01bace;}


/* 상단 notice */
#gnbArea_m {}
.noticeBox {background:#4f4cce;}
.noticeBox .noticeTxt_m {padding:10px 0; text-align:center; font-size: 1.3rem; color:#fff}

/* noplayer.css 추가 */
.vjs-pip-control {width:auto !important}
.vjs-vr-touch-control {width:auto !important}
.vjs-default-skin .vjs-live-control {width:auto !important}
.vjs-default-skin.vjs-live .vjs-live-display {width:3em}

/* 본인인증 S */
nav.bar {padding:15px 0; text-align:center; background:#01bace;}
nav.bar img {width:83px;}
.cert_wrap {max-width:640px; margin:auto; padding:30px 20px;}
.cert_wrap .tit {font-size:4rem; text-align:center; margin-bottom:5%; font-weight:500;}
.cert_wrap .info {}
.cert_wrap .info li {position:relative; margin-bottom:7px; padding-left:10px; word-break:keep-all; color:#5f5f5f;}
.cert_wrap .info li:before {position:absolute; top:10px; left:0; width:3px; height:3px;  border-radius:50%; background:#5f5f5f; content:'';}

.cert_box {display:flex; margin-top:5%; padding:8% 0; background:#fdfdfd; border-top:1px solid #01bace; border-bottom:1px solid #01bace;}
.cert_box li {width:50%; text-align:center;}
.cert_box li:nth-child(1) {border-right:1px solid #ccc;}
.cert_box li p {padding:0 0 20px 0; font-weight:500; font-size:1.6rem; color:#464646; letter-spacing:-1px;}
.cert_box li .btn_cert {display:block; width:60%; margin:20px auto 0; padding:10px 0; color:#01bace; border:1px solid #01bace; text-align:center; line-height:1.4; letter-spacing:-1px; font-size:1.4rem;}
/* 본인인증 E */


















/* 뉴스 퍼블 변경 S */

/* ------------------------------------------------------------------------------------------------common.css */

/* @charset "utf-8";
@font-face {
	font-family: 'NotoSans';
	src: url('../fonts/NotoSansCJKkr-Light.eot');
	src: url('../fonts/NotoSansCJKkr-Light.eot?#iefix') format('embedded-opentype'),
			url('../fonts/NotoSansCJKkr-Light.woff') format('woff'),
			url('../fonts/NotoSansCJKkr-Light.ttf') format('truetype');
	font-style: normal;
	font-weight: 300;
}
@font-face {
	font-family: 'NotoSans';
	src: url('../fonts/NotoSansCJKkr-Regular.eot');
	src: url('../fonts/NotoSansCJKkr-Regular.eot?#iefix') format('embedded-opentype'),
			url('../fonts/NotoSansCJKkr-Regular.woff') format('woff'),
			url('../fonts/NotoSansCJKkr-Regular.ttf') format('truetype');
	font-style: normal;
	font-weight: 400;
}
@font-face {
	font-family: 'NotoSans';
	src: url('../fonts/NotoSansCJKkr-Medium.eot');
	src: url('../fonts/NotoSansCJKkr-Medium.eot?#iefix') format('embedded-opentype'),
			url('../fonts/NotoSansCJKkr-Medium.woff') format('woff'),
			url('../fonts/NotoSansCJKkr-Medium.ttf') format('truetype');
	font-style: normal;
	font-weight: 500;
}
@font-face {
	font-family: 'NotoSans';
	src: url('../fonts/NotoSansCJKkr-Bold.eot');
	src: url('../fonts/NotoSansCJKkr-Bold.eot?#iefix') format('embedded-opentype'),
			url('../fonts/NotoSansCJKkr-Bold.woff') format('woff'),
			url('../fonts/NotoSansCJKkr-Bold.ttf') format('truetype');
	font-style: normal;
	font-weight: 700;
} */

*{margin: 0;padding: 0;text-decoration: none;list-style: none; box-sizing: border-box;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5{margin: 0;padding: 0;word-wrap: break-word;word-break: break-all;color: #333;}
ul, li, p, label, span, strong, a{font-size: inherit;color: inherit;font-family: inherit;}
body, html{width: 100%;height: 100%;}
input,select,img,label{vertical-align: top;}
/* a{display: inline-block;} */
img{border: 0;max-width: 100%;}
strong{font-weight: 500;}

table{border-collapse:separate;border-collapse:collapse;width:100%;border-spacing:0;table-layout: fixed;}
table caption{overflow: hidden; width: 0px; height: 0px; font-size: 0; line-height: 0;margin: 0;}
textarea{resize: none;padding: 10px;width: 100%;height: 165px;border: 1px solid #e5e5e5;border-radius: 10px;vertical-align: top;}
input[type="text"],
input[type="password"]{padding: 0 10px;width: 100%;height: 45px;border: 1px solid #e5e5e5;border-radius: 10px;}
select{height: 45px;padding: 0 32px 0 10px;background: #fff url('/common/images/news/select_bg.gif') no-repeat right 8px center;border: 1px solid #e5e5e5;border-radius: 10px;-webkit-appearance: none;-moz-appearance: none;word-wrap: break-word;}
select::-ms-expand{display: none;}
.hidden{overflow: hidden;}
.blind{position: absolute;top: 0px;left: 0px;overflow: hidden;display: inline-block !important;width: 1px !important;height: 1px !important;margin: 0 !important;font-size: 0 !important;line-height: 0 !important;}
.clearfix::after{content: "";display: block;height: 0;clear: both;visibility: hidden;}

#skip-nav a {position: absolute; left: -3000%;}
#skip-nav a:focus {display: block; left: 0; top: 0; z-index: 10000000000; width: 100%; height: 30px; line-height: 30px; background: #485068; color: #fff; text-align: center;}

.fl{float: left;}
.fr{float: right;}
.Tl{text-align: left !important;}
.Tc{text-align: center !important;}
.Tr{text-align: right !important;}
.Vt{vertical-align: top !important;}
.Vm{vertical-align: middle !important;}
.Vb{vertical-align: bottom !important;}

.mt0{margin-top: 0 !important;}
.mt5{margin-top: 5px !important;}
.mt10{margin-top: 10px !important;}
.mt15{margin-top: 15px !important;}
.mt20{margin-top: 20px !important;}
.mt30{margin-top: 30px !important;}
.mt40{margin-top: 40px !important;}
.mt60{margin-top: 60px !important;}
.mb0{margin-bottom: 0 !important;}
.mb5{margin-bottom: 5px !important;}
.mb10{margin-bottom: 10px !important;}
.mb15{margin-bottom: 15px !important;}
.mb20{margin-bottom: 20px !important;}
.mb30{margin-bottom: 30px !important;}
.mb40{margin-bottom: 40px !important;}
.ml5{margin-left: 5px !important;}
.ml10{margin-left: 10px !important;}
.mr5{margin-right: 5px !important;}
.mr10{margin-right: 10px !important;}



.width-auto{width: calc(100% - 40px);margin: 0 auto;position: relative;}
#header{padding-top: 20px;}
.header-top{position: relative;}
.header-top .logo{width: 88px;margin: 0 auto;}
.header-top .logo > a{display: block;height: 30px;}
.header-top .menu-open{position: absolute;left: 0;top: 5px;}
.header-top .tip-off{position: absolute;right: 0;top: 0;width: 66px;height: 32px;line-height: 32px;color: #474747;font-size: 15px;text-align: center;background: #ededed;border-radius: 25px;}
.header-menu{display:flex; justify-content:space-around; width:100%; padding: 22px 0 14px; height: 62px; border-bottom: 6px solid #f3f3f3;}
.header-menu > li{text-align:center; vertical-align: top;}
/* .header-menu > li:last-child {width:30%;} */
/* .header-menu > li:first-child{margin-left: 0;} */
.header-menu > li > a{display: block;color: #383e40;font-size: 18px;font-weight: 700;line-height: 20px;}
.header-menu > li.on > a{color: #00b1c7;}
.All-menu-bg{position: relative;}
.All-menu-bg::before{position: absolute;top: 0;left: 0;z-index: 99;width: 100%;height: 100%;background: rgba(0,0,0,0.5);content:"";}
#All-menu{display: none;position: fixed;top: 0;left: 0;z-index: 999;width: 95%;max-width: 440px;height: 100%;background: #fff;}
#All-menu .top{position: relative;padding: 25px 20px;text-align: center;border-bottom: 1px solid #eaeaea;}
#All-menu .top .logo{width: 88px;height: 30px;}
#All-menu .menu-close{position: absolute;top: 19px;left: 15px;}
#All-menu ul > li > a{display: table;line-height: 1;}
#All-menu .menu-01{height: calc(100vh - 81px);overflow-y: auto;}
#All-menu .menu-01 > li{padding: 30px 20px;border-bottom: 1px solid #eaeaea;}
#All-menu .menu-01 > li > a{color: #383e40;font-size: 22px;font-weight: 700;}
#All-menu .menu-01 > li.on > a{color: #00bace;}
#All-menu .menu-02{}
#All-menu .menu-02 > li{display: inline-block;vertical-align: top;width: 49%;margin-top: 18px;}
#All-menu .menu-02 > li.wd-all{width: 100%;}
#All-menu .menu-02 > li > a{color: #383e40;font-size: 17px;}
#All-menu .menu-03{}
#All-menu .menu-03 > li{margin-top: 15px;}
#All-menu .menu-03 > li > a{color: #696969;font-size: 15px;font-weight: 300;line-height: 15px;padding-left: 15px;background: url('../images/menu_bg1.gif') no-repeat 4px 5px;}

#gnb{position: relative;padding: 15px 10px 0 10px;text-align: center;border-bottom: 1px solid #e4e4e4; z-index:2;}
#gnb > ul{display:flex; margin: 0 auto;justify-content: space-between;}
#gnb > ul > li{color: #363c3e;font-size: 16px;font-weight: 500; padding: 0 8px;width:auto;}
#gnb > ul > li > a{display: block;height: 35px;line-height: 20px;position: relative; letter-spacing:-0.5px;}
#gnb > ul > li > a:after{position: absolute;left: 50%;right: 50%;bottom: -1px;z-index: 1;height: 4px;opacity: 0;background: #00bace;transition: 0.2s;content: '';}
#gnb > ul > li > a.on, #gnb > ul > li:hover > a{color: #03b8cb;font-weight: 700;}
#gnb > ul > li > a.on:after, #gnb > ul > li:hover > a.on:after{left: -7px;right: -7px;opacity: 1;}

 .news-cate .word {} 
/* .news-cate .word2 {width:18%;} */
/* .news-cate .word3 {width:15%; position:static;} */

.depth2{position:absolute; left:0%; top:163px; z-index:55; width:100%; height:50px; padding:20px 0 13px; background: #f6f6f6 url('../images/menu_bg2.gif') repeat-x left top;border-bottom: 1px solid #e4e4e4; display:none;}
.depth2 > ul{display:flex; justify-content:space-around; width: calc(100% - 20px);margin: 0 auto;}
.depth2 > ul > li{color: #6b6b6b;font-size: 16px;line-height: 16px;}
.depth2 > ul > li > a{display: block;}
.depth2 > ul > li.on > a, .depth2 > ul > li:hover > a{color: #03b8cb;font-weight: 500;}



#footer{background: #f3f3f3;}
#footer > div{padding: 20px;}
.footer-top{position: relative;}
.footer-app{display: table;margin: 0 auto;}
.footer-app > li{float: left;}
.footer-app > li:not(:first-child){margin-left: 8px;}
.go-top{position: absolute;top: 20px;right: 20px;}
.footer-bom{background: #181818;text-align: center;color: #ababab;font-size: 14px;font-weight: 300;}
.footer-bom > p{line-height: 20px;word-break: keep-all;}


/* ------------------------------------------------------------------------------------------------main.css */

#center{z-index:1;}
.main-live1 > *{width: 100%;}
.main-notice1{/* margin-bottom: 34px; */padding: 24px 0;position: relative;width: 100%;overflow: hidden;border-bottom: 1px solid #e9e9e9;}
.main-notice1 .swiper-slide{}
.main-notice1 .swiper-button-prev{background: url('/common/images/news/notice1_prev.png') no-repeat left top; margin-top: -11px;width: 16px;height: 22px;font-size: 0;outline: none; color:transparent;}
.main-notice1 .swiper-button-next{background: url('/common/images/news/notice1_next.png') no-repeat left top; margin-top: -11px;width: 16px;height: 22px;font-size: 0;outline: none; color:transparent;}
.notice1-text{padding: 0 42px;overflow: hidden;}
.notice1-text > *{float: left;}
.notice1-text > dt{width: 100px;height: 52px;line-height: 52px;background: #00bace;color: #fff;font-size: 20px;font-weight: 700;text-align: center;border-radius: 25px;}
.notice1-text > dd{width: calc(100% - 100px);padding: 4px 0 0 18px;line-height: 1;}
.notice1-text > dd > h5{color: #001111;font-size: 20px;font-weight: 600;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.notice1-text > dd > p{color: #515151;font-size: 17px;font-weight: 300;margin-top: 8px;}
.main-abtn1{margin: 0 20px;}
.main-abtn1 > a{display: table;overflow: hidden;border-radius: 8px;}
.main-title1{margin: 20px 20px 10px;color: #1b2c5d;font-size: 20px;font-weight: 700;line-height: 20px;padding: 3px 0 0 34px;min-height: 25px;background: url('../images/main/main_bg1.png') no-repeat left top;background-size: 26px;}
.main-slide1{margin-left: 20px;width: calc(100% - 20px);overflow: hidden;}
.main-slide1 .swiper-slide{}
.main-slide1 > ul{}
.main-slide1 > ul > li{float: left;width: calc(65% - 10px);margin-right: 10px;}
.main-slide1 > ul > li > a{display: block;}
.main-slide1 .photo{position: relative;padding-top: 60%;overflow: hidden;border-radius: 0 15px 15px 15px;}
.main-slide1 .photo > img{position: absolute;z-index: 9;bottom: -9999px;left: -9999px;right: -9999px;top: -9999px;width: 100%;height: 100%;margin: auto;vertical-align: middle;}
.main-txt-btn1{padding: 25px 0 30px;text-align: center;}
.main-txt-btn1 > p{color: #181819;font-size: 18px;font-weight: 500;margin-bottom: 14px;}
.main-txt-btn1 > a{margin: 2px;height: 50px;padding: 15px 20px;color: #fff;font-size: 16px;border-radius: 25px;}
.main-txt-btn1 > a > span{display: inline-block;vertical-align: top;line-height: 20px;padding-left: 26px;}
.main-txt-btn1 > a.bg1{background: #5c95e2;}
.main-txt-btn1 > a.bg1 > span{background: url('../images/main/main_bg2.gif') no-repeat left top;}
.main-txt-btn1 > a.bg2{background: #6bbce7;}
.main-txt-btn1 > a.bg2 > span{background: url('../images/main/main_bg3.gif') no-repeat left top;}
.main-choice1{position: relative;margin-bottom: 2px;padding: 15px 20px;background: #f0f1f3;border-top: 1px solid #e8e9eb;}
.main-choice1 > a.cloes{position: absolute;top: 50%;right: 20px;margin-top: -9px;width: 18px;height: 18px;}
.main-choice1 > span{position: relative;display: inline-block;vertical-align: top;}
.main-choice1 > span > input{position: absolute;top: 0;left: 0;opacity: 0;width: 0;height: 0;}
.main-choice1 > span > label{display: table-cell;vertical-align: middle;color: #111;font-size: 16px;height: 22px;padding-left: 30px;}
.main-choice1 > span > input[type='checkbox'] + label{background: url('../images/main/bg_check.png') no-repeat left top;background-size: 22px !important;}
.main-choice1 > span > input[type='checkbox']:checked + label{background: url('../images/main/bg_check_on.png') no-repeat left top;}

#center.news{background: #efefef;}
#center.news > *{background: #fff;margin-bottom: 8px;}
#center.news > *:last-child{margin-bottom: 0;}
.news-slide1{padding: 20px 20px 24px;}
.news-slide1 > div{position: relative;padding-bottom: 40px;width: 100%;overflow: hidden;}
.news-slide1 .swiper-pagination{height: 10px;bottom: 0;}
.news-slide1 .swiper-pagination > span{background: #d0d0d0;width: 10px;height: 10px;vertical-align: top;opacity: 1;}
.news-slide1 .swiper-pagination > span.swiper-pagination-bullet-active{background: #00bace;}
.news-slide1-show{display: block;}
.news-slide1-show .title{margin-top: 15px;background: #fff;color: #222;font-size: 21px;font-weight: 700;line-height: 1.4; display: -webkit-box; overflow: hidden;  -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; letter-spacing:-1px;}
.news-slide1-show .title:hover{color: #45c3d0;}
.news-slide1-show .photo{position: relative;padding-top: 56%;overflow: hidden;border-radius: 0 0 30px 0;}
.news-slide1-show .photo > img{object-fit: cover;position: absolute;z-index: 9;bottom: -9999px;left: -9999px;right: -9999px;top: -9999px;width: 100%;height: 100%;margin: auto;vertical-align: middle;}

.news-photo-list1{position: relative;padding: 30px 10px;overflow: hidden;}
.news-photo-list1 .photo-slide{width: 100%;}
.news-photo-list1 .photo-slide > ul{width: 80%; margin:0;}
.news-photo-list1 .photo-slide > ul > li{float: left;width: 100%;margin-right: 15px;}
.news-photo-list1 .photo-slide > ul > li > a{display: block;}
.news-photo-list1 .photo-slide .title{margin-top: 15px;color: #111;font-size: 18px;line-height: 22px;max-height: 44px;overflow: hidden;-webkit-line-clamp: 2;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient:vertical; font-weight:600; letter-spacing:-0.5px;}
.news-photo-list1 .photo-slide .title:hover{color: #45c3d0;}
.news-photo-list1 .photo-slide .photo{position: relative;padding-top: 58%;}
.news-photo-list1 .photo-slide .photo > img{object-fit: cover;position: absolute;z-index: 9;bottom: -9999px;left: -9999px;right: -9999px;top: -9999px;width: 100%;height: 100%;margin: auto;vertical-align: middle;}
.news-title1{color: #222;font-size: 25px;font-weight: 700;line-height: 1;margin-bottom: 20px;}
.news-more1{position: absolute;top: 23px;right: 20px;z-index: 1;}

.news-icon-list1{padding: 30px 20px;position: relative;}
.news-icon-list1 > ul{}
.news-icon-list1 > ul > li{padding: 10px 0;border-bottom: 1px solid #e7e7e7;}
.news-icon-list1 > ul > li:first-child{padding-top: 0;}
.news-icon-list1 > ul > li > a{display: block;overflow: hidden;}
.news-icon-list1 > ul > li > a > *{float: left;}
.news-icon-list1 > ul > li > a > .icon{position: relative;width: 121px;height: 68px;}
.news-icon-list1 > ul > li > a > .icon > img{object-fit: cover;position: absolute;z-index: 9;bottom: -9999px;left: -9999px;right: -9999px;top: -9999px;width: 100%;height: 100%;margin: auto;vertical-align: middle;}
.news-icon-list1 > ul > li > a > p{margin: 10px 10px 10px 20px;width: calc(100% - 151px);color: #111;font-size: 16px;line-height: 23px;max-height: 46px;overflow: hidden;-webkit-line-clamp: 2;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient:vertical; font-weight:600;}
.news-icon-list1 > ul > li > a > p:hover{color: #45c3d0;}
.news-icon-list1 > ul > li > a > p.num{position: relative;padding-left: 30px;margin-left: 10px;width: calc(100% - 141px);}
.news-icon-list1 > ul > li > a > p.num > strong{position: absolute;top: 0;left: 0;display: inline-block;line-height: 22px;width: 26px;text-align: center;color: #45c3d0;font-weight: 700;letter-spacing: -1px;font-style: italic;font-size:21px;}

.news-photo-list2{}
.news-photo-list2 > li{padding: 30px 20px; position:relative;}
.news-photo-list2 > li:not(:last-child){border-bottom: 8px solid #efefef;}
.news-photo-list2 > li > a{display: block;}
.news-photo-list2 > li > a.news-list{padding-top:20px;}
.news-photo-list2 .a-btn{display: block;background: #00b2c5;width: 88px;text-align: center;border-radius: 4px;}
.news-photo-list2 .a-btn > span{display: inline-block;vertical-align: top;height: 30px;line-height: 29px;padding-top: 1px;color: #fff;font-size: 14px;}
.news-photo-list2 .a-btn.bg1 > span{padding-left: 18px;background: url('/common/images/news/news_bg1.png') no-repeat left center;}
.news-photo-list2 .a-btn.bg2 > span{padding-left: 20px;background: url('/common/images/news/news_bg2.png') no-repeat left center;}
.news-photo-list2 .title{margin: 15px 0;color: #111;font-size: 16px;font-weight: 600;line-height: 24px;max-height: 48px;overflow: hidden;-webkit-line-clamp: 2;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient:vertical;}
.news-photo-list2 .title:hover{color: #45c3d0;}
.news-photo-list2 .photo{}
.news-photo-list2 .photo > img{object-fit: cover;width: 100%;height:56.25vw;}
.news-photo-list2 .date {padding-bottom:10px; color:#8e8e8e;}

.news-photo-list3{padding: 30px 20px; position:relative;}
.news-photo-list3 > ul > li:not(:first-child){margin-top: 25px;}
.news-photo-list3 > ul > li > a{display: block;}
.news-photo-list3 > ul .title{margin-top: 15px;color: #111;font-size: 16px;line-height: 24px;max-height: 48px;overflow: hidden;-webkit-line-clamp: 2;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient:vertical; font-weight:600;}
.news-photo-list3 > ul .title:hover{color: #45c3d0;}
.news-photo-list3 > ul .photo > img{object-fit: cover;width: 100%;}
.news-photo-list3 .photo {position:relative;}
.news-photo-list3 .photo .icon-play {position:absolute; bottom:15px; right:15px;}






/* ------------------------------------------------------------------------------------------------sub.css */


.sub-wrap1{padding: 40px 20px;}
.sub-wrap2{padding: 30px 20px;}
.sub1-title1{margin-bottom: 20px;color: #222;font-size: 30px;font-weight: 700;line-height: 1;}
.date-open{position: relative;display: inline-block;vertical-align: top;}
.date-open > a{display: block;}
.date-open > input{ position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;cursor: pointer;}
.sub1-img-title1{position: relative;margin-bottom: 24px;}
/* .sub1-img-title1 > img{width: 100%;} */
.sub1-img-title1 > img{width: 100%;height: 56.25vw;object-fit: cover;}
/* .sub1-img-title1 > .title{position: absolute;left: 0;bottom: 0;margin: 20px;color: #fff;font-size: 22px;font-weight: 700;line-height: 24px;max-height: 48px;overflow: hidden;-webkit-line-clamp: 2;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient:vertical;} */
.sub1-img-title1 > .title{font-weight: 700;overflow: hidden;-webkit-line-clamp: 2;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient:vertical; color:#222; letter-spacing:-0.5px; font-size:21px; margin:15px}
.sub1-photo-list1{}
.sub1-photo-list1 > li:not(:first-child){margin-top: 14px;}
.sub1-photo-list1 > li > a{display: block;overflow: hidden;}
.sub1-photo-list1 > li > a > *{float: left;}
.sub1-photo-list1 .photo{width: 180px;}
/* .sub1-photo-list1 .photo > img{width: 100%;height: 102px;} */
.sub1-photo-list1 .photo > img{width: 100%;height: 102px;object-fit: cover;}
/* .sub1-photo-list1 .photo{width: 180px;height: 102px;background-repeat: no-repeat;background-position: center center;background-size: cover;} */
.sub1-photo-list1 .text{width: calc(100% - 180px);padding: 10px 0 0 20px;}
.sub1-photo-list1 .text > .title{margin-bottom: 14px;color: #000;font-size: 16px;line-height: 24px;height: 48px;overflow: hidden;-webkit-line-clamp: 2;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient:vertical; font-weight:600; letter-spacing:-0.5px;}
.sub1-photo-list1 .text > .date{color: #9c9c9c;font-size: 14px;line-height: 16px;}
.sub1-omit1{margin: 30px 0 25px;color: #7d7d7d;font-size: 18px;line-height: 1.1;text-align: center;}
.sub1-omit2{margin-top: 50px;color: #7d7d7d;font-size: 18px;line-height: 1.1;text-align: center;}
.sub1-more1{display: block;color: #181818;font-size: 20px;font-weight: 700;text-align: center;border: 1px solid #2b2b2b;border-radius: 25px;}
.sub1-more1 > span{display: inline-block;vertical-align: top;line-height: 56px;padding-right: 24px;background: url('/common/images/news/sub1_bg1.gif') no-repeat right center;}
.sub1-title2{color: #111;font-size: 20px;font-weight: 700;line-height: 1.2;margin-bottom: 18px;}
.sub1-photo-list2{}
.sub1-photo-list2 > li:not(:first-child){margin-top: 10px;}
.sub1-photo-list2 > li > a{display: table;width: 100%;}
.sub1-photo-list2 > li > a > *{display: table-cell;vertical-align: middle;}
.sub1-photo-list2 > li .text{padding-left: 20px;color: #111;font-size: 16px; font-weight:500;}
.sub1-photo-list2 > li .text > p{line-height: 22px;max-height: 44px;overflow: hidden;-webkit-line-clamp: 2;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient:vertical; letter-spacing:-0.5px;}
.sub1-photo-list2 > li .photo{width: 185px;}
.sub1-photo-list2 > li .photo > img{width: 100%;height: 104px;}
.sub1-title-list1{margin: 5px 0 10px -5px;}
.sub1-title-list1 > li{overflow: hidden;}
.sub1-title-list1 > li:not(:first-child){margin-top: 15px;}
.sub1-title-list1 > li > a{float: left;position: relative;padding-left: 30px;max-width: 100%;color: #494949;font-size: 16px;line-height: 20px;max-height: 20px;overflow: hidden;-webkit-line-clamp: 1;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient:vertical;}
.sub1-title-list1 > li > a:hover{color: #01bace;}
.sub1-title-list1 > li > a > strong{position: absolute;top: 0;left: 0;display: inline-block;min-width: 26px;text-align: center;color: #45c3d0;font-size: 18px;line-height: 20px;font-weight: 700;letter-spacing: -1px;font-style: italic;}
.sub1-title-list1.two-line > li > a{max-height: 40px;-webkit-line-clamp: 2;}

.sub2-title1{margin-bottom: 22px;color: #222;font-size: 25px;font-weight: 700;line-height: 1.2;}
/* .sub2-title1 .p-tag1{margin-bottom: 12px;color: #fff;font-size: 17px;font-weight: 400;width: 65px;height: 28px;line-height: 28px;text-align: center;background: #00b2c5;border-radius: 5px;} */
.sub2-title1 .p-tag1{margin-bottom: 12px;color: #fff;font-size: 17px;font-weight: 400;width: max-content;padding: 7px;text-align: center;background: #00b2c5;border-radius: 5px;}
.sub2-title1 > dl{margin-top: 18px;}
.sub2-title1 > dl > dt{float: left;overflow: hidden;padding: 3px 0; width:80%;}
.sub2-title1 > dl > dt > p{float: left;margin: 4px 24px 4px 0;padding: 3px 0 0 22px;color: #6d6d6d;font-size: 14px;font-weight: 400;line-height: 15px;min-height: 18px;position: relative;}
.sub2-title1 > dl > dt > p::before{position: absolute;top: 0;right: -13px;width: 2px;height: 18px;background: url('/common/images/news/sub2_bg4.gif') no-repeat left center;content:"";}
.sub2-title1 > dl > dt > p:last-child{margin-right: 0;}
.sub2-title1 > dl > dt > p:last-child::before{display: none;}
.sub2-title1 > dl > dt > p.bg1{background: url('/common/images/news/sub2_bg1.gif') no-repeat left center;}
.sub2-title1 > dl > dt > p.bg2{padding-top: 2px;background: url('/common/images/news/sub2_bg2.gif') no-repeat left center;}
.sub2-title1 > dl > dt > p.bg3{background: url('/common/images/news/sub2_bg3.gif') no-repeat left center;}
.sub2-title1 > dl > dd{float: right;}
.sub2-img1{}
.sub2-img1 > img{width: 100%;}
.sub2-title2{color: #222;font-size: 20px;line-height: 1.1;font-weight: 500;margin: 40px 0 20px;}
.sub2-text1{}
.sub2-text1 > li{color: #111;font-size: 18px;line-height: 1.6;font-weight: 300;}
.sub2-text1 > li:not(:first-child){margin-top: 20px;}
.sub2-text1 .gray{color: #888;}
.sub2-text1 .blue-line{color: #00216b;text-decoration: underline;}
.sub2-btn-box1{text-align: center;margin-top: 55px;}
.sub2-btn-box1 > a{display: inline-block;margin: 0 4px;}

.cldar-box1{position: relative;height: 44px;padding: 0 50px;margin: 32px 0 20px;}
.cldar-box1 > a{position: absolute;top: 0;}
.cldar-box1 > a.lf-bn{left: 0;}
.cldar-box1 > a.rt-bn{right: 0;}
.cldar-box1 > span{display: block;text-align: center;}
.cldar-box1 > span > input{width: 100%;max-width: 210px;height: 44px;border: 0;color: #222;font-size: 30px;font-weight: 700;line-height: 44px;text-align: center;outline: none;}

.sub3-graybox1{margin-top: 20px;padding: 20px;background: #f9f9f9;border: 1px solid #e5e5e5;border-radius: 12px;}
.sub3-graybox1 ul{margin: 0 0 0 -5px;}
.sub3-graybox1 ul > li:not(:first-child){margin-top: 20px;}
.sub3-graybox1 ul > li > a{color: #050505;font-size: 16px;}
.sub3-tab1{margin: 26px 0 20px;}
.sub3-tab1 > li{display: table;width: 100%;height: 70px;margin-top: -1px;border: 1px solid #d4d4d4;}
.sub3-tab1 > li > a{display: table-cell;vertical-align: middle;color: #9c9c9c;font-size: 20px;font-weight: 700;padding: 15px 50px 15px 25px;background: url('/common/images/news/sub2_bg5.png') no-repeat right 25px center;}
.sub3-tab1 > li > a > span{display: inline-block;vertical-align: top;margin: 3px 20px 3px 0;}
.sub3-tab1 > li > a > span:last-child{margin-right: 0;}
.sub3-tab1 > li.on{background: #0ca3c1;border: 1px solid #0ca3c1;}
.sub3-tab1 > li.on > a{color: #fff;background: url('/common/images/news/sub2_bg5on.png') no-repeat right 25px center;}

a.all-bn{display: inline-block;text-align: center;width: 110px;height: 38px;line-height: 35px;border-radius: 38px;background: #424242;font-size: 15px;color: #fff;font-weight: 700;}
a.all-bn span{display: inline-block;padding-left: 20px;background: url('/common/images/news/nall.png') no-repeat left center;}
.qna-line{margin-top: 10px;}
.qna-line > li{margin-bottom: 10px;padding: 0 20px;border: 1px solid #e5e5e5;border-radius: 15px;}
.qna-line > li:last-child{margin-bottom: 0;}
.qna-line > li > p{display: block;padding: 20px 0;line-height: 22px;color: #000;font-size: 18px;font-weight: 500;}
.qna-line > li > p.on{color: #00bace;}
.qna-line > li > div{display: none;border-top: 3px solid #00bace;padding: 20px 0;}
.qna-line > li > div > p{font-size: 18px;color: #001111;line-height: 1.4;margin-bottom: 10px;}
.qna-line > li > div > p:last-child{margin-bottom: 0;}

#center.gray{background: #fafafa;}
.sub-top{display: table;width: 100%;height: 333px;background: url('/common/images/news/sub2_bg6.jpg') no-repeat center top;background-size: cover;}
.sub-top > dl{display: table-cell;vertical-align: middle;text-align: center;padding: 40px 30px 100px;}
.sub-top > dl > dt{margin-bottom: 15px;line-height: 1.2;color: #fff;font-size: 34px;font-weight: 700;word-break: keep-all;}
.sub-top > dl > dt > br{display: none;}
.sub-top > dl > dd{line-height: 1.6;color: #fff;font-size: 18px;font-weight: 300;word-break: keep-all;}
.sub4-cont{padding: 0 20px 26px;}
.sub4-table1{margin-top: -70px;padding: 0 20px 20px;background: #fff;border: 1px solid #ececec;}
.sub4-table1 > li{position: relative;padding: 12px 0;border-bottom: 1px solid #e3e3e3;font-size: 17px;}
.sub4-table1 > li.p-title1{padding-left: 80px;}
.sub4-table1 > li.p-title1 > p{position: absolute;top: 12px;left: 0;z-index: 3;padding: 0 10px;line-height: 45px;color: #989898;font-weight: 700;transition-duration: .3s;}
.sub4-table1 > li.p-title1 > p > strong{display: inline-block;color: #fe4f4f;font-size: 20px;}
.sub4-table1 > li:last-child{padding: 20px 0;}
.sub4-table1 > li:last-child > *{margin: 2px 0;}
.sub4-table1 select, textarea, input[type="text"], input[type="password"]{color: #989898;font-size: 17px;}
.sub4-table1 .wid33-child{margin: -8px 0 0 -8px;}
.sub4-table1 .wid33-child > *{float: left;width: calc(33.33% - 8px);margin: 8px 0 0 8px;}
.sub4-table1 .wid33-child.mail > span{text-align: center;color: #111;width: 18px;height: 45px;line-height: 45px;}
.sub4-table1 .wid33-child.mail > select{width: calc(33.33% - 34px);}

.p-tips1{margin-top: 10px;color: #8f8f8f;font-size: 16px;font-weight: 300;line-height: 20px;padding-left: 22px;background: url('/common/images/news/sub2_bg7.gif') no-repeat left 2px;}
.sub4-abtn1{display: block;text-align: center;border: 1px solid #2b2b2b;border-radius: 100px;}
.sub4-abtn1 > span{display: inline-block;vertical-align: top;line-height: 56px;color: #181818;font-size: 20px;font-weight: 700;padding-right: 26px;background: url('/common/images/news/sub2_bg8.gif') no-repeat right center;}
.sub4-abtn2{display:block; width:100%; text-align:center; color: #444;font-size: 14px;line-height: 27px;padding: 0 12px;border: 1px solid #d3d3d3;border-radius: 4px;}
.sub4-abtn3{display: block;margin: 20px auto 0;width: calc(100% - 40px);background: #00bace;color: #fff !important;font-size: 24px;font-weight: 500;height: 60px;line-height: 60px;text-align: center;border-radius: 100px;}
.sub4-data + .sub4-data{margin-top: 10px;}
.sub4-data{margin-top: 15px;padding-right: 45px;position: relative;height: 45px;border: 1px solid #e5e5e5;border-radius: 10px;}
.sub4-data > input{color: #111;height: 43px;border: 0;outline: none;}
.sub4-data > .close{position: absolute;top: 50%;right: 15px;width: 14px;height: 13px;margin-top: -6.5px;}
.sub4-choice1{position: relative;display: inline-block;vertical-align: top;}
.sub4-choice1 > input{position: absolute;top: 0;left: 0;opacity: 0;width: 0;height: 0;}
.sub4-choice1 > label{display: table-cell;vertical-align: middle;color: #111;font-size: 17px;height: 29px;padding-left: 40px;}
.sub4-choice1 > label > strong{display: inline-block;color: #fe4f4f;font-size: 20px;line-height: 20px;}
.sub4-choice1 > input[type='checkbox'] + label{background: url('/common/images/news/bg_check.png') no-repeat left top;}
.sub4-choice1 > input[type='checkbox']:checked + label{background: url('/common/images/news/bg_check_on.png') no-repeat left top;}
.sub-popup{display: none;position: fixed;top: 0;left: 0; z-index: 9;width: 100%;height: 100%;background: rgba(0,0,0,0.5);}
.sub-popup .popup-box{position: absolute;top: 50%;left: 50%;z-index: 10;width: calc(100% - 40px);max-width: 800px;padding: 35px 0;background: #fff;border-radius: 10px;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);}
.sub-popup .popup-close{position: absolute;top: -10px;right: -10px;}
.sub-popup .popup-title1{padding: 0 50px 25px 30px;color: #111;font-size: 20px;font-weight: 700;line-height: 1.2;}
.sub-popup .popup-cont{padding: 0 30px;max-height: calc(100vh - 250px);overflow-y: auto;}
.sub-popup .popup-cont > dl + dl{margin-top: 30px;}
.sub-popup .popup-cont > dl > dt{margin-bottom: 4px;color: #111;font-size: 16px;font-weight: 500;}
.sub-popup .popup-cont > dl > dd{color: #111;font-size: 16px;font-weight: 300;}
.sub4-data > label.search-file{top:0; overflow:auto; position:absolute; left:-3px; display:inline-block; margin-left:3px; width:116px; height:45px; line-height:45px; text-align:center; border-radius:8px; padding-left:20px;font-size:17px; color:#fff; background:#8e95a2 url('/common/images/news/fp2.png') no-repeat 15px center; cursor:pointer;}
.sub4-data > input[type='text']{background-color: #f7f7f7;}






.give-good{display: inline-block;min-width: 62px;height: 32px;padding: 0 10px;text-align: center;border: 1px solid #d0d0d0;border-radius: 100px;}
.give-good > span{display: inline-block;vertical-align: top;color: #181818;font-size: 15px;font-weight: 400;line-height: 30px;padding-left: 20px;background: url('/common/images/news/sub2_bg5.gif') no-repeat left center;}
.give-good.big{vertical-align:top; min-width: 112px;height: 58px;padding: 0 20px;}
.give-good.big > span{font-size: 18px;font-weight: 700;line-height: 56px;padding-left: 30px;background: url('/common/images/news/sub2_bg6.gif') no-repeat left center;}


/* ------------------------------------------------------------------------------------------------respon.css */

@media screen and (max-width: 1024px) {
	
}

@media screen and (max-width: 768px) {
	
}

@media screen and (max-width: 550px) {
	.width-auto{width: calc(100% - 20px);}
	#footer > div{padding: 20px 10px;}
	.go-top{right: 10px;}
	
	
	
	.notice1-text > dt{width: 80px;height: 46px;line-height: 46px;font-size: 17px;}
	.notice1-text > dd{width: calc(100% - 80px);padding-left: 14px;}
	.notice1-text > dd > h5{font-size: 17px;}
	.notice1-text > dd > p{font-size: 15px;}
	.main-abtn1{margin: 0 10px;}
	.main-title1{margin: 20px 10px 10px;}
	.main-slide1{margin-left: 10px;width: calc(100% - 10px);}
	.main-choice1{padding: 12px 10px;}
	.main-choice1 > a.cloes{right: 10px;}
	.news-slide1{padding: 20px 10px 22px;}
	.news-slide1-show .title{font-size: 20px;}
	.news-photo-list1{padding: 25px 10px;}
	.news-photo-list1 .photo-slide .title{margin-top: 12px;font-size: 17px;}
	.news-title1{font-size: 24px;margin-bottom: 15px;}
	.news-more1{width: 34px;top: 20px;right: 10px;}
	.news-icon-list1{padding: 25px 10px;}
	.news-icon-list1 > ul > li > a > p{font-size: 16px;}
	.news-photo-list2 > li{padding: 25px 10px;}
	.news-photo-list2 .title{margin: 10px 0;font-size: 18px;}
	.news-photo-list3{padding: 25px 10px;}
	.news-photo-list3 > ul > li:not(:first-child){margin-top: 22px;}
	.news-photo-list3 > ul .title{margin-top: 12px;font-size: 18px;}
	.news-photo-list3 > ul .title.Tc{margin: 14px 0 4px;}
	/*SUB*/
	.sub-wrap1{padding: 35px 10px;}
	.sub-wrap2{padding: 25px 10px;}
	.sub1-img-title1 > .title{margin: 15px;font-size: 20px;}
	.sub1-photo-list1 .text{padding-left: 15px;}
	.sub1-photo-list1 .text > .title{font-size: 16px;line-height: 22px;height: 44px;}
	.sub1-photo-list2 > li .text{padding-left: 15px;font-size: 17px;}
	.sub2-title1{font-size: 22px;}
	.sub2-title2{font-size: 18px;}
	.sub2-text1 > li{font-size: 16px;}
	.cldar-box1{margin: 25px 0 15px;}
	.sub3-graybox1{margin-top: 15px;padding: 15px;}
	.sub3-graybox1 ul > li:not(:first-child){margin-top: 15px;}
	.qna-line > li{padding: 0 15px;}
	.qna-line > li > p{padding: 15px 0;line-height: 20px;font-size: 16px;}
	.qna-line > li > div{padding: 15px 0;}
	.qna-line > li > div > p{font-size: 16px;margin-bottom: 8px;}
	.sub3-tab1 > li > a{font-size: 18px;padding: 15px 40px 15px 16px;background-position: right 16px center !important;}
	.sub3-tab1 > li > a > span{margin-right: 14px;}
	.sub-top > dl{padding: 30px 15px 90px;}
	.sub-top > dl > dt{font-size: 30px;}
	.sub-top > dl > dt > br{display: block;}
	.sub-top > dl > dd{font-size: 15px;}
	.sub4-cont{padding: 0 10px 26px;}
	.sub4-table1{padding: 0 10px 20px;}
	.sub4-abtn3{width: calc(100% - 20px);}
	.sub-popup .popup-box{width: calc(100% - 30px);padding: 25px 0;}
	.sub-popup .popup-title1{padding-left: 15px;}
	.sub-popup .popup-cont{padding: 0 15px;}
	.sub1-omit2{margin-top: 35px;font-size: 20px;}

}

@media screen and (max-width: 425px) {
	#wrap{min-width: 280px;}
	.header-menu > li > a{font-size: 15px;}
	#All-menu .menu-01 > li{padding: 25px 14px;}
	#All-menu .menu-01 > li > a{font-size: 20px;}
	#All-menu .menu-02 > li > a{font-size: 15px;}
	#All-menu .menu-03 > li > a{font-size: 14px;}
	#gnb > ul > li{font-size: 14px;}
	.depth2 > ul{max-width: 300px;}
	.depth2 > ul > li{font-size: 12px;}
	
	#footer > div{padding: 15px 10px;}
	.footer-app > li{width: 39px;}
	.go-top{top: 15px;width: 39px;}
	
	
	/*SUB*/
	.sub1-img-title1 > .title{margin: 12px;font-size: 18px;}
	.sub1-photo-list1 > li:not(:first-child){margin-top: 18px;}
	.sub1-photo-list1 > li > a > *{float: none;}
	.sub1-photo-list1 .photo{width: 100%;}
	.sub1-photo-list1 .photo > img{height: 56.25vw;}
	.sub1-photo-list1 .text{width: 100%;padding: 15px 0 0;}
	.sub1-photo-list1 .text > .title{height: auto;max-height: 44px;}
	.sub1-photo-list2 > li .photo{width: 135px;}
	.sub1-photo-list2 > li .photo > img{height: 80px;}
	.sub1-photo-list2 > li .text{font-size: 16px;}
	.cldar-box1 > span > input{font-size: 26px;}
	.sub-top > dl > dt{font-size: 22px;}
	.sub-top > dl > dd{font-size: 14px;}
	.sub4-table1 .wid33-child > input{width: calc(50% - 8px);}
	.sub4-table1 .wid33-child > select,
	.sub4-table1 .wid33-child.mail > select{width: calc(100% - 8px);}
	.sub4-table1 .wid33-child.mail > input{width: calc(50% - 21px);}
	.sub2-title1 > dl > dt {width:70%;}
}

@media screen and (max-width: 375px) {
	.notice1-text > dt{width: 70px;height: 40px;line-height: 40px;font-size: 15px;}
	.notice1-text > dd{width: calc(100% - 70px);}
	.notice1-text > dd > h5{font-size: 15px;}
	.notice1-text > dd > p{font-size: 13px;}
	.main-notice1{padding: 20px 0;}
	/* .main-notice1 .swiper-button-next{top: 29px;margin-top: 0;}
	.main-notice1 .swiper-button-prev{top: 29px;margin-top: 0;} */
	.news-slide1-show .title{font-size: 18px;}
	.sub2-title1{font-size: 20px;}
}



/* 뉴스 퍼블 변경 E */
