@charset "utf-8";

.headerNotice{
    background-color:#000;
    font-size:.85em;
}
.headerNotice ul {
    height: 3.2em;
    overflow: hidden;
}
.headerNotice ul li {position:relative;
    padding:.7em 0;
}
.headerNotice ul li span.H_notice{background-color:#000; font-size:1em; color:#999; border:2px solid #949494; -webkit-border-radius: 50px;
    -moz-border-radius: 50px; border-radius: 50px; padding:2px 10px; margin-left:10px;
    position:absolute;
}
.headerNotice ul li a {
    padding-left: 5em;
    color: #cccccc;
    font-size: 1.2em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1.6em;
    padding-right: 4em;
    display: block;
    position:relative;
}
.headerNotice ul li a strong{color:#fff;}
.headerNotice ul li a .newIcon{position:absolute; top:.5em; margin-top:-10px;right:.6em; color:#e60013; font-size:1.2em; text-align:right;}

.H_top {padding:1.4rem 0; position:relative; border-bottom: 1px solid var(--bline-color-400);}
.H_top:after{content:''; display:block; clear:both;}
.H_top > div{}
.H_top > div img{width:40%;}
.H_top > div.menuBtn {position:absolute; top:0.5rem; left:0;}
.H_top > div.menuBtn a {display: block; width: 50px; height: 45px; margin-right: 40px; background-image: url(../images/common/bl_ico_2022.png); background-repeat: no-repeat;  background-size: 250px auto; background-position: 15px 14px}
.H_top > div.logo {text-align:center;}
.H_top > div.logo a {
    color: #333;
    font-weight: bold;
    text-align: center;
    background-image: url('../images/common/logo_lowcap.png');
    background-size: 125px auto;
    background-repeat: no-repeat;
    background-position: center;
    text-indent: -5000px;
    display: inline-block;
    height: 30px;
    width: 100%;
}
.H_top > div.schBtn {position:absolute; top:0.5rem; right:1rem}
.H_top > div.schBtn a {color: transparent; display: block; width: 45px; height: 45px; background: url(../images/common/bl_ico_2022.png) no-repeat; background-size: 270px auto; background-position: -36px -382px; border: 0; cursor: pointer;}

.H_top > div.menuBtn a em, .H_top > div.schBtn a em {display: none;}

.H_top > div.actControl {position:absolute; top:1.3rem; right:1.2rem}
.H_top > div.actControl:after {clear:both; display:block; content:'';}
.H_top > div.actControl li {float: left; margin-left: 0.5rem;}
.H_top > div.actControl li a em {display: inline-block; text-indent: -9999px;}
.H_top > div.actControl ul.popIt {position: absolute; right: -1.5rem; bottom: 0;}
.H_top > div.actControl ul.popIt {width: 212px; height: 100px; top: 45px; z-index: 9999; background-color: #fff; border: 1px solid var(--bline-color-400); padding: 10px 15px;}
.H_top > div.actControl ul.popIt h5 {color: var(--font-color-gray-100); font-weight: 300; font-size: 13px; margin-bottom: 15px;}
.H_top > div.actControl ul.popIt a.ico2-close {position: absolute; right: 10px; top: 8px;}
.H_top > div.actControl ul.popIt a.ico2-close {width: 30px; height: 30px; background-size: 250px auto; background-position: -77px -311px;}


.gnb {padding:1rem 0; width: 100%; height: 45px; background-color: #fff; white-space: nowrap; border-bottom: 1px solid var(--bline-color-400); overflow-x: scroll; overflow-y: hidden; }
.gnb::-webkit-scrollbar { display: none; }
.gnb:after{content:''; display:block; clear:both;}
.gnb > ul > li {text-align:center; display: inline-block;}
.gnb > ul > li.on > a {color: var(--bs-point-color);}
.gnb > ul > li > a {font-size:1.5rem; font-weight: var(--font-weight-medium); padding: 1rem 1.5rem;}
.gnb > ul > li > a > span{display:inline-block; text-align:center; font-weight:bold; width:20px; height:20px; line-height:20px; background-color:#000; color:#fff; font-size:15px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; }

footer {background-color:#fff; width:100%;}
.footerBox {margin: 2rem 0; }
.footerBox.footerMgB {margin-bottom: 9rem; }
.footerBox .footerList {border: 1px solid var(--bline-color-400); border-left: 0; border-right: 0; padding: 0 1.5rem; box-sizing: border-box;}
.footerBox .footerList > ul { display:flex; text-align:center; }
.footerBox .footerList > ul > li{ flex-grow: 1; width: 33.3333%; }
.footerBox .footerList > ul > li > a {display:block; height:100%; font-size:13px; font-weight: var(--font-weight-light); padding: 1rem 0; }
.footerBox address {text-align:left; font-size:12px; color:var(--font-color-gray-100); padding: 1.5rem 1.5rem 0; line-height: 1.8rem;}

.footer-nav { line-height: 1.5; padding: 20px 15px 0; border-top: 1px solid #ccc; font-size: 14px; background-color: #fff; word-break: keep-all; white-space: nowrap; }
.footer-nav-button { display: block; width: 100%; line-height: 40px; margin-top: 10px; border: 0; font-size: 14px; font-weight: 500; border: 1px solid #EDEDED; background-color: transparent; }
.footer-bgbox { padding: 10px; height: 100%; background-color: #f9f9f9; box-sizing: border-box;}
.footer-nav strong{ display: block; }
.footer-nav > ul{ display: flex; flex-wrap: wrap; margin: -3px 0 0 -3px; }
.footer-nav > ul > li { flex-grow: 1; width: 50%; padding: 3px 0 0 3px; box-sizing: border-box; overflow: hidden;}
.footer-nav-depth2 { display: flex; flex-wrap: wrap; font-size: 13px; height: 0; overflow: hidden;}
.footer-nav-depth2.active { margin-top: 5px; height: auto; }
.footer-nav-depth2 li { flex-grow: 1; flex-basis: 50%;}


/*메인페이지*/
.mainCont{}
.b_line{padding-bottom: 3%; background-color: #ececec;}
.subCont {padding: 0 1.5rem;}

/* .mainList01 { margin-top: 1.5rem;} */
.mainList01 > ul > li {border-bottom:1px solid var(--bline-color-100) ; padding: 1.5rem 0;}
.section-wrap-cateBox .mainList01 > ul > li {border: 0; padding: 1rem 0;}
.section-wrap-cateBox .listType01 > ul > li .img a, .listType02 > ul > li .img a {width: 80px;}
.section-wrap-cateBox .listType01 > ul > li .img .photo_tmb {padding-bottom: 100%;}

.mainMd_banner:after{content:''; display:block; clear:both;}
.mainMd_banner a img {width: 100%}
.mainMd_banner > ul > li{float:left; width:50%;}
.mainMd_banner > ul > li > a > img{width:100%; border:1px solid #e7e7e7;}

.redback_Box{width:100%; padding:4%; background:url('../images/common/red_backImg.png') 0 0 no-repeat;     background-size: cover;}
.redback_Box .rb_in{background-color:#fff;}
.redback_Box .rb_in dl{padding:2%;}
.redback_Box .rb_in dt{border-bottom:1px solid #d8d8d8; margin-bottom:3%; padding-bottom:3%;}
.redback_Box .rb_in dt:after{content:''; display:block; clear:both;}
.redback_Box .rb_in dt div.text{float:left; width:55%;
    margin-top: .5em;
    padding-left: .5em;
}
.redback_Box .rb_in dt div.text .rb_text01 a{font-size:13px; color:#666;
    font-size:1.05em;
}
.redback_Box .rb_in dt div.text .rb_text02 a{font-size:16px; }
.redback_Box .rb_in dt div.text .rb_text02 a span{color:#e60013;}
.redback_Box .rb_in dt div.text .rb_title{margin-top:2%;}
.redback_Box .rb_in dt div.text .rb_title a{font-size:17px; font-weight:bold;  letter-spacing:-1px;}
.redback_Box .rb_in dt div.img{float:right; width:40%;}
.redback_Box .rb_in dt div.img img{width:100%;}

.redback_Box .rb_in dd{text-align:center;}
.redback_Box .rb_in dd .rb_subTitle{margin-bottom:2%;}
.redback_Box .rb_in dd .rb_subTitle a {
    font-size:15px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align:left;
}
.redback_Box .rb_in dd .rb_subText a{font-size:13px; }

.markating_img{width:100%;}
.markating_img a img{width:100%;}

/*박스 2개_아래텍스트*/

.bestWrap{width:100%; }
.bestWrap .best_in {display: flex; flex-direction: row;}
.bestWrap .best_in:after{content:''; display:block; clear:both;}
.bestWrap .best_in > div {width: calc(100%/2 - 1rem); display: inline-block; margin-right: 2rem;}
.bestWrap .best_in > div:nth-child(2n) {margin: 0;}
.bestWrap .best_in > div:first-child{}
.bestWrap .best_in > div.bestBox .img {
    position: relative;
    height: 0;
    padding-bottom: 65%;
    background-size: cover;
    background-position: center 0;
    /* border:1px solid #f1f1f1;*/
}
.bestWrap .best_in > div.bestBox .img .best_1
{position:absolute; top:0; left:0; background:url('../images/common/red_bg.png') 0 0 repeat; text-align:center; font-size:14px; color:#fff; padding:5px 10px;}

.bestWrap .best_in > div.bestBox .img .photoNum {
    position:absolute; bottom:10px; left:10px; background:url('../images/common/boxBg_news.png') 0 0 repeat;
    line-height: 22px; width:24px; height:20px;
    background-size:cover; text-align:left; font-size:14px; color:#000; padding:0px 7px;}


.bestWrap .best_in > div.bestBox .img a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.bestWrap .best_in > div.bestBox .img a img{display: block; width:100%; height: 100%; object-fit: cover; object-position: center;}
.bestWrap .best_in > div.bestBox .text {min-height: 5rem; margin-top: 1rem;}
.bestWrap .best_in > div.bestBox .text a {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-weight: var(--font-weight-bold);
    font-size: 1.6rem;
    line-height: 2.2rem;
}
.bestType2{background-color:#ececec;}
.bestType2 .best_in > div.bestBox .text {
    background-color:#fff;
    min-height:1em;
    font-size: 1.6rem;
    line-height: 2.2rem;
    font-weight: var(--font-weight-bold);
}
.bestType2 .best_in > div.bestBox .text strong { display:block; }
.bestType2 .best_in > div.bestBox .img img{width:100%;}

.bestWrap .best_in > div.bestBox .label_text {
    display: block;
    margin-bottom: 0.5rem;
}
/**
 * single box
 */
.singleBox.gallType02 {
    background-color:#ececec;
    padding: 4%;
}
.singleBox .bestWrap .best_in > div.bestBox div.text {
    border:none;
    padding:3% 0 1%;
    font-size:1.35em;
    font-weight:bold;
}
.singleBox .bestWrap div.text a {
    font-size: 1.2em;
}
.singleBox .bestWrap {
    background-color:white;
    padding:.8em;
}
.singleBox .bestWrap .best_in > div {
    width:100%;
    float:none;
    margin:auto;
}
.singleBox .bestWrap .bestBox {
    margin-left:auto;
}
.singleBox .bestWrap .best_in img {
    width:100%;
}
.singleBox .bestWrap .best_in > div.bestBox .img {
    height:auto;
    padding-bottom:0;
}

/*label add 180410*/
.label_box {border-radius: 10px; font-size: 10px; padding: 0 5px; display: inline-block; line-height: 17px; margin: 1px 4px 0px 0;vertical-align: top}
.label_redl {border: 1px solid #ea000e;color: #ea000e}
.label_redb {background:#ea000e;color: #fff}
.label_bluel {border: 1px solid #2874e4;color: #2874e4}
.label_more {color: #ea000e;font-size: 13px}

/*listType01*/
.text .source {display: flex; align-items: center; flex-direction: row;  margin-top: 1rem;}
.text .source .ico2 { margin-right: 0.5rem;}
.text .source .date {font-size:1.2rem; color: var(--font-color-gray-100);line-height: 1.2rem; font-weight: var(--font-weight-light);}

.listType01 > ul.noticeLine {margin: 0; background-color:#f9f9f9; border-bottom: 1px solid #dedede }
.listType01 > ul.noticeLine > li {padding: 1em;margin-bottom: 0 }
.listType01 > ul > li, .listType02 > ul > li {display: flex; align-items: center; flex-direction: row;}
.listType01 > ul > li:last-child {margin-bottom:0;}
.listType01 > ul > li:after {content:''; display:block; clear:both;}
.listType01 > ul > li .text {float:left; width:calc(100% - 100px); margin-left:1.5rem;}
.listType01 > ul > li .text .Big_title {
    font-size:1.6rem;
    font-weight: var(--font-weight-bold);
    line-height: 2.2rem;
}
.listType01 > ul > li .text .Big_title a {
    line-height:1.35em;
    overflow: hidden;
    text-overflow: ellipsis;
    /*display: -webkit-box;*/
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
/* .listType01 > ul > li .text .Small_title{
    display:none;
} */
.listType01 > ul > li .text .Small_title a {
    font-size:12px; line-height:20px; color:#ccc;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.listType01 > ul > li .text .info_txt{
    display:block;
    color: #999;
    font-size: 0.85em;
    line-height: 24px;

}
.listType01 > ul > li .text .info_txt .name{
    color: #545454;
    margin-right: 5px;
}
.listType01 > ul > li .text .info_txt .date,
.listType01 > ul > li .text .info_txt .hit{
    margin-right: 5px;
}
.listType01 > ul > li .text .reply{
    display: inline-block;
    color: #e60012;
    vertical-align: top;
    margin-left: 5px;
}

.listType01 > ul > li .text .info_txt a {
    font-size:12px; line-height:20px; color:#ccc;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.listType01 > ul > li .img,
.listType02 > ul > li .img { float:left; overflow: hidden; width: 100px; height: 65px; background-repeat: no-repeat; background-size: cover }
.listType01 > ul > li .img a,
.listType02 > ul > li .img a {display: block; width: 100%; height: inherit; }
.listType01 > ul > li .img img { display: block; width:100%; height: inherit; object-fit: cover; object-position: top;}
.listType01 > ul > li .img.size1,
.listType02 > ul > li .img.size1 {height: 106px;}
.listType01.vertical > ul > li .img { padding-bottom:42%; }


.listType01 .all_text {width:100%; font-size: 1.5rem;}
.listType01 .all_text .text{float:none; width:100%;}
/* listType01 - BigImage */
.listType01 > ul > li.BigImage .img {
    float:none;
    width:100%;
    padding-bottom:62%;
}
.listType01 > ul > li.BigImage .text {
    width: initial;
    padding-top: .4em;
}
.listType01 > ul > li.BigImage .text .Big_title {
    font-size:1.4em;
}
/* view contents */
.listType01.viewContents > ul > li .text .Big_title {
    font-weight:bold;
}
.listType01.viewContents > ul > li .text .Small_title {
    display:block;
}

.listType01.reverse > ul > li {flex-direction: row-reverse;}
.listType01.reverse > ul > li .text {margin-right: 1.5rem; margin-left: 0;}

.listType-cartoon > ul > li .img {
    min-height: 70px;
    width: 70px;
    border: 1px solid var(--bline-color-400);
}

/*listType02*/
.listType02 > ul > li a {flex-grow: 1;}
.listType02 > ul > li .img {flex-shrink: 0; margin-left: 1.5rem;}

/*listTypeCardNews*/
.listTypeCardNews > ul {
    margin-top:0;
}
.listTypeCardNews > ul > li {
    padding-bottom:3%;
    padding-top:3%;
    border-bottom:1px solid #f1f1f1;
    font-size:1.1em;
    position:relative;
}
.listTypeCardNews > ul > li:last-child{margin-bottom:0;}
.listTypeCardNews > ul > li:after{content:''; display:block; clear:both;}
.listTypeCardNews > ul > li .text {
    width:60%; margin-left:5%;
    position:absolute;
    top:50%;
    right:0;
}
.listTypeCardNews > ul > li .text .text_inner {
    position:absolute;
    top:-50%;
    right:0;
    transform:translateY(-50%);
}
.listTypeCardNews > ul > li .text .Big_title{
    /*margin-bottom:2%;*/
    margin-right:3.2em;
    position:relative;
    font-weight:bold;
    display:-webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    white-space: normal;
    word-wrap: break-word;
    overflow: hidden;
}
.listTypeCardNews > ul > li .text:after {
    content: "";
    display: block;
    right: .5em;
    top: 50%;
    background-image: url('../images/common/cardnews_icon.png');
    position: absolute;
    width: 2em;
    height: 2em;
    background-repeat: no-repeat;
    background-size: 100%;
    margin-top: -1em;
}
.listTypeCardNews > ul > li .text .Big_title a{
    font-size: 14px;
    line-height: 20px;
    color: #333;
    min-height: 3em;
    display: inline-block;
}
.listTypeCardNews > ul > li .text .Small_title{
    margin-right:3em;
}
.listTypeCardNews > ul > li .text .Small_title {
    font-size:1em; line-height:20px;
    color:black;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow:hidden;
    display: none;
}

/*.listTypeCardNews > ul > li .img{float:left; width:35%; padding-bottom:35%;height:0;background-size:cover;background-position:center center;}*/
.listTypeCardNews > ul > li .img{float:left; width:35%; background-size:cover;background-position:center center;}
.listTypeCardNews > ul > li .img img{width:100%; border:1px solid #f1f1f1;}
.listTypeCardNews .all_text{width:100%;}
.listTypeCardNews .all_text .text{float:none; width:100%;}

.listTypeSeries.listType01 > ul > li .img {min-height: 106px; width: 106px;}
.listTypeSeries.listType01 > ul > li .text {width: calc(100% - (106px + 1.5rem));}
.listTypeSeries .img .photo_tmb {height: 106px;}

/*신문기사 모아보기 css*/
.listTypePaperView .paper_tab {width: 100%; overflow-x: scroll; white-space: nowrap; padding: 1rem 0; margin-bottom: 1rem;}
.listTypePaperView > ul > div.paper_h4 {display: block;}
.listTypePaperView > ul > div.paper_h4 > h4 {display: inline-block; color: #fff; font-size: 1.4rem; font-weight: var(--font-weight-light); background-color: var(--bs-point-color); padding: 0.3rem 0; min-width: 5rem; text-align: center;}
.listTypePaperView > ul > li .text {float: none; width: 100%}

.listTypePaperView .paper_date {position: relative; text-align: center; width: 100%; padding: 2rem 0;}
.listTypePaperView .paper_date a.btn {width: 15px; height: 25px; padding: 10px 20px; background-size:contain; display: inline-block; vertical-align: middle}
.listTypePaperView .paper_date a.btn span {font-size: 0}
.listTypePaperView .paper_date .p_date, .paper_date .p_jeho {font-size: 2rem; line-height:2.6rem; font-weight: var(--font-weight-bold); vertical-align: middle}
.listTypePaperView .paper_date a.btn.pre {background-image:url('../images/common/RV02_left.png');}
.listTypePaperView .paper_date a.btn.next {background-image:url('../images/common/RV02_right.png');}
.listTypePaperView .paper_date a.btn.pre, .listTypePaperView .paper_date a.btn.next {background-repeat: no-repeat; background-position: center}

/*gallType01*/
.gallType01{padding:3% 3% 0 3%;}
.gallType01 > ul > li{padding-bottom:3%; margin-bottom:3%; border-bottom:1px solid #f1f1f1;}
.gallType01 > ul > li:last-child{margin-bottom:0;}
.gallType01 > ul > li:after{content:''; display:block; clear:both;}
.gallType01 > ul > li .img{float:left; width:45%; margin-right:5%;}
.gallType01 > ul > li .img img{width:100%;}
.gallType01 > ul > li .text{float:right; width:50%; }
.gallType01 > ul > li .text .Big_title{position:relative; margin-bottom:2%;}
.gallType01 > ul > li .text .Big_title a{display:inline-block; width:74%;font-size:14px; line-height:20px; }
.gallType01 > ul > li .text .Big_title span{position:absolute; top:3px; right:0;}
.gallType01 > ul > li .text .Big_title span{display:inline-block; width:23%;}
.gallType01 > ul > li .text .Big_title span img{width:100%;}
.gallType01 > ul > li .text .Small_title{width:74%;}
.gallType01 > ul > li .text .Small_title a{font-size:12px; line-height:20px; color:#999;}

.gallType01 .all_text{width:100%;}
.gallType01 .all_text .text{float:none; width:100%;}

/*gallType02*/
.gallType02 {display: flex; flex-flow: row wrap; margin-top: 1.5rem;}
/* .gallType02 > ul > li{width: calc(100%/2 - 1rem); display: inline-block; margin-right: 2rem;} */
/* .gallType02 > li:nth-child(2n) {margin: 0;} */
.gallType02 > ul > li {margin: 0 0 3rem 0;}
.gallType02 > ul > li:last-child .bestWrap{border-bottom:0;}
.gallType02 > ul > li:after{content:''; display:block; clear:both;}
.gallType02 > ul > li a,
.gallType02 > ul > li .img > a {
    width:100%;
    background-size: cover;
    background-position: center;
    /*border:1px solid #f1f1f1;*/
    display:block;
}
.gallType02.vertical > ul > li .img {
    position: relative;
    height: 0;
    padding-bottom: 125% !important;
    background-size: cover;
    background-position: center 0;
}
.gallType02.vertical > ul > li .text {
    margin:0;
    padding:.3em;
    position:relative;
}
.gallType02.vertical > ul > li .text:after {
    content:"";
    display:block;
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    height:.3em;
    background:white;
}
.gallType02.lineclamp5 .text {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow:hidden;
}
.gallType02.lineclamp5 ul li .text strong {
    display:inline !important;
}
.gallType02.lineclamp2 .text {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow:hidden;
}
.gallType02.lineclamp2 ul li .text strong {
    display:inline !important;
    font-size:1.1em;
}


/*gallType03*/
ul.gallType03 {
    padding:0;
    /* margin:0 .5em; */
    display: flex;
    flex-flow: row wrap;
    line-height:1.6em;
}
.gallType03 > li {
    width: calc(100%/2 - 1rem);
    display: inline-block;
    margin: 0 2rem 3rem 0;
}
.gallType03 > li:nth-child(2n) {
    margin: 0 0 3rem 0;
}
.gallType03 > li .label_text {display: block; margin-bottom: 0.5rem;}
.gallType03 > li img {
    width:100%;
}
.gallType03 > li div.img {
    max-height:8em;
    overflow:hidden;
    position: relative;
    height: 0;
    padding-bottom: 65%;
    background-size: cover;
    background-position: center 0;
}
.gallType03 > li div.img .photo_tmb {
    padding-bottom: 65%;
}
.gallType03 > li div.text {
    /* border: 1px solid #ececec; */
    border-top: none;
    margin-top: 1.0rem;
}

ul.gallType03 > li:last-child .bestWrap{
    border-bottom:0;
}
ul.gallType03 > li:after{
    content:''; display:block; clear:both;
}
.gallType03.text-1-1 > li div.text {
    min-height:3.5rem;
}

/*gallType04*/
.gallType04 {display: flex; flex-direction: column;}
.gallType04 .element {margin: 1.5rem 0;}
.gallType04 .element .img {border: 1px solid var(--bline-color-400); display: block;}
/* .gallType04 .element .img .photo_tmb {height: 160px;} */
.gallType04 .element .desc h4, .gallType04 .element .desc h4 a {font-size: 1.6rem; line-height: 2.2rem; margin:1rem 0 0.5rem;}
/* 큰 썸네일 적용 */
.card_wrap .gallType04 .element .img .photo_tmb {padding-bottom: 55%;}
.card_wrap .gallType04 .element .desc h4, .card_wrap .gallType04 .element .desc h4 a {font-size: 2rem; line-height: 2.6rem; margin:1rem 0 0.5rem;}

/* 1-1 */
.gallType04.text-1-1 > li div.text .Big_title {
    -webkit-line-clamp:1;
}
.gallType04.text-1-1 > li div.text .Small_title {
    -webkit-line-clamp:1;
}
.gallType04.text-1-1 > li div.text {
    min-height:3.5rem;
}

/*rolling_vis css*/
.rolling_vis{position:relative;}
.rolling_vis li{position:relative;}
.rolling_vis li .rv_Text{width:94%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color:#fff; font-size:12px; padding:3%; text-align:center; position:absolute; bottom:0; left:0; background:url('../images/common/rv01_bg.png') 0 0 repeat;}
.rolling_vis .mx_1080{max-width:1080px;}
.rolling_vis img{width:100%;}

/*noticeRoll*/
.noticeRollWrap{position:relative; padding:3% 0; background-color:#fff; border-bottom:1px solid #d8d8d8;}
.noticeRoll{width:80%; margin:0 auto;}
.noticeRoll_in:after{content:''; display:block; clear:both;}
.noticeRoll_in div.img{float:left; width:30%; text-align:center;}
.noticeRoll_in div.img img{width:70%;}
.noticeRoll_in div.text{
    float:left; font-size:1.14em; line-height:20px; padding-top:2%;
}

/*롤링 화살표*/
.rv01_arrow a{position:absolute; top:35%; margin-top:15px;}
.rv01_arrow a img{width:70%;}
.rv01_arrow a.arrowLeft{left:10px;}
.rv01_arrow a.arrowRight{right:0;}
.rv02_arrow a{position:absolute; top:15%; margin-top:4%;}
.rv02_arrow a img{width:70%;}
.rv02_arrow a.arrowLeft{left:5PX;}
.rv02_arrow a.arrowRight{right:0;}

/*롤링 Dot*/
.rv01_dot{position:absolute; top:5%; right:5%;}
.rv01_dot a{display:inline-block; margin:0 2px; width:10px; height:10px; border:2px solid #fff;  -webkit-border-radius: 50px; -moz-border-radius: 50px;
border-radius: 50px; }
.rv01_dot a.on{border:2px solid #fff; background-color:#fff;}

.rv02_dot{text-align:center; background-color:#fff; padding:3% 0;}
.rv02_dot a{display:inline-block; margin:0 2px; width:10px; height:10px; background-color:#ccc;
-webkit-border-radius: 50px; -moz-border-radius: 50px;border-radius: 50px; }
.rv02_dot a.on{background-color:#e60013; width:30px;}

.rv03_dot{text-align:center; background-color:#fff; padding:3% 0;}

.rv03_dot .dot {display:inline-block;}
.rv03_dot .dot a{display:inline-block; vertical-align:middle;margin:0 2px; width:10px; height:10px; background-color:#f7f7f7; border:1px solid #ccc;
-webkit-border-radius: 50px; -moz-border-radius: 50px;border-radius: 50px; }
.rv03_dot .dot a.on{background-color:#e60013;}

.rv03_dot span.left {display:inline-block; max-width:30px;}
.rv03_dot span.right {display:inline-block; max-width:30px;}
.rv03_dot span img{width:100%; vertical-align:middle;}

/*타이틀 TYPE01*/
/* section .titleType01 {
    margin:0 -.84rem;
} */

.titleType01, .lnbTitle1 {
    position:relative; border-bottom:3px solid #000; padding: 2.2rem 0 1rem;
    font-size:2.2rem;
    font-weight:var(--font-weight-bold);
    display: flex;
    flex-direction: row;
    align-items: center;

}
.titleType01 > .sub_title {
    font-size: 1.4rem;
    color: #6e6e6e;
}
.titleType01 > .sub_title:before {
    display: inline-block;
    vertical-align: middle;
    content: '';
    width: 1px;
    height: 10px;
    background-color: #868686;
    margin: 0 8px;
}
.titleType01 a {
    display:inline-block;

}
.titleType01 a span.moreArrow{
    position: absolute;
    top: 50%;
    right: 5%;
    line-height: 20px;
    font-weight: bold;
    margin-top: -12px;
    background-image: url('../images/common/more_arrow.png');
    background-size: contain;
    background-repeat: no-repeat;
    text-indent: -5000px;
    width: 1.3em;
    background-position: center;
    margin-top: -10px;
}

.titleType01 .oneDep, .titleType01 .twoDep {color: inherit; padding: 0; margin: 0; border: 0;}
.titleType01 .oneDep {font-size: 2.0rem;}
.titleType01 .twoDep {font-size: 1.6rem;}
.titleType01 .ico2 {margin-left: 0.5rem;}

/* 커뮤니티 게시판 스타일 */
.titleDiv {position:relative; border-top:1px solid #696969; border-bottom:1px solid #dedede; padding:3% 0; padding-left:5%;
    font-size:1.4rem;
    font-weight:normal;
    }
.titleDiv .conTitle {font-size:1.4rem; font-weight:bold; }
.titleDiv .subtitle  {display: none;}

.titleWrap h2 {font-size: 2.4rem; font-weight: var(--font-weight-bold); line-height: 3.2rem; letter-spacing: -1px; padding: 2.4rem 0}
.titleWrap.line {border-bottom: 1px solid var(--bline-color-400);}

.communityList > ul.noticeLine {margin: 0; border-bottom: 1px solid #dedede }
.communityList > ul.noticeLine > li {padding: 1em 0; margin-bottom: 0; }
.communityList > ul.noticeLine > li .text .comm-title {font-weight: var(--font-weight-bold); }
.communityList > ul.noticeLine > li .text .comm-title .label_box {margin-top: 2px; }
.communityList > ul > li {display: flex; align-items: center; flex-direction: row; padding: 1.5rem 0; border-bottom: 1px solid var(--bline-color-100);}
.communityList > ul > li:last-child {margin-bottom:0;}
.communityList > ul > li:after {content:''; display:block; clear:both;}
.communityList > ul > li .text .comm-title {margin-bottom: 1.2rem; font-weight: var(--font-weight-medium);}
.communityList > ul > li .text .info_txt{
    display:block;
    color: var(--font-color-gray-100);
    font-size: 1.2rem;
    line-height: 1.8rem;
    font-weight: var(--font-weight-light);

}
.communityList > ul > li .text .info_txt .name{
    color: #000;
    margin-right: 5px;
}
.communityList > ul > li .text .info_txt .date,
.communityList > ul > li .text .info_txt .hit{
    margin-right: 5px;
}
.communityList > ul > li .text .reply{
    display: inline-block;
    color: var(--bs-point-color);
    vertical-align: top;
    margin-left: 5px;
}

.communityList > ul > li .text .info_txt a {
    font-size:12px; line-height:20px; color:#ccc;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

/*타이틀 TYPE02*/
.titleType02 {
    position:relative;
    font-size:2.4rem;
    line-height: 3.2rem;
    font-weight:var(--font-weight-bold);
    margin: 2rem 0;
}
.titleType02 > span {
    border-left: 2px solid #a2a2a2;
    padding-left: .7em;
    font-size: .7em;
    color: #797979;
    margin-left: .3em;
}
.titleType02 a {
    display:inline-block;
    line-height:1em;
    font-size:1.1em;

}
.titleType02 a span.moreArrow{
    position: absolute;
    top: 50%;
    right: 5%;
    line-height: 20px;
    font-weight: bold;
    margin-top: -12px;
    background-image: url('../images/common/more_arrow.png');
    background-size: contain;
    background-repeat: no-repeat;
    text-indent: -5000px;
    width: 1.3em;
    background-position: center;
    margin-top: -10px;
}


/*더보기*/
.moreNews{text-align:center; border:1px solid #d8d8d8; border-left:0; border-right:0; margin-top:2%;
    margin-left: -.5em;
    margin-right: -.5em;
}
.moreNews a{display:inline-block; width:100%; height:100%; padding:10px 0;font-size:14px; color:#656565;}

/*탭css*/
.tabWrap{width:100%;}
.tabWrap:after{content:''; display:block; clear:both;}
.tabWrap > ul > li{float:left; text-align:center;}
.tabWrap > ul > li > a{display:inline-block; width:100%; height:100%; border-top:1px solid #d8d8d8;
padding:10px 0; border-bottom:1px solid #d8d8d8; border-left:1px solid #d8d8d8; color:#656565;}
.tabWrap > ul > li:first-child > a{border-left:0;}
.tabWrap > ul > li.on > a{border-top:1px solid #000; border-bottom:1px solid #fff;}

.tabWrap > ul.tab5 > li{width:20%;}



/*공통 클래스*/
.bgN{background:none;}




/**
 * 페스티벌 포토
 */
.festival-photo{position: relative; padding: 0 8px; }
.festival-photo > h3{position: absolute; z-index: 100; bottom: 0; left: 8px; right: 8px; padding: 10px 20px; background-color: rgba(0,0,0,0.5); }
.festival-photo > h3 > a{color: #fff; }
.festival-photo .swiper-slide{display: block; }
.festival-photo .swiper-slide > img{display: block; width: 100%; }
.festival-photo .swiper-button-prev,
.festival-photo .swiper-button-next{background-repeat: no-repeat; background-image: url('../images/common/vestival_m.png') !important; background-position: 0 0 !important; background-size: auto !important; width: 15px; height: 26px; margin-top: -30px; }
.festival-photo .swiper-button-next{background-position: -16px 0 !important; }
/**
 * 페스티벌 영상
 */
/* .festival-video{background: url('../images/common/vestival_m_bg.png') no-repeat top center; background-size: cover; } */
.festival-video {position: relative;}
/* .festival-video > .titleType01{border-bottom: 0; }
.festival-video > .titleType01 > a{color: #fff; }
.festival-video > .titleType01 > a > span{background-image: url(../images/common/more_arrow2.png); } */
.festival-video-youtube {position: relative; width: 100%; padding:15px; background-color: #000; border-radius: 10px 10px 0 0;}
.festival-video-youtube-wrap{position: relative; width: 100%; padding-bottom: 56.25%; background-color: rgba(0,0,0,0.5); }
.festival-video-youtube-wrap > iframe{position: absolute; width: 100%; height: 100%; }
.festival-video-youtube > a {position: absolute; z-index: 2; bottom: 0; left: 14px; right: 14px; display: block; padding: 10px; color: #fff; font-size: 1.17rem; background-color: rgba(0,0,0,0.7); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.festival-video-title {}
.festival-video-title {width: 100%; padding: 10px 20px 20px; background-color: var(--bs-point-color); border-radius: 0 0 10px 10px; }
.festival-video-title > a {font-size: 2.6rem; color: #fff; font-weight: 500; line-height: 4.2rem; }
.festival-video-title > a:hover {color: #fff;}
.festival-video-title > a span {display: flex; flex-direction: column;}
.festival-video-title > a span.t1 {font-size: 1.6rem; font-weight: 100;}
.festival-video-title > a span.t2 {font-size: 2.6rem; line-height: 3.2rem; font-weight: 700;}
.festival-video-title > a span.t3 {font-size: 2.6rem; font-weight: 100;}

.festival-video-wrap {position: relative; }
.festival-video-youtube > a:hover, .festival-video-wrap > a:hover {color:#fff}
.festival-video-wrap > a{position: relative; display: block; padding-left: 15px; line-height: 1.8; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 16px; }
.festival-video-wrap > a:before{content: ""; position: absolute; top: 7px; left: 0; width: 8px; height: 8px; border: 2px solid #fff; border-top: 0; border-right: 0; }
.festival-video-wrap > a > span{text-decoration: underline; }

/* 온라인예선전 변경 180409 */
.festival-cont section {margin: 4rem 0;}
.ico2-video {
    display: inline-block;
    width: 0;
    height: 0;
    border-bottom: 6px solid transparent;
    border-top: 6px solid transparent;
    border-left: 8px solid #fff;
    border-right: 0 solid transparent;
  }
.festival-video {position: relative;}
.festival-video .boxgrp {position: relative; left: 0; width: 100%;z-index: 2; border: 0;}
.festival-video .boxgrp > ul > li {position: relative; margin: 10px 0;}
.festival-video .boxgrp > ul > li a .photo_tmb {border-radius: 10px;}

.festival-video .boxgrp > ul > li .bsbb-thum {position: relative; background-color: #000; border-radius: 10px; width: 100%;}
.festival-video .boxgrp > ul > li .bsbb-thum a {display: block; position: relative; padding-bottom: 50px;}
/* .festival-video .boxgrp > ul > li:nth-child(1) .bsbb-thum {width: 320px; padding-bottom: 100px; margin-left: calc(370px - 320px);}
.festival-video .boxgrp > ul > li:nth-child(2) .bsbb-thum {width: 400px; padding-bottom: 60px;}
.festival-video .boxgrp > ul > li:nth-child(3) .bsbb-thum {width: 307px; padding-bottom: 100px;} */

/* .festival-video .boxgrp > ul > li:nth-child(1) .photo_tmb {height: 213px;}
.festival-video .boxgrp > ul > li:nth-child(2) .photo_tmb {height: 266px;}
.festival-video .boxgrp > ul > li:nth-child(3) .photo_tmb {height: 204px;} */

.festival-video .boxgrp > ul > li .photo_tmb_bg {display: block; position: absolute; bottom: 0; width: 100%; height: 200px; background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 20%, rgba(0,0,0,1) 100%); border-radius: 10px;}
.festival-video .boxgrp > ul > li:nth-child(2) .bsbb-thum {background-color: var(--bs-point-color);}
.festival-video .boxgrp > ul > li:nth-child(2) .photo_tmb_bg {background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(64,69,158,0.8) 60%, rgba(64,69,158,1) 100%);}

.bsbb-title {position: absolute; bottom: 0; padding: 30px 20px 20px; margin: 10px; width: calc(100% - 20px); background-color: #000; border-radius: 10px; }
.bsbb-title .tit {color: #fff; font-size: 16px; line-height: 22px; font-weight: var(--font-weight-bold);}
/* .festival-video .boxgrp > ul > li:nth-child(2) .bsbb-title .tit {font-size: 18px; line-height: 24px;} */
.festival-video .boxgrp > ul > li:nth-child(3) .bsbb-title .tit {color: #000;}
/* .festival-video .boxgrp > ul > li:nth-child(1) .bsbb-title {bottom:-20px}
.festival-video .boxgrp > ul > li:nth-child(2) .bsbb-title {bottom:-20px; right: 0;}
.festival-video .boxgrp > ul > li:nth-child(3) .bsbb-title {bottom: 20px; right: 0;} */

:root {
    --bsbb-title-padding:40px;
}
.festival-video .boxgrp > ul > li:nth-child(1) .bsbb-title {background-color: var(--bs-point-color);}
.festival-video .boxgrp > ul > li:nth-child(2) .bsbb-title {background-color: #000; }
.festival-video .boxgrp > ul > li:nth-child(3) .bsbb-title {background-color: var(--bline-color-300); }

.festival-video-link {position: relative; display: block; }
.festival-video-link .festival-ico2 {display: flex; align-items: center; justify-content: center; position: absolute; left: 0px; top: -55px; width: 45px; height: 45px; background-color:var(--bs-point-color);}
.festival-video .boxgrp .bs-bb:nth-child(1) .festival-ico2 {background-color: #fff; border:1px solid var(--bs-point-color)}
.festival-video .boxgrp .bs-bb:nth-child(1) .festival-ico2 .ico2-video {border-left-color: var(--bs-point-color);}
.festival-video .boxgrp .bs-bb:nth-child(2) .festival-ico2 { background-color: #C73FAC;}
/* .festival-video-link > span {position: absolute; top: 50%; left: 50%; width: 26px; height: 26px; margin: -13px 0 0 -13px; background-position: -242px -250px; } */
/* .festival-video-link > img {position: absolute; top: 0; left: -30%; width: 160%; } */
.festival-video-bg {background-color: #000; border-radius: 30px; position: absolute; left: 100px; top: 20px; z-index: -1; width: 900px; height: 388px;}


.f_point{color:#D9534F !important;margin: 5px 0 10px 0}

.file_download_box a {
    width: auto;
    background:url("../images/common/bl_ico.png") no-repeat right -775px;
    display: inline-block;
    padding: 5px 50px 5px 20px;
    border: 1px solid #1e1e1e;
    font-size: 14px;
    line-height: 39px;
    color: #1e1e1e;
    text-align: center;
    font-weight: bold;
}

.file_download_box a:hover {
    color: #fff;
    background:url("../images/common/bl_ico.png") no-repeat right -796px #1e1e1e;
     text-decoration: none;
}
/*icon*/
.icon {display: inline-block; background:url("../images/common/bl_ico.png") no-repeat;}
.icon-file-s {width:11px;height:11px; background-position:0 -501px;margin-left:5px;}
.icon-secret-s {width:12px;height:18px; background-position:0 -477px;margin-right:8px;vertical-align: top}

/* css add mediaingra */
/*섹션탑*/
.sectionList {position: relative; overflow:hidden;margin-bottom: 10px; padding-bottom: 40px; border-bottom:1px solid var(--bline-color-400); }
.sectionList .topHeadLine .img {display:block; width:100%; min-height:200px; overflow:hidden; margin-right:30px;}
/*.sectionList li .img img {width:130px;}*/
.sectionList .topHeadLine h3 {margin:2.0rem 0 1.5rem 0;}
.sectionList .topHeadLine h4 {font-size: 18px;font-weight: 400; line-height: 26px; color: #888; margin-bottom: 30px}
.sectionList .topHeadLine h3 a {font-weight: var(--font-weight-bold); font-size:2.4rem; line-height:3.2rem;}
.sectionList .topHeadLine .img {width:100%; max-height:auto;}
.sectionList .topHeadLine .img img {max-width:350px;}
.sectionList .topHeadLine .img .photo_tmb {height: 220px;}
.sectionList .topHeadLine .tit{font-size:18px; font-weight: 500; margin-bottom:10px;line-height:26px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width: 580px;float: left}
.sectionList .topHeadLine .desc {margin: 1.2rem 0;}

/* 리스트 타입 수정 */
.seriesList-column {background-color: var(--bline-color-200); margin: -2rem -1.5rem 0 -1.5rem; padding: 0 1.5rem 0.5rem}
.seriesList-column .photo_tmb {width: 106px; height: 106px;}
.seriesList-column .listType01 > ul > li {border: 1px solid var(--bline-color-400); background-color: #fff; padding: 0; margin: 1.5rem 0 ;}
.seriesList-column .listType01 > ul > li a {display: flex; flex-direction: row; }
.seriesList-column .listType01 > ul > li .text {width: calc(100% - (106px + 1.5rem)); margin-left: 1.5rem;}
.seriesList-column .listType01 > ul > li .text .comm-title {margin: 1rem 1rem 0.5rem 0;}
.seriesList-column .listType01 > ul > li .text .comm-desc {margin:0 1rem 1rem 0;}

.seriesList-issue {}
.seriesList-issue .photo_tmb {width: 160px; height: 100px;}
.seriesList-issue .listType01 > ul > li {border: 1px solid var(--bline-color-400); background-color: #fff; padding: 0; margin: 1.5rem 0 ;}
.seriesList-issue .listType01 > ul > li a {display: flex; flex-direction: row; }
.seriesList-issue .listType01 > ul > li .text {width: calc(100% - 160px); margin: 0; height: 100px;}
.seriesList-issue .listType01 > ul > li .text a {height: calc(100px - 3rem); padding: 1.5rem 1rem; }
.seriesList-issue .listType01 > ul > li .text .comm-title {font-size: 1.5rem; line-height: 2rem; font-weight: var(--font-weight-medium); letter-spacing: -1px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.seriesList-issue .listType01 > ul > li .text .comm-desc {margin:0 1rem 1rem 0;}
.seriesList-issue .listType01 > ul > li .label_text a {font-size: 1.3rem; border-top: 1px solid var(--bline-color-100); height: 3rem; padding: 0 1rem;}


.seriesList-plan a { color:inherit }
.seriesList-plan a:hover {color: var(--bs-point-color);}
.seriesList-plan h3 { line-height: 2.8rem; padding: 0 0 12px; font-size: 2.0rem; font-weight: var(--font-weight-bold); color: var(--bs-point-color); }
.seriesList-plan figure{position: relative; margin: 0; height: 0; padding-bottom: 55%; overflow: hidden;}
.seriesList-plan figure a{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.seriesList-plan img{display: block; width: 100%; }
.seriesList-plan strong{display: block; margin: 10px 0 15px; font-size: 1.6rem; line-height: 2.2rem; font-weight: var(--font-weight-bold); }



.mainSingleBox {position: relative; margin-bottom: 1.5rem;}
.mainSingleBox .article {margin-bottom: 1.5rem;}
.mainSingleBox .article:last-child {margin-bottom: 0}
.mainSingleBox .article .desc {position: relative;}
.mainSingleBox .article .desc.style1{margin-top: 20px}
.mainSingleBox .article .desc .comm-title,
.mainSingleBox .article .desc .comm-title-lg { margin-top: 1rem; display: block;}
.mainSingleBox .mainList01 > ul > li { border: 0; border-top: 1px solid var(--bline-color-100);}
.mainSingleBox .photoframe .photo_tmb {padding-bottom: 50%;}
.mainSingleBox.photoNews .photoframe {height: 230px;}
.mainSingleBox .photoframe .img {width: 100%;text-align: center;overflow: hidden;}
.mainSingleBox .photoframe img {width: 100%;margin-left:auto;margin-right:auto;}
.mainSingleBox .imgframe {display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: url("../images/body_sprite_tile.png") -107px -10px no-repeat;}
.mainSingleBox .label_more {display: block; color: var(--bs-point-color); margin: 6px 0 -10px; font-size: 13px; font-weight: 700;}
.mainHeadLine.mainSingleBox .article .desc .comm-title-lg {font-size: 2.6rem; line-height: 3.2rem; margin-top: 0; margin-bottom: 1.5rem;}
.mainHeadLine.mainSingleBox .mainList01 {margin: 0;}
.mainHeadLine.mainSingleBox .article {margin-bottom: 0}