@import url('webflow.css');
@import url('hongcomms-kird.webflow.css');
@import url('https://fonts.googleapis.com/css2?family=Hahmlet:wght@100;200;300;400;500;600;700;800;900&display=swap');

body.bodyfixed { position: fixed; width:100%;}
#cont_top p {font-size: 22px; color: #000;}
a {min-height: 0; display: block; margin:0; padding:0;}
/*brclass*/
.mobilebr {display:none}
.br900 {display:none}
/*header*/

#sub_hd .vol{float:right;width:400px;margin:0.5% 0 0 0;position:relative;}
#sub_hd .voltxt {float:left;font-size:14px;color:#000;font-weight:500;margin:4% 10% 5% 10%;border: 1px solid #000;border-radius: 50px;padding: 5px 20px;}
#sub_hd .nav_bt {float:right;position:fixed;right:5%; color:#222;font-weight:600; font-size:16px;}

/*visual*/
#sub_top {margin-top:7%;}
#sub_top h2{ font-family: 'Cantata One', serif;font-size: 65px;font-weight:400;margin-top:30px;margin-bottom: 60px;}
#sub_top h2 span {font-size:36px; font-family: 'Open Sans', sans-serif;}
#sub_top p {font-size: 22px; width:90%; margin-left: 5%; margin-bottom: 70px;}
.cont .wrap{margin:5% auto}
.cont .wrap h3{}
.textarea {margin:0 26%;}
.cont .wrap p {/* text-align: justify !important; */}
.cont .wrap .textarea > picture {display: block;padding: 0;margin: 7% 0;}
.cont .wrap .textarea > p {font-size: 18px;text-align: justify;line-height: 1.7;}
.cont .wrap .textarea > h3 {font-size: 38px !important;font-weight:600;margin-top:70px;text-align: left;color: #252525;}
.cont .wrap .textarea > h4 {font-size: 28px !important;font-weight:600;margin-top:70px;color: #0085d6;font-weight: 400;}
.cont .wrap .textarea > h4 span {background: #fb6e67;font-size: 24px !important;color: #fff;font-weight: 400;text-align: center;display: inline-block;width: 31px;height: 30px;border-radius: 30px;margin-right: 7px;line-height:30px}
.imgs {margin:5% 21.5%;}

.tac {text-align:center;}
/*References*/
.caption02{background:none; padding-left:30px;font-size:14px;font-family: 'Noto Sans KR', sans-serif;color:#4b76ae}
.caption02:before{content:"- "; margin-left:-13px}
.caption02 a{color:#4b76ae}

/*sub01_Program*/
.sub01_tb {margin:5% 0}
.sub01_tb thead{background-color:#0085d6; font-size:16px; color:#fff;text-align:center;}
.sub01_tb thead td {border-right:1px solid #fff;padding:1% 0}
.sub01_tb thead td.last {border-right:0px solid #fff}
.sub01_tb tbody {font-size:14px;color:#000}
.sub01_tb tbody tr th {border:1px solid #ccc;padding:2% 3%;border-left:0px solid #fff}
.sub01_tb tbody tr td {border:1px solid #ccc;padding:2% 3%}
.sub01_tb tbody tr td.last{border-right:0px;}
.sub01_tb tbody tr td.first{border-left:0px;}

#sub_program .wrap{clear:both;width: 1630px;margin:0 auto;}
#sub_program .program{width:75%;margin:0 auto;padding-inline-start:0px !important;}
#sub_program .program li {width:100%; }
#sub_program .program li dl {border: 1px solid #addfe5;box-shadow: 0 35px 40px 0 rgb(242, 245, 254, 0.08);border-radius: 20px;background: #fff;padding: 7%;}
#sub_program .program li dl p {text-align: left;padding: 0; margin: 0;}
#sub_program .program li dl h3 {text-align: left;padding: 0; margin: 0;font-size:20px;font-weight:400; color: #3eb1c5/*#91a1f6*/;font-family: 'Open Sans', sans-serif;}
#sub_program .program li dl h4 {text-align: left;margin: 0;font-size:40px;color: #201e62;text-align: left;padding:0 0 2% 0;font-family: 'Open Sans', sans-serif;letter-spacing:-0.05em}
#sub_program .program li dl p {font-size:16px;font-family: 'Open Sans', sans-serif;}
#sub_program .program li dt {min-height: 150px;border-bottom: 1px solid #ddd;}
#sub_program .program li dt.text_tit p {margin: 0 0 10px 2px;}


#sub_program .program li dd {margin: 5% 0 5% 1%;}
#sub_program .program li .t_tit {text-align: left;font-size:18px;color: #201e62;text-align:left;padding:0;font-weight:bold;margin:5% 0 0 0}
#sub_program .program li .t_info {display: block;margin-top: 10px;margin-bottom: 30px;color: #333;font-size: 18px;}
#sub_program .program li .t_info2 {display: block;margin-top: 10px;margin-bottom: 30px;color: #777;font-size: 14px; font-weight:400}
#sub_program .program li .t_list {margin-bottom: 10px;position: relative;padding-left: 0px;color: #333;font-size: 16px;}
#sub_program .program li .t_list span{min-width: 120px; margin-right:2%; text-align: center; display: inline-block;padding:1px 3px;background: #0085d6;color: #fff;border-radius:7px}
#sub_program .program li .btn {background: #ff5a00; font-size: 18px; font-weight: 500; color: #fff; border-radius: 30px; padding: 1% 10% ; text-align: center; margin:5% auto 0 auto;width: 60%; text-decoration: none;transition: .3s;}
#sub_program .program li .btn:hover {background: #777; transition: .3s;}
#sub_program .cou_tit {font-size:40px;font-weight:bold;text-align:center;margin:0 auto;color:#222;}

#sub_program .program li dd .t1 {display: block;margin:1% 0;color:#201e62;font-size:16px;}
#sub_program .program li dd .t2 {}
#sub_program .program li dd p span {font-weight:bold; margin-right:2%}

/*프로그램 테이블*/
.table_box_pg01 {overflow:hidden;margin:2% 0 10%;padding:0 5%;}

.tabmenu{width:100%;padding:5% 7% 0 7%;overflow:hidden;}
.tabmenu ul {padding-inline-start: 0px !important;}
.tabmenu li{display:block;float:left;width:49.5%;margin:0 1px 5% 1px;background:#444;text-align:center;padding:1% 0;}
.tabmenu li a {color:#fff;}
.tabmenu li:hover{background:#0085d6;}
.tabmenu li.on{background: #0085d6;color:#fff}

.pro_tb {word-break:break-all;font-size:12px;border:1px solid #fff;color:#000}
.pro_tb td {border-radius:10px;word-break:break-all;padding:0.5% 0}
.pro_tb td p{font-size:12px !important;text-align:center !important;color:#000;border-bottom:1px solid #fff;padding:10px 0;line-height:300%}
.pro_tb td p:last-child {border-bottom:0px solid #fff}
.pro_tb tr, .pro_tb td {border:1px solid #fff;text-align:center;}
.pro_tb td.left {text-align:left;padding:0 0 0 1%}
.pro_tb .tbg1 {background:#004880;color:#fff}
.pro_tb .tbg2 {background:#addfe5;}
.pro_tb .tbg3 {background:#e1eef0;}
.pro_tb .tbg4 {background:#0eacc5;color:#fff}
.pro_tb .tbor1 {margin:10px 0}

.pro_tb5_border {clear:both;width:100%;}
.pro_tb5 {width:49%;float:left;margin-right:2%;border:1px solid #addfe5;border-radius:20px;margin-top:1%;padding:1%}
.pro_tb5.right {margin-right:0;}
.pro_tb5 p {font-size:12px !important; border-bottom:1px solid #ececec;padding:1% 0 !important;text-align:center !important;}
.pro_tb5 p:last-child {border-bottom:1px solid #fff}
.pro_tb6_border {clear:both;width:100%;margin-top:50px !important;}
.pro_tb6 {width:49%;border:1px solid #addfe5;border-radius:20px;margin-top:1%;padding:1%}
.pro_tb6 p {font-size:12px !important; border-bottom:1px solid #ececec;padding:1% 0 !important;text-align:center !important;}
.pro_tb6 p:last-child {border-bottom:1px solid #fff}
/*sub02_trend*/
#sub_trend .bull_txt p {background:url(../images/sub/bullet01.jpg) no-repeat 5px 13px;padding-left:20px;}
.subcopy{display:block;width:40%;margin:0 auto;font-size:16px;padding:0;color:#777; text-align: center; padding-bottom:3%;}
.subcopy02{display:block;width:40%;margin:0 auto;font-size:16px;padding:0;color:#777; text-align: center; padding-bottom:0;}

	/* 2호 추가 */
.sub_stitle {font-size:24px;font-weight:400; color: #3eb1c5;line-height:250%;}
.text_bold {font-size:18px;font-weight:600; color: #000;padding-top:5%;line-height:250%;}
.text_box1 {width:100%; border:1px solid #aaa; padding:0% 5% 5%5%; margin:5% 0; background-color:#eee;font-size:14px;}
.sub02_p{}
.sub02_p span{margin-left:-25px;}
.sub02_p2{padding-left:10px;}
.sub02_p2 span{margin-left:-10px;}
/*sub02_table*/
.table_box {overflow:hidden;margin:4% auto 5% auto; }
.table_box h4 {text-align:center;color:#222;font-size:18px;font-weight:500;margin:0 0 2% 0}
.sub02_table {width:100%;font-size:16px;margin:3% auto word-break: break-all;text-align:center;color:#444;font-weight:400; }
.sub02_table tr th {background:#7ca1d2 ;line-height:1.5;border:1px solid #fff;word-break: break-all;color:#fff}
.sub02_table thead tr {background:#7ca1d2 ;line-height:1.5;border:1px solid #fff;word-break: break-all;color:#fff}
.sub02_table thead tr td {border-right:1px solid #fff;word-break: break-all;}
.sub02_table tr {line-height:1.5;word-break: break-all;}
.sub02_table tr td {border-left:1px solid #ccc;border-bottom:1px solid #ccc;padding:10px;word-break: break-all;padding:1.5% 3.5%}
.sub02_table tr td.first {border-left:1px solid #fff;word-break: break-all;}
.bgc1 {background:#e7edfc;}
.bt01{border-top:1px solid #ccc;}
.tdle{text-align:left}

.tableps {float:right;font-size:14px;color:#ccc}
.spk_card {position: relative;display: block;margin: 8% auto;border-radius: 20px;border: 1px solid #cde8c6;box-shadow: 0 20px 25px 0 rgb(242, 245, 254, 0.08);padding:30px;min-height: 210px;width:80%;}
.spk_card picture{position: absolute;padding-top: 0;left: 30px;}
.spk_card div {margin-left: 70px;}
.spk_card div .tit {font-size: 20px;color:#201e62;margin: 7% 0 0 100px;font-weight: 600;text-align: left;}
.spk_card div .text1 {color: #01ab47;margin: 0 0 0 100px;font-size: 16px;text-align: left;}
.spk_card div .text2 {color: #333;margin: 20px 0px 20px 100px;font-size: 16px;}
.spk_card_m {display:none}
.spk_card_m .tit {font-size: 20px;color:#201e62;font-weight: 600;}
.spk_card_m .text1 {color: #01ab47;font-size: 16px;}
.spk_card_m .text2 {color: #333;font-size: 16px;}

.caption_box {position:relative; display: block; margin:2% auto 5% auto; border-radius:10px; background-color:#f1f1f1; padding:3%; width:50% }

.inside_bt {box-shadow:0 10px 18px 0 rgb(239 113 107 / 15%);border-radius:50px; background-color:#fb6e67;margin:2% 26% 2% 26%;padding:2% 0;text-align: center;}
.inside_bt a {color:#fff;text-align: center;}
.hilight{background:#c2f7ff; color:#252525;font-weight:500}
.txt_anno {font-size:14px; color:#aaa; display:inline-block; line-height:1.5;margin-top:3%; text-align:left !important;}

/*sub03*/
#sub_card {text-align:center; margin:0 auto;width:50%}
#sub_card  img {display:block; width:100%; margin:5% 0 }
.youtube_bt {box-shadow:0 10px 18px 0 rgb(239 113 107 / 15%);border-radius:50px; background-color:#fb6e67;margin:5% 30% 10% 30%;padding:2% 0;text-align: center;}
.youtube_bt a {color:#fff;text-align: center;}

/*sub04*/
.tabmenu02{width:80%;padding:6% 0; margin:0 10%;}
.tabmenu02 li{display:block;float:left;width:49%;margin:0 1px 5% 1px;background: #707070;color:#fff; text-align:center;padding:1% 0;}
.tabmenu02 a li {color:#fff;}
.tabmenu02 a li:hover{background: #01ab47;}
.tabmenu02 li.on{background: #01ab47;}

.interview_tit {width:100%;text-align:center;font-size:42px !important;color:#fff;margin:5% 0 3% 0;border-radius:10px;letter-spacing:-1px}
#sub_trend .cou_tit{color:#000;font-size:24px !important;font-weight:600}

.talkbox1{width:100%;margin:5% 0 0 0;overflow:hidden}
.talkbox1_right{display:inline-block;float:right;width:95%;vertical-align:middle;background:url('../images/sub/tail2.png');
background-repeat:no-repeat;background-position:top right}
.graybox{margin-right:3.5%;border-radius:30px;padding:2.5% 5% 5% 5%;background:#f2f3f3}

/*sub05*/
.news_con {text-align:left}
.textarea.news {margin-bottom:10%;overflow:hidden}
.news .news_img span {text-align:left;float:left;width:100%;display:block;font-size:14px;text-indent:3%;line-height:200%}
.news .news_img span:last-child {padding-bottom:5%}
#sub_news .category {background:#01ab47;width:6%;margin:0 auto 2% auto;
border-radius:30px;color:#fff;font-size:16px;text-align:center}
#sub_news .category2 {background:#01ab47;width:6%;margin:0 auto 2% auto;
border-radius:30px;color:#fff;font-size:16px;text-align:center}
#sub_news .news_tit {font-size:40px;font-weight:bold;text-align:center;margin:0 auto;color:#222;}
#sub_news .news_img {text-align:center;margin:7% auto}
.caption {font-size:12px;color:#ccc;margin-top:0px}

/*sub06*/
.ebook {width:45%;font-size:20px;background:#ff5a00;margin:5% auto;padding:1% 5%;text-align:center;border-radius:50px;color:#fff;}
.ebook:hover {background:#ccc}

.event_box {margin:5% 10% 0 10%;text-align:center;}
.event_box .up {background:#00d4c8; padding:5% 0 0 0}
.event_box .up h5 {font-size:34px;color:#fff;font-weight:500}
.event_box .up h3 {font-size:85px;color:#350259;letter-spacing:-4px;font-weight:800}
.event_box .up h3 span{font-size:85px;color:#f3d3ef}

.event_box .down {background:#946fd6;padding:5% 0 2% 0}
.event_box .down h5 {color:#00d4c8;font-size:35px;margin:3% 20%;font-weight:500;line-height:1.5;letter-spacing:-1px}
.event_box .down span{font-size:28px;color:#ffffff; text-align:center;}
.gift_img {margin:3% auto;color:#fff;font-size:20px;font-weight:300}
.evbt {width:45%;margin:0 auto;background:#00d4c8;border:5px solid #11a4a9;border-radius:100px;padding:1% 0;font-size:40px;color:#000;font-weight:600;text-decoration:none}
.evbt a {text-decoration:none}
.evbt:hover{color:#095183}

.ev_info {clear:both;padding-left:0;margin:8% 20%;text-align:left;}
.ev_info li {background:#e3d7fa;border-radius:50px;overflow:hidden;color:#252525;
font-size:22px}
.ev_info li span {background:#00d4c8;display:inline-block;width:200px;text-align:center;padding:2% 0;margin-right:5%;color:#1a1c68;font-weight:600;}
.ev_info02 a{color:#fff600; font-size:30px;}
.ev_info02 a:hover{color:#f3d87f}

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

}
@media screen and (max-width: 1440px) {
  #sub_top img {width:90%}
  .cont .wrap {padding-bottom:0vw}
  /*sub01*/
  #sub_program .wrap{ width: 100%}
  /*sub02*/
  .table_box h4 {font-size:16px}
  .sub02_table {font-size:12px}
  .spk_card {margin:8% 10% 0 10%;width:80%}
  .cont .wrap .textarea > h3 {font-size:2vw;}
  .cont .wrap .textarea > h4 {font-size:20px !important}
  .cont .wrap .textarea > h4 span {font-size:16px !important;width:28px;height:28px}
  .tabmenu li{font-size:16px;}
}
@media screen and (max-width: 1366px) {
	.cont .wrap .textarea > p {font-size:16px}
	.sub01_tb tbody, .sub01_tb thead {font-size:14px;}
	.text_bold{font-size:16px}
	.sub_stitle{font-size:20px}
  .imgs {margin:5% 20%}
  .imgs li > img {display:block; width:100%}
  /*sub04*/
  #sub_trend .cou_tit {font-size:20px !important;letter-spacing:-1px} 
  /*sub06*/
  .event_box .up h3 span, .event_box .up h3 {font-size:68px}
  .ev_info {margin:8%}
}
@media screen and (max-width: 1280px) {
	h3{font-size:20px}
  .textarea {margin:0 20%;}
  .imgs {margin:5% 15%}
    #sub_top h2 {font-size: 44px;margin-top: 2vw;margin-bottom: 5vw;}
	#sub_top h2 span{font-size:30px;}
    #sub_top p {font-size: 16px;margin-bottom: 10vw;}
    .cont {width: 90%; margin-left: 5%}
    .cont img {width:100%;}
    .cont h3 {font-size: 26px !important;margin-top: 5vw !important;}
	#sub_program .program li dl h3 {margin-top: 0 !important;}
    .cont p {font-size: 15px}
    .imgs li {padding: 0px;}
	.subcopy{font-size:14px;}
  /*sub01*/
  /*
  #sub_program .program li {width: 100%;clear: both;padding: 0;}
  #sub_program .program li dl {padding: 5vw;margin-bottom: 2vw;}
  #sub_program .program li dt,
  #sub_program .program li dd {min-height: auto;}*/
  #sub_top {margin-top:12%}
  #sub_program .wrap{ width: 100%}
  #sub_program .program li {padding: 20px; width:100%}
  #sub_program .program li dl {padding:5%}
  #sub_program .program li dd {margin:5% 0}
  #sub_program .cou_tit {font-size:30px}
  /*sub01*/
  .caption_box {width:60% }
  /*sub04*/
  .interview_tit {margin-top:15%}
  /*sub05*/
  #sub_news .news_tit {font-size:30px}
  #sub_news .news_img {width:80%;}
  .program {padding-left:0px !important}
  /*sub06*/
  .event_box {margin:5% 10% 10% 10%}
  .event_box .up h5 {font-size:20px}
  .event_box .up h3, .event_box .up h3 span {font-size:60px}
  .event_box .down h5 {font-size:24px;margin:3% 15%}
  .evbt {font-size:30px}
  .inside_bt {margin:5% 15% 5% 15%; }
}
@media screen and (max-width: 1112px) {
  /*sub06*/
  #sub_program .program {width:98%}
  .ev_info li {font-size:18px}
}
@media screen and (max-width: 1024px) {
  .textarea {margin:0 15%;}
    #sub_trend picture .col {clear: both;}
    #sub_trend picture li {width: 100%; text-align: center;}
    #sub_trend picture li img {width: auto !important;}
    #sub_trend picture li:first-child {padding-bottom: 30px;}

  /*sub01*/
  #sub_program .cou_tit {font-size:30px}
  .caption_box {width:70% }
  /*sub02*/
  
  .cont p {font-size:12px}
  /*sub03*/
  #sub_card {width:70%}

  /*sub05*/
  #sub_news .news_tit {font-size:30px}
}
@media screen and (max-width: 900px) {
  .br900 {display:block}
  .textarea {margin:0 8%;}
	#sub_top {margin-top:20%}
    #sub_top h2 {font-size: 5vw}
	#sub_top h2 span {font-size: 3.5vw}
	#sub_top h3 {font-size: 2vw}
    #sub_top p {font-size: 15px;}
    .cont .wrap > picture {padding: 5vw 0;}
	.cont .wrap .textarea > h3 {font-size:30px !important;}
    .cont .wrap > h3 {font-size: 20px;margin-top: 4vw;margin-left: 7vw;margin-right: 7vw;}
    .cont .wrap > h4 {font-size: 14px;margin-left: 7vw;margin-right: 7vw;font-size: 18px;margin-top: 14vw;}
    .cont .wrap > h4 span {font-size: 16px;width: 23px;height: 23px;}
    .cont .wrap > p {margin-left: 7vw;margin-right: 7vw;}

    .cont .wrap > .spk_card picture {padding: 0;}
    .cont .wrap > .spk_card {padding:15px;margin-top: 10vw;margin-bottom: 5vw;min-height: auto;}
    .cont .wrap > .spk_card img {width: 100px;}
    .cont .wrap > .spk_card div {margin-left: 20px;}
  .caption {font-size:10px;}
  /*sub01*/
  #sub_program .program li dl h3 {font-size:18px !important}
  /*sub02*/
  .imgs {margin:5%}
  .imgs li {float:left;width:100%;}
  /*sub04*/
  .interview_tit {font-size:24px;}
  /*sub06*/
  .evbt {font-size:22px}
  .ev_info {margin:5% 10%}
  .ev_info li {font-size:14px}
  .ev_info li span {width:100px}
}
@media screen and (max-width: 768px) {
	h3{font-size:18px}
  /*header*/
  .sub_hd .voltxt {display:none}
  .textarea {margin:0 5%;width:90%}
  .imgs {margin:5% 5%}
   .caption_box {width:90%;margin:5% auto 10% auto;padding:5% }
  #sub_program .program li dd {margin:0;min-height:0}
  #sub_program .program li dd .t1 {margin:5% 0 2% 0}
  #sub_program .program li .t_info {font-size:16px}
  #sub_program .program li dt {min-height:0}
  #sub_program .program li dl h3 {padding:0 0 5% 0;}
  #sub_program .program li dl h4 {font-size:30px;padding: 0 0 1vw;}
  #sub_program .program li dl p {font-size:16px;}
  #sub_program .program li .btn {font-size: 16px; padding: 2vw;;margin-top:7%}
  #sub_program .program li .t_list{font-size:16px;}
  #sub_program .cou_tit {font-size: 5vw}
  .pro_tb.first {margin-top:7%}
  /*sub03*/
  .youtube_bt {margin:5% 20% 10% 20%}
  .inside_bt {margin:5% 20% 5% 20%}
  /*sub04*/
  .interview_tit {font-size:20px;}
  /*sub05*/
  #sub_news .category, #sub_news .category2 {width:10%}
  #sub_news .news_img {width:100%;}
  #sub_news .news_tit {font-size:28px}
  /*sub06*/
  .event_box .up h3, .event_box .up h3 span {font-size:44px}
}
@media screen and (max-width: 600px) {
  /*brclass*/
  .mobilebr {display:block}
  .nav_open {top: 25px !important;}
  /*header*/
  #sub_hd {top:1.5%}
  #sub_hd .vol {width:10%;}
  #sub_hd .nav_bt {margin-top:0%;}
 #sub_top h2 {font-size: 6vw}
 #sub_top h3, .subcopy02 {font-size: 3vw}
  #sub_trend picture li img {width: 100%}
  .cont .wrap .textarea > p {text-align:left; font-size: 14px;}
  .text_bold{font-size:14px}
  .sub_stitle{font-size:18px}
  .sub01_tb tbody, .sub01_tb thead {font-size:12px;}
  /*sub02*/
  h3.small {font-size:20px}
  .cont .wrap .textarea > h3 {font-size: 22px !important;margin-top:15% !important}
  .cont .wrap .textarea > h4 {font-size: 16px !important;}
  .cont .wrap .textarea > h4 span {font-size: 13px !important;width: 24px;height: 22px;}
  .imgs {margin:5% 4%}
  .imgs li {float:none;width:100%}
  .imgs li > img {display:block; width:100%}
  .sub02_table {font-size:10px}
  .spk_card {margin:8% auto;width:100%;}
  .spk_card > picture img {width:100px;}
  .spk_card > div {margin-left:20px}
  .spk_card div .text2 {margin:20px 0 0 100px}
   /*sub04*/
  .interview_tit {font-size:24px !important;}
  #sub_trend .cou_tit.small {font-size:14px}
  /*sub06*/
  .ev_info {margin:5% 15%}
  .ev_info li {border-radius:0;background:transparent}
  .ev_info li span {width:90px;display:block;}
  #sub_program .program li dl h4 {font-size:24px}
  #sub_program .program li .t_info {font-size:14px}
  #sub_program .program li .t_info2 {font-size:12px}
  #sub_program .program li dl p {font-size:14px}
  .pro_tb6 {width:100%;}
.sub02_p span{margin-left:-15px;}
}
@media screen and (max-width: 475px) {
	h3{font-size:16px}
  .nav_open {top: 25px !important;}
  /*sub03*/
  .youtube_bt {margin:5% 10% 10% 10%}
  .inside_bt {margin:5% 10% 5% 10%; }
   .inside_bt a {font-size:12px}
  /*sub06*/
  #sub_news .category, #sub_news .category2 {width:15%}
  #sub_news .news_tit {font-size:24px}
  .caption {display:block;margin-top:1%}
}
@media screen and (max-width: 428px) {
  .right_menu span {display:none !important}
  .spk_card {display:none}
  .spk_card_m {display:block;padding:10% 10% 15% 10%;border-style:solid;border-width:1px;border-color:#dcf4ff;border-radius:26px;box-shadow:0 35px 40px 0 rgb(52 175 221 / 8%);
  ;text-align:center;margin:15% 0}
  .spk_card_m img {margin:0 auto;width:150px;}
  /*sub06*/
  .event_box .up h5 {font-size:20px}
  .event_box .up h3, .event_box .up h3 span {font-size:30px;letter-spacing:-1px}
  .event_box .down h5 {font-size:16px;margin:3% 15%}
  .evbt {font-size:30px;width:80%;font-size:20px;}
  .tabmenu{padding:3% 5% 20% 5%;}
  .tabmenu li{font-size:14px;width:100%;margin-bottom:0;}
}
@media screen and (max-width: 414px) {
}
@media screen and (max-width: 375px) {
	 h3{font-size:14px}
  #sub_top {margin-top:25%}
  /*sub03*/
  .youtube_bt {margin:5% 5% 10% 5%}
  .inside_bt {margin:5% 3% 5% 3%}
  /*sub06*/
  .event_box .up h5 {font-size:14px;margin:1% 0;font-weight:600}
  .event_box .up h3, .event_box .up h3 span {font-size:24px;letter-spacing:-1px}
}