@charset "UTF-8";
.mb_hidden{display:none !important}
.pc_hidden{display:block !important}
.wrap{position:relative}
/* skip_menu */
#skip_menu{position:fixed;left:0;top:0;width:100%;background:#008dcc;font-size:2em;text-align:center;z-index:10001}
#skip_menu a{display:block;width:0;height:0;margin-bottom:-1px;text-align:center;color:#fff;white-space:nowrap;color:#fff;overflow:hidden}
#skip_menu a:focus, #skip_menu a:active{width:auto;height:auto;padding:20px 0;color:#fff}
.hidden_input{position:absolute;top:0;left:0;width:0;height:0;overflow:hidden;text-indent:-9999px;visibility:hidden;opacity:0}
/* header */
header{position:fixed;top:0;left:0;width:100%;background:#fff;z-index:100}
/* header.fixed{position:fixed;top:0;left:0;width:100%;z-index:100} */
header .wrap{line-height:60px;padding:0 20px;box-sizing:border-box}
header h1.logo picture{display:block;width:135px}
header h1.logo picture img{vertical-align:middle}
header .mb_gnb{display:none;position:fixed;left:0;top:60px;width:100%;height:100%;background:#fff;padding:20px 20px 0;box-sizing:border-box;z-index:100}
header .mb_gnb>ul>li{padding:0 20px}
header .mb_gnb>ul>li>button{width:100%;margin:15px 0;background:url(/hcik2026/common/images/default/mb_arrow_down_lgray.png) 100% 50% no-repeat;background-size:16px;font-size:20px;font-weight:500;color:#333;text-align:left;letter-spacing:-0.02em}
header .mb_gnb>ul>li.on>button{background:url(/hcik2026/common/images/default/mb_arrow_up_lgray.png) 100% 50% no-repeat;background-size:16px;color:#0d97fa}
header .mb_gnb li>ul{display:none}
header .mb_gnb li.on>ul{display:block}
header .mb_gnb li>ul>li{line-height:1.2em;padding:0 10px}
header .mb_gnb li>ul>li:last-child{margin-bottom:8px}
header .mb_gnb li>ul>li>a{display:block;padding:12px 0;font-size:15px;font-weight:500;color:#555;letter-spacing:-0.02em}
header .mb_gnb li>ul>li:first-child>a{padding-top:0}
header .mb_gnb .btn_close{position:absolute;right:0;top:-60px;width:60px;height:60px;background:url(/hcik2026/common/images/default/mb_btn_close.png) 50% 50% no-repeat #fff;background-size:20px;text-indent:-9999px;overflow:hidden}
header .btn_mb_gnb{position:absolute;right:0;top:0;width:60px;height:60px;background:url(/hcik2026/common/images/default/mb_btn_gnb.png) 50% 50% no-repeat;background-size:20px;text-indent:-9999px;overflow:hidden}
header .mb_scroll{overflow-y:scroll;height:150px;}
/* common style - button */
.btn_area{margin-top:30px}
.btn_txt{display:inline-block;width:100%;line-height:48px;border:1px solid #aaa;padding:0 5px;box-sizing:border-box;font-size:14px;color:#555;text-align:center}
.btn_more{display:inline-block;width:100%;line-height:45px;background:#f5f5f5;border-bottom:1px solid #ddd;color:#999}
.btn_txt.btn_black{border:1px solid #333;background:#333;color:#fff}
.btn_txt.btn_gray{border:1px solid #ddd;background:#ddd;color:#555}
.btn_txt.btn_blue{border:1px solid #0c97fa;background:#0c97fa;color:#fff}
/* common style - font style */
.m{font-weight:500 !important}
.b{font-weight:600 !important}
.fc_blue{color:#0c97fa !important}
/* common style - radio, check style */
.design_radio,
.design_check{position:relative;display:inline-block}
.design_radio input[type='radio'],
.design_check input[type='checkbox']{position:absolute;top:0;left:0;width:0;height:0;overflow:hidden}
.design_check label{padding-left:25px;background:url(/hcik2026/common/images/default/design_check.jpg) left 50% no-repeat;background-size:20px;line-height:20px;color:#555}
.design_check input[type='checkbox']:checked + label{background:url(/hcik2026/common/images/default/design_check_on.jpg) left 50% no-repeat;background-size:20px;color:#0c97fa}
.design_radio label{padding-left:20px;background:url(/hcik2026/common/images/default/mb_ico_radio.png) left 50% no-repeat;background-size:15px;line-height:20px;color:#555}
.design_radio input[type='radio']:checked + label{background:url(/hcik2026/common/images/default/mb_ico_radio_on.png) left 50% no-repeat;background-size:15px;color:#0c97fa}
/* common style - toggleMenu */
.toggleMenu{position:relative}
.toggleMenu .toggleTit{display:table;table-layout:fixed;width:100%;line-height:45px;padding:0 20px;box-sizing:border-box;border:1px solid #ddd}
.toggleMenu .toggleTit>p{display:table-cell;/* width:calc(100% - 16px) */width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.toggleMenu .toggleTit>span{display:table-cell;width:16px;background:url(/hcik2026/common/images/default/mb_arrow_down_gray.png) no-repeat 50% 50%;background-size:100%}
.toggleMenu .toggleTit.active>span{transform:rotate(180deg)}
.toggleMenu .toggleTit.active+ul{display:block}
.toggleMenu .toggleTit+ul{display:none;position:absolute;left:0;width:calc(100% - 2px);border:1px solid #ddd;border-top:0;padding:5px 0;background:#f8f8f8;z-index:10}
.toggleMenu .toggleTit+ul li a{display:block;width:100%;line-height:45px;padding:0 20px;box-sizing:border-box;color:#333;text-align:left;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
/* common style - table */
.list_table .mb_hidden{display:none !important}
.list_table .pc_hidden{display:table-cell !important}
.list_table td{color:#999;text-align:center}
.list_table thead th{border-bottom:1px solid #ddd;padding:17px 0;font-weight:600;color:#333}
.list_table tbody th,
.list_table tbody td{padding:10px;box-sizing:border-box;border-bottom:1px solid #ddd}
.list_table tbody .tit{padding:10px 20px 10px 10px;color:#555;text-align:left}
.list_table tbody .tit p{position:relative}
.list_table tbody .tit.new p:after{content:"N";display:inline-block;position:absolute;top:0;right:0;width:16px;line-height:16px;margin-left:6px;background:#0c97fa;border-radius:100%;font-size:8px;color:#fff;text-align:center;text-indent:-1px}
.list_table tbody .tit.down p:before{content:"";display:inline-block;position:absolute;top:0;right:0;width:13px;height:13px;margin-left:6px;background:url(/hcik2026/common/images/default/mb_down.png) 50% 50% no-repeat;background-size:13px}
.list_table tbody .tit.new.down p:before{right:-22px}
.list_table tbody .tit a{max-width:90%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.list_table tbody .ico_ntc{display:inline-block;width:40px;line-height:20px;border-radius:10px;background:#555;color:#fff}
.scroll_table.list_table{overflow-x: auto}
.scroll_table.list_table table{width: 700px}
/* common style - srch_area */
.srch_area{margin-bottom:40px}
.srch_area .sel_wrap select{height:50px;margin-bottom:10px;line-height:50px;padding-left:20px;color:#555}
.srch_area .ip_wrap{border:1px solid #ddd;overflow:hidden}
.srch_area .ip_wrap input{float:left;width:calc(100% - 48px);height:48px;line-height:48px;border:0}
.srch_area .ip_wrap button{float:left;width:48px;height:48px;background:url(/hcik2026/common/images/default/mb_srch.png) 50% 50% no-repeat;background-size:20px;text-indent:-9999px;overflow:hidden}
/* common style - video_area */
.video_area a{position:relative}
.video_area a:before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,0.5);-webkit-transition:all 2s;-moz-transition:all 2s;transition:all 2s}
.video_area a:after{content:"";position:absolute;top:50%;left:50%;width:50px;height:50px;margin:-25px 0 0 -25px;background:url(/hcik2026/common/images/main/ico_video.png) center bottom no-repeat;background-size:50px}
/* guide */
.guide .page_tit .tit_wrap{background:url(/hcik2026/common/images/community/mb_bg_page.jpg) 50% 0 no-repeat;background-size:cover}
.guide .guide_box{margin-bottom:30px}
.guide .guide_box h3{margin-bottom:10px;font-size:18px;color:#111}
.guide .fc_red{font-weight:600;color:#da0f0f}
.guide .fc_pink{font-weight:600;color:#f86998}
/* page_tit */
.page_tit .tit_wrap{line-height:150px;font-size:25px;font-weight:500;color:#fff;text-align:center}
.page_tit .nav_wrap{background:#0c97fa;}
.page_tit .nav_wrap>ul:after{content:"";display:block;clear:both}
.page_tit .nav_wrap>ul>li{position:relative;float:left;width:50%;font-size:14px;color:#fff}
.page_tit .nav_wrap>ul>li .toggleTit{border:0}
.page_tit .nav_wrap>ul>li .toggleTit:after{content:"";display:block;position:absolute;right:0;top:0;width:1px;height:45px;background:#55b3f5}
.page_tit .nav_wrap>ul>li .toggleTit>span{width:16px;background:url(/hcik2026/common/images/default/mb_arrow_down_wht.png) no-repeat 50% 50%;background-size:100%}
.page_tit .nav_wrap>ul>li:last-child .toggleTit{border-right:0}
.page_tit .nav_wrap>ul>li.home{display:none}
/* contents */
.contents{padding-top:60px}
.contents .wrap{padding:50px 20px 60px;box-sizing:border-box}
.contents .sub_tit.sponsors{margin-top:40px}
.contents .site_wrap ul:after{content:"";display:block;clear:both}
.contents .site_wrap li{float:left;width:120px;margin:0 10px 10px 0;text-align:center}
.contents .site_wrap li p{height:60px}
.contents .site_wrap li span{display:block;width:80px;line-height:16px;margin:7px auto 0;font-size:11px;color:#fff;text-align:center}
.contents .site_wrap li span.platinum{background:#333}
.contents .site_wrap li span.gold{background:#ffa200}
.contents .site_wrap li span.silver{background:#888}
.contents .site_wrap li span.bronze{background:#b08d50}
.contents .site_wrap li span.sponsor{background:#ff5500}
/* community - 공통 */
.community .page_tit .tit_wrap{background:url(/hcik2026/common/images/community/mb_bg_page.jpg) 50% 0 no-repeat;background-size:cover}
/* community - news_list */
.community .list_table col.num{width:60px}
.community .list_table col.date{width:83px}
.community .list_table col.hit{display:none}
.community .list_table{border-top:2px solid #222}
/* community - news_view */
.community .view_area .subject{padding:0 15px;box-sizing:border-box;font-size:15px;font-weight:600;color:#333}
.community .view_area .subject .date{margin:12px 0 30px;font-size:13px;font-weight:400;color:#999}
.community .view_area .con{border-top:2px solid #222;border-bottom:1px solid #ddd;padding-bottom:15px}
.community .view_area .con .txt{padding:30px 15px;box-sizing:border-box;line-height:20px}
.community .view_area .con .file{padding:15px 15px 15px 38px;box-sizing:border-box;background:url(/hcik2026/common/images/default/mb_down.png) 15px 50% no-repeat #f5f5f5;background-size:13px}
/* conference -sketch */
.conference .page_tit .tit_wrap{background:url(/hcik2026/common/images/conference/mb_bg_page.jpg) 50% 0 no-repeat;background-size:cover}
.conference .box_wrap .tit_area{line-height:20px;padding:50px 25px 0 0}
.conference .box_wrap:first-child .tit_area{padding-top:0}
.conference .box_wrap .tit_area span{color:#0c97fa}
.conference .box_wrap .box{margin-top:50px}
.conference .box_wrap .box>.tit{line-height:20px;font-size:15px;font-weight:600;color:#333;letter-spacing:-0.05em}
.conference .box_wrap .box>.top{display:table;width:100%;margin:20px 0 10px;padding-bottom:10px;border-bottom:1px solid #ddd}
.conference .box_wrap .box>.top .img{display:table-cell;vertical-align:middle;width:60px;height:60px}
.conference .box_wrap .box>.top .info{display:table-cell;vertical-align:middle;width:calc(100% - 60px);padding-left:15px;color:#999}
.conference .box_wrap .box>.top .info span{display:block;margin-bottom:10px;color:#333}
.conference .box_wrap .box>.video_area{margin:0 -20px}
.conference .box_wrap .box>.video_area iframe{width:100%;height:20em}
.conference .box_wrap .box>.txt{margin:0 -20px;padding:15px 20px;line-height:20px;background:#f5f5f5;color:#333;word-break:keep-all}
.conference .box_wrap .box>.txt span{display:block;margin-bottom:15px;font-size:15px;font-weight:500}
.conference .box_wrap .bg_tit{display:none}
/* order - lodgment */
.order .page_tit .tit_wrap{background:url(/hcik2026/common/images/order/mb_bg_page.jpg) 50% 0 no-repeat;background-size:cover}
.order .mb_txt{display:inline-block}
.order .box{margin-bottom:50px}
.order .box h2.tit{line-height:26px}
.order .box p,
.order .box dd,
.order .box li{line-height:20px}
.order .box .img{margin:18px 0 20px}
.order .box.intro p{margin-bottom:30px}
.order .box.rsv_info p{margin:20px 0 30px}
.order .box.rsv_info .m{color:#333}
.order .box.rsv_info .txt{margin:50px 0;font-size:15px;font-weight:500;color:#333}
.order .box.map p:last-child{margin-top:10px}
.order .box.room_info>p{margin-top:20px}
.order .box.room_info .dot_list{margin-top:40px}
.order .box.room_info .btn_wrap{margin-top:30px}
.order.lodgment_page .dot_list{margin:0 -20px}
.order .dot_list.not_dot .sub_tit{margin:0 0 15px}
.order .tbl_slide{border-top:2px solid #222;margin-top:20px;text-align:center}
.order .tbl_slide .dis_item .date{width:100%;line-height:50px;border-bottom:1px solid #ddd;padding:0 10px;box-sizing:border-box;font-weight:600;color:#333}
.order .tbl_slide .dis_item .con_rate{overflow:scroll}
.order .tbl_slide .dis_item .con_rate ul{margin:0 auto}
.order .tbl_slide .dis_item.col5 .con_rate ul{width:552px}
.order .tbl_slide .dis_item.col6 .con_rate ul{width:647px}
.order .tbl_slide .dis_item.col8 .con_rate ul{width:837px}
.order .tbl_slide .dis_item .con_rate li{display:table-cell;width:95px;padding:12px 10px;box-sizing:border-box;border-right:1px solid #ddd;border-bottom:1px solid #ddd}
.order .tbl_slide .dis_item .con_rate li:last-child{border-right:0}
.order .tbl_slide .dis_item .con_rate ul.fix_price li{text-decoration:line-through;color:#999}
.order .tbl_slide .dis_item .con_rate ul li.sort{width:77px;font-weight:600;text-decoration:none;color:#333}
.order .tbl_slide .slick-arrow{position:absolute;top:0;width:30px;height:50px;text-indent:-9999px;overflow:hidden;z-index:110}
.order .tbl_slide .slick-arrow.slick-prev{left:0;background:url(/hcik2026/common/images/default/mb_arrow_prev_lgray.png) 50% 50% no-repeat;background-size:10px}
.order .tbl_slide .slick-arrow.slick-next{right:0;background:url(/hcik2026/common/images/default/mb_arrow_next_lgray.png) 50% 50% no-repeat;background-size:10px}
.order .ico_arrow{display:inline-block;padding-right:10px;background:url(/hcik2026/common/images/default/mb_ico_arrow_blue.png) 100% 50% no-repeat;background-size:4px;color:#0c97fa}
.order .tbl_top{margin:40px 0 20px;overflow:hidden}
.order .tbl_top p{float:left;font-size:15px;font-weight:600;color:#333}
.order .tbl_top a{float:right}
.order .list_table{border-top:2px solid #222}
.order .list_table thead th:first-child,
.order .list_table tbody th{border-right:1px solid #ddd;font-weight:600;color:#333}
.order .list_table .fix_price{text-decoration:line-through;color:#999}
.order.lodgment_page .list_table col.type{display:none}
.order.lodgment_page .list_table .pc_th{display:none}
.order .pgm_list{margin-top:30px}
.order .pgm_list dl{display:table;width:100%;padding:15px 10px;box-sizing:border-box;border-bottom:1px solid #ddd}
.order .pgm_list dl:last-child{border-bottom:0}
.order .pgm_list dt{display:table-cell;vertical-align:middle;width:130px;color:#999;text-align:center}
.order .pgm_list dd{display:table-cell;vertical-align:middle;width:calc(100% - 130px)}
.order .pgm_item .sub_tit{margin:40px 0 0}
/* order - pre_order */
.pre_order_page .intro h2.tit{margin-top:0 !important;}
.pre_order_page .scroll_table.list_table2 table{width: 520px}
.pre_order_page .list_table caption{position:static;font-size:0;}
.pre_order_page .list_table col.price_type1{width:60px}
.pre_order_page .list_table col.price_type2{width:90px}
.pre_order_page .list_table col.price_type3{width:205px}
.pre_order_page .list_table col.price_type4{width:165px}
.pre_order_page .list_table col.type{width:40px}
.pre_order_page .list_table col.member_type1{width:45px}
.pre_order_page .list_table col.member_type2{width:130px}
.pre_order_page .list_table col.pay_sel{width:90px}
.pre_order_page .list_table thead th{padding:0}
.pre_order_page .list_table thead th p{display:inline-block;line-height:50px}
.pre_order_page .list_table thead th p.sel_th{float:right;width:60px;background:#f5f5f5}
.pre_order_page .list_table tbody th{font-weight:400}
.pre_order_page .list_table tbody th.on{color:#0c97fa}
.pre_order_page .list_table tbody td.sel_td{position:relative;padding:0 20px 0 0}
.pre_order_page .list_table tbody td.sel_td:before{content:"";display:block;position:absolute;top:0;right:0;width:60px;height:40px;background:#f5f5f5}
.pre_order_page .list_table tbody td.sel_td .design_radio{float:right;display:block;width:100%}
.pre_order_page .design_radio label{display:block;padding:10px 0;background-position:99% 50%;text-indent:-40px}
.pre_order_page .design_radio input[type='radio']{opacity:0;}
.pre_order_page .design_radio input[type='radio']:checked + label{padding:10px 0;background-position:99% 50%}
.pre_order_page .form_area li{margin-top:20px}
.pre_order_page .form_area li>span{display:none}
.pre_order_page .form_area li:first-child{margin-top:30px}
.pre_order_page .form_area li label{display:block;margin-bottom:10px;color:#777}
.pre_order_page .form_area li.impossible{position:relative}
.pre_order_page .form_area li.impossible:after{content:"";display:block;position:absolute;right:0;top:0;width:45px;height:45px;background:url(/hcik2026/common/images/default/mb_ico_impossible.png) 50% 50% no-repeat;background-size:17px}
.pre_order_page .form_area li.impossible label{color:#f25255}
.pre_order_page .form_area li.impossible input{border:1px solid #f25255;padding-right:45px}
.pre_order_page .form_area li.impossible>span{display:block;margin-top:10px;font-size:12px;color:#f25255}
.pre_order_page .btn_wrap{margin:50px 0}
.pre_order_page .add_form_area{margin-top:30px;border-top:1px dashed #e8e8e8}
.pre_order_page .add_form_area .item{position:relative;padding:55px 0 20px;border-bottom:1px dashed #e8e8e8}
.pre_order_page .add_form_area .item>div{margin-top:10px}
.pre_order_page .add_form_area .item>div>p{display:none}
.pre_order_page .add_form_area .item>div:first-child{margin-top:30px}
.pre_order_page .add_form_area .item>div.impossible{position:relative}
.pre_order_page .add_form_area .item>div.impossible:after{content:"";display:block;position:absolute;right:0;top:0;width:45px;height:45px;background:url(/hcik2026/common/images/default/mb_ico_impossible.png) 50% 50% no-repeat;background-size:17px}
.pre_order_page .add_form_area .item>div.impossible input{border:1px solid #f25255;padding-right:45px}
.pre_order_page .add_form_area .item>div.impossible>p{display:block;margin-top:10px;font-size:12px;color:#f25255}
.pre_order_page .add_form_area .item .btn_del{position:absolute;right:0;top:10px;width:34px;height:34px;background:url(/hcik2026/common/images/default/mb_btn_del.png) 50% 50% no-repeat #f5f5f5;background-size:9px;text-indent:-9999px;overflow:hidden}
.pre_order_page .btn_add{margin-top:20px}
.pre_order_page .box.intro p:first-of-type{margin-bottom:0}
.pre_order_page .box.price_info p:first-of-type{padding:0 0 10px}
/* order - order */
.order_page .pgm_list{margin-top:30px}
.order_page .payment{margin-top:20px}
.order_page .payment li{margin-bottom:10px}
.order_page .payment li:last-child{margin-bottom:0}
.order_page .design_radio{display:block;text-align:center}
.order_page .design_radio label{display:block;line-height:50px;padding:0;background:#ddd;color:#999}
.order_page .design_radio input[type='radio']:checked + label{background:#333;color:#fff}
.order_page .design_radio input[type='radio']:checked + label:after{content:"";display:block;position:absolute;top:0;right:0;width:50px;height:50px;background:url(/hcik2026/common/images/default/mb_ico_check.png) 50% 50% no-repeat;background-size:17px}
.order_page .total{display:table;width:100%;margin-top:50px;padding:30px 20px;box-sizing:border-box;background:#f5f5f5}
.order_page .total dt{display:table-cell;vertical-align:middle;font-size:15px;font-weight:500;color:#333}
.order_page .total dd{display:table-cell;vertical-align:middle;color:#0c97fa;text-align:right}
.order_page .total dd span{display:block;margin-top:5px;font-size:20px;font-weight:600}
/* order - order_result */
.order_result_page p.txt span{display:block;margin-bottom:15px;line-height:26px;font-size:18px;color:#333}
/* order - register */
.order .box.price{}
.order .box.price .price_table{border-top:2px solid #222}
.order .box.price .price_table thead tr th{border-bottom:1px solid #ddd;border-right:1px solid #ddd;padding: 17px 0;font-weight: 600;color:#333}
.order .box.price .price_table thead tr th:last-child{border-right:0}
.order .box.price .price_table tbody tr td{border-bottom:1px solid #ddd;border-right:1px solid #ddd;padding: 17px 0;color:#333;text-align:center;}
.order .box.price .price_table tbody tr td:last-child{border-right:0}
.order .box.price_info .txt{padding:30px 0 10px}
.order .box.price_info .txt.line{border-bottom:1px solid #ddd}
.order .box.price_info h2.tit{margin-bottom:0}
.order .box.price_info .btn_wrap:first-of-type{margin-bottom:10px;}
.order .box.price_info .txt.del{color:#FF3300;font-weight:600}
.order .box.price_info .txt.del em{color:blue;font-weight:bold}
/* creative - interactive */
.creative .people_wrap li:nth-of-type(2n){margin-left:2%}
.interactive_page .btn_wrap.btn_wrap_03{margin-top:25px}
/* programs - total_programs */
.total_prgm_tbl .btn_area.fixed ul{position:fixed;top:60px;left:0;padding-left:20px;box-sizing:border-box;background:#fff;z-index: 10}
.total_prgm_tbl .btn_area li{display:inline-block}
.total_prgm_tbl .btn_area li button{position:relative;width:auto;height:30px;line-height:normal;padding:0 18px;margin:0 10px 12px 0;outline:none}
.total_prgm_tbl .btn_area li:last-child button{margin-right:0}
.total_prgm_tbl .btn_area li.on button:after{content:"";display:inline-block;position:absolute;bottom:-12px;left:50%;width:0;height:0;border-style:solid;border-width:6px;margin-left:-3px}
.total_prgm_tbl .btn_area li.btn_all.on button{border:1px solid #333;background:#333;color:#fff}
.total_prgm_tbl .btn_area li.btn_all.on button:after{border-color:#333 transparent transparent transparent}
.total_prgm_tbl .btn_area li.btn_prgm.on button{border:1px solid #ffa5b1;background:#ffa5b1}
.total_prgm_tbl .btn_area li.btn_prgm.on button:after{border-color:#ffa5b1 transparent transparent transparent}
.total_prgm_tbl .btn_area li.btn_pannel.on button{border:1px solid #bfec87;background:#bfec87}
.total_prgm_tbl .btn_area li.btn_pannel.on button:after{border-color:#bfec87 transparent transparent transparent}
.total_prgm_tbl .btn_area li.btn_wshop.on button{border:1px solid #99eafb;background:#99eafb}
.total_prgm_tbl .btn_area li.btn_wshop.on button:after{border-color:#99eafb transparent transparent transparent}
.total_prgm_tbl .btn_area li.btn_case.on button{border:1px solid #ffbea4;background:#ffbea4}
.total_prgm_tbl .btn_area li.btn_case.on button:after{border-color:#ffbea4 transparent transparent transparent}
.total_prgm_tbl .btn_area li.btn_tutorial.on button{border:1px solid #fffa92;background:#fffa92}
.total_prgm_tbl .btn_area li.btn_tutorial.on button:after{border-color:#fffa92 transparent transparent transparent}
.total_prgm_tbl .btn_area li.btn_invite.on button{border:1px solid #50e4ee;background:#50e4ee}
.total_prgm_tbl .btn_area li.btn_invite.on button:after{border-color:#50e4ee transparent transparent transparent}
.total_prgm_tbl .scrl_area{height: 400px;overflow:auto}
.total_prgm_tbl .scrl_area .list_table thead{position: sticky;top: 0}
.total_prgm_tbl .list_table col{width:70px}
.total_prgm_tbl .list_table col.time{width:70px}
.total_prgm_tbl .list_table th,
.total_prgm_tbl .list_table td{height:50px;padding:0 5px;border-right:1px solid #ddd}
.total_prgm_tbl .list_table .brn{border-right:0}
.total_prgm_tbl .list_table thead tr:nth-child(1) th{background: #fff;border-top:2px solid #222}
.total_prgm_tbl .list_table thead tr:nth-child(2) th{background:#f5f5f5;font-weight:500}
.total_prgm_tbl .list_table tbody th{color:#999}
.total_prgm_tbl .list_table tbody td{color:#555}
.total_prgm_tbl .list_table tbody .all{background:#f5f5f5}
.total_prgm_tbl .list_table tbody .prgm.on{background:#ffa5b1}
.total_prgm_tbl .list_table tbody .pannel.on{background:#bfec87}
.total_prgm_tbl .list_table tbody .wshop.on{background:#99eafb}
.total_prgm_tbl .list_table tbody .case.on{background:#ffbea4}
.total_prgm_tbl .list_table tbody .tutorial.on{background:#fffa92}
.total_prgm_tbl .list_table tbody .invite.on{background:#50e4ee}
.total_prgm_tbl .list_table tbody .gray{padding:25px 0 30px;background:#777;color:#fff}
.total_prgm_tbl .list_table tbody .lgray{background:#e0e0e0}
.total_prgm_tbl .btn_down{display:block;width:26px;line-height:26px;margin:15px auto 0;border-radius:100%;background:#fff url(/hcik2026/common/images/default/mb_down.png) 50% 50% no-repeat;background-size:13px;text-indent:-9999px;overflow:hidden}
.total_prgm_tbl .btn_rqst{display:block;width:26px;line-height:26px;margin:15px auto 0;border-radius:100%;background:#fff;font-size:11px;color:#0c97fa}
.total_prgm_tbl .box.wed .list_table tbody tr:first-child th{height:100px}

/* footer */
footer{width:100%;background:#343740}
footer .wrap{background:url(/hcik2026/common/images/default/f_logo.png) 50% 40px no-repeat;background-size:150px;padding:100px 20px 55px;box-sizing:border-box;font-size:12px;color:#999;text-align:center}
footer .wrap .info_area{margin-bottom:20px;color:#ccc}
footer .wrap .info_area li{display:inline-block}
footer .wrap .info_area li:after{content:"";display:inline-block;position:relative;top:2px;width:1px;height:13px;margin:0 7px 0 11px;background:#ccc}
footer .wrap .info_area li:last-child:after{display:none}
footer .wrap .adr_area{line-height:19px}
footer .wrap .adr_area li span:first-child:after{content:"";display:inline-block;position:relative;top:2px;width:1px;height:13px;margin:0 2px 0 6px;background:#999}
footer .wrap .adr_area .copy{margin-top:20px}
footer .wrap .sns_area{margin-top:50px}
footer .wrap .sns_area li{display:inline-block}
footer .wrap .sns_area li a{width:50px;height:22px;text-indent:-9999px;overflow:hidden}
footer .wrap .sns_area li.facebook a{background:url(/hcik2026/common/images/default/mb_ico_facebook.png) 50% 0 no-repeat;background-size:12px}
footer .wrap .sns_area li.twitter a{background:url(/hcik2026/common/images/default/mb_ico_twitter.png) 50% 3px no-repeat;background-size:20px}
footer .wrap .sns_area li.email a{background:url(/hcik2026/common/images/default/mb_ico_email.png) 50% 5px no-repeat;background-size:19px}
.floating_bn{position:fixed;bottom:120px;right:20px;z-index:100}
.floating_bn a{display:block;width:40px;height:40px;line-height:40px;border-radius:100%;box-shadow:2px 2px 6px rgba(0,0,0,0.12);font-size:11px;color:#fff;text-align:center;letter-spacing:-0.01em}
.floating_bn .btn_calendar{background:url(/hcik2026/common/images/default/mb_ico_calendar.png) 50% 50% no-repeat #c13e4f;background-size:18px;margin-bottom:10px;text-indent:-9999px;overflow:hidden}
.floating_bn .btn_top{background:#222}


/* nodata */
.nodata{display:block;width:100%;line-height:300px;text-align:center}