@charset "utf-8";

/* sub visual */
.sub_visual_head {text-align: center; padding-top: 160px; background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frbhysbehz.xe%2Sgurzr%2Sonfvp%2Spff%2S..%2Svzt%2Sfho%2Sfho_ovm_ot.wct); background-size: cover; background-position: bottom center;position: relative;}
.sub_visual_head .page_depth1_title {font-size: 65px; color: #fff; margin-bottom: 0.3em;}
.sub_visual_head .sub_title { font-size: 22px; /*font-family: 'Futura Md BT';*/font-weight: 500; color: #fff; display: flex; align-items: center; justify-content: center;}
.sub_visual_head .sub_title .bar {width: 0.45em;  height: 0.45em;  display: inline-block;  border-bottom: 2px solid #fff;  border-right: 2px solid #fff;  transform: rotate(-45deg);}
.sub_visual_head .sub_menu_tabs {padding: 50px 0 60px;}
.sub_visual_head.no-tabs .sub_menu_tabs {padding: 0 0 60px;}
.sub_visual_head.no-tabs .page_depth1_title {padding-top: 0.4em;}
.sub_menu_tabs ul { background: transparent; border-radius: 50px; display: flex; align-items: center; width: 100%;  max-width: fit-content; margin: 0 auto; border: 1px solid rgba(255, 255, 255, 0.3);}
.sub_menu_tabs li a { width: 100%; margin: 0; display: inline-flex;  align-items: center;  justify-content: center;  font-size: 18px;  padding: 0 2em;  height: 3.15em; color: #fff;}
.sub_menu_tabs li a.on { color: var(--key-color) ;  font-weight: 600;  padding: 0 2em;  background: #fff;  box-shadow: 1px 5px 4px rgba(104, 138, 179, 0.5);  border-radius: 50px;}
.sub_menu_tabs li a:not(.on):hover {font-weight: 600;}
.sub_visual_head .year_mark {position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); opacity: 0.12;}
.sub_visual_head .year_mark img {display: block; max-width: 850px;}
.sub_visual_head.no-tabs .sub_title .bar {display: none;}
.sub_page_title_h1 {text-align: center;  font-size: 40px; padding-top: 1.8em; margin-bottom: 1.5em;}
.sub_content_page { background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frbhysbehz.xe%2Sgurzr%2Sonfvp%2Spff%2S..%2Svzt%2Sznva%2Sznva_fcrnxref_ot.fit); background-size: 100%; background-repeat: no-repeat; background-position: top left;padding-bottom: 130px;}




/*행사장소*/
.location_map_wrap {height: 570px; overflow: hidden; position: relative;}
.location_map_wrap .root_daum_roughmap .wrap_map {height: 600px;}
.location_info_wrap {padding-top: 80px; display: flex;flex-wrap: wrap; background: #fff;}
.location_info_wrap .info_title {font-size: 34px; padding-top: 1em; font-weight: 600; border-top: 1px solid #111; border-bottom: 1px solid #111; width: 350px;}
.location_info_wrap .info_list {width: calc(100% - 360px);  margin-left: 10px; border-top: 1px solid #111; border-bottom: 1px solid #111;}
.location_info_wrap .info_list .info_box {display: flex; align-items: center;   padding: 30px 40px;  border-bottom: 1px solid #ddd;}
.location_info_wrap .info_list .info_box:last-child {border-bottom: none;}
.location_info_wrap .info_list .icon {margin-right: 40px;}
.location_info_wrap .info_list .icon img {display: block; width: 100px;}
.location_info_wrap .info_list .desc h3 {font-size: 20px; margin-bottom: 1.2em;}
.location_info_wrap .info_list .desc p {font-size: 16px; line-height: 2em;}
.location_info_wrap.address {padding-top: 0; }
.location_info_wrap.address .info_title {padding-bottom: 1em;border-bottom: none;}
.location_info_wrap.address .info_list {border-bottom: none;}
.location_info_wrap.address .info_list .desc h3 {margin-bottom: 0;}
.location_info_wrap.address b {display: inline-block;}
.location_info_wrap.address span {display: inline-block; font-size: 0.85em; color: #a1a1a1; padding-left: 1.5em; position: relative;font-weight: 500;}
.location_info_wrap.address span::before {content: "";position: absolute; left: 0.8em; top: 0.1em; width: 2px; height: 0.8em; background: #a1a1a1;}
.location_info_wrap.address .info_list .info_box {height: 100%;}
.location_map_wrap iframe {position: absolute;  top: 0; left: 0; width: 100%; height: 100%;}

/*협찬사*/
.sponsor_wrap {display: flex; flex-wrap: wrap;border-top: 1px solid #ddd; border-left: 1px solid #ddd;}
.sponsor_wrap .sp_box {width: 20%;  display: flex;  justify-content: center;  align-items: center;  padding: 10px;  border-bottom: 1px solid #ddd;  border-right: 1px solid #ddd;  background: #fff;}
.sponsor_wrap .sp_box img {display: block; max-width: 210px;}



/* 개인정보처리방침 */
.sub_content_page.privacy_wrap {padding-top: 100px; text-align: center;}
.sub_content_page.privacy_wrap .container {max-width:900px}
.privacy_wrap p {font-size: 18px; line-height: 2em; word-break: keep-all;}
.privacy_wrap b {display: block; font-size: 18px; margin-top: 2.5em; margin-bottom: 1.8em;}
.privacy_wrap a:hover {color: var(--key-color); text-decoration: underline;}

/*참가등록*/
.registration_wrap h3 {text-align: center; font-size: 18px; font-weight: normal; line-height: 2em; margin-bottom: 4em;}
.registration_wrap .flex_box {display: flex;  flex-wrap: wrap;  gap: 30px; justify-content: center; margin-bottom: 60px;}
.registration_wrap .box_list {width: calc((100% - 30px) / 2); background: #f0f5f9; border-radius: 10px; text-align: center; padding: 60px 20px;}
.registration_wrap .box_list .icon {display: inline-block; width: 131px; margin-bottom: 20px;}
.registration_wrap .box_list h4 {font-size: 30px;  margin-bottom: 0.8em;}
.registration_wrap .box_list p {font-size: 18px; line-height: 1.6em; margin-bottom: 2em; text-align: left;}
.registration_wrap .box_list .desc { /*height: 140px; */display: flex; justify-content: center;}
.registration_wrap .box_list .bottom_info {display: flex ;  align-items: center;   justify-content: center; gap: 5px;}
.registration_wrap .box_list .bottom_info button {display: block; font-size: 14px;  width: 10em;  height: 3em;  border-radius: 50px;  background: var(--key-color);  border: none;  color: #fff;  transition: all 0.15s;}
.registration_wrap .box_list .bottom_info button.wide { width: 20em;}
.registration_wrap .box_list .bottom_info button:hover { background:#1A62CE}
.registration_wrap .box_list .bottom_info input {font-size: 14px;  height: 3.1em;  width: 18em;  padding: 0.5em 1.5em;  border-radius: 50px;  border: 1px solid #ddd;}
.participant_registration_wrap .plogin {width: 100%; max-width: 800px; margin: 0 auto;}
.participant_registration_wrap .round_box {padding: 50px; background: #fff; border: 1px solid #ddd; border-radius: 10px; margin-bottom: 30px}
.participant_registration_wrap .round_box h6 {font-size: 17px; margin-bottom: 0.8em;}
.participant_registration_wrap .round_box b {position: relative;  display: block; } /*height: 100%;*/
.participant_registration_wrap .round_box input {width: 100%; font-size: 14px; height: 3.1em; border: 1px solid #ddd; border-radius: 5px; padding: 1em; margin-bottom: 10px;}
.participant_registration_wrap .list_2 {display: flex; flex-wrap: wrap; gap: 10px;}
.participant_registration_wrap .list_2 b {width:calc((100% - 10px) / 2)}
.participant_registration_wrap .mb_20 {margin-bottom: 20px;}
.participant_registration_wrap .require::after {content: "";  position: absolute; right: 6px; top: 6px; width: 6px;height: 6px; background: #F82222;  border-radius: 100%;}
.participant_registration_wrap .agree_wrap {position: relative;}
.participant_registration_wrap .en_tel {display: flex ! IMPORTANT; gap: 10px;}
.participant_registration_wrap .en_tel .select {width: 120px;}
.participant_registration_wrap .en_tel select {width: 100%; font-size: 14px; height: 3.1em; border: 1px solid #ddd; border-radius: 5px; padding: 1em; margin-bottom: 10px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frbhysbehz.xe%2Sgurzr%2Sonfvp%2Spff%2S..%2Svzt%2Sfho%2Sfryrpg_neebj.cat) no-repeat 90% 50%;}
.registration_wrap h3.last {margin-bottom: 1em;}
.registration_wrap .info_txt {display: flex;  flex-wrap: wrap;  justify-content: center; align-items: center;gap: 40px;}
.registration_wrap .info_txt p {font-size: 16px; color: #666;}
.registration_wrap .info_txt .ico {display: inline-block; margin-right: 10px; width:26px}
.registration_wrap .box_list.vip p {font-size: 16px;  margin-bottom: 1.2em;}



.agree_wrap label {display: block; width: 100%; font-size: 15px; margin-bottom: 1.8em; padding-left: 1.6em; position: relative; cursor: pointer;}
.agree_wrap label input {position: absolute; visibility: hidden;}
.agree_wrap label input + span {display: inline-block; width: 16px; height: 16px; position: absolute; left: 0; top: -0.08em; border: 1px solid #ddd;  border-radius: 3px;}
.agree_wrap label input:checked + span {border-color:var(--key-color); background:var(--key-color)}
.agree_wrap label input:checked + span:after {content: "";  position: absolute; left: 3px; top: 0;  width: 7px;  height: 11px;  border-bottom: 2px solid #fff;  border-right: 2px solid #fff;  transform: rotate(45deg);} 
.agree_wrap label b {font-weight: normal; color:#f82222}
.agree_wrap .agreeview {display: flex;  position: absolute; right: 0;  top: -0.1em;   font-size: 14px;   border: 1px solid var(--key-color);   border-radius: 3px;    color: var(--key-color);     justify-content: center;     align-items: center;      height: 2em;      padding: 0 1em;      cursor: pointer; transition: all 0.15s;}
.agree_wrap .agreeview:hover {color: #fff; background: var(--key-color);}
.participant_registration_wrap .btn_menu_list {display: flex;  align-items: center;   justify-content: center;   gap: 10px; padding-top: 15px;}
.participant_registration_wrap .btn_menu_list button {width: calc((100% - 10px) / 2);  font-size: 15px;  border: none;  display: flex; justify-content: center;  align-items: center;  height: 3.3em;  border-radius: 50px;  transition: all 0.15s; }
.participant_registration_wrap .btn_menu_list button.full {width: 100%;}
.btn_menu_list button.cancel {background: #EDEEF0;}
.btn_menu_list button.cancel:hover {background: #DCDFE4;}
.btn_menu_list button.next {color:#fff; background: var(--key-color);}
.btn_menu_list button.next:hover {background: #1A62CE;}
.btn_menu_list button.regicancel {color:#fff; background: #6e3aff;}
.btn_menu_list button.regicancel:hover {background: #522ac3;}

#agreebox1 {display:none; position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.5); top:0px; left:0px; z-index:1999999}
.close_bg {position: absolute; top: 0;  left: 0;  width: 100%;  height: 100%;}
#agree {position:absolute; top:20%; left:50%; width:600px; margin-left:-300px; height:50%; background-color:#ffffff; border:1px solid #2293c8; border-radius:10px;}
#agree h1 {text-align:center; color:#000000; font-size:20px; margin:40px 20px 20px 20px;}
#agree h1:after {display:none}
#agree h2 {color:#da291c; font-size:15px; margin:20px 0px 10px 0px;}
#agree b {font-size:15px; line-height:20px; color:#000000; display:block; margin:20px 0px 5px 0px;}
#agree button {position:absolute; bottom:0px; width:100%; height:50px; border:none; background-color:var(--key-color); font-size:17px; color:#ffffff; text-align:center; border-radius:0 0 8px 8px; transition: all 0.15s;}
#agree button:hover {background:#1A62CE}
#agree div {width:100%; height:calc(100% - 130px); overflow:auto; padding:0px 20px 20px 20px;}
#agree div p {font-size:14px; line-height:25px;  color:#999999}
#agree div a {font-size:14px; line-height:25px;  color:#000000; border-bottom:1px solid #000000}
html.popup_open {overflow-y: hidden;}
body.popup_open {padding-right: 17px; overflow-y: hidden;}

.round_box .title_wrap {display: flex; align-items: center;  justify-content: space-between; margin-bottom: 25px;}
.title_wrap h4 {font-size: 24px;}
.title_wrap span {font-size: 15px;}
.round_box .list_01 .title {display: flex; justify-content: center;      align-items: center;      font-size: 20px;      color: #fff;      background: var(--key-color);      height: 2.2em;      border-radius: 5px;      margin-bottom: 10px;}
.form_step2 .list_01 ul {border: none;}
.form_step2 .list_01 ul li {border: none; background: #F7F8FC; border: none;  background: #F7F8FC;  display: flex; align-items: center;  padding: 30px;  border-radius: 5px; margin-bottom: 10px;}
.form_step2 .list_01 ul li:last-child {margin-bottom: 0;}
.form_step2 .list_01 ul li label {font-size: 20px; font-weight: 700; padding-left: 2.5em; position: relative; cursor: pointer;}
.form_step2 .list_01 ul li .sub {font-size: 0.8em; color: #666; font-weight: 400;  padding-top: 0.8em;  display: block;  line-height: 1.8em;}
.form_step2 .list_01 ul li input {position: absolute; visibility: hidden;}
.form_step2 .list_01 ul li input + span {  display: inline-block;     width: 30px;    height: 30px;    position: absolute;    left: 0;    top: 50%;    transform: translateY(-55%);    border: 1px solid #ddd;    border-radius: 100%;    background: #fff;}
.form_step2 .list_01 ul li input:checked + span {  border: 1px solid var(--key-color);    background: var(--key-color);}
.form_step2 .list_01 ul li input:checked  + span:after {  content: "";    position: absolute;   left: 8px;   top: 3px;    width: 10px;    height: 18px;    border-bottom: 3px solid #fff;    border-right: 3px solid #fff;    transform: rotate(45deg);}
.form_step2 .mb_20 {display: block; margin-bottom: 20px;}
.form_step2 .point_txt {color: red;   margin: 20px 0 20px;  font-size: 15px;  font-weight: normal;}
.gray_round_box {background: #F0F5F9; padding: 30px 50px; border-radius: 10px; margin-bottom: 30px;}
.gray_round_box .default_box {display: flex; flex-wrap: wrap; align-items: center;     font-size: 15px;margin-bottom: 1.5em;}
.gray_round_box .default_box:last-child {margin-bottom: 0;}
.gray_round_box .default_box .title {color: #666;  width: 100px;}






/* sweet alert */
.swal2-container {z-index: 1999999 !important; background: transparent ! IMPORTANT;}
.swal2-container .swal2-popup {max-width: 300px; box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.2); padding: 40px 20px;  border-radius: 15px;}
.swal2-container .swal2-popup .swal2-title {color: #111; font-size: 22px; font-weight: 700; margin-bottom: 0.8em;}
.swal2-container .swal2-popup .swal2-html-container {padding: 0;}
.swal2-container .swal2-popup .swal2-styled {font-size: 15px; font-weight: 400; margin: 15px 5px 0; padding: 0.5em 2.5em;  border-radius: 50px;  background: var(--key-color); border: none ! IMPORTANT; box-shadow: none !important;}
.swal2-container .swal2-popup .swal2-close {font-size: 24px;color: #666;}
.swal2-container .swal2-popup .swal2-close:hover {color: var(--key-color) !important;}
.swal2-container .swal2-popup.swal2-show { -webkit-animation: showSweetAlert2 .2s;  animation: showSweetAlert2 .2s;}
@keyframes showSweetAlert2 {
  0% {
    transform: scale(.7)
  }
  70% {
    transform: scale(1.05)
  }
  100% {
    transform: scale(1)
  }
}




/*아카이브*/
.archive_forum_list .item {padding: 35px; background: #fff; border-bottom: 1px solid #ddd; display: flex; flex-wrap: wrap; align-items: center;}
.archive_forum_list .item:first-child {border-top: 1px solid #222;}
.archive_forum_list .item .thumbnail {width: 250px; height: 180px; margin-right: 40px; flex:1}
.archive_forum_list .item .thumbnail img {display: block; width: 100%; height: 100%; object-fit: cover;}
.archive_forum_list .item .desc {flex:2.5}
.archive_forum_list .item h3 {font-size: 24px; margin-bottom: 0.5em;}
.archive_forum_list .item p {font-size:16px}
.archive_forum_list .item ul {padding-top: 30px;}
.archive_forum_list .item ul li {font-size: 14px; color: #666; margin-bottom: 0.8em; padding-left: 22px; position: relative;}
.archive_forum_list .item ul li:last-child {margin-bottom: 0;}
.archive_forum_list .item ul li::before {content: ""; position: absolute; left: 0; top:-1px; width:16px; height: 16px; background-size:cover; }
.archive_forum_list .item ul li.date::before {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frbhysbehz.xe%2Sgurzr%2Sonfvp%2Spff%2S..%2Svzt%2Sfho%2Sqngr_vpba.cat)}
.archive_forum_list .item ul li.loc::before {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frbhysbehz.xe%2Sgurzr%2Sonfvp%2Spff%2S..%2Svzt%2Sfho%2Sybp_vpba.cat)}
.archive_forum_list .item .btn_wrap {display: flex;      flex-direction: column;  align-items: flex-end;  gap: 20px; flex:1}
.archive_forum_list .item .btn_wrap .btn {display: flex;  font-size: 14px;    align-items: center;     justify-content: center;     width: 150px;     height: 36px;     color: #fff;     font-weight: 400;     background: var(--key-color);     border-radius: 30px;     transition: all 0.15s;}
.archive_forum_list .item .btn_wrap .btn:hover {background: #1A62CE;}
.program_btn_wrap .round_btn {min-width:120px}
.archive_list .program_list {padding: 50px 0 50px; border-bottom: 1px solid #ddd;}
.archive_list .program_list:last-child {  border-bottom: none;}
.archive_list .program_list h3.date {font-size: 34px; margin-bottom: 0.8em;}
.archive_list .list_wrap {display: flex; flex-wrap: wrap;  gap: 20px;}
.archive_list .list_wrap .info_box {width: calc((100% - 40px) / 3);  padding: 30px; border: 1px solid #ddd;  border-radius: 10px;  box-shadow: 1px 1px rgba(0, 0, 0, 0.1);  text-align: center;  position: relative; background: #fff; transition: all 0.15s; display: flex;  flex-direction: column;  justify-content: center;   align-items: center;  height: 280px;}
.archive_list .list_wrap .info_box .title { /*height: 90px;*/ height: auto;  margin-bottom: 15px;}
.archive_list .list_wrap .info_box .title h4 {font-size: 24px;  word-break: keep-all;  line-height: 1.2em;  margin-bottom: 0.5em;}
.archive_list .list_wrap .info_box .title p {font-size: 16px;}
.archive_list .list_wrap .info_box .date {display: flex;  flex-direction: column;    align-items: center;  font-size: 14px; color: #666;    gap: 0.6em;    margin-bottom: 0;}
.archive_list .list_wrap .info_box .date .date_detail {display: none;}
.archive_program_wrap.program .program_contents .round_btn { transition: all 0.3s;}
.archive_program_wrap.program .info_detail:hover {  background: #F2F4FA; }
.archive_program_wrap.program .timetable_heading {background: transparent; border-top: 1px solid #111;}
.archive_sponsor {display: flex;  flex-wrap: wrap;  background: #fff;  padding: 25px 10px 25px 60px; border: 1px solid #ddd;  border-radius: 10px; margin-bottom: 30px;}
.archive_sponsor > div {display: flex; align-items: center;}
.archive_sponsor .logo_list {display: flex; flex-wrap: wrap; align-items: center; width: calc(100% - 45px);}
.archive_sponsor h3 {font-size: 20px; color: var(--key-color); width:45px}
.archive_sponsor .organized {width: 220px;position: relative;}
.archive_sponsor .hosted {width: calc(100% - 220px); padding-left: 45px; position: relative;}
.archive_sponsor .logo_list img {display: inline-block; max-width: fit-content;}
.archive_sponsor .organized::after {content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 20px; background: #ddd;}
.archive_program_wrap .sub_content_section .table_wrap td.bg_blue {width: 20%;  padding-right: 40px; word-break: keep-all;  font-weight: 500;  line-height: 1.4em;  padding-left: 40px;font-size: 17px; }


/* paging */
.sub_pg_wrap {padding-top: 50px;}
.sub_pg_wrap .pg {display: flex;justify-content: center;}
.sub_pg_wrap .pg .pg_page, 
.sub_pg_wrap .pg .pg_current {display: inline-flex;			font-size: 14px;			font-weight: normal;			width: 2.85em;			height: 2.85em;			justify-content: center;			align-items: center;			border-radius: 100%; border: none; min-width: 10px;}
.sub_pg_wrap .pg .pg_current {background: var(--key-color);}
.sub_pg_wrap .pg .pg_page { color: #222; background: transparent;}
.sub_pg_wrap .pg .pg_page:hover {background: #f8f8f8}
.sub_pg_wrap .pg .pg_page.pg_next {background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frbhysbehz.xe%2Sgurzr%2Sonfvp%2Spff%2S..%2Svzt%2Sfho%2Scntvat_arkg.cat) no-repeat center;}
.sub_pg_wrap .pg .pg_page.pg_end {background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frbhysbehz.xe%2Sgurzr%2Sonfvp%2Spff%2S..%2Svzt%2Sfho%2Scntvat_raq.cat) no-repeat center;}
.sub_pg_wrap .pg .pg_page.pg_start {background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frbhysbehz.xe%2Sgurzr%2Sonfvp%2Spff%2S..%2Svzt%2Sfho%2Scntvat_fgneg.cat) no-repeat center;}
.sub_pg_wrap .pg .pg_page.pg_prev {background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frbhysbehz.xe%2Sgurzr%2Sonfvp%2Spff%2S..%2Svzt%2Sfho%2Scntvat_ceri.cat) no-repeat center;}




/* custom search */
select::-ms-expand { display: none;}
select { -webkit-appearance: none;  -moz-appearance: none;  text-indent: 1px; text-overflow: '';}
#sub_search_custom {display:block ; float:none !important; padding: 0;}
#sub_search_custom .bo_sch form {max-width: 940px;  margin: 0 auto; display: flex; align-items: center; justify-content: center;}
#sub_search_custom .board_select_box {float: left;  width: 150px; margin-right: 10px;}
#sub_search_custom .bo_sch select { border: 1px solid #ddd; width: 100%;	height: 3.2em;	background: #fff;	font-size: 14px;	color: #222;	border-radius: 50px;	padding: 0 1.5em; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frbhysbehz.xe%2Sgurzr%2Sonfvp%2Spff%2S..%2Svzt%2Sfho%2Sfryrpg_neebj.cat) no-repeat center #fff;  background-position: 90% 50%;}
#sub_search_custom .sch_bar {display: flex; gap: 10px; clear: none;  float: left;  width: 380px;  border: none;}
#sub_search_custom .bo_sch .sch_input { width: calc(100% - 80px); height: 3.2em;border: 1px solid #ddd;	background-color: #fff;	float: left;	color: #222;	font-size: 14px;	border-radius: 50px;	padding: 0 1.5em;}
#sub_search_custom .bo_sch .sch_btn { height: 3.1em;	float: right;	color: #fff;	background: var(--key-color);	border: 0;	width: 80px;	font-size: 14px;	transition: all 0.15s;	border-radius: 50px;}
#sub_search_custom .bo_sch .sch_btn:hover {background: #1A62CE;}
#sub_search_custom .board_select_box {position:relative;}
.bo_sch_wrap.under_line {padding-bottom: 40px ! IMPORTANT; border-bottom: 1px solid #222;  margin-bottom: 50px;}



/*연사소개*/
.speakers .bo_sch_wrap {margin-bottom: 100px;}
.sub_spk_list {display: flex;  flex-wrap: wrap; gap: 35px; margin-bottom: 70px;}
.sub_spk_list .spk_box {width: calc((100% - 105px) / 4);}
.speakers .speakers_title {font-size: 36px; margin-bottom: 1.2em;}
.speakers .sub_spk_list:last-of-type {margin-bottom: 0;}
.speaker_popup_wrap {position: fixed; top:0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 1999999;}
.spk_info_box {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 90%; max-width: 1000px; background: #fff;  padding: 35px;  border-radius: 10px;}
.spk_info_box .inner_wrap { display: flex;     flex-wrap: wrap;}
.spk_info_box .thumbnail {width: 360px;}
.spk_info_box .spk_desc {width: calc(100% - 360px); padding-left: 40px; overflow-y: auto; height: 450px;}
.spk_info_box .spk_desc h4 {font-size: 20px;  color: var(--key-color); margin-bottom: 0.6em;}
.spk_info_box .spk_desc p {font-size: 15px;  line-height: 1.4em; margin-bottom: 20px; word-break: keep-all; font-weight: 300;}
.spk_info_box .spk_desc a:hover {color: var(--key-color); text-decoration: underline;}
.spk_info_box .spk_desc p.link {margin-bottom: 3px;}
.spk_info_box .close_btn {position: absolute; right: 15px; top: 5px; font-size: 32px; font-weight: 300;}
.spk_info_box .close_btn:hover {color: var(--key-color);}
.spk_info_box .spk_box a {cursor: default;}
.spk_info_box .down_btn {display: inline-flex;  align-items: center; justify-content: center;  font-size: 14px; color: #fff; background: var(--key-color);  height: 2.4em;  padding: 0 1.2em;   border-radius: 30px; transition: all 0.15s; cursor: pointer !important;}
.spk_info_box .down_btn:hover {background: #1A62CE;}
.spk_info_box .btn_wrap {text-align: right; margin-top: -10px;}
.spk_info_box .down_btn .ico {display: inline-block; width: 16px; height: 16px; margin-right: 5px; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frbhysbehz.xe%2Sgurzr%2Sonfvp%2Spff%2S..%2Svzt%2Sfho%2Sqbja_vpba.cat) no-repeat center; background-size: cover;}
.speaker_popup_wrap .spk_box .spk_name {position: relative; top: 0; left: 0;}
.speaker_popup_wrap .spk_box .s_name {color:#666 !important}
.speaker_popup_wrap .spk_box .b_name {color:#222 !important}
.speaker_popup_wrap .spk_box .spk_name {  border-color: #222 !important;}
.speaker_popup_wrap .spk_box .prf {font-size: 15px; position: relative;  bottom: 0; left: 0; margin-bottom: 1em;  color: #222; transform: none ! IMPORTANT; opacity: 1;}
.speaker_popup_wrap .spk_box .photo {margin-bottom: 20px;max-height: 450px;}
.speaker_popup_wrap .spk_box {position: relative;}
.speaker_popup_wrap .spk_info_box .btn_wrap { position: absolute;  right: 0;  bottom: 0;  margin-top: 0;}
.sub_spk_list .spk_sub_mid_tit {font-size: 22px;}
.sub_spk_list .spk_sub_mid_tit b {color:var(--key-color)}
.sub_spk_list .spk_box .spk_sub_mid_tit {margin-bottom: 1em ! IMPORTANT;  display: block;}



/*특별포럼*/
.sub_content_page.program-details.pixel_paint {padding-top: 120px; padding-bottom: 230px;position: relative; background: #435bff;}
.sub_content_page.program-details.pixel_paint::after {content: "";position: absolute; bottom:0; left:50%; transform:translateX(-50%); width: 1000px; height: 235px; background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frbhysbehz.xe%2Sgurzr%2Sonfvp%2Spff%2S..%2Svzt%2Sznva%2Sznva_ivm_2025.cat); background-size: cover; opacity: 0.1;}
.sub_content_page.program-details.pixel_paint canvas {opacity: 0; transition: all 0.5s;}
.sub_content_page.program-details.pixel_paint #containers.ready canvas {opacity: 1;}
#containers.program_detail {position: fixed;  top: 0; left: 0; width: 100%; height: 100%;}
.pixel_paint_info {position: relative;  display: flex;  flex-wrap: wrap; padding: 100px 0 100px;border-top: 1px solid rgba(255, 255, 255, 0.5);}
.pixel_paint .sub_page_title_h1 {color: #fff;}
.program.pixel_paint .sub_page_title_h1.with_arrow {font-size: 70px;  padding-top: 0.8em; margin-bottom: 0.8em;}
.program.pixel_paint .sub_page_title_h1.with_arrow a {background: transparent;transform: translateY(0);}
.program.pixel_paint .sub_page_title_h1.with_arrow a::after {color: #fff;}
.program.pixel_paint .sub_page_title_h1.with_arrow a:hover {background: #fff;}
.program.pixel_paint .sub_page_title_h1.with_arrow a:hover::after {color: #222;}
.pixel_paint .desc {padding-left: 60px;}
.pixel_paint .desc h2 {font-size: 60px; color: #fff;  margin-bottom: 0.4em;}
.pixel_paint .desc h4 {font-size: 20px; color: #fff; margin-bottom: 2.5em;font-weight: 300;}
.pixel_paint .desc h3 {font-size: 30px;  color: #fff; margin-bottom: 0.6em;}
.pixel_paint .desc p {font-size: 18px;  font-weight: 100; color: #fff;  line-height: 1.8em;  margin-bottom: 2.5em;}
.pixel_paint .desc p:last-of-type {margin-bottom: 0;}
.program.program-details.pixel_paint .sub_content_section {  border-top: 1px solid rgba(255, 255, 255, 0.5);}
.program.pixel_paint .timetable_heading {background: transparent;}
.program.pixel_paint .timetable_date {color: #ffffff;}
.program.pixel_paint .timetable_title,
.program.pixel_paint .timetable_venue,
.program.pixel_paint .table_wrap td,
.program.pixel_paint .sub_content_section .table_wrap th,
.program.pixel_paint .table_wrap .timetable_content {color: #ffffff;}
.program.pixel_paint .table_wrap td {background: transparent;}
.program.pixel_paint .sub_content_section .table_wrap td.bg_blue {   background: rgba(0, 0, 0, 0.1);}
.program.pixel_paint .sub_content_section .table_wrap th {  background: rgba(0, 0, 0, 0.2);}
.program.pixel_paint .sub_content_section .table_wrap tr {  border-bottom: 1px solid rgba(255, 255, 255, 0.5);}
.program.pixel_paint .table_wrap tr:first-child {  border-top: 1px solid #fff;}
.program.pixel_paint .table_wrap tr:last-child {  border-bottom: 1px solid #fff;}
.program.pixel_paint .sub_content_section .text_red {color:#fff}
.program.pixel_paint .timetable_title {  font-size: 50px;}
.program.pixel_paint .timetable_content {background: transparent;}
.program.pixel_paint .sub_content_section .text_blue {color: #b0cefa;}
.program.pixel_paint .table_wrap td p span b {color:#fff; font-weight: 500;}
.program.pixel_paint .table_wrap .speaker_position {  color: #cdcdcd;}
.program.pixel_paint .table_wrap .desc p {margin-bottom: 0; font-size: 15px;}
.program.pixel_paint .table_wrap .timetable_content b {color:#fff}


.program.pixel_paint .pxpl_logo {max-width: 500px;   margin: 0 auto;padding-bottom: 30px;}




.program_detail_sponsor {display: flex; align-items: flex-start;   gap: 20px;  justify-content: center;  margin-bottom: 50px;}
.program_detail_sponsor h3 {display: flex;    justify-content: center;     align-items: center;    font-size: 16px;    color: #fff;    background: var(--key-color);    height: 2.2em;     border-radius: 30px;     width: 6em;}
.program_detail_sponsor .sps {display: flex;  align-items: center;  justify-content: center;gap: 20px; }
.program_detail_sponsor .logo_s {width: auto; height: 25px; display: block;}
.program_detail_sponsor .logo_s img {display: block; width: 100%; height: 100%; object-fit: cover;max-width: fit-content;}
.program_detail_sponsor .wraps {display: flex ;    flex-wrap: wrap;    gap: 20px;}









html[lang="en"] .program_detail_sponsor h3 {width: auto; padding: 0 1em;}


/*프로그램테이블 수정 */
.program .--timetable .table_wrap.program_detail th {width: 16%;  text-align: left; padding: 40px 20px; background: #fff;font-weight: 300;  font-size: 18px; vertical-align: top;color: #333;}
.program .table_wrap.program_detail tr:first-child {  border-top: 3px solid #111;}
.program .table_wrap.program_detail td.desc { width: 45%; padding: 40px 0;}
.program .table_wrap.program_detail td {font-size: 16px;}
.program .--timetable .table_wrap.program_detail td.align_c {text-align: left;  font-size: 20px; font-weight: 600; background: #fff; padding: 40px 0; width: auto;}
.program .--timetable .table_wrap.program_detail td.align_c span {font-weight: 300; font-size: 0.9em; display: inline-block; padding-top: 0.3em;}
.program .--timetable .table_wrap.program_detail td.align_c.has_top {vertical-align: top;}
.program .table_wrap.program_detail .meeting_lead:first-of-type {padding-top: 0;}
.program .table_wrap.program_detail td {font-size: 16px;}


.program.pixel_paint .sub_content_section .table_wrap.program_detail td.bg_blue,
.program.pixel_paint .sub_content_section .table_wrap.program_detail th  {background: transparent;}
.program.pixel_paint .sub_content_section .table_wrap.program_detail th {color:#fff}
.program.pixel_paint .table_wrap.program_detail tr:first-child {  border-top: 3px solid #fff;}

/* Media Query */
@media (hover: hover) and (min-width: 1025px) {
  

}

@media (max-width:1440px) {
  /*특별포럼*/
  .program.pixel_paint .sub_page_title_h1.with_arrow {  font-size: 60px;}
  .pixel_paint .desc h2 {  font-size: 50px;}
  .pixel_paint .desc h3 {  font-size: 26px;}
  .pixel_paint .desc p { font-size: 16px;}
  .pixel_paint .desc {  padding-left: 30px;}
}

@media (max-width:1024px) {

  /* sub visual */
  .sub_visual_head { padding-top: 140px;}
  .sub_visual_head .page_depth1_title {  font-size: 45px;}
  .sub_visual_head .sub_title { font-size: 18px;}
  .sub_menu_tabs li a {font-size: 16px;}
  .sub_page_title_h1 {font-size: 32px;}


  /*행사장소*/
  .location_map_wrap .map_comment {font-size: 18px;}
  .location_info_wrap .info_title { width: 100%;  font-size: 28px;  border: none;  padding-top: 0;  padding-bottom: 1em;}
  .location_info_wrap .info_list { width: 100%; margin-left: 0;}
  .location_info_wrap .info_list .icon img { width: 80px;}

  /*참가등록*/
  .registration_wrap h3 {font-size: 16px;}
  .registration_wrap .box_list .icon {width: 110px;}
  .registration_wrap .box_list p { font-size: 15px; word-break: keep-all;}
  .registration_wrap .box_list .bottom_info button {width: 8em;}
  .registration_wrap .box_list .bottom_info input {width: 14em;}

  /*아카이브*/
  .archive_forum_list .item .desc {  flex: 1.5;}
  .archive_list .list_wrap .info_box .title h4 { font-size: 20px;}
  .archive_list .list_wrap .info_box .title p {   font-size: 15px;}
  .archive_sponsor .organized { width: 100%;}
  .archive_sponsor .hosted {width:100%; padding-left: 0; }
  .archive_sponsor {padding: 25px;}
  .archive_sponsor .organized::after {content: none;}

  /*연사소개*/ 
  .sub_spk_list .spk_box {  width: calc((100% - 35px) / 2);}

    /*특별포럼*/
  .pixel_paint .desc {  padding-left: 0;   width: 100%;    padding-top: 30px; }
  .sub_content_page.program-details.pixel_paint::after {width: 80vw; height: 18.8vw;}

  .program_detail_sponsor {flex-wrap: wrap;}
  .program_detail_sponsor .sps {width: 100%;justify-content: flex-start;}


  /*프로그램테이블 수정 */
  .program .--timetable .table_wrap.program_detail th,
  .program .--timetable .table_wrap.program_detail td.align_c {font-size: 18px;}

}

@media (max-width:980px) {


  /*참가등록*/
  .registration_wrap .box_list { width: 100%; }
  .participant_registration_wrap .list_2 {gap: 0;}
  .participant_registration_wrap .list_2 b {  width: 100%;}
  .round_box .title_wrap {flex-wrap: wrap; gap: 10px;}
  .title_wrap span {display: block; width: 100%;}
  .participant_registration_wrap .round_box {  padding: 30px; }
  #agree {width: 90vw; margin-left: -45vw;}
  .registration_wrap .info_txt {gap: 15px;  flex-direction: column;}


  /*행사장소*/
  .location_info_wrap.address span {padding-left: 0;padding-top: 0.5em;}
  .location_info_wrap.address span::before {content: none;}
  .location_info_wrap .info_list .desc p br.mobile_only {display:block}


  /*아카이브*/
  .archive_forum_list .item .thumbnail { width: 100%;  height: 300px;  margin-right: 0;  flex: none;  margin-bottom: 20px;}
  .archive_forum_list .item .btn_wrap {align-items: flex-start;flex: none;  width: 100%; margin-top: 20px;}
  .archive_forum_list .item .desc { flex: none; width: 100%;}
  .archive_list .list_wrap .info_box { width: calc((100% - 20px) / 2);}
  .program_btn_wrap .round_btn {   min-width: 80px;}


  /*연사소개*/ 
  .spk_info_box .thumbnail { width: 280px; }
  .spk_info_box .spk_desc { width: calc(100% - 280px);}
  .spk_info_box .photo img {display: block;   width: 100%;   height: 100%;  object-fit: cover;}


}


@media (max-width:767px) {
   /*아카이브*/
   .archive_forum_list .item .thumbnail {  height: 200px;}




   /* custom search */
   #sub_search_custom .board_select_box {    width: calc((100% - 10px) / 2);}
   #sub_search_custom .sch_bar {width: 100%;}
   #sub_search_custom.element_3 .bo_sch form {flex-wrap: wrap;  gap: 10px;}
   #sub_search_custom.element_3 .board_select_box {  width: calc((100% - 10px) / 2);  margin-right: 0;}
  

  /*연사소개*/ 
  .spk_info_box {height: 80vh; padding: 35px 15px 30px 20px;}
  .spk_info_box .thumbnail {  width: 100%; }
  .spk_info_box .spk_desc { width: 100%; height: auto;  padding-left: 0;  padding-top: 20px;}
  .spk_info_box .inner_wrap {overflow: auto; height: 100%;}


  .program_detail_sponsor .sps {gap: 10px;  flex-wrap: wrap;}
  .program_detail_sponsor .wraps {width: 100%;}
  .program_detail_sponsor h3 {font-size: 13px;}


  /*프로그램테이블 수정 */
  .program .table_wrap.program_detail td.desc,
  .program .--timetable .table_wrap.program_detail th,
  .program .--timetable .table_wrap.program_detail td.align_c {display: block; width:100%; padding: 15px 10px;}
  .program .--timetable .table_wrap.program_detail th br {display: none;}
  .program .--timetable .table_wrap.program_detail th {background: #f8f8f8;}
  .program .table_wrap.program_detail td {   font-size: 15px;}

}

@media (max-width:480px) {
  /* sub visual */
  .sub_visual_head {  padding-top: 120px;}
  .sub_visual_head .page_depth1_title {  font-size: 32px; }
  .sub_visual_head .sub_title {  font-size: 15px;}
  .sub_visual_head .sub_menu_tabs {   padding: 20px 0 40px; }
  .sub_menu_tabs li a {  font-size: 13px;    padding: 0 1em;    height: 2.8em;}
  .sub_menu_tabs li a.on {padding: 0 1.6em;}
  .sub_page_title_h1 {  font-size: 26px; line-height: 1.2em;}
  .sub_page_title_h1 br.mobile_only {display: block;}


  .sub_content_page {padding-bottom: 60px;}

  .sponsor_wrap .sp_box {padding: 5px;width: 25%;}



  /*행사장소*/
  .location_map_wrap { height: 430px;}
  .location_map_wrap .root_daum_roughmap .wrap_map { height: 400px; }
  .location_map_wrap .map_comment {  font-size: 15px; }
  .location_map_wrap .map_comment span {width: 100%;  padding-left: 0; padding-top: 0.8em;  font-size: 0.8em;}
  .location_map_wrap .map_comment span::before {content: none;}
  .location_info_wrap { padding-top: 50px;}
  .location_info_wrap .info_list .info_box {padding: 20px;}
  .location_info_wrap .info_list .icon { margin-right: 20px;}
  .location_info_wrap .info_list .icon img {   width: 50px; }
  .location_info_wrap .info_list .desc h3 {  font-size: 18px;   margin-bottom: 0.6em; }
  .location_info_wrap .info_list .desc p {  font-size: 14px;   line-height: 1.6em;   word-break: keep-all; }
  .location_info_wrap .info_list .desc.car p span {display: inline-block;   line-height: inherit;  margin-bottom: 0.5em;}
  .location_info_wrap .info_list .desc.car p span:last-child {margin-bottom:0}

  /* 개인정보처리방침 */
  .sub_content_page.privacy_wrap { padding-top: 50px;}
  .privacy_wrap p {font-size: 15px; line-height: 2em; word-break: keep-all;}
  .privacy_wrap b {display: block; font-size: 15px; margin-top: 2.5em; margin-bottom: 1.8em;}

   /*참가등록*/
  .registration_wrap h3 {  padding: 0 1em;   word-break: keep-all;}
  .registration_wrap h3 br {display: none;}
  .registration_wrap .box_list {padding: 40px 20px;}
  .registration_wrap .box_list .icon {   width: 90px;}
  .registration_wrap .box_list .desc {  height: auto;  padding-bottom: 20px;}
  .registration_wrap .box_list .bottom_info button {  width: 12em;}
  .registration_wrap .box_list .bottom_info.list_2ea button {  width: 6em;}
  .participant_registration_wrap .round_box {  padding: 15px;}
  .title_wrap h4 {  font-size: 20px;}
  .round_box .list_01 .title {font-size: 16px;}
  .form_step2 .list_01 ul li {padding: 20px;}
  .form_step2 .list_01 ul li label {  font-size: 16px;}
  .registration_wrap .info_txt {align-items: flex-start;}
  .registration_wrap .info_txt .ico {width: 20px;}
  .registration_wrap .box_list.vip p {  font-size: 14px;}

  /* paging */
 .sub_pg_wrap .pg .pg_page,
 .sub_pg_wrap .pg .pg_current {font-size: 12px;width: 2em; height: 2em;}

  /*아카이브*/
  .archive_forum_list .item {  padding: 20px 0;}  
  .archive_forum_list .item .thumbnail {  height: 180px;}
  .archive_forum_list .item h3 {  font-size: 20px;}
  .archive_forum_list .item p {  font-size: 15px;}
  .archive_forum_list .item .btn_wrap .btn {width: 100%;}
  .program_btn_wrap .round_btn {  min-width: 80px;}
  .archive_list .program_list { padding: 30px 0 30px;}
  .archive_list .program_list h3.date { font-size: 24px;}
  .archive_list .list_wrap .info_box {padding: 15px;}
  .archive_list .list_wrap .info_box .title h4 {  font-size: 18px;}
  .archive_list .list_wrap .info_box .title { /*height: 70px; */min-height: 70px;}
  .archive_program_wrap.program .program_contents .round_btn {   position: relative;  top: 0;   left: 0;   transform: none !important;}
  .archive_list .list_wrap .info_box .date {margin-bottom: 0;}
  .archive_sponsor .logo_list img {max-width: 100px;}
  .archive_sponsor h3 { font-size: 18px;}
  .archive_program_wrap .sub_content_section .table_wrap td.bg_blue {width: 100%; padding-right: 10px; padding-left: 10px; font-size: 16px;}
  .program_detail_sponsor .logo_s img {height: 24px;width: auto; }

  html[lang="en"] .archive_list .list_wrap .info_box .title h4 {font-size: 17px;}
  html[lang="en"] .archive_list .list_wrap .info_box {  padding: 15px 8px 15px; }

    /* custom search */
    #sub_search_custom {padding:0}
    .bo_sch_wrap.under_line {padding-bottom: 20px ! IMPORTANT;margin-bottom: 30px;}


    /*연사소개*/
    .speakers .bo_sch_wrap {  margin-bottom: 50px;}
    .speakers .speakers_title { font-size: 28px;}
    .sub_spk_list .spk_box {  width: 100%; }
    .spk_info_box .spk_desc h4 { font-size: 22px;}
    .speaker_popup_wrap .spk_info_box .btn_wrap {position: relative;right: 0; bottom: 0;text-align: left;  padding-top: 20px;}
    .sub_spk_list .spk_sub_mid_tit {font-size: 20px;display: flex ;   flex-direction: column;    gap: 10px;  line-height: 1.2em;}
    .sub_spk_list .spk_sub_mid_tit b {font-size: 22px;}


    /*특별포럼*/
    .sub_content_page.program-details.pixel_paint {  padding-top: 80px;  padding-bottom: 80px;}
    .program.pixel_paint .sub_page_title_h1.with_arrow {      font-size: 30px;      padding-top: 1.2em;      margin-bottom: 1.2em;  }
    .pixel_paint_info {padding: 40px 0 40px;}
    .pixel_paint_info .imgs img {width: 50vw}
    .pixel_paint .desc h2 {   font-size: 40px;  }
    .pixel_paint .desc h4 {  font-size: 16px;}
    .pixel_paint .desc h3 {    font-size: 18px;    word-break: keep-all;   line-height: 1.2em;  }
    .pixel_paint .desc p {  font-size: 15px; word-break: keep-all; }
    .pixel_paint .desc p br {display: none;}

    

}

