<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@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&amp;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}
/*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: 'Hahmlet', serif;font-size: 65px;font-weight:600;margin-top:30px;margin-bottom: 60px;}
#sub_top p {font-size: 22px; width:90%; margin-left: 5%; margin-bottom: 70px;}
.cont .wrap{margin:5% auto}
.textarea {margin:0 26%;}
.cont .wrap p {/* text-align: justify !important; */}
.cont .wrap .textarea &gt; picture {display: block;padding: 0;padding: 7% 0;}
.cont .wrap .textarea &gt; p {font-size: 18px;text-align: justify;line-height: 1.7;}
.cont .wrap .textarea &gt; h3 {font-size: 42px !important;font-weight:600;margin-top:70px;text-align: left;color: #252525;}
.cont .wrap .textarea &gt; h4 {font-size: 28px !important;font-weight: 600;margin-top:70px;color: #000;font-weight: 400;}
.cont .wrap .textarea &gt; 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;}

/*sub01_Program*/
#sub_program .wrap{clear:both;width: 1630px;margin:0 auto;}
#sub_program .program{margin:0 auto;}
#sub_program .program li {padding: 30px; width:45%;}
#sub_program .program li dl {border: 1px solid #fcecf3;box-shadow: 0 35px 40px 0 rgb(235, 129, 177, 0.08);border-radius: 20px;background: #fff;padding: 10%;}
#sub_program .program li dl h3,
#sub_program .program li dl h3,
#sub_program .program li dl p {text-align: left;padding: 0; margin: 0;}
#sub_program .program li dl h3 {font-size:20px; color: #eb81b1/*#91a1f6*/;font-family: 'Noto Sans KR', sans-serif;}
#sub_program .program li dl h4 {font-size:30px;color: #201e62;text-align: left;padding: 10px 0 5px;font-family: 'Noto Sans KR', sans-serif;letter-spacing:-0.05em}
#sub_program .program li dl p {font-size:16px;font-family: 'Noto Sans KR', sans-serif;}
#sub_program .program li dt {min-height: 180px;border-bottom: 1px solid #ddd;}
#sub_program .program li dt.text_tit p {margin: 0 0 20px 2px;}

#sub_program .program li dd {min-height: 280px;margin: 5% 0 10% 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_list {margin-bottom: 10px;position: relative;padding-left: 50px;color: #333;font-size: 18px;}
#sub_program .program li .t_list span{position: absolute; min-width: 40px; text-align: center; display: inline-block;padding:1px 3px;background: #eb81b1;color: #fff;margin-left: -50px;border-radius:7px}
#sub_program .program li .btn {background: #d23d59; font-size: 18px; font-weight: 500; color: #fff; border-radius: 30px; padding: 16px 10px; text-align: center; margin:20px 5px; width: 100%; text-decoration: none;transition: .3s;}
#sub_program .program li .btn:hover {background: #eb81b1; transition: .3s;}
#sub_program .cou_tit {font-size:40px;font-weight:bold;text-align:center;margin:0 auto;color:#222;}
.table_box_pg01 {overflow:hidden;margin:2% 0 10%;padding:0 5%;}
.tabmenu{width:100%;padding:0 10%;}
.tabmenu li{display:block;float:left;width:49%;margin:0 1px 5% 1px;background: #707070;color:#fff; text-align:center;padding:1% 0;}
.tabmenu a li {color:#fff;}
.tabmenu a li:hover{background: #eb81b1;}
.tabmenu li.on{background: #eb81b1;}

/*sub02_trend*/
#sub_trend picture img{max-width: auto}
#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%;}
/*sub02_table*/
.table_box {overflow:hidden;margin:7% auto 10% 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:#88df49;line-height:1.5;border:1px solid #fff;word-break: break-all;color:#fff}
.sub02_table thead tr {background:#88df49;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;}
.sub02_table tr td.first {border-left:1px solid #fff;word-break: break-all;}
.bgc1 {background:#fcecf3;}
.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 #fcecf3;box-shadow: 0 20px 25px 0 rgb(235, 129, 177, 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: 0 0 0 100px;font-weight: 600;text-align: left;}
.spk_card div .text1 {color: #eb81b1;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: #eb81b1;font-size: 16px;}
.spk_card_m .text2 {color: #333;font-size: 16px;}

.caption_box {position: relative; display: block; margin: 4% auto 8% auto;;border-radius: 10px; border: 1px solid #ccc;box-shadow: 0 5px 10px 0 rgb(206, 206, 206, 0.09);  padding:0 0 20px 20px;  width:80%; max-width:800px;}

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

/*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;}
.caption02{font-size:16px;font-family: 'Noto Sans KR', sans-serif;}

/*sub05*/
.news_con {text-align:left}
.textarea.news {margin-bottom:10%}
#sub_news .category {background:#eb81b1;width:6%;margin:0 auto 2% auto;
border-radius:30px;color:#fff;font-size:16px;text-align:center}
#sub_news .category2 {background:#eb81b1;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:-30px}

/*sub06*/
.event_box {margin:5% 10% 0 10%;text-align:center;}
.event_box .up {background:#82439b; 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:#1d2066;letter-spacing:-4px;font-weight:800}
.event_box .up h3 span{font-size:85px;color:#f3d3ef}

.event_box .down {background:#f7c8dc;padding:5% 0 2% 0}
.event_box .down h5 {color:#252525;font-size:35px;margin:3% 20%;font-weight:500;line-height:1.5;letter-spacing:-1px}

.gift_img {margin:3% auto;color:#fff;font-size:20px;font-weight:300}
.evbt {width:45%;margin:0 auto;background:#fdff6b;border:5px solid #fed427;border-radius:100px;padding:1% 0;
font-size:40px;color:#000;font-weight:600;text-decoration:none}
.evbt a {text-decoration:none}

.ev_info {clear:both;padding-left:0;margin:8% 20%;text-align:left;}
.ev_info li {background:#82439b;border-radius:50px;overflow:hidden;color:#fff;
font-size:22px}
.ev_info li span {background:#f3e95f;display:inline-block;width:200px;text-align:center;padding:2% 0;margin-right:5%;color:#1a1c68;font-weight:600;}

@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: 90%}
  #sub_program .program li {padding: 20px;}
  /*sub02*/
  .table_box h4 {font-size:16px}
  .sub02_table {font-size:12px}
  .spk_card {margin:8% 10% 0 10%;width:80%}
  .cont .wrap .textarea &gt; h3 {font-size:30px !important}
  .cont .wrap .textarea &gt; h4 {font-size:20px !important}
  .cont .wrap .textarea &gt; h4 span {font-size:16px !important;width:28px;height:28px}
  .tabmenu li{font-size:16px;}
}
@media screen and (max-width: 1366px) {
	.cont .wrap .textarea &gt; p {font-size:16px}
  .imgs {margin:5% 20%}
  .imgs li &gt; img {display:block; width:100%}
  /*sub06*/
  .event_box .up h3 span, .event_box .up h3 {font-size:68px}
  .ev_info {margin:8%}
}
@media screen and (max-width: 1280px) {
  .textarea {margin:0 20%;}
  .imgs {margin:5% 15%}
    #sub_top h2 {font-size: 44px;margin-top: 2vw;margin-bottom: 5vw;}
    #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;}
    .cont p {font-size: 15px}
    .imgs li {padding: 10px;}
	.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:3% 10% 8% 10%}
  #sub_program .program li dd {margin:5% 0}
  #sub_program .cou_tit {font-size:30px}
  /*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*/
  .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}
  /*sub02*/
  .cont .wrap .textarea &gt; h3 {font-size: 36px !important;}
  .cont p {font-size:12px}
  /*sub03*/
  #sub_card {width:70%}
  /*sub05*/
  #sub_news .news_tit {font-size:30px}
}
@media screen and (max-width: 900px) {
  .textarea {margin:0 8%;}
	#sub_top {margin-top:20%}
    #sub_top h2 {font-size: 6vw}
    #sub_top p {font-size: 15px;}
    .cont .wrap &gt; picture {padding: 5vw 0;}
	.cont .wrap .textarea &gt; h3 {font-size:30px !important;}
    .cont .wrap &gt; h3 {font-size: 20px;margin-top: 4vw;margin-left: 7vw;margin-right: 7vw;}
    .cont .wrap &gt; h4 {font-size: 14px;margin-left: 7vw;margin-right: 7vw;font-size: 18px;margin-top: 14vw;}
    .cont .wrap &gt; h4 span {font-size: 16px;width: 23px;height: 23px;}
    .cont .wrap &gt; p {margin-left: 7vw;margin-right: 7vw;}

    .cont .wrap &gt; .spk_card picture {padding: 0;}
    .cont .wrap &gt; .spk_card {padding:15px;margin-top: 10vw;margin-bottom: 5vw;min-height: auto;}
    .cont .wrap &gt; .spk_card img {width: 100px;}
    .cont .wrap &gt; .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:50%;}
  /*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) {
  /*header*/
  .sub_hd .voltxt {display:none}
  .textarea {margin:0 5%;width:90%}
  .imgs {margin:5% 5%}
  .imgs li {float:left;width:50%;}
  #sub_program .program li dd {margin:0;min-height:0}
  #sub_program .program li dt {min-height:0}
    #sub_program .program li dl h3 {font-size:16px;}
    #sub_program .program li dl h4 {font-size:24px;padding: 2vw 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}
  /*sub03*/
  .youtube_bt {margin:5% 20% 10% 20%}
  .inside_bt {margin:5% 20% 5% 20%}
  /*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_trend picture li img {width: 100%}
  .cont .wrap .textarea &gt; p {text-align:left}
  /*sub02*/
  .cont .wrap .textarea &gt; h3 {font-size: 22px !important;}
  .cont .wrap .textarea &gt; h4 {font-size: 16px !important;}
  .cont .wrap .textarea &gt; h4 span {font-size: 13px !important;width: 24px;height: 22px;}
  .imgs {margin:5% 4%}
  .imgs li {float:none;width:100%}
  .imgs li &gt; img {display:block; width:100%}
  .sub02_table {font-size:10px}
  .spk_card {margin:8% auto;width:100%;}
  .spk_card &gt; picture img {width:100px;}
  .spk_card &gt; div {margin-left:20px}
  .spk_card div .text2 {margin:20px 0 0 100px}
  /*sub06*/
  .ev_info {margin:5% 15%}
  .ev_info li {border-radius:0;background:transparent}
  .ev_info li span {width:90px;display:block;}

}
@media screen and (max-width: 475px) {
  .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% 10% 20% 10%;}
  .tabmenu li{font-size:14px;width:100%;margin-bottom:0;}
}
@media screen and (max-width: 414px) {
}
@media screen and (max-width: 375px) {
  #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}
}
</pre></body></html>