@charset "utf-8";
@import url('reset.css');
@import url('main.css');
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+KR:200,300,400,500,600,700,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Monoton&display=swap');
@import url('https://fonts.googleapis.com/css?family=Nanum+Brush+Script&display=swap');

html,body{overflow-x: hidden; min-width: 320px;}
a,
a:link,
a:visited,a:hover, a:active {
  color: inherit;  word-break: break-all;
  text-decoration: none;
}

b{font-weight: bolder;}
/* header */
.vol{color:#464545;}
.vol_m{display: none;color:#464545}
.btn_side {color:#fff !important;background:#404040;}
@media screen and (max-width: 1024px) {
    header{display: flex; justify-content: space-between; padding: 0 24px; height: 150px; align-items: center;}
    .logo_w{display: flex; align-items:flex-end; gap:20px}
    .vol{display: none;}
    .vol_m{display: block;    font-size: 12px;
    font-weight: 300;
    letter-spacing: 0.1em; text-align: center;}
    .logo_w{position:static;}
    .btn_side{position:static;}
    #side{bottom: 0 !important;}
}
@media screen and (max-width:767px){
  header{height: 90px; align-items: center;}

}


/*콘텐츠*/
.contents{overflow:hidden;padding:0; margin:0}
/*상단 제목*/
.contents h2 {
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    top: 5%;
    color: #000;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: 500;
    font-size: 19px;
    letter-spacing: 0.1em;}
.contents h3{max-width: 1920px; text-align:center;color:#222;font-family: 'Noto Serif KR', serif;font-weight:300;font-size:48px;line-height: 68px; margin:  0 auto 40px  auto;  word-break: keep-all;}
.contents.sub04 h3{margin: 0 auto;}

.icon01{margin:150px auto 50px auto;width:38px}
.icon02{width:fit-content; margin: 80px auto;}


@media screen and (max-width:1920px){
    .contents h3{ padding: 0 240px;}
      .contents.sub04 h3{padding: 0;}
}
@media screen and (max-width:1140px){
    .contents h3{font-size:46px; line-height: 60px; padding:0 200px;}
}
@media screen and (max-width:1024px){
    .contents h2{position: static; border-top: 1px solid #dfdfdf; padding-top: 40px;}
    .icon01{margin: 40px auto;}
      .contents h3{ padding:0 32px;}
}
@media screen and (max-width:767px){
     .contents h3{ padding:0 24px; font-size: 28px; line-height: 42px; font-weight: 600;}
}
@media screen and (max-width:570px) {
}
@media screen and (max-width:425px){
}

.card_link{ cursor:pointer}
.cardnews{display: none;transition:1s}
.cardnews.open{display: block; }
.contents h3.left {text-align: left;}
/*아이콘*/

/*발문*/
.balmoon{margin: 40px auto 0 auto;}

.toptitle{color: #070707;text-align: center;font-family: "Noto Serif KR";font-size: 22px;font-weight: 400;line-height: 22px; /* 100% */letter-spacing: -0.44px; margin-bottom: 50px;}



.stitle{overflow:hidden;width:100%; text-align:center;color:#3a3a3a;font-size:18px;font-weight:400}
.stitle span{font-weight:300}
.stitle.stitle2 {font-size: 22px;}
.contents h5{width:100%; text-align:center;color:#964b9e;font-size:24px;font-weight:600;margin:7% 0 1.5% 0;letter-spacing:0.3em;text-transform:uppercase}



/*본문 레이어 사이즈*/
.part{max-width: 1140px; margin: 80px auto 0 auto; padding: 0 80px;}

@media screen and (max-width:1920px){
    .part{ padding: 0 240px;}
    .sub04 .part{ padding: 0  !important;}
}
@media screen and (max-width:1140px){
    .part{padding: 0 200px;}
}
@media screen and (max-width:1024px){
    .part{padding: 0 32px;}
}
@media screen and (max-width:767px){
    .part{padding: 0 24px; margin: 60px auto 0 auto; }
    .icon02{ margin:60px auto;}
    .balmoon{margin: 20px auto 0 auto;}
}
/*본문텍스트*/
.txt{color: #070707;font-size: 22px;font-style: normal;font-weight: 400;line-height: 40px;letter-spacing: -0.55px;}
@media screen and (max-width:1440px){
    .txt{font-size:18px; line-height: 32px;}
}
@media screen and (max-width:767px) {
    .txt{font-size:17px; line-height: 30px;}
}


.dot{opacity:0.3}
.answer{font-family: 'Times New Roman', serif;font-size:24px;font-style:italic;color:#707070;font-weight:normal;letter-spacing:0.05em}
.name{font-size:16px;font-weight:300;color:#707070;letter-spacing:0.025em}
.alert_red { display: block; font-size: 11px; line-height: 16px; margin-top: 10px; color: #a61f1f !important; }


/*이미지*/
.img_wrap{overflow:hidden;width:100%;text-align: center; margin:40px auto;}

@media screen and (max-width:767px) {
.img_wrap{ margin:20px auto;}
}
/*div*/
.center{text-align:center}
.double{width:50%;float:left}
.caption01{overflow:hidden;display:block;margin:0 0 8px 0;font-size:14px;text-align:center;color:#808080;font-weight:300}
.caption02{overflow:hidden;display:block;margin:0 0 8px 0;font-size:14px;text-align:left;color:#666;font-weight:300}
.caption03{margin:0 auto;font-size:16px;text-align:center;color:#666;font-weight:300;letter-spacing:0.05em}
.caption04{margin:0 auto;font-size:16px;text-align:center;color:#666;font-weight:300;letter-spacing:0.1em/*eng name*/}
.caption05{overflow:hidden;display:block;margin:0 0 8px 0;font-size:16px;text-align:left;color:#666;font-weight:300}

/*image-full*/
/*공연안전대피도*/
.width90{width:90%}
.middle{width:57%;margin:3% auto 6% auto}
.division{overflow:hidden;width:100%;margin:5% auto }
.division_left{float:left;width:50%;display:block}
.division_right{float:left;width:50%;display:block}
.dtitle{float:left; text-align:right;color:#1b1b1b;font-size:70px;font-weight:500;padding-bottom:20%;display:block}
.dgray{color:#6d6d6d;font-size:70px;font-weight:500;}
/*.dline{border-left-style:none;border-left-style:none;border-right-style:none;border-bototm-style;solid 2px #e1e1e1;padding-top:5%;display:block}*/
.dline{color:#1b1b1b;font-size:25px;font-weight:400;letter-spacing:-0.2em}
.division2{overflow:hidden;width:100%;margin:5% auto }
.division2_left{float:left;width:50%;display:block}
.division2_right{float:left;width:50%;display:block}

.caution_st{text-align:center;color:#66326c;font-size:23px;font-weight:300;font-family: 'Noto Sans KR', sans-serif;line-height:160%;padding-top:2%}
.caution_st span{text-align:center;color:#66326c;font-size:23px;font-weight:500;font-family: 'Noto Sans KR', sans-serif}
.caution_st2{text-align:center;color:#636363;font-size:16px;font-weight:300;font-family: 'Noto Sans KR', sans-serif;padding-top:15%}
/*.guide img{padding-bottom:3%}*/
.check{width:100%;text-align:center;overflow:hidden}
.check_l{width:50%;float:left;display:block;text-align:right;padding-top:1%}
.check_r{width:50%;float:right;display:block;font-size:26px;font-weight:bold;font-family:'TimesNewRoman', 'Times New Roman', 'Times', 'Baskerville', 'Georgia', serif;text-align:left;color:#66326c;font-style:italic;line-height:190%}
.guide_title{text-align:left;color:#1b1b1b;font-size:30px;font-weight:300;font-family: 'Noto Sans KR', sans-serif;padding-bottom:3%}
.guide_title span{font-weight:500}
.guide_stitle{text-align:left;color:#3a3a3a;font-size:20px;font-weight:400;font-family: 'Noto Sans KR', sans-serif;line-height:180%}
.guide_stitle2{margin-left:10px}
.guide_stitle2 li{list-style:disc;text-align:left;font-size:18px;color:#707070;font-weight:400;font-family: 'Noto Sans KR', sans-serif;line-height:180%;letter-spacing:-0.02em}

/*카드뉴스 이미지*/
.img_card{overflow:hidden;width:46.87%;margin:1.5% auto}
.img_card_first{overflow:hidden;width:46.87%;margin:3% auto 1.5% auto}
.img_card_last{overflow:hidden;width:46.87%;margin:1.5% auto 5% auto}



/*안전한 공연 속으로*/


/*안전에다가가기*/

.ccolor_og{color:#F5821F}
.og_box{background: #FFEFE1; padding: 50px 20px; margin-top: 28px; margin-bottom: 16px;}
.og_box .box_tit{color:#F5821F; text-align: center;font-size: 32px;font-weight: 700;line-height: 32px;letter-spacing: -0.8px; font-family: 'Noto Serif KR', serif; margin-bottom: 30px;}
.og_box .og_flex{display: flex; gap:60px; justify-content: center; max-width: 1024px; margin: 0 auto;}
.og_box .og_flex>div{text-align: center;}
.og_box .og_flex>div .img_wrap{margin: 0;}
.og_box .box_tit2{text-align: right;font-family: "Noto Serif KR";font-size: 24px;font-weight: 600;line-height: 24px;letter-spacing: -0.6px;color:#F5821F;}
.og_box .txt2{ margin-top: 20px; margin-bottom: 30px;}
.txt2{font-size: 20px;font-style: normal;font-weight: 700;line-height: 28px;letter-spacing: -0.5px; color: #F5821F;}
.txt2 .mini{font-size: 18px;font-weight: 400;line-height: 28px;letter-spacing: -0.45px; display: block;}

.bk_btn{background: #222;padding: 8px 28px;font-size: 20px;font-weight: 400;line-height: 38px; letter-spacing: -0.5px; display: block; width: fit-content; border-radius: 999px; color: #fff !important;
 margin-top: 16px;}
.bk_btn span{font-weight: 700; cursor: pointer;}
@media screen and (max-width:1280px){
    .og_box .og_flex>div{width: 25%;}
    .og_box .og_flex{gap: 40px;}
    .og_box{margin-top: 10px;}
}
@media screen and (max-width:767px){
    .og_box{padding: 30px 20px;}
    .og_box .box_tit{font-size: 26px; line-height: 34px; margin-bottom: 20px;}
    .og_box .box_tit2{font-size: 22px; margin-top: 20px; word-break: keep-all;}
    .txt2 .mini{font-size:16px; line-height: 24px; }
    .og_box .og_flex{flex-wrap: wrap; gap:20px; max-width: 500px; margin: 0 auto;}
    .og_box .og_flex > div { width: calc(50% - 10px);  box-sizing: border-box;}
    .og_box .txt2{margin-bottom: 0; margin-top: 5px;}
    .bk_btn{font-size: 16px; line-height: 24px; }
}

@media screen and (max-width:344px){

    .bk_btn{font-size: 15px;}
}





/*배경_그레이*/

/*뉴스*/
.newsbox{background:#fff;width:55%; margin:0 auto 7% auto;padding:5% 7.5% 3% 7.5%}
.news_title{overflow:hidden;width:100%; text-align:center;font-size:40px;font-weight:500;color:#080808;margin:1% 0 1% 0}
.news_title span{font-size:28px;font-weight:500;color:#964b9e}
.news_txt{overflow:hidden;width:100%}
.news_txt li{font-size:18px;font-weight:400;color:#303030;margin:0.5% 0;line-height:170%}
.news_stitle {margin-top: 15px; margin-bottom: 15px; font-weight: bold; font-size: 20px; text-align: center; color: #ab7527;}
.news_stitle:before {content: ""; display: inline-block; width: 50px; height: 1px; background-color: #ab7527; margin-right: 20px; vertical-align: middle;}
.news_stitle:after {content: ""; display: inline-block; width: 50px; height: 1px; background-color: #ab7527; margin-left: 20px; vertical-align: middle;}
/*뉴스 테이블*/
.tb_normal{width:100%;border-top:2px solid #ab7527;border-bottom:2px solid #ab7527;font-weight:400}
.tb_normal.mt5 {margin-top: 5px;}
.tb_normal th{font-size:20px;color:#ab7527;border-right:1px solid #bfbfbf;text-align:center;padding:1.5% 2%;border-bottom:1px solid #bfbfbf;background:#f7f7f8}
.tb_normal .thle{border-right:0px}
.tb_normal td{font-size:18px;color:#707070;border-right:1px solid #bfbfbf;text-align:center;padding: 1.5% 1%;border-bottom:1px solid #bfbfbf;vertical-align:middle;letter-spacing:-0.05em}
/*
.tb_normal td:nth-child(1){width:25%}
.tb_normal td:nth-child(2){width:25%}
.tb_normal td:nth-child(3){width:25%}
.tb_normal td:nth-child(4){width:25%}
*/
.tb_normal td span{font-size:16px;color:#964b9e}
.tb_normal .txle{text-align:left}
/*safety */
.box1{overflow:hidden;width:60%; margin:0 auto 7% auto}
.box1_title{overflow:hidden;width:100%; text-align:center;font-size:22px;font-weight:500;color:#080808;margin:1% 0 3% 0}
/*safety 테이블*/
.tb_normal2 {width:100%;border-top:2px solid #66326c;border-bottom:2px solid #66326c;font-weight:400;margin:0 0 2% 0}
.tb_normal2 th{font-size:20px;color:#66326c;border-right:1px solid #bfbfbf;text-align:center;padding:1%;border-bottom:1px solid #bfbfbf;vertical-align:middle;background:#f7f7f8}
.tb_normal2 .thle{border-right:0px}
.tb_normal2 td{font-size:18px;color:#707070;border-right:1px solid #bfbfbf;text-align:center;padding:1.5% 1%;border-bottom:1px solid #bfbfbf;vertical-align:middle;line-height:180%;
}
.tb_normal2 td span{color:#964b9e}
.tb_normal2 .txle{text-align:left}
/*safety2 테이블*/
.box2{overflow:hidden;width:60%; margin:0 auto 7% auto}
.box2_title{overflow:hidden;width:100%; text-align:center;font-size:22px;font-weight:500;color:#080808;margin:1% 0 3% 0}
.tb_normal3 {width:100%;font-weight:400;margin:0 0 2% 0;border-bottom:1px solid #bfbfbf}
.tb_normal3 th{font-size:20px;color:#66326c;text-align:center;padding:1%;border-bottom:2px solid #66326c;vertical-align:middle;background:#f7f7f8}
/*.tb_normal3 td{font-size:18px;color:#707070;text-align:left;padding:1.5% 2%;vertical-align:middle}*/
.tb_normal3 td{font-size:18px;color:#707070;text-align:left;padding:1%;vertical-align:middle;letter-spacing:-0.05em}
.tb_normal3 td span{font-size:16px;color:#964b9e}
.tb_normal3 .txle{text-align:left}


.tb_normal4{width:100%;border:1px solid #aaaaaa; font-weight:400;}
.tb_normal4 span{font-weight: bolder;}
.tb_normal4 th{font-size:20px;color:#222;border-right:1px solid #bfbfbf;text-align:center;border-bottom:1px solid #bfbfbf;background:#CDF2E4; font-weight: bolder; padding:10px 2px;vertical-align:middle;}
.tb_normal4 .thle{border-right:0px}
.tb_normal4 td{font-size:18px;background:#fff; border-right:1px solid #bfbfbf;text-align:center;padding: 0.8% 1%;border-bottom:1px solid #bfbfbf;vertical-align:middle;
    letter-spacing:-0.05em;word-break: keep-all;}
/**/


/*공연안전소식*/
.s4_box{border: 2px solid #ab7527;padding: 20px; margin-top: 12px;}
.round{position: relative; margin-left: 20px; word-break: keep-all;}
.round::before{position: absolute; content:'○'; left: -20px;}

.sub04 {background: #f7f7f7;}
.sub04 .width900{max-width: 900px;}
.sub04 .gray_txt{color: #666;font-family: "Noto Sans KR";font-size: 18px;font-weight: 400;line-height: 28px; letter-spacing: -0.45px;  display: block; text-align: right !important;}

@media screen and (max-width:767px) {
.sub04 {background: #fff;}
.sub04 .gray_txt{font-size: 15px; line-height: 25px; margin-top: 5px;}
}

/*뉴스버튼*/

.news_btn01 a{width:35%;margin:7% auto 10% auto;border-radius:30px;padding:1% 5%;font-size:20px;font-weight:400;display:block;background:#964b9e;text-align:center;color:#fff}
.news_btn01 a:hover{background:#000}

/*이달의 리멤버*/
.remember_txt{width:100%;font-size:20px;color:#303030;font-weight:400;line-height:180%;text-align:justify}
.remember_box{width:100%;border-left:3px solid #cdcdcd; border-right:3px solid #cdcdcd; border-bottom:3px solid #cdcdcd;padding:7% 5%;box-sizing: border-box}
.remember_box.bt {border-top: 3px solid #cdcdcd; }
.remember_box.mb30 {margin-bottom: 30px;}
.remember_box02{width:100%;border-right:3px solid #cdcdcd;border-left:3px solid #cdcdcd;border-bottom:3px solid #cdcdcd;border-top:0px;padding:6% 7.5%;margin-bottom:7%; box-sizing: border-box }
.remember_title{overflow:hidden;width:100%; text-align:center;font-size:30px;font-weight:500;color:#080808;margin:1% 0 2% 0; letter-spacing: -0.025em; word-break: keep-all;}
.remember_txt02{width:100%;font-size:18px;color:#707070;font-weight:400;line-height:180%;text-align:center;letter-spacing: -0.025em; word-break: keep-all;}
.remember_txt02 .point {color:#ab7527}
.remember_txt02 .source {display: block; margin-top: 10px; color: #3a3a3a; text-align: center;}
/*이달의리멤버_X아이콘*/
.icon03{margin:5% auto 4% auto;width:27px}
/*이달의 리멤버 버튼*/
.remember_btn01 a{width:15%;margin:5% auto 7% auto;border-radius:25px;padding:0.8% 1.5%;font-size:20px;font-weight:400;display:block;background:#964b9e;text-align:center;color:#fff}
.remember_btn01 a:hover{background:#000}
.remember_btn02 a{width:18%;margin: 3% auto 0 auto;border-radius:25px;padding:0.8% 1.5%;font-size:20px;font-weight:400;display:block;background:#000;text-align:center;color:#fff}
.remember_btn02 a:hover{background:#ab7527}



/*top버튼*/
.top_btn_sub{display:block;position:fixed; bottom:17%; right:3%;opacity:0.5}
/*event*/
.brmobile{display:block}
.event{width:100%;max-width:1920px;margin:0 auto;background:url('../images/sub04_bg.jpg') no-repeat center;height:895px}
.event h2{text-align:center;color:#ec75f9;font-size:18px;font-weight:500;font-family: 'Noto Sans KR', sans-serif;letter-spacing:0.15em;padding-top:9.2%;margin:0 auto}
.event h2 span{font-size:20px;font-weight:600;letter-spacing:0.7em}
.event h3{text-align:center;color:#f275ff;font-size:108px;font-weight:400;font-family: 'Monoton', cursive;letter-spacing:0.2em;text-transform:uppercase}
.event h4{text-align:center;color:#ffffff;font-size:52px;font-weight:500;font-family: 'Noto Sans KR', sans-serif;padding:0.3% 0 1.8% 0}
.event h4 span{font-weight:100;letter-spacing:0.2em}
.q_txt0{text-align:center;font-size:21px;color:#fcd3d3;font-weight:400;line-height:170%;padding-bottom:4%}
.q_txt2{text-align:center;font-size:28px;color:#66326c;font-weight:400;text-align:center;margin:0 auto 2%;padding: 1% 3% 1.2% 3%;border-radius:60px;display:block;background:#964b9e;width:30%}
.q_txt2 span{font-weight:300}
.q_txt2 .eng{text-align:center;font-size:28px;color:#fff;font-weight:400;text-align:center;padding:1% 0 0 0;font-family: 'Roboto', sans-serif}
.q_txt2 .b{text-align:center;font-size:28px;color:#fff;font-weight:400;text-align:center;padding:1% 0 0 0}
.q_txt1{text-align:center;font-size:37px;color:#4f5050;font-weight:500;line-height:200%;padding-bottom:5%;font-family:'Noto Sans KR', sans-serif}
.q_txt1 span{font-family: 'Roboto', sans-serif}
.q_txt1 .square{font-size:44px;font-weight:400;letter-spacing:-0.15em;color:#964b9e}
.q_txt1 .square2{font-size:55px;font-weight:500;letter-spacing:-0.15em;color:#964b9e}
.q_txt1 .square3{font-size:58px;color:#964b9e;letter-spacing:-0.05em;font-weight:500;font-family: 'Noto Sans KR', sans-serif}
.q_txt3{text-align:justify;font-size:24px;color:#4f5050;font-weight:400;line-height:180%;width:45%;margin:0 auto;letter-spacing:-0.005em;padding-bottom:4%}
.mark {background-color:#ff9; color:#000 }
.q_txt4{text-align:justify;font-size:36px;color:#964b9e;font-weight:300;line-height:140%;font-family: 'Nanum Brush Script', cursive;letter-spacing:-0.02em}
.q_txt5{font-size:18px;color:#6d6d6d;font-weight:500;line-height:180%;letter-spacing:0.5em;text-align:left;padding-bottom:1.5%;width:45%;margin:1% auto 0 auto}
.q_txt6{text-align:left;font-size:22px;color:#6d6d6d;font-weight:400;line-height:180%;padding-bottom:3%;width:45%;margin:0 auto}
.q_txt6 span{color:#964b9e}
.hintbox{width:45%;margin:0 auto;background:url('../images/sub04_hint01_bg2.jpg') repeat center;height:49px;overflow:hidden}
.hintboxleft{float:left}
.hintboxright{float:right}
.hintboxleft img{float:left}
.hintboxright img{float:right}
.quizbox{overflow:hidden;background:#fff;text-align:center;padding:7% 0}
.hint{width:100%;text-align:center;overflow:hidden;padding-top:3%}
.hint_l{width:50%;float:left;display:block;text-align:right;padding-top:5px}
.hint_r{width:50%;float:right;display:block;font-size:26px;font-weight:bold;font-family:'TimesNewRoman', 'Times New Roman', 'Times', 'Baskerville', 'Georgia', serif;text-align:left;color:#964b9e;font-style:italic;line-height:180%}
.hint_st{text-align:center;color:#964b9e;font-size:23px;font-weight:300;font-family: 'Noto Sans KR', sans-serif;line-height:160%;padding-top:1%}
.hint_st a{color:#964b9e}
.hint_st span{text-align:center;color:#964b9e;font-size:23px;font-weight:500;font-family: 'Noto Sans KR', sans-serif}
.present{width:100%;overflow:hidden;margin:0 auto;background:#fef4e7;padding: 3% 0}
.box{margin:0 auto;text-align:center;width:40%}
.boximg{width:100%}
.present_t1{font-size:30px;color:#964b9e;font-weight:400;font-family: 'Noto Sans KR', sans-serif;}
.present_t1 span{font-family:'Roboto', sans-serif}
.present_t1 .icon{font-family: 'Noto Serif KR', serif;color:#66326c;font-weight:700}
.present_line{border-bottom:1px solid #c795c1;width:100%; padding:2% 0;margin:0 auto}
.presentlist{width:100%;overflow:hidden;padding-top:5%}
.presentlist li{width:50%;float:left}
.present_t2{font-size:20px;color:#3d3d3d;font-weight:500;font-family: 'Noto Sans KR', sans-serif}
.present_t2 span{font-weight:300}
.present_t2 .eng{font-size:21px;color:#3d3d3d;font-weight:400;font-family:'Roboto', sans-serif}
.btn {background:#000;text-align:center;width:70%;margin-top:10%;font-family: 'Noto Sans KR',  sans-serif;border:1px solid #1b1b1b;color:#fff; font-size:21px; font-weight:400; padding:0 0 8% 0; display:inline-block; box-sizing:border-box;  animation:fadeIn3 10s; position:relative; line-height:140%;vertical-align:top}
.btn img{padding:5% 0 0 2% ; display:inline-block}
.btn:hover { border:1px solid #fff; color:#66326c}
.btndiv{background:#000;text-align:center;width:70%;margin:15% auto 0 auto;padding:5%}
.btnleft{font-family: 'Noto Sans KR',  sans-serif;color:#fff; font-size:21px; font-weight:400;display:inline;padding:0 0 60px 0}
.btnleft img{vertical-align:middle}
.btnleft a{color:#fff}
/*br*/
.mobile_1366{display:block}
.mobile_1366br{display:none}
.mobile_1280{display:block}
.mobile_1280br{display:none}
.mobile_1024{display:block}
.mobile_1024br{display:none}
.mobile_768{display:block}
.mobile_768br{display:none}
.mobile_570{display:block}
.mobile_570br{display:none}
.mobile_360{display:block}
.mobile_360br{display:none}
.mobile_425{display:block}
.mobile_425br{display:none}
.mt1{margin-top:1%}
.mt3{margin-top:3%}

@media screen and (max-width:1680px) {
/*공연안전대피도*/
.dtitle{font-size:65px}
.dgray{font-size:65px}
.dline{font-size:22px}
.caution_st{font-size:21px}
.caution_st span{font-size:21px}
.guide_title{font-size:28px}
.guide_stitle{font-size:16px;line-height:180%}
.guide_stitle2 li{font-size:16px;line-height:180%}


/*news*/
.news_btn01 a{width:45%}
.remember_btn02 a{width:23%}
.remember_btn01 a{width:18%}
/*event*/
.q_txt2{width:40%}
.tb_normal th{font-size:18px}
.tb_normal td{font-size:16px}
.tb_normal td span{font-size:16px}

.tb_normal2 th{font-size:18px}
.tb_normal2 td{font-size:16px}
.tb_normal2 td span{font-size:16px}

.tb_normal3 th{font-size:18px}
.tb_normal3 td{font-size:16px}
.tb_normal3 td span{font-size:16px}

.tb_normal4 th{font-size:18px}
.tb_normal4 td{font-size:16px}
.tb_normal4 td span{font-size:16px}
}
@media screen and (max-width:1600px) {
.dtitle{font-size:60px}
.dgray{font-size:60px}
.dline{font-size:20px}
.q_txt3{width:55%}
.q_txt5{width:55%}
.q_txt6{width:55%}
.hintbox{width:55%}
.box{width:50%}
.q_txt0{padding-bottom:5%}
.event h2{padding-top:11%}

}
@media screen and (max-width:1440px) {
/*QnA*/
.contents02 h2{font-size:17px}
.toptitle{font-size:18px;line-height:180%}

.answer{font-size:22px}
.name{font-size:15px}
.caption03,caption04{font-size:15px}
/*공연안전대피도*/
.middle{width:60%}
.dtitle{font-size:55px}
.dgray{font-size:55px}
.dline{font-size:20px}
/*news*/
.news_btn01 a{font-size:16px}
.remember_btn01 a{font-size:16px}
.remember_btn02 a{font-size:16px}
.news_title{font-size:35px}
.news_title span{font-size:30px}

.tb_normal th{font-size:16px}
.tb_normal td{font-size:14px}
.tb_normal td span{font-size:14px}

.tb_normal2 th{font-size:16px}
.tb_normal2 td{font-size:14px}
.tb_normal2 td span{font-size:14px}

.tb_normal3 th{font-size:16px}
.tb_normal3 td{font-size:14px}
.tb_normal3 td span{font-size:14px}
.guide_stitle2 li{font-size:14px}

.tb_normal4 th{font-size:16px}
.tb_normal4 td{font-size:14px}
.tb_normal4 td span{font-size:14px}

.tb_bottom span{font-size:14px}
.tb_bottom2{font-size:16px}
.tb_bottom{font-size:16px}
.remember_txt{font-size:18px}
.remember_title{font-size:28px}
.remember_txt02{font-size:16px}
/*event*/
.event{/*background:url('../images/sub04_bg.jpg') no-repeat center;*/height:720px}
.event h2{padding-top:7%}
.event h3{font-size:100px}
.event h4{font-size:45px;letter-spacing:-0.05em}
.q_txt0{font-size:18px;padding-bottom:5%}
.q_txt2{font-size:26px;padding: 1.5% 5%}
.q_txt2 span{font-size:26px}
.q_txt2 .eng{font-size:26px}
.q_txt2 .b{font-size:26px}
.q_txt1{font-size:32px}
.q_txt3{font-size:24px}
.q_txt4{font-size:32px}
.q_txt5{font-size:16px}
.q_txt6{font-size:20px}
.q_txt1 .square{font-size:42px}
.q_txt1 .square2{font-size:40px}
.q_txt1 .square3{font-size:40px}
.quizbox{padding:7% 0}
.hint_r{font-size:24px}
.hint_st{font-size:20px}
.hint_st span{font-size:20px}
.present_t1{font-size:28px}
.present_t2{font-size:18px}
.present_t2 .eng{font-size:19px}
.btn { font-size:19px}
.btnleft{font-size:19px}
}
/*노트북*/
@media screen and (max-width:1366px) {
.contents h2{font-size:18px}

.stitle{font-size:16px}
/*공연안전대피도*/
.dtitle{font-size:50px;padding-bottom:30%}
.dgray{font-size:50px}
.dline{font-size:18px}
.division_right{padding-left:5%;width:45%}
.division2_right{padding-left:5%;width:45%}
.caution_st2{font-size:14px}
.guide_title{font-size:26px}
.guide_title span{font-size:26px}
.guide_stitle{font-size:14px}
.guide_stitle2 li{font-size:14px}
/*event*/

.event h2{padding-top:9%;font-size:16px}
.event h2 span{font-size:19px}
.event h3{;font-size:93px}
.q_txt2{font-size:23px}
.q_txt2 .b{font-size:23px}
.q_txt2 .eng{font-size:25px}
.q_txt2 span{font-size:23px}
.q_txt1{font-size:28px}
.q_txt3{font-size:24px}
.q_txt1 .square{font-size:32px}
.q_txt1 .square3{font-size:38px}
.q_txt1 .square2{font-size:38px}
.mobile_1366{display:none}
}
@media screen and (max-width:1280px) {
.width90{width:90%}
.dtitle{font-size:47px;padding-bottom:35%}
.dgray{font-size:47px}
.dline{font-size:17px}
.caution_st2{font-size:12px}
.guide_stitle2 li{letter-spacing:-0.03em}
.box{width:55%}
.news_txt li{font-size:15px}
.mobile_1280{display:none}
}
@media screen and (max-width:1199px) {
.dtitle{font-size:45px}
.dgray{font-size:45px}
.dline{font-size:16px}
.division{width:100%}

}
/*아이패드 미니-가로*/
@media screen and (max-width:1024px) {
.mobile_1024br{display:block}



.toptitle{font-size:16px}

.answer{font-size:18px}
.name{font-size:13px}
.caption04{font-size:13px}
.caption03,caption04{font-size:13px}
.stitle{font-size:15px}
.contents h5{font-size:22px}
.division{width:80%}
.dtitle{font-size:50px;padding-bottom:10%}
.dgray{font-size:50px}
.dline{font-size:18px}
.dtitle{clear:both;margin:0 auto;padding-left:10%}
.division_left{width:100%;clear:both;margin:0 auto;text-align:center}
.division_right{width:100%;clear:both;margin:10% auto 0 auto;text-align:center }
.division2_left{width:100%;clear:both;margin:0 auto;clear:both;margin:0 auto;padding-left:22%}
.division2_right{width:100%;clear:both;margin:0 auto;clear:both;margin:0 auto;padding:0 0 0 22%}
.guide_stitle{padding-bottom:10%}
.width90{width:70%}

.caution_st2{padding-top:5%}
.guide_title{font-size:22px;padding-bottom:1%}
.guide_title span{font-size:22px}
.guide_stitle2 li{font-size:14px}
.img_card_first{width:58%}
.img_card{width:58%}
.img_card_last{width:58%}
/*news*/
.newsbox{width:80%}
.news_btn01 a{font-size:16px;width:55%}
.remember_btn01 a{font-size:16px;width:30%}
.remember_btn02 a{font-size:16px;width:35%}
.news_title{font-size:32px}
.news_title span{font-size:28px}
.tb_normal th{font-size:14px}
.tb_normal td{font-size:14px}
.tb_normal td span{font-size:12px}
.tb_normal2 th{font-size:14px}
.tb_normal2 td{font-size:14px}
.tb_normal2 td span{font-size:14px}
.tb_normal3 th{font-size:14px}
.tb_normal3 td{font-size:14px}
.tb_normal3 td span{font-size:14px}
.tb_normal4 th{font-size:14px}
.tb_normal4 td{font-size:14px}
.tb_normal4 td span{font-size:14px}
.tb_bottom span{font-size:12px}
.tb_bottom{font-size:14px}
.tb_bottom2{font-size:14px}

.remember_txt{font-size:16px}
.remember_title{font-size:26px}
.remember_txt02{font-size:14px}
/*event*/
.event{/*background:url('../images/sub04_bg.jpg') no-repeat center;*/height:600px}
.event h2{font-size:16px;letter-spacing:0em;padding-top:9%}
.event h3{;font-size:70px}
.event h4{font-size:40px;letter-spacing:-0.05em}
.q_txt0{font-size:16px;padding-bottom:6%}
.q_txt2{font-size:18px;padding: 1.5% 5%}
.q_txt2 span{font-size:18px}
.q_txt2 .eng{font-size:18px}
.q_txt2 .b{font-size:18px;}
.q_txt1{font-size:24px}
.q_txt3{font-size:20px}
.q_txt6{font-size:14px}
.q_txt6{font-size:16px}
.q_txt1 .square{font-size:28px}
.q_txt1 .square2{font-size:30px}
.q_txt1 .square3{font-size:30px}
.quizbox{padding:7% 0}
.hint_l img{width:6%;padding-left:5px}
.hint_r{font-size:22px}
.hint_st{font-size:18px}
.hint_st span{font-size:18px}
.present_t1{font-size:22px}
.present_t2{font-size:16px}
.present_t2 .eng{font-size:19px}
.presentlist img{width:2%}
.btn { font-size:17px}
.btnleft{font-size:17px}
}
@media screen and (max-width:960px) {

}
/*아이패드 미니-세로, 아이폰 XS-가로*/
@media screen and (max-width:767px) {
    .mobile_768br{display:block}
    .mobile_768{display:none}
    /* header */
    .icon01 img{width:90%;}
    .icon02 img{width:60%}
    /*content*/
    .toptitle{font-size:14px}
    small{font-size:14px;margin:3% auto 10% auto}
    .contents h5{font-size:20px}
    .division{width:100%}
    .division2{width:100%}
    .division2_left{padding-left:8%;width:92%}
    .division2_right{padding:0 0 0 8%;width:92%}
    .guide_stitle{padding-bottom:8%;font-size:16px}
    .width90{width:95%}
    .dtitle{font-size:50px}
    .dgray{font-size:50px}
    .dline{font-size:18px}
    .division_right{padding-left:0}
    .caution_st2{padding-top:5%}
    .guide_title{font-size:22px;padding-bottom:1%}
    .guide_title span{font-size:22px}
    .img_card_first{width:58%}
    .img_card{width:58%}
    .img_card_last{width:58%}
    /*news*/
    .contents02 h2{font-size:15px;top:10%;border-top:1px solid #e8e8e8;padding-top:5%}
    .stitle{font-size:14px}
    .newsbox{width: 100%; padding: 3%; box-sizing: border-box;}
    .news_btn01 a{font-size:14px}
    .remember_btn01 a{font-size:14px}
    .remember_btn02 a{font-size:14px}
    .news_title{font-size:28px}
    .news_title span{font-size:24px}
    .news_txt li{font-size:14px}
    .remember_txt{font-size:16px}
    .remember_title{font-size:26px}
    .remember_txt02{font-size:14px}
    /*event*/
    .event{/*background:url('../images/sub04_bg.jpg') no-repeat center;*/height:550px}
    .event h2{font-size:14px;padding-top:12%}
    .event h2 span{font-size:17px}
    .event h4{font-size:40px;letter-spacing:-0.05em}
    .quizbox{padding:10% 0}
    .q_txt0{font-size:14px;padding-bottom:6%}
    .q_txt2{font-size:18px;padding: 1.5% 5%;width:50%}
    .q_txt2 span{font-size:18px}
    .q_txt2 .eng{font-size:18px}
    .q_txt2 .b{font-size:18px}
    .q_txt1{font-size:18px}
    .q_txt3{font-size:16px}
    .q_txt4{font-size:26px}
    .q_txt5{font-size:12px}
    .q_txt6{font-size:14px}
    .hintboxleft img{width:70%}
    .hintboxleft{float:left}
    .q_txt1 .square{font-size:19px}
    .q_txt1 .square2{font-size:27px}
    .q_txt1 .square3{font-size:27px}
    .hint_l img{width:6%;padding-left:5px}
    .hint_r{font-size:22px}
    .hint_st{font-size:15px}
    .hint_st span{font-size:15px}
    .present{padding:10% 0}
    .present_t1{font-size:20px}
    .present_t2{font-size:15px}
    .present_t2 .eng{font-size:16px}
    .presentlist img{width:2%}
    .btn { font-size:17px}
    .btnleft{font-size:17px}
    .boximg{width:70%;margin:0 auto}
    .box{width:65%}
    /* images */
    .double{width:100%;float:left}
    .img02{width:70%}
    .img05{width:70%}
    .img07{width:70%;padding-bottom:3%}
    .img06{width:70%}
    .caption01{font-size:12px}
    /*table*/
    .box1{width:70%}
    /*caption*/
    .caption05{font-size:14px}

}
@media screen and (max-width:570px) {

.mobile_570br{display:block}
.mobile_570{display:none}
.icon03 img{width:60%}
.contents h2{font-size:14px}
.contents02{background:#fff}
.toptitle, .stitle, .stitle span{font-size:14px}
.img09{width:60%;margin:5% auto 0 auto}

.tb_normal th{font-size:13px}
.tb_normal td{font-size:12px}
.tb_normal td span{font-size:12px}

.tb_normal2 th{font-size:13px}
.tb_normal2 td{font-size:12px}
.tb_normal2 td span{font-size:12px}

.tb_normal3 th{font-size:13px}
.tb_normal3 td{font-size:12px}
.tb_normal3 td span{font-size:12px}

.tb_normal4 th{font-size:13px}
.tb_normal4 td{font-size:12px}
.tb_normal4 td span{font-size:12px}

.guide_stitle2 li{font-size:12px;margin-left:5px}
.caption05{font-size:12px}
.answer{font-size:16px}
.name{font-size:12px}
.caption04{font-size:12px/*name e*/}
.caption03,caption04{font-size:12px}
.check img{width:20%}
.check_r, .hint_r{font-size:20px}
.caution_st{font-size:16px}
.caution_st span{font-size:16px}
.caution_st2{padding-bottom:10%}
.middle{width:80%}
.guide_title{font-size:20px}
.guide_title span{font-size:20px}
.guide_stitle{font-size:14px}
.img_card_first{width:70%}
.img_card{width:70%}
.img_card_last{width:70%}
.news_title{font-size:26px}
.news_title span{font-size:22px}
.news_btn01 a{width:75%}
.remember_box{width:100%;padding:7% 6%}
.remember_box02{width:100%;padding:7% 6%}
.remember_title{font-size:20px}
.event{height:670px}
.event h2{font-size:13px;padding-top:13%;letter-spacing:0.25em;}
.event h2 span{font-size:15px;letter-spacing:0.8em}
.event h3{font-size:80px;line-height:110%;padding-top:1%}
.event h4{font-size:36px;padding-top:2%}
.q_txt0{font-size:14px;width:65%;margin:1% auto 0 auto;text-align:justify}
.q_txt2{width:60%}
.q_txt2 .b, .q_txt2 span{font-size:15px}
.q_txt2 .eng{font-size:16px}
.q_txt1{width:80%;margin:0 auto;font-size:17px}
.q_txt3{font-size:15px;line-height:170%}
.q_txt4{font-size:22px}
.q_txt5{font-size:13px}
.q_txt1 .square{font-size:21px}
.q_txt1 .square3, .q_txt1 .square2{font-size:24px}
.hint_l img{width:8%;padding-right:5px}
.hint_st span, .hint_st{font-size:14px}
.box{width:75%}
.hintbox{width:75%}
.hintboxleft{width:45%}
.hintboxright{width:55%}
.boximg img{width:70%}
.present_t1{font-size:18px}
.presentlist li, .present_t2 .eng, .present_t2 span, .present_t2{font-size:14px}
.presentlist img{width:3%}
.division_left img{width:80%}
.dtitle{font-size:43px}
.dgray{font-size:43px}
.dline{font-size:15px}
.division_left img{width:78%}
.img06 img{width:70%}
}
/*아이폰XS*/
@media screen and (max-width:425px) {
    .close {left: 60px; }
.mobile_425{display:none}
.mobile_425br{display:block}
.mobile_570br{display:block}
.dtitle{font-size:35px}
.dgray{font-size:35px}
.dline{font-size:12px}
.division_right{width:100%}
.guide_stitle2 li{margin-left:4px;letter-spacing:-0.01em}
.top_btn_sub img{width:80%}
.top_btn_sub{right:1%;bottom:9%}
.icon02 img{width:50%}
.toptitle{font-size:13px;line-height:150%}
.stitle, .stitle span{font-size:12px}
/*.contents h2{top:16%}*/
/*.contents02 h2{top:16%}*/
.answer{font-size:15px;letter-spacing:0.02em}
.name{font-size:12px;letter-spacing:0.1em}

/*caption*/
.caption03,caption04{font-size:12px}
.caption05{font-size:9px}
.contents h5{font-size:18px;letter-spacing:0.2em}
.division2_left{padding-left:3%;width:97%}
.division2_right{padding-left:3%;width:97%}
.division2_left img{width:12%}
.division2_right img{width:12%}
.caution_st2{font-size:11px}
.guide_title{font-size:16px}
.guide_title span{font-size:16px}
.guide_stitle2 li{font-size:10px}
.guide_stitle{font-size:12px}
.img_card_first{margin:10% auto 1.5% auto}
.news_title{font-size:19px}
.news_title span{font-size:15px}
.remember_title{font-size:18px}
.tb_normal th{font-size:11px}
.tb_normal td{font-size:10px}
.tb_normal td span{font-size:9px}
.tb_normal2 th{font-size:10px}
.tb_normal2 td{font-size:10px}
.tb_normal2 td span{font-size:10px}
.tb_normal3 th{font-size:10px}
.tb_normal3 td{font-size:10px}
.tb_normal3 td span{font-size:9px}
.tb_normal4 th{font-size:10px}
.tb_normal4 td{font-size:10px}
.tb_normal4 td span{font-size:9px}
.tb_bottom{font-size:10px}
.tb_bottom span{font-size:10px}
.tb_bottom2{font-size:10px}
.news_btn01 a{font-size:12px;width:60%}
.remember_btn01 a{font-size:12px;width:40%}
.remember_btn02 a{font-size:12px;width:40%}
.news_txt{font-size:13px}
.remember_txt{font-size:13px}
.remember_txt02{font-size:13px}
.img03{width:70%}
.img02{width:70%}
.event{height:540px}
.event h2{font-size:13px;padding-top:25%;letter-spacing:0.05em}
.event h2 span {letter-spacing:0.8em}
.event h3{font-size:70px;line-height:110%;padding-top:1%}
.event h4{font-size:20px}
.q_txt0{font-size:13px;width:70%;line-height:160%;letter-spacing:-0.05em;text-align:justify;padding-bottom:9%}
.q_txt2{width:70%;padding:1% 5% 3% 5%}
.q_txt2 .b, .q_txt2 span{font-size:13px}
.q_txt2 .eng{font-size:13px}
.q_txt1{font-size:17px;line-height:170%;width:80%;margin:0 auto;text-align:left}
.q_txt3{font-size:14px;line-height:140%;padding-top:1%;width:70%;padding-bottom:7%}
.q_txt4{font-size:20px;line-height:130%}
.q_txt5{font-size:10px;width:70%}
.q_txt6{font-size:12px;width:70%}
.q_txt1 .square{font-size:19px}
.q_txt1 .square3, .q_txt1 .square2{font-size:24px;line-height:130%}
.hint_r{font-size:15px;padding-top:2%}
.hint_l img{width:8%;padding-right:5px}
.hint_st span, .hint_st{font-size:14px}
.quizbox{padding:13% 0;width:100%}
.box{width:80%;margin:0 auto}
.boximg img{width:50%}
.present{padding:13% 0}
.presentlist li, .present_t2 .eng, .present_t2 span, .present_t2{font-size:12px}
.presentlist img{width:3%}
.quizbox{width:100%;margin:0 auto}
.box{width:90%}
.hint_st span, .hint_st{font-size:11px}
.present_t1{font-size:15px}
.btndiv{width:50%}
.btnleft{font-size:14px}
.btnleft img{width:15%}
.caption01{font-size:10px}
/*
.tb_normal td:nth-child(1){width:30%}
.tb_normal td:nth-child(2){width:10%}
.tb_normal td:nth-child(3){width:15%}
.tb_normal td:nth-child(4){width:23%}
*/
.news_txt li{font-size:12px}



}
@media screen and (max-width:360px) {
.mobile_360br{display:block}
.dtitle{font-size:32px}
.dgray{font-size:32px}
.dline{font-size:12px}
.division2_left{padding-left:2%;width:98%}
.division2_right{padding-left:2%;width:98%}
.presentlist li, .present_t2 .eng, .present_t2 span, .present_t2{font-size:10px}
.hint_l img{width:10%;padding-right:5px}
.hint_r{font-size:14px;padding-top:2%}
.hint_st span, .hint_st{font-size:8px}
.present_t1{font-size:10px}
.btnleft{font-size:13px}
.btnleft img{width:15%}
.box{width:85%}
.q_txt0{font-size:12px;width:67%;padding-bottom:10%}

.q_txt1{font-size:12px;padding-bottom:8%;line-height:160%;width:82%;line-height:180%;text-align:center}
.q_txt1 span{font-size:12px}
.q_txt1 .square{font-size:18px;line-height:180%}
.q_txt2{line-height:180%;width:75%}
.q_txt2 .b, .q_txt2 span{font-size:12px}
.q_txt2 .eng{font-size:14px}
.q_txt3{padding-bottom:10%}
.q_txt4{letter-spacing:-0.05em}
.q_txt6{padding-bottom:5%}
.event{height:515px}
.event h2{padding-top:25%;font-size:10px}
.event h4{font-size:18px}
.event h3{font-size:60px}
.stitle, .stitle span{font-size:11px}
.caution_st{font-size:13px}
.caution_st span{font-size:13px}
.guide_stitle2 li{font-size:9px}
.news_btn01 a{font-size:11px;width:75%}
.remember_btn01 a{font-size:11px}
.remember_btn02 a{font-size:11px}
.icon01 img{width:80%}
.tb_normal th{font-size:10px}
.tb_normal td{font-size:9px}
.tb_normal td span{font-size:8px}
.tb_normal2 th{font-size:10px}
.tb_normal2 td{font-size:9px}
.tb_normal2 td span{font-size:8px}
.tb_normal3 th{font-size:10px}
.tb_normal3 td{font-size:9px}
.tb_normal3 td span{font-size:8px}
.tb_normal4 th{font-size:10px}
.tb_normal4 td{font-size:9px}
.tb_normal4 td span{font-size:8px}
.tb_bottom{font-size:9px}
.tb_bottom span{font-size:9px}
.tb_bottom2{font-size:9px}
}

.flexs{display: flex; gap: 30px ;}
.flexs .two{width: 50%;}
@media screen and (max-width:767px) {
    .flexs{display:block;}
.flexs .two{width: 100%;}
}
/* 안전을 만드는 사람 */
.people {width: 60%; margin: 0 auto;}
.sub1_btn{font-size: 16px;line-height: 30px;background: #ECFBE8;
box-shadow: 0px 0px 2px 0px rgba(23, 31, 21, 0.25), 3px 3px 2px 0px rgba(23, 31, 21, 0.20);
text-align: center; padding: 10px 40px; width: fit-content; cursor: pointer;
transition: ease-in-out 0.3s; margin:20px 0 40px 0; display: block;}
.sub1_btn:hover{background: #f1f1f1; }

/* 안전한 공연 속으로 */
.box_table {width: 100%; margin: 0 auto; padding: 30px; background-color: #f7f7f9; box-sizing: border-box}
.box_table .tit {font-size: 28px; text-align: center; font-family: 'Noto Serif KR', serif;}
.box_table .table {width: 62%; margin: 0 auto; }
.box_table .table.w100 {width: 100%;}
.box_table .table .t_tit {position: relative; padding-left: 25px; margin-bottom: 20px; font-size: 22px; font-weight: bold; color: #cc3333;}
.box_table .table .t_tit:before {content: ""; position: absolute; left: 0; top: 10px; width: 15px; height: 15px; background-color: #cc3333; border-radius: 3px;}
.box_table .table table {width: 100%; border: 1px solid #000; border-spacing:0px; border-collapse:collapse; table-layout: fixed; overflow:hidden; word-break: keep-all}
.box_table .table thead th {font-size: 18px; color:#fff;border-right: 1px solid #fff;text-align: center; padding: 1% 2%; background: #000; vertical-align: middle; }
.box_table .table tbody td {font-size: 17px; color: #000; border-right: 1px solid #000; border-bottom: 1px solid #000; text-align: left; padding: 1.5% 1.5%; vertical-align: middle; line-height: 1.6; letter-spacing: -0.025em }
.box_table .table tbody td.center {text-align: center;}
.box_table .table tbody td dt {margin-bottom: 5px; font-weight: 500;}
.box_table .table tbody td dd {color: #666;}
.box_table .table tbody td dd .mini {display: block; font-size: 14px;}
.box_table .table tbody td .mb40 {margin-bottom: 40px;}
.box_table .table .br0 {border-right: 0; }


.sub1_title {text-align: center;}
.sub1_title .num {font-size: 22px;line-height: 22px; font-weight: 700;color: #aeaeae; margin-bottom: 16px;}
.sub1_title h4 {font-size: 30px;font-style: normal;font-weight: 500;line-height: 46px;letter-spacing: -0.75px;}
@media screen and (max-width:767px) {
.sub1_title h4 {font-size: 24px; line-height: 34px;}
}
.mini{font-size: 18px;font-weight: 400;line-height: 28px;letter-spacing: -0.45px; color: #666;}



.wbk{word-break: keep-all;}
@media screen and (max-width:475px){.s3_wrap .link_text{padding:5px 10px; font-size: 12px;}}
/* 공연안전 이슈 */
.info_box {width: 100%; margin-top: 40px; padding: 20px; background-color: #f3f5fd; box-sizing: border-box;}
.info_box p {font-size: 16px; color: #707070; line-height: 28px; margin-bottom: 10px  }
.info_box p.last {margin-bottom: 0; }
.newsbox .news_inner {margin:100px 0 }
.newsbox .news_inner:last-child {margin-bottom: 0; }
.news_box {width: 100%; padding: 50px 30px; border: 1px solid #808080; border-top: 0; box-sizing: border-box;}
.news_box.bt1 {border-top: 1px solid #808080; }
.news_box.mb30 {margin-bottom: 30px;}
.news_box .inner_txt {padding-left: 1.5em; text-indent: -1.5em; box-sizing: border-box}
.news_box .inner_txt .it_1 {display: block; margin-bottom: 10px; font-size: 20px; font-weight: 700; }
.news_box .inner_txt .it_2 {display: block; padding-left: 0.8em; font-size: 18px; line-height: 34px; text-indent: -0.8em; color: #707070; box-sizing: border-box}
.news_box .remember_btn03 a {display: block; width: 40%; margin: 5% auto 0 auto; padding: 0.8% 1.5%; border-radius: 25px; background: #ab7527; font-size: 20px; font-weight: 300; text-align: center; color: #fff; transition: all .2s; box-sizing: border-box;}
.news_box .remember_btn03 a:hover{background:#222}
.article_box {text-align: center; }
.article_box:after {content: ""; clear: both; display: block; }
.article_box li {display: inline-block; float: left; width: 33.3333%; padding: 30px 8px 50px; margin-left: -1px; margin-top: -1px; border: 1px solid #808080; box-sizing: border-box; }
.article_box li h4 {position: relative; padding-bottom: 10px; font-size: 18px; color: #303030; text-align: center; letter-spacing: -0.025em;}
.article_box li h4:after {content: ""; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 30px; height: 2px; background-color: #070707; }
.article_box li p {padding: 15px 0; font-size: 16px; text-align: center; color: #707070; }
.article_box li a {display: inline-block; padding: 10px 50px; border-radius: 30px; background-color: #808080; box-sizing: border-box; text-align: center; color: #fff; transition: all .2s;}
.article_box li a:hover {background-color: #222 }

/* 폭염안내 */
.notice .event {width: 100%; max-width: 1920px; height: 720px; margin: 0 auto; background: #fef4e7 url(../images/sub04_bg_.png) no-repeat center bottom; }
.notice .event .association {display: block; padding-top: 9%; padding-bottom: 2%; margin: 0 auto; text-align: center;}
.notice .event .title {padding: 0.3% 0 1.8% 0; text-align: center; font-weight: 900; font-size: 55px; color: #f08200; line-height: 1.4; letter-spacing: -0.025em;}
.notice .event .title span {font-size: 30px; font-weight: 500; letter-spacing: -0.025em; }
.notice .cont {overflow: hidden; max-width: 1080px; padding: 5% 0; margin: 0 auto; background: #fff; }
.notice .cont .inner {padding-left: 35px; }
.notice .cont .inner h3 {overflow: visible; position: relative; margin-bottom: 10px; font-size: 30px; font-weight: 500; color: #f08200; letter-spacing: -0.025em;}
.notice .cont .inner h3:before {content: ""; position: absolute; left: -30px; top: 15px; width: 17px; height: 17px; border: 3px solid #f08200; border-radius: 50%; box-sizing: border-box}
.notice .cont .inner > p {margin-bottom: 20px; font-size: 20px; font-weight: 500; color: #080808;}
.notice .cont .table {width: 100%; border: 1px solid #f08200; }
.notice .cont .table thead th {font-size: 18px; color:#fff;border-right: 1px solid #fff; border-top: 1px solid #fff; text-align: center; padding: 1.5% 2%; background: #f08200; vertical-align: middle; }
.notice .cont .table thead th.br0 {border-right: 0; }
.notice .cont .table tbody td {font-size: 20px; color: #080808; border-top: 1px solid #f08200; border-right: 1px solid #f08200; text-align: center; padding: 1%; vertical-align: middle; letter-spacing: -0.025em; word-break: keep-all;}
.notice .cont .table tbody td.left {text-align: left; }
.notice .cont .table tbody td strong {display: block; width: 70px; height: 70px; margin: 0 auto; font-weight: 500; color: #fff; border-radius: 50%; line-height: 70px; text-align: center;}
.notice .cont .table tbody td strong.bg1 {background-color: #55a4da }
.notice .cont .table tbody td strong.bg2 {background-color: #ffc400 }
.notice .cont .table tbody td strong.bg3 {background-color: #f2931b }
.notice .cont .table tbody td strong.bg4 {background-color: #e5252a }
.notice .present_t1 {font-size: 22px; color: #f08200; }
.notice .btndiv {width: auto; margin: 4% auto 0 auto; }
.notice .btnleft {padding-bottom: 0; font-weight: 300; }
.notice .btnleft strong {font-weight: 600; }
.special-interview{box-sizing: border-box; margin-top: 56px;}
.special-interview .interview-header{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.special-interview .label { display: inline-block; padding: 5px 10% 10px; background-color: #000; color: #fff; text-align: center; font-size: 22px; border-radius: 40px; }
.special-interview h4 { padding: 5px 5px 8px; margin-bottom: 30px; background-color: #fff; text-align: center; font-size: 22px; }
.special-interview h5 { margin: 0; margin-bottom: 20px; font-size: 30px; font-family: 'Noto Serif KR', serif; letter-spacing: 0; color: #000; }
.special-interview h6 { position: relative; margin-bottom: 20px; font-size: 22px; font-family: 'Noto Serif KR', serif; }
.special-interview h6:before { content: ""; position: absolute; left: -40px; top: 50%; width: 30px; height: 1px; background-color: #000; }
.special-interview h6:after { content: ""; position: absolute; right: -40px; top: 50%; width: 30px; height: 1px; background-color: #000; }
.special-interview .interview-box {  padding: 30px 0; }
.special-interview .interview-box .image { margin-right: 30px; }
.special-interview .interview-box .text .alert { color:#e13434; font-size:18px; margin-top: 20px; }
.special-interview .interview-box .text h5 { font-size: 22px; text-align: left; }
.special-interview .interview-box .text .name { display: block; margin-bottom: 15px; font-size: 18px; font-family: 'Noto Serif KR', serif; color: #1b1b1b; }
.special-interview .interview-box .text .txt{ width: 100%; color: #1b1b1b; font-size: 20px; font-weight: 400; line-height: 180%; text-align: justify; }
.special-interview .interview-box:first-child { padding-top: 0; border-bottom: 1px solid #ccc; }
@media screen and (max-width: 1024px) {
  .special-interview  {
      margin-top: 30px;
    }
}


/* youtube */
.video_wrap {width: 60%; margin: 0 auto; margin-bottom: 5%;}
.video_wrap .video {position: relative; width: 100%; padding-bottom: 56.25%; }
.video_wrap.p70 {padding: 0 145px; margin-bottom: 100px; }
.video_wrap .video .iframe {width: 100%; height: 100%; position: absolute; border: 0;}
.video_wrap .caption {width:100%;color:#333;line-height:26px;font-size:18px;text-align:center; box-sizing: border-box; clear: both; margin-top: 1%;}

/* common */
.fw_400 {font-weight: 400 !important; }
.fw_500 {font-weight: 500 !important; }
.fw_700 {font-weight: 700 !important; }
.dep1 {display: block; padding-left: 1.2em; text-indent: -1.2em; box-sizing: border-box;} /* ※ */
.dep2 {display: block; padding-left: 0.8em; text-indent: -0.8em; box-sizing: border-box;} /* - */
.ltsp_1 {letter-spacing: -0.025em;}
.mb40 {margin-bottom: 40px; }
.mb60 {margin-bottom: 60px; }
.mhid {display: block; }
.mshow {display: none; }
.img-responsive {max-width: 100%; }
.font_serif {font-family: 'Noto Serif KR', serif; }
.ccolor1 {color: #dd2626 !important;}
.ccolor2 {color: #263e8c !important;}
.ccolor2 {color: #263e8c !important;}
.c_777 {color: #777;}
.text-right {text-align: right;}
.text-left {text-align: left;}
.text-center {text-align: center;}


@media screen and (max-width:1680px) {
    /* 공연 안전 이슈 */
    .article_box li {padding: 30px 8px 50px;}
    .article_box li h4 {font-size: 16px;}
    .article_box li p {font-size: 14px;}
    .article_box li a {padding: 5px 30px; font-size: 16px; }
}

@media screen and (max-width:1600px) {

    /* 안전한 공연 속으로 */
    .box_table .table tbody td {font-size: 14px; }


    /* 공연안전 이슈 */
    .news_box .remember_btn03 a {width: 60%; }
    .article_box li {width: 50%; padding: 30px 8px 50px;}
    .article_box li h4 {font-size: 16px;}
    .article_box li p {font-size: 14px;}
    .article_box li a {padding: 5px 30px; font-size: 16px; }

}
@media screen and (max-width:1440px) {
	/* 공연안전 이슈 */
	.news_box .inner_txt .it_1 {margin-bottom: 5px; font-size: 18px;}
	.news_box .inner_txt .it_2 {font-size: 16px; line-height: 30px;}
	.news_box .remember_btn03 a {width: 80%; padding-top: 5px; padding-bottom: 5px; font-size: 18px; }

	.sub5_info2 .box .t1 {
		font-size: 18px;
	}
	.sub5_info2 .box_btn a {
		width: 80%;
		margin: 2% auto 0 auto;
		padding: 0.8% 1.5% 1.5%;
		font-size: 16px;
	}
}

@media screen and (max-width:1280px) {
	/* 안전에 다가가기 */
	.s3_wrap {
		width: 100%;
		padding: 0 8%;
		box-sizing: border-box;
	}
	.s3_wrap .source {font-size: 14px;}
	.s3_wrap .s3_box .text {
		font-size: 16px;
	}
	.s3_wrap .s3_box .point {
		font-size: 18px;
	}
	.s3_wrap .s3_tit {
		margin-bottom: 0;
		font-size: 22px;
	}
	.s3_wrap .stit3 {
		font-size: 20px;
	}
	.s3_wrap .s3_box dl dt {
	font-size: 16px;
	line-height: 28px;
	}
	.s3_wrap .s3_box dl dd {
		font-size: 16px;
		line-height: 28px;
	}
	.s3_wrap .down_list .t1 p {
		font-size: 18px;
	}
	.s3_wrap .down_list .t2 {
		position: absolute;
		right: 0;
		top: 0;
		width: 140px;
		height: 32px;
		padding-left: 10px;

	}

	.s3_wrap .down_list .t2_btn {
		width: 140px;
		height: 32px;
		line-height: 32px;
		font-size: 14px;
	}

	.news_stitle { font-size: 18px; }
	.news_stitle:before {width: 20px; margin-right: 2%; }
	.news_stitle:after {width: 20px; margin-left: 2%;}
	.sub5_info2 .box {
		float: none;
		width: 100%;
		padding: 15px;
		margin-right: 0;
		margin-bottom: 4%;
	}
	.sub5_info2 .box .t1 {
		margin-bottom: 15px;
	}
	.sub5_info2 .box_btn a {
		width: 80%;
		padding: 0.8% 1.5% 1.5%;
	}

    /* 폭염안내 */
    .notice .event {height: 600px; background-size: 767px auto; }
    .notice .event .title {padding: 0.3% 0 1.8% 0;  font-size: 40px; }
    .notice .event .title span {font-size: 20px; }
    .notice .cont {max-width: 767px; padding: 7% 0; }
    .notice .cont .inner {padding-left: 35px; }
    .notice .cont .inner h3 {font-size: 25px; }
    .notice .cont .inner h3:before {left: -30px; top: 10px; width: 17px; height: 17px;}
    .notice .cont .inner > p {margin-bottom: 20px; font-size: 16px;}
    .notice .cont .table thead th {font-size: 14px; padding: 1.5% 2%; }
    .notice .cont .table tbody td {font-size: 16px;}
    .notice .cont .table tbody td strong {width: 50px; height: 50px; line-height: 50px;}
    .notice .present_t1 {padding-top: 0; font-size: 20px; }
}

@media screen and (max-width:1024px) {
    /* 안전한 공연 속으로 */
	.box_table .table .t_tit {margin-bottom: 10px; padding-left: 15px; font-size: 16px;}
	.box_table .table .t_tit:before {top: 8px; width: 10px; height: 10px; border-radius: 2px;}
		.box_table .table {width: 95%; margin: 0 auto; }
    .box_table .table thead th {font-size: 14px; }
    .box_table .table tbody td,
		.box_table .table tbody td dd .mini{font-size: 12px; }
    .sub6_btm {padding: 15px 30px; margin: 3% auto; }
    .sub6_btm ul li {padding: 15px 10px;}
    .sub6_btm ul li p {font-size: 15px;  }
    .sub6_btm ul li a {padding: 1% 8%;font-size: 14px; }

    /* 공연 안전 이슈 */
    .info_box {margin-top: 30px; padding: 15px; }
    .info_box p {font-size: 14px; line-height: 24px;}
    .article_box li {float: none; width: 100%; padding: 30px 8px;}
    .article_box li h4 {font-size: 16px;}
    .article_box li p {font-size: 14px;}
    .article_box li a {padding: 5px 30px; font-size: 16px; }


	/* 공연안전 소식 */
	.text-right {font-size: 12px;}
	.sub5_info {
		padding: 15px;
		margin-top: 40px;
		margin-bottom: 20px;
	}
	.sub5_info .tit {
		padding-left: 20px;
		margin-bottom: 30px;
		font-size: 18px;
	}
	.sub5_info .tit:before {
		top: 8px;
	}
	.sub5_info .inner .stit {
		font-size: 18px;
	}
	.sub5_info .inner .stit:before {
		top: 8px;
	}
	.sub5_info .inner .s5_box {
		padding: 20px 10px;
		margin-bottom: 20px;
	}
	.sub5_info .s5_box .t1 {
		margin-bottom: 20px;
		font-size: 18px;
	}
	.sub5_info .s5_box .t2 {
		font-size: 16px;
	}
	.sub5_info .s5_box ul > li {
		font-size: 14px;
	}
	.sub5_info .s5_box .text {
		font-size: 14px;
	}
	.sub5_info .s5_box .box_table {
		padding: 30px 0 0;
	}
	.sub5_info_btn a {
		width: 200px;
		height: 40px;
		font-size: 18px;
		line-height: 40px;
	}
}
@media screen and (max-width:960px) {
	.box_table .tit {
		font-size: 22px;
		word-break: keep-all;
	}
	.stitle.stitle2 {
		font-size: 20px;
		word-break: keep-all;
	}
	.sub6_info {
		width: 100%;
		font-size: 16px;
	}
	.sub6_info .text {
		font-size: 16px;
		line-height: 28px;
	}
	.sub6_info2 {
		width: 100%;
		padding: 50px 20px 30px;
	}
	.sub6_info2 .box_tit .label {
		width: 250px;
		height: 42px;
		font-size: 18px;
		line-height: 42px;
	}
	.sub6_info2 .box_tit .t1 {
		font-size: 22px;
		word-break: keep-all;
	}
	.sub6_info2 .box_tit .t2 {
		font-size: 18px;
	}
	.sub6_info2 .box_tit .t2:before {
		width: 20px;
		margin-right: 10px;
	}
	.sub6_info2 .box_tit .t2:after {
		width: 20px;
		margin-left: 10px;
	}
	.sub6_info2 .box_tit .lead {
		font-size: 16px;
	}
	.txt06 {
		font-size: 14px;
	}

    /* 공연 안전 이슈 */
    .news_box {padding: 30px 20px; }
		.sub5_info_btn a,
    .news_box .remember_btn03 a {width: 100%; font-size: 15px; }

	.video_wrap {width: 100%; }

	.news_stitle { font-size: 16px; }

	.sub5_info2 .box .t1 {font-size: 16px;}
	.sub5_info2 .box_btn a {width: 100%; font-size: 15px;}
}
@media screen and (max-width:767px) {
	/* 안전한 공연 속으로 */
	.box_table {width: 95%; padding: 15px;}
	.table thead th {font-size: 12px; }
	.table tbody td {font-size: 12px; }
	.sub6_btm {width: 90%; padding: 0 5px; margin-bottom: 7%;}
	.sub6_btm ul li {padding: 15px 10px;}
	.sub6_btm ul li p {font-size: 14px; line-height: 1.4; }
	.sub6_btm ul li a {padding: 1% 8%;font-size: 14px; }

	/* 안전에 다가가기 */
	.s3_btn a {width: 140px; height: 32px; line-height: 32px; font-size: 14px;}


	.s3_wrap .source {text-align: center;word-break: keep-all;}
	.s3_wrap {padding: 0 2%;}
	.s3_wrap .s3_tit {font-size: 18px;}
	.s3_wrap .stit3 {font-size: 16px;}
	.s3_wrap .s3_box .small_box .text {font-size: 14px;}
	.s3_wrap .s3_box .small_box .text .stxt {font-size: 16px;}
	.s3_wrap .s3_box .s3_inner { padding: 15px; }
	.s3_wrap .s3_box dl dt {
		font-size: 14px;
		line-height: 24px;
	}
	.s3_wrap .s3_box dl dd {
		font-size: 14px;
		line-height: 24px;
	}


.s3_wrap .down_list .t1 {
	padding-right: 0;

}
.s3_wrap .down_list .t1 p {
	display: block;
	padding-right: 0;
	margin-bottom: 10px;
	text-align: center;
}
.s3_wrap .down_list .t1:after {
	display: none;
}
.s3_wrap .down_list .t2 {
	position: relative;
	right: auto;
	top: auto;
	padding-left: 0;
	margin-left: auto;
	margin-right: auto;

}

	/* 공연 안전 이슈 */
	.newsbox .news_inner {margin: 50px 0;}
	.news_box .inner_txt .it_1 {font-size: 16px;}
	.news_box .inner_txt .it_2 {font-size: 14px; line-height: 24px;}

	 /* 폭염안내 */
	.notice .event {height: 380px; background-size: 460px auto; }
	.notice .event .association {padding-top: 13%; padding-bottom: 0; }
	.notice .event .title {padding: 0.3% 0 1.8% 0;  font-size: 30px; }
	.notice .event .title span {font-size: 15px; }
	.notice .cont {max-width: 767px; padding: 7% 2%; }
	.notice .cont .inner {padding-left: 20px; }
	.notice .cont .inner h3 {font-size: 20px; }
	.notice .cont .inner h3:before {left: -20px; top: 8px; width: 15px; height: 15px;}
	.notice .cont .inner > p {margin-bottom: 20px; font-size: 16px;}
	.notice .cont .table thead th {font-size: 14px; padding: 1.5% 2%; }
	.notice .cont .table tbody td {font-size: 14px;}
	.notice .cont .table tbody td strong {width: 30px; height: 30px; font-size: 12px; line-height: 30px;}
	.notice .box {width: 90%; }
	.notice .btnleft img {width: 20px; }
	.notice .present_t1 {padding-top: 0; font-size: 20px; }

	.mhid {display: none; }
	.mshow {display: block; }

	.box_table .tit {
		font-size: 18px;
	}
	.stitle.stitle2 {
		font-size: 16px;
	}
}

@media screen and (max-width:475px) {
	/* 공연안전 이슈 */
	.info_box p {font-size: 14px; line-height: 22px;  }
	.news_box .inner_txt .it_1 {font-size: 14px;}
	.news_box .inner_txt .it_2 {font-size: 12px; line-height: 20px;}
	.sub5_info2 .box_btn a,
	.news_box .remember_btn03 a {font-size: 14px; }
	.article_box li h4 {font-size: 15px;}
	.article_box li p {font-size: 12px;}
	.article_box li a {padding: 5px 20px; font-size: 14px; }
	.sub5_info2 .box .t1 {font-size: 14px;}

	 /* 폭염안내 */
	.notice .event {height: 300px; background-size: 320px auto; }
	.notice .event .association {padding-top: 28%; width: 50%; }
	.notice .event .title {padding: 0.3% 0 1.8% 0;  font-size: 24px; }
	.notice .event .title span {font-size: 15px; }
	.notice .cont {max-width: 767px; padding: 7% 2%; }
	.notice .cont .inner {padding-left: 20px; }
	.notice .cont .inner h3 {font-size: 16px; }
	.notice .cont .inner h3:before {top: 8px;}
	.notice .cont .inner > p {margin-bottom: 10px; font-size: 16px;}
	.notice .cont .table thead th {font-size: 12px; padding: 1.5% 2%; }
	.notice .cont .table tbody td {font-size: 12px;}
	.notice .present_t1 {padding-top: 0; font-size: 14px; }
	.notice .btndiv {padding: 2%; }
	.notice .btnleft {font-size: 12px; }
	.people{width: 90%;}

}
@media screen and (max-width:320px) {
    /* 안전한 공연 속으로 */
    .sub6_btm ul li p {font-size: 12px; line-height: 1.2; }
    .sub6_btm ul li a {padding: 1% 8%;font-size: 12px; }
}



.title_01 { font-size: 20px; margin-bottom: 10px; }
.title_01.orange { color:#f58220; }
.title_01 sup {font-size: 12px; margin-left: 10px;}
.title_02{    margin-top: 15px;
    margin-bottom: 15px;
    font-weight: bold;
    font-size: 20px;
    color: #ab7527;}
.text_01 { text-align: center;}

.link_text{border-radius: 50px; color:#fff; padding:5px 20px; background: #000; display: inline-block;margin-bottom: 10px}
.lit_text1{    color: #ab7527; font-size: 14px}
.lit_text2{  font-size: 14px}
@media screen and (max-width:767px){.link_text{font-size: 14px; border-radius: 18px; padding: 10px 20px;}}

.box_01{background: #f7f7f9; padding:20px}
.box_tit{font-weight: bold; font-size: 18px; text-align: center;}

.bb1{border-bottom: 3px solid #ab7527}
.mt12{margin-top: 12px;}
.mt10{margin-top: 10px !important}
.mt20{margin-top: 20px !important}
.mt40{margin-top: 40px !important}
.mt60{margin-top: 60px !important}
.mt0{margin-top: 0px !important}
.mb0{margin-bottom: 0px !important}
.mb10{margin-bottom: 10px !important}
.mb20{margin-bottom: 20px !important}
.mb40{margin-bottom: 40px !important}
.mb60{margin-bottom: 60px !important}

.pd0{padding:0}
.fs22{font-size: 22px}


.tac{text-align: center!important;}
.tal{text-align: left!important}
.tar{text-align: right!important;}

.table_part .txt_alert { color:#f58220; }

.table_respon { margin-bottom: 10px; }
.table_respon table { width: 100%; }
.table_respon table thead tr:last-child th { border-top: 1px solid #FFF; }
.table_respon table th { background-color: #f58220; color:#FFF; font-size: 20px; vertical-align: middle; padding: 8px; border-right: 1px solid #fff; word-break: keep-all; }
.table_respon table td { background-color: #fef0e2; color:#333; font-size: 18px; vertical-align: middle; border-bottom: 1px solid #f58220; padding: 8px; text-align: center;  word-break: keep-all;}
.table_respon table td.tal{text-align: left !important;}
.table_respon.gray table th { background-color: #acacac;  }
.table_respon.gray table td { background-color: #f5f5f5; border: 1px solid #acacac; }
.table_respon.gray table td:last-child { text-align:left; }
.table_respon.blue table th { background-color: #51b0e6;  }
.table_respon.blue table td { background-color: #ecf6fc; border: 1px solid #51b0e6; }
.table_respon.yellow table th { background-color: #ecc527;  }
.table_respon.yellow table td { background-color: #f6f2e2; border-bottom: 1px solid #ecc527; }
.table_respon.white table td { background-color: #FFF; border-bottom: 1px solid #F5821F }
.table_respon table td .hide_th { display: none; }

@media screen and (max-width:767px) {
    .table_respon table th {font-size:18px; }
.table_respon table td {  font-size: 17px; }
}
.table_respon table td.txt_left { text-align: left; }
.table_respon table td .mini { display: block; font-size: 11px; }
.table_respon table td .circle { display: inline-block; width: 50px; text-align: center; line-height: 50px; height: 50px; background-color: #888; color: #FFF; border-radius: 30px; }
.table_respon table td .circle.lv1 { background-color: #55a4da; }
.table_respon table td .circle.lv2 { background-color: #ffc400; }
.table_respon table td .circle.lv3 { background-color: #f2931b; }
.table_respon table td .circle.lv4 { background-color: #e5252a; }

/*7월 sub3표*/
.table_respon td.orange{border-bottom: 1px solid #fff !important; background-color: #f58220 !important; color: white; font-size: 16px;}
.table_respon.oranges tr td{border:1px solid #f58220 ; word-break: break-all; }
.table_respon.oranges thead tr td{background: #fef4e8 !important; border: 1px solid  #f58220 ; padding: 20px 0; font-size: 24px; font-weight: bold; color: #f08200;}


@media screen and (max-width:767px) {
	.special-interview { width: 100%}
	.special-interview .interview-box { width: 100%; display: block;}
}
@media screen and (max-width:475px) {
	.table_respon table th { display: none; }
	.table_respon table td{ float: left; width: 100%; text-align: left; box-sizing: border-box;}
  .table_respon.oranges tr td{padding: 2px 8px !important;border: none !important;}
  .table_respon td.orange .border_n{border: none !important;}
	.table_respon table tr td:first-child { padding-top: 8px; border-top: 1px solid #f58220; }
	.table_respon table tr td:last-child { padding-bottom: 8px; border-bottom: 1px solid #f58220; }
	.table_respon.gray table tr td { border-bottom: 0px solid #acacac; }
	.table_respon.gray table tr td:first-child { border-top: 1px solid #acacac; }
	.table_respon.gray table tr td:last-child { border-bottom: 1px solid #acacac; }
	.table_respon.blue table tr td { border-bottom: 0px solid #51b0e6; }
	.table_respon.blue table tr td:first-child { border-top: 1px solid #51b0e6; }
	.table_respon.blue table tr td:last-child { border-bottom: 1px solid #51b0e6; }
	.table_respon.yellow table tr td { border-bottom: 0px solid #ecc527; }
	.table_respon.yellow table tr td:first-child { border-top: 1px solid #ecc527; }
	.table_respon.yellow table tr td:last-child { border-bottom: 1px solid #ecc527; }
	.table_respon.white table tr td { border-bottom: 1px solid #DDD; }
	.table_respon.white table tr td:first-child { border-top: 1px solid#f58220;  }
	.table_respon.white table tr td:last-child { border-bottom: 1px solid #DDD; }
    	.table_respon.white table tr td.ject{border-bottom: none !important;}
	.table_respon table td .hide_th { display: block; float: left; width: 100px; }
     .table_respon table .pc{display: none;}
    .table_respon table td {border-bottom: 1px solid #ddd;}
	.table_respon table td .ject { display: block; float: left; width: calc(100% - 100px); }
	.table_respon.white table td .hide_th { display: block; float: left; width: 138px;font-weight: bold; }
	.table_respon.white table td .ject { display: block; float: left; width: calc(100% - 140px); }

  .table_respon.orange-line tr td{border:none }
  .table_respon.oranges thead tr td{background: #fff !important; }

}






/**/


.cont_list { margin:100px auto; font-size: 16px;line-height: 30px;background-color: #ffffff;text-align: center;border: 1px solid #222; padding: 10px 40px; width: fit-content; cursor: pointer;
transition: ease-in-out 0.3s;}
.cont_list:hover{background: #f1f1f1; }
#pre_cont_wrap {position: fixed;left: 0px;right: 0px;bottom: -100%;background-color: #f1f1f1;z-index: 999;padding-top: 80px;}
#pre_cont_wrap .container {position:relative; max-width: 1140px;width: 100%;max-width: 1140px;margin:0 auto;}
#pre_cont_wrap .pre_cont {width: 100%;height: 520px;overflow-y: auto;background:#f1f1f1;box-sizing: border-box;display: flex;flex-wrap: wrap;
    gap: 20px  40px; padding-bottom: 80px; position: relative;} 

#pre_cont_wrap .pre_cont .thumb { width: calc((100% - 80px) / 3);  box-sizing: border-box;flex-shrink: 0; border: 1px solid #ccc;}
#pre_cont_wrap .pre_cont .thumb img {width: 100%;height: auto;display: block;}

#pre_cont_wrap a:hover,
#pre_cont_wrap a:focus,
#pre_cont_wrap a:visited,
#pre_cont_wrap a:active {text-decoration: none; outline: none;box-shadow: none;color: #222; }

#pre_cont_wrap .pre_cont .thumb .caption {text-align: center;}
#pre_cont_wrap .pre_cont .thumb .caption .vol_txt {font-size: 18px;font-weight: 400;line-height: 18px;letter-spacing: -0.45px; color: #222; background: white; padding: 10px 0;}
#pre_cont_wrap .pre_cont_close { position: absolute;right: 0; top:-40px; text-align: right; }
#pre_cont_wrap .pre_cont_close a {}

#pre_cont_wrap .pre_cont::-webkit-scrollbar {width: 8px;}
#pre_cont_wrap .pre_cont::-webkit-scrollbar-thumb {background-color: #3d3d3d; border-radius: 6px;}
#pre_cont_wrap .pre_cont::-webkit-scrollbar-track {background-color: #ccc;border-radius: 6px 6px 0 0;}

/* 기본: 3개씩 */
#pre_cont_wrap .pre_cont .thumb {
  width: calc((100% - 80px) / 3);
  box-sizing: border-box;
  flex-shrink: 0;
  border: 1px solid #ccc;
}


@media (max-width: 1140px) {
#pre_cont_wrap {padding: 60px 40px 0px 40px;}
  #pre_cont_wrap .pre_cont {gap: 40px 40px;}
}

@media (max-width: 1023px) {
#pre_cont_wrap {padding: 60px 32px 0px 32px;}
  #pre_cont_wrap .pre_cont {gap: 30px 30px;}
  #pre_cont_wrap .pre_cont .thumb {width: calc((100% - 40px) / 2); }
  
}

@media (max-width: 767px) {
    #pre_cont_wrap {padding: 60px 27px 0px 27px;}
    #pre_cont_wrap .pre_cont .thumb {width: 100%;}
    #pre_cont_wrap .pre_cont_close {width: 90%;}
}