@charset "UTF-8";
/********************** Layout **********************/
.container{position: relative; max-width: 1340px; margin:0 auto; padding-left: 70px; padding-right: 70px;}

a#topBtn {position: fixed; right: 20px; bottom: 5%; width: 60px; height: 60px; padding-top:7px;  text-align:center; border:1px solid #000; border-radius: 100%; background: #fff; font-size:14px; line-height: 1.43; color: #000; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; z-index: 5;}

.pointer-none{pointer-events: none; opacity: 0.5;}

.dim{position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index:20;background: rgba(0,0,0,.5);opacity: 0; visibility: hidden; transition: opacity .4s}
.layer-open .dim{opacity: 1; visibility:visible;}

/*** Header ***/
header {position: fixed; left: 0; right: 0; top: 0; color: #fff; background: #02030f; z-index:25; transition: transform .3s;}
header .container{display:flex; align-items: center; min-width:100%; height:100px; padding-left:60px; padding-right:60px;}
header .hd-logo{width:150px; position: absolute; top: 50%; left: 60px; transform: translate(0, -50%); flex:none; font-size: 24px; line-height: 35px; font-weight:700; z-index:1;}
header .hd-logo img{height:auto; max-height:55px; vertical-align: middle;}
header .m-gnb-btn{display:none;}
/* header scroll animation */
header.header-unpinned {transform: translateY(-100%);}
header.header-pinned {transform: translateY(0%);}

#gnb{flex:1; height: 100%; position:relative; display: flex; align-items: center;}
.hd-util{display: flex; justify-content: flex-end; align-items: center; font-size: 14px; font-weight:500; line-height:1;position: absolute; top:3px; right:0; z-index: 1;}
.hd-util.style_01 {position: static;}
.hd-util.style_02 {top: calc(50% - 12px);}
.hd-util>*+*{margin-left: 20px;}
.hd-util .on{padding:2px 8px; border-radius: 10px; background-color: #f00; font-family: 'Poppins'; font-weight: 500;}
.hd-util .btn_logo img {height: 25px;}

.drop-lang{position:relative;  transition: display 200s linear;}
.drop-lang .btn-lang{position:relative; padding-right:22px; font-size: 14px; color:#fff; font-weight:500;min-width: 47px;}
.drop-lang .btn-lang:after{content:''; position:absolute; top:7px; right:0; width:13px; height:8px; background: url(../images/common/btn-lang.png) no-repeat center;}
.drop-lang .dropdown-menu{display:none; position:absolute; height:0; width:100%; z-index:1;}
.drop-lang .dropdown-menu li a{display:block; padding:5px 15px; width: 50px; background-color:#000;  font-weight:300;}
.drop-lang:hover .dropdown-menu{display:block; height:100%;}
.drop-lang .dropdown-menu li a:hover{background: rgb(206, 203, 203)}
.drop-lang .dropdown-menu li a.active{font-weight: 500;pointer-events: none;background: #294fb9;color: #ebdbdb}

.menu{display:flex; justify-content: center; width:100%;}
.menu>li{text-align:center; white-space: nowrap; line-height: 1; font-size:20px; font-weight: 500; letter-spacing: 0;}
.menu>li+li{margin-left:65px;}

#header_01 {height: 100px; position: relative; z-index: 25;}
#header_01 .i_inner {width: 100%; height: 100px; position: fixed; left: 0; top: 0; overflow: hidden; z-index: 1; transition: all 0.3s;}
#header_01 .i_inner::before {content: ''; display: block; width: 100%; height: 100px; position: absolute; left: 0; top: 0; background-color: var(--themesColor-2); z-index: 1;}
#header_01 .i_inner::after {content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: var(--themesColor-3);}
#header_01.open .i_inner {height: 300px;}
#header_01 .i_logo {display: flex; height: 100px; align-items: center; position: absolute; left: 40px; top: 0; z-index: 1;}
#header_01 .i_logo a {display: block;}
#header_01 .i_logo a img {vertical-align: top; max-width: 200px; max-height: 80px;}
#header_01 .i_gnb {display: flex; justify-content: center;}
#header_01 .i_gnb > ul {display: flex; z-index: 1;}
#header_01 .i_gnb > ul > li {padding: 0 30px; text-align: center; position: relative;}
#header_01 .i_gnb > ul > li > a {height: 100px; line-height: 100px; font-weight: 700;}
#header_01 .i_gnb a {display: inline-block; color: #000; text-align: center; position: relative;}
#header_01 .i_gnb a span {display: inline-block; line-height: 1.5em; position: relative;}
#header_01 .i_gnb a span::after {content: ''; display: block; width: 100%; height: 1px; background-color: var(--themesColor); position: absolute; left: 0; bottom: 0; transform: scale(0); transition: all 0.3s;}
#header_01 .i_gnb a:hover span::after {transform: scale(1);}
#header_01 .i_gnb a:hover {color: var(--themesColor);}
#header_01 .i_depth_02 {margin-top: 16px; position: absolute; left: 50%; transform: translate(-50%, 0%); white-space: nowrap}
#header_01 .i_depth_02 a {line-height: 30px;}
#header_01 .i_util_menu {display: flex; gap: 8px; position: absolute; right: 40px; top: 38px; z-index: 1;}
#header_01 .i_select {height: 26px; line-height: 24px; padding: 0 32px 0 16px; font-size: 14px; border-radius: 26px; color: #000; border: 1px solid #000;}
#header_01 .i_mobile_gnb_btn {display: none;}
#header_01 .i_mobile_gnb_close {display: none;}

#footer_01 {margin: 0; padding: 40px 0; background-color: #333;}
#footer_01.m_white {background-color: #fff; border-top: 1px solid #333;}
#footer_01 .i_inner {width: 80%; margin: 0 auto; position: relative;}
#footer_01 .i_logo {padding-bottom: 20px; border-bottom: 1px solid #777;}
#footer_01.m_white .i_logo {border-bottom: 1px solid #bbb;}
#footer_01 .i_logo img {max-height: 40px;}
#footer_01 .i_logo .i_black {display: none;}
#footer_01.m_white .i_logo .i_white {display: none;}
#footer_01.m_white .i_logo .i_black {display: block;}
#footer_01 .i_select select {width: 300px; height: 40px; color: #fff; background-color: #4f5563; border: 1px solid #4f5563; position: absolute; right: 0; top: 0; background: url(../images/common/select_white.svg) right center no-repeat;}
#footer_01.m_white .i_select select {color: #333; background-color: #fff; border: 1px solid #333; background: url(../images/common/select.png) right center no-repeat;}
#footer_01 .i_select select option {color: #000;}
#footer_01 .i_select .sns {    margin-top: 27px;position: absolute;right: 10px;top: 90px;display: flex;}
#footer_01 .i_select .sns a {width:32px; height:32px;}
#footer_01 .i_address {padding: 20px 0; color: #fff; font-size: 16px;}
#footer_01.m_white .i_address {color: #333;}
#footer_01 .i_menu {display: flex; gap: 20px; position: absolute; right: 0; top: 84px;}
#footer_01 .i_menu li {position: relative;}
#footer_01 .i_menu li + li::after {content: ''; display: block; width: 1px; height: 12px; background-color: #888; position: absolute; left: -10px ; top: 6px;}
#footer_01 .i_menu a {color: #fff; font-size: 16px;}
#footer_01.m_white .i_menu a {color: #333;}
#footer_01 .i_copyright {color: #bbb; font-size: 14px;}
#footer_01.m_white .i_copyright {color: #333;}

.sub_header {display: flex; height: 150px; gap: 2px 0; align-items: center; justify-content: center; flex-direction: column; text-align: center; background: radial-gradient(circle, var(--themesColor) 0%, var(--themesColor-1) 100%);}
.sub_header .i_breadcrumb ol {display: flex; justify-content: center; gap: 20px;}
.sub_header .i_breadcrumb li {color: #fff; font-size: 14px; position: relative;}
.sub_header .i_breadcrumb li + li::after {content: '>'; display: block; position: absolute; left: -14px; top: 0;}
.sub_header .i_title {font-size: 34px; color: #fff;}

.sub_menu {background-color: #333;}
.sub_menu ul {display: flex; justify-content: center;}
.sub_menu a {display: block; min-width: 150px; height: 50px; line-height: 50px; padding: 0 10px; text-align: center; color: #fff;}
.sub_menu a:hover,
.sub_menu li.on a {background-color: #fff; color: #333; font-weight: 700;}

.sub_contents {max-width: 1200px; margin: 0 auto; padding: 0 40px 120px; position: relative;}
.sub_contents.m_bg::after {content: ''; display: block; width: 150%; height: 150%; background: radial-gradient(circle, var(--themesColor) 0%, rgba(255,255,255,0) 50%); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: -1; opacity: 0.2;}
.sub_contents .i_cont {margin-top: 120px;}
.sub_contents .i_title {margin-bottom: 20px; font-size: 34px;}
.sub_contents .i_title span {display: inline-block; position: relative;}
.sub_contents .i_title span::after {content: ''; display: block; width: 100%; height: 20px; background-color: var(--themesColor); position: absolute; left: 0; bottom: 5px; opacity: 0.3;}
.sub_contents .i_title_01 {margin-bottom: 10px; font-size: 48px; color: var(--themesColor); text-align: center;}
.sub_contents .i_subtitle_01 {font-size: 30px; text-align: center;}
.sub_contents .i_subtitle_02 {display: inline-block; padding-left: 10px; font-size: 18px; color: #000; position: relative;}
.sub_contents .i_subtitle_02::after {content: ''; display: block; width: 4px; height: 4px; border-radius: 4px; background-color: #40FF02; position: absolute; left: 0; top: 10px;}
.sub_contents .i_subtitle {margin-bottom: 20px; color: #111; font-size: 20px; font-weight: 600;}
.sub_contents .i_txt_list {display: flex; gap: 16px;}
.sub_contents .i_txt_list li {display: flex; width: 100%; padding: 20px; flex: 1; gap: 16px; flex-direction: column; justify-content: center; align-items: center; border-radius: 5px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);}
.sub_contents .i_txt_list li.m_img {justify-content: space-between;}
.sub_contents .i_txt_list li.m_img .i_tit {margin-bottom: 16px;}
.sub_contents .i_txt_list li.m_img img {width: 100%;}
.sub_contents .i_txt_list li.m_img_01 {flex-direction: row; justify-content: space-between;}
.sub_contents .i_txt_list .i_tit {font-size: 20px; font-weight: 700; text-align: center;}
.sub_contents .i_txt_list .i_txt {line-height: 1.5;}
.sub_contents .i_txt_list .i_info div {min-height: 90px; padding-left: 120px; color: #333; position: relative;}
.sub_contents .i_txt_list .i_info div::after {content: ''; display: block; width: 90px; height: 90px; border-radius: 100%; position: absolute; left: 0; top: 0;}
.sub_contents .i_txt_list .i_info div.i_ico_location::after {background: url(/resources/images/ico_place.svg) center no-repeat #f9f9f9;}
.sub_contents .i_txt_list .i_info div.i_ico_mail::after {background: url(/resources/images/ico_email.svg) center no-repeat #f9f9f9;}
.sub_contents .i_txt_list .i_info div + div {margin-top: 20px;}
.sub_contents .i_txt_list .i_info dt {padding: 12px 0 8px; font-size: 20px; font-weight: 700;}
.sub_contents .i_txt_list.m_step_list li {justify-content: flex-start; text-align: center;}
.sub_contents .i_txt_list .i_step {display: inline-block; height: 26px; line-height: 26px; margin-bottom: 10px; padding: 0 16px; color: #fff; white-space: nowrap; background-color: var(--themesColor); border-radius: 26px;}
.sub_contents .i_txt_list .i_step_box {height: 230px;}
.sub_contents .i_txt_list .i_step_box .i_tit {margin-bottom: 15px;}
.sub_contents .i_txt_list .i_step_box .i_txt {text-align: left;}
.sub_contents .i_txt_list .i_txt_bullet span {display: block; padding-left: 10px; margin-top: 5px; position: relative;}
.sub_contents .i_txt_list .i_txt_bullet span::after {content: '·'; position: absolute; left: 0; top: 0;}
.sub_contents .i_txt_list_01 > li {min-height: 90px; padding-left: 110px; position: relative;}
.sub_contents .i_txt_list_01 > li + li {margin-top: 20px;}
.sub_contents .i_txt_list_01 .i_ico {display: flex; width: 90px; height: 90px; border-radius: 100%; background-color: #f9f9f9; justify-content: center; align-items: center; position: absolute; left: 0; top: 0;}
.sub_contents .i_txt_list_01 .i_tit {font-size: 20px; font-weight: 700;}
.sub_contents .i_txt_list_01 .i_txt span {display: block; padding-left: 10px; margin-top: 5px; position: relative;}
.sub_contents .i_txt_list_01 .i_txt span::after {content: '·'; position: absolute; left: 0; top: 0;}
.sub_contents .i_txt_list_02 {display: flex; gap: 50px; justify-content: center;}
.sub_contents .i_txt_list_02 > li {display: flex; padding: 40px; flex: 1; gap: 16px; flex-direction: column; border-radius: 5px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3); background-color: #fff;}
.sub_contents .i_txt_list_02 .i_title {text-align: center; font-size: 25px; color: #191919;}
.sub_contents .i_txt_list_02 .i_title span::after {height: 12px;}
.sub_contents .i_txt_list_02 .i_dl div:last-child {padding-bottom: 16px; border-bottom: 1px solid #ddd;}
.sub_contents .i_txt_list_02 dl div {display: flex; gap: 20px; font-size: 18px;}
.sub_contents .i_txt_list_02 dl div + div {margin-top: 5px;}
.sub_contents .i_txt_list_02 dt {width: 150px; font-size: 20px; font-weight: 600; color: #191919;}
.sub_contents .i_btn_box {display: flex; gap: 16px; flex-wrap: wrap;}
.sub_contents .i_btn_box.m_center {justify-content: center}
.sub_contents .i_btn_01,
.sub_contents .i_btn_02,
.sub_contents .i_btn_03 {display: inline-block; min-width: 280px; height: 72px; border-radius: 8px; line-height: 72px; color: #fff; text-align: center; font-size: 28px; font-weight: 600; transition: all 0.3s;}
.sub_contents .i_btn_01 {background-color: var(--themesColor); border: 2px solid var(--themesColor);}
.sub_contents .i_btn_01.m_40 {min-width: auto; padding: 0 20px; height: 40px; line-height: 36px; font-size: 18px; font-weight: 500;}
.sub_contents .i_btn_02 {background-color: var(--themesColor-1);}
.sub_contents .i_btn_03 {background-color: #fff; color: var(--themesColor); border: 2px solid var(--themesColor);}
.sub_contents .i_btn_01.m_hover:hover {color: var(--themesColor); border: 2px solid var(--themesColor); background-color: #fff;}
.sub_contents .i_btn_03.m_hover:hover {color: #fff; border: 2px solid #fff; background-color: var(--themesColor);}
.sub_contents .i_txt_box_01 {padding: 0 0 60px 200px; border-bottom: 1px solid #ddd; position: relative;}
.sub_contents .i_txt_box_01 .i_tit_01 {font-size: 20px; position: absolute; left: 0; top: 20px;}
.sub_contents .i_txt_box_01 .i_tit_02 {margin-bottom: 10px; font-size: 20px; font-weight: 400;}
.sub_contents .i_txt_box_01 .i_category {display: flex; gap: 10px; flex-wrap: wrap;}
.sub_contents .i_txt_box_01 .i_category li {height: 30px; padding: 0 16px; border-radius: 30px; line-height: 30px; background-color: var(--themesColor); color: #fff;}
.sub_contents .i_txt_box_02 {padding: 0 0 0 200px; position: relative;}
.sub_contents .i_txt_box_02 .i_tit_01 {font-size: 20px; position: absolute; left: 0; top: 70px;}
.sub_contents .i_txt_box_02 .i_step_list {display: flex; max-width: 900px; gap: 60px; margin-bottom: 60px; flex-wrap: wrap;}
.sub_contents .i_txt_box_02 .i_step_list li {text-align: center; position: relative;}
.sub_contents .i_txt_box_02 .i_step_list li + li::after {content: "\f105"; font-family: "Font Awesome 6 Free"; font-weight: 700; font-size: 24px; position: absolute; left: -35px; top: 60px; color: #333;}
.sub_contents .i_txt_box_02 .i_step_list .i_ico {display: flex; width: 150px; height: 150px; margin-bottom: 10px; align-items: center; justify-content: center; border-radius: 100%; background-color: #f9f9f9;}
.sub_contents .i_txt_box_02 .i_btn_box {justify-content: center;}
.sub_contents .i_title_02 {margin-bottom: 60px; padding-bottom: 10px; font-size: 38px; color: #191919; border-bottom: 1px solid var(--themesColor); font-weight: 700;}
.sub_contents .i_title_02 span {font-size: 0.6em; font-weight: 400;}
.sub_contents .i_title_03 {margin: 120px 0 60px; padding-top: 10px; font-size: 32px; color: #191919; font-weight: 700; position: relative;}
.sub_contents .i_title_03::after {content: ''; display: block; width: 30px; height: 3px; background-color: var(--themesColor); position: absolute; left: 0; top: 0;}
.sub_contents .i_txt_list_03 li {padding: 20px 20px 20px 35px; position: relative; background-color: var(--themesColor-6); border-radius: 12px; color: #454545;}
.sub_contents .i_txt_list_03 li + li {margin-top: 10px;}
.sub_contents .i_txt_list_03 li::after {content: ''; display: block; width: 6px; height: 6px; border-radius: 6px; background-color: var(--themesColor); position: absolute; left: 20px; top: 30px;}
.sub_contents .i_smart_matching {display: flex; gap: 30px;}
.sub_contents .i_smart_matching div {width: 100%; padding: 30px 30px 100px; background-color: #FAFAFA; border-radius: 20px; position: relative;}
.sub_contents .i_smart_matching div::after {content: ''; display: block; width: 48px; height: 48px; position: absolute; right: 30px; bottom: 30px;}
.sub_contents .i_smart_matching div:nth-child(1)::after {background: url(/resources/images/ico_present.svg) 0 0 no-repeat;}
.sub_contents .i_smart_matching div:nth-child(2)::after {background: url(/resources/images/ico_calendar_01.svg) 0 0 no-repeat;}
.sub_contents .i_smart_matching dt {margin-bottom: 30px; font-size: 25px; color: #191919; font-weight: 600;}
.sub_contents .i_smart_matching dd {color: #454545; line-height: 1.8;}
.sub_contents .i_txt_box_03 {color: #454545; line-height: 1.8;}
.sub_contents .i_overview_wrap {margin-top: 120px; padding: 60px 0; position: relative;}
.sub_contents .i_overview_wrap::after {content: ''; width: 100vw; height: 100%; background-color: #FAFAFA; position: absolute; left: calc(50% - 50vw); top: 0;}
.sub_contents .i_overview_inner {position: relative; z-index: 1;}
.sub_contents .i_overview_inner .i_title_03 {margin: 0 0 60px;}
.sub_contents .i_overview_inner dl {display: flex; gap: 20px;}
.sub_contents .i_overview_inner dl div {width: 100%; padding: 30px 30px 100px 30px; background-color: #fff; border-radius: 20px; position: relative;}
.sub_contents .i_overview_inner dl div::after {content: ''; display: block; width: 48px; height: 48px; position: absolute; right: 30px; bottom: 30px;}
.sub_contents .i_overview_inner dl div:nth-child(1):after {background: url(/resources/images/ico_calendar_01.svg) 0 0 no-repeat;}
.sub_contents .i_overview_inner dl div:nth-child(2):after {background: url(/resources/images/ico_place.svg) 0 0 no-repeat;}
.sub_contents .i_overview_inner dl div:nth-child(3):after {background: url(/resources/images/ico_list.svg) 0 0 no-repeat;}
.sub_contents .i_overview_inner dl dt {margin-bottom: 16px; color: #454545;}
.sub_contents .i_overview_inner dl dd {font-size: 25px; line-height: 1.6; font-weight: 600; color: #191919;}
.sub_contents .i_overview_inner .i_txt_box_03 {margin-bottom: 20px;}
.sub_contents .i_circle_list {display: flex; gap: 20px; justify-content: center;}
.sub_contents .i_circle_list div {display: flex; width: 240px; height: 240px; align-items: center; flex-direction: column; justify-content: center; background-color: var(--themesColor-6); border-radius: 240px;}
.sub_contents .i_circle_list dt {margin-bottom: 8px;}
.sub_contents .i_circle_list dd {font-size: 25px; color: var(--themesColor); font-weight: 600;}
.sub_contents .i_highlights {display: flex; flex-wrap: wrap; gap: 20px;}
.sub_contents .i_highlights li {flex: 1 1 calc(50% - 20px); padding: 30px 20px; border-radius: 20px; text-align: center; border: 1px solid var(--themesColor-1);}
.sub_contents .i_highlights .i_tit {margin-bottom: 30px; font-size: 25px; color: #191919; font-weight: 600;}
.sub_contents .i_highlights .i_txt {margin-bottom: 30px; line-height: 1.8;}
.sub_contents .i_highlights .i_info {display: flex; gap: 50px; justify-content: center;}
.sub_contents .i_highlights .i_info.m_type_01,
.sub_contents .i_highlights .i_info.m_type_02 {gap: 0;}
.sub_contents .i_highlights .i_info div {display: flex; width: 180px; height: 180px; border-radius: 100%; flex-direction: column; align-items: center; justify-content: center; position: relative;}
.sub_contents .i_highlights .i_info.m_type_01 div {width: 150px; height: 150px;}
.sub_contents .i_highlights .i_info div:nth-child(1) {background-color: #fafafa;}
.sub_contents .i_highlights .i_info div:nth-child(2) {background-color: var(--themesColor-6);}
.sub_contents .i_highlights .i_info.m_type_01 div:nth-child(2),
.sub_contents .i_highlights .i_info.m_type_02 div:nth-child(2) {background-color: #fafafa;}
.sub_contents .i_highlights .i_info.m_type_01 div:nth-child(3) {background-color: var(--themesColor-6); margin-left: 50px;}
.sub_contents .i_highlights .i_info div:last-child::after {content: ''; display: block; width: 30px; height: 30px; background: url(/resources/images/arrow_09.svg) 0 0 no-repeat; position: absolute; left: -35px; top: calc(50% - 15px);}
.sub_contents .i_highlights .i_info.m_type_02 div:last-child::after {display: none;}
.sub_contents .i_highlights .i_info dt {font-size: 16px;}
.sub_contents .i_highlights .i_info dd {color: var(--themesColor); font-size: 24px; font-weight: 600;}
.sub_contents .i_highlights .i_info dd span {font-size: 16px;}
.sub_contents .i_map_area {height: 600px; background-color: #EBEBEB;}
.sub_contents .i_contact_box {display: flex; gap: 20px;}
.sub_contents .i_contact_box li {flex: 1 1 33%; padding: 30px 30px 100px; border: 1px solid var(--themesColor-1); border-radius: 20px; position: relative;}
.sub_contents .i_contact_box .i_tit {margin-bottom: 16px; font-size: 16px; color: #454545; font-weight: 400;}
.sub_contents .i_contact_box .i_txt {font-size: 25px; line-height: 1.6; color: #191919; font-weight: 600;}
.sub_contents .i_contact_box .i_ico {position: absolute; right: 30px; bottom: 30px;}
.sub_contents .i_directions_box li {padding-left: 280px; height: 240px; position: relative;}
.sub_contents .i_directions_box li + li {margin-top: 40px;}
.sub_contents .i_directions_box .i_tit {display: flex; width: 240px; height: 240px; flex-direction: column; align-items: center; justify-content: center; background-color: #fafafa; border-radius: 20px; position: absolute; left: 0; top: 0;}
.sub_contents .i_directions_box .i_tit strong {margin-top: 10px; font-size: 25px; font-weight: 600; color: #191919;}
.sub_contents .i_directions_box .i_info {display: flex; height: 100%; flex-direction: column; justify-content: center;}
.sub_contents .i_directions_box .i_info dt {margin-bottom: 10px; font-size: 23px; color: #191919; font-weight: 700;}
.sub_contents .i_directions_box .i_info dd {margin-bottom: 30px; line-height: 1.8;}
.sub_contents .i_directions_box .i_info dd:last-child {margin-bottom: 0;}
.sub_contents .i_txt_box_04 {margin: 120px 0; text-align: center;}
.sub_contents .i_txt_box_04 .i_tit {margin-bottom: 40px; font-size: 30px; font-weight: 700;}
.sub_contents .i_txt_box_04 .i_img {width: 360px; margin-bottom: 40px; border-radius: 20px;}
.sub_contents .i_txt_box_04 .i_txt {font-size: 22px;}
.sub_contents .i_txt_list_04 li {padding: 30px; border-radius: 20px; background-color: #fafafa;}
.sub_contents .i_txt_list_04 li + li {margin-top: 20px;}
.sub_contents .i_txt_list_04 .i_tit {margin-bottom: 30px; font-size: 25px; color: #191919; font-weight: 600;}
.sub_contents .i_txt_list_04 .i_tit span {color: var(--themesColor);}
.sub_contents .i_txt_list_04 dl {padding-left: 20px;}
.sub_contents .i_txt_list_04 dt {margin-bottom: 8px; font-size: 18px; position: relative;}
.sub_contents .i_txt_list_04 dt::after {content: ''; display: block; width: 6px; height: 6px; border-radius: 100%; background-color: var(--themesColor); position: absolute; left: -20px; top: calc(50% - 3px);}
.sub_contents .i_txt_list_04 dd {margin-bottom: 20px; font-size: 16px; line-height: 1.8; color: #454545;}
.sub_contents .i_txt_list_04 dd:last-child {margin-bottom: 0;}
.sub_contents .i_txt_list_05 {margin-bottom: 60px; line-height: 1.8;}
.sub_contents .i_txt_list_05 > li {display: flex;}
.sub_contents .i_txt_list_05 > li + li {margin-top: 40px; padding-top: 40px; border-top: 1px dotted #ccc;}
.sub_contents .i_txt_list_05 .i_tit {min-width: 150px;}
.sub_contents .i_txt_list_06 {vertical-align: top;}
.sub_contents .i_txt_list_06 {counter-reset: regulation_no; line-height: 1.8;}
.sub_contents .i_txt_list_06 > li {padding-left: 30px;}
.sub_contents .i_txt_list_06 .i_tit {margin-bottom: 10px; position: relative;}
.sub_contents .i_txt_list_06 .i_tit::after {width: 25px; counter-increment: regulation_no; content: counter(regulation_no) ". "; text-align: right; position: absolute; left: -30px; top: 0;}
.sub_contents .i_txt_list_06 > li + li {margin-top: 20px; padding-top: 20px; border-top: 1px dotted #ccc;}
.sub_contents .i_txt_list_07 li {padding-left: 25px; position: relative;}
.sub_contents .i_txt_list_07 .i_bullet {width: 25px; text-align: center; position: absolute; left: 0; top: 0;}
.sub_contents .i_txt_list_08 li {margin-top: 24px;}
.sub_contents .i_txt_box_05 .i_tit {margin-bottom: 30px; font-size: 28px; font-weight: 600; text-align: center;}
.sub_contents .i_txt_box_05 .i_category {display: flex; max-width: 860px; margin: 0 auto; gap: 20px; flex-wrap: wrap; justify-content: center;}
.sub_contents .i_txt_box_05 .i_category li {display: flex; width: 200px; height: 200px; border-radius: 100%; gap: 10px; flex-direction: column; align-items: center; justify-content: center; font-size: 25px; font-weight: 600; background-color: var(--themesColor-6); color: var(--themesColor);}
.sub_contents .i_txt_box_06 .i_step_list {display: flex; gap: 50px; margin-bottom: 120px; flex-wrap: wrap; justify-content: center;}
.sub_contents .i_txt_box_06 .i_step_list.m_mb {margin-bottom: 10px;}
.sub_contents .i_txt_box_06 .i_step_list li {display: flex; width: 220px; height: 220px; gap: 20px; font-size: 25px; color: #191919; font-weight: 600; flex-direction: column; justify-content: center; align-items: center; text-align: center; border-radius: 20px; border: 1px solid var(--themesColor-2); position: relative;}
.sub_contents .i_txt_box_06 .i_step_list li + li::after {content: "\f105"; font-family: "Font Awesome 6 Free"; font-weight: 700; font-size: 24px; position: absolute; left: -33px; top: 90px; color: #D9D9D9;}
.sub_contents .i_txt_box_06 .i_txt {font-size: 18px; font-weight: 400;}
.sub_contents .i_txt_box_06 .i_txt strong {display: block; margin-bottom: 10px;}
.sub_contents .i_txt_box_06 .i_btn_box {justify-content: center;}
.sub_contents .i_txt_box_07 {display: flex; margin-top: 20px; padding: 30px; gap: 30px; background-color: #F9F9F9;}
.sub_contents .i_txt_box_07 > div {flex: 1;}
.sub_contents .i_txt_box_07 .i_img {width: 100%;}
.sub_contents .i_txt_box_07 .i_txt_01 {margin-bottom: 20px; font-size: 26px; font-weight: 700;}
.sub_contents .i_txt_box_07 .i_dl > div {display: flex;}
.sub_contents .i_txt_box_07 .i_dl > div + div {margin-top: 10px;}
.sub_contents .i_txt_box_07 .i_dl dt {min-width: 60px; padding-left: 10px; color: #555; position: relative;}
.sub_contents .i_txt_box_07 .i_dl dt::after {content: ''; display: block; width: 2px; height: 2px; background-color: #000; position: absolute; left: 0; top: 15px;}
.sub_contents .i_txt_box_07 .i_dl dd {font-weight: 500;}
.sub_contents .i_txt_box_07 .i_txt_02 {margin-top: 20px; padding-top: 20px; border-top: 1px solid #c9c9c9; color: #666; font-size: 16px;}
.sub_contents .i_txt_box_08 {margin-bottom: 40px; padding: 60px 0; position: relative;}
.sub_contents .i_txt_box_08::after {content: ''; display: block; width: 100vw; height: 100%; background-color: #F8F8F8; position: absolute; left: calc(50% - 50vw); top: 0; z-index: -1;}
.sub_contents .i_txt_box_08 .i_title {margin-bottom: 40px; font-size: 38px;}
.sub_contents .i_txt_box_08 .i_year {display: inline-block; margin-bottom: 40px; padding: 0 26px; height: 34px; line-height: 34px; border-radius: 34px; font-size: 18px; font-weight: 500; border: 1px solid #000;}
.sub_contents .i_txt_box_08 .i_subtitle {margin-bottom: 40px; padding-bottom: 30px; font-size: 30px; line-height: 1.8; font-weight: 700; position: relative;}
.sub_contents .i_txt_box_08 .i_subtitle::after {content: ''; display: block; width: 80px; height: 1px; background-color: #000; position: absolute; left: 0; bottom: 0;}
.sub_contents .i_txt_box_08 .i_info li {padding-left: 10px; font-size: 18px; line-height: 1.8; font-weight: 500; color: #111; position: relative;}
.sub_contents .i_txt_box_08 .i_info li + li {margin-top: 10px;}
.sub_contents .i_txt_box_08 .i_info li::after {content: ''; display: block; width: 4px; height: 4px; border-radius: 4px; background-color: #40FF02; position: absolute; left: 0; top: 15px;}
.sub_contents .i_txt_box_08 .i_info li span {display: inline-block; margin-right: 5px; color: #444; font-weight: 400;}
.sub_contents .i_txt_box_08 .i_poster {position: absolute; right: 0; top: 60px;}
.sub_contents .i_img_list_01 {display: flex; margin-top: 20px; flex-wrap: wrap; gap: 20px;}
.sub_contents .i_img_list_01 li {flex-basis: calc(50% - 10px);}
.sub_contents .i_img_list_01 img {vertical-align: top;}
.sub_contents .i_judges_list > li {display: flex;}
.sub_contents .i_judges_list > li + li {margin-top: 40px; padding-top: 40px; border-top: 1px solid #ddd;}
.sub_contents .i_judges_list .i_info {min-width: 320px; min-height: 114px; padding-left: 120px; position: relative;}
.sub_contents .i_judges_list .i_info img {position: absolute; left: 0; top: 0;}
.sub_contents .i_judges_list .i_info span {display: block;}
.sub_contents .i_judges_list .i_info .i_name {margin: 8px 0 5px; color: #000; font-size: 28px; font-weight: 700;}
.sub_contents .i_judges_list .i_info .i_company {color: #222; font-size: 16px;}
.sub_contents .i_judges_list .i_info .i_position {color: #222; font-size: 16px;}
.sub_contents .i_judges_list .i_resume li {padding-left: 10px; position: relative; font-size: 18px; color: #444;}
.sub_contents .i_judges_list .i_resume li + li {margin-top: 10px;}
.sub_contents .i_judges_list .i_resume li::after {content: ''; display: block; width: 2px; height: 2px; border-radius: 2px; background-color: #444; position: absolute; left: 0; top: 12px;}
.sub_contents .i_pricing {display: flex; gap: 20px; justify-content: center; font-size: 16px;}
.sub_contents .i_pricing > li {display: flex; padding: 20px; flex: 1; gap: 16px; flex-direction: column; border-radius: 5px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3); background-color: #fff;}
.sub_contents .i_pricing .i_title {margin-bottom: 0; font-size: 25px; color: #191919; text-align: center;}
.sub_contents .i_pricing .i_title span::after {height: 12px;}
.sub_contents .i_pricing .i_txt_01 {margin-bottom: 20px; color: #5E6F7A;}
.sub_contents .i_pricing .i_txt_02 {color: #5E6F7A;}
.sub_contents .i_pricing .i_price strong {font-size: 28px;}
.sub_contents .i_pricing .i_li li {padding-left: 20px; position: relative;}
.sub_contents .i_pricing .i_li li + li {margin-top: 10px;}
.sub_contents .i_pricing .i_li li::after {content: ''; display: block; width: 6px; height: 6px; border-radius: 100%; background-color: var(--themesColor); position: absolute; left: 0; top: 10px;}
.sub_contents .i_pricing .i_btn_01,
.sub_contents .i_pricing .i_btn_03 {min-width: 100%; height: 58px; line-height: 56px; font-size: 16px;}
.sub_contents .i_guide_book {margin-bottom: 40px;}
.sub_contents .i_plan_box {margin-bottom: 40px;}
.sub_contents .i_plan_box .i_txt_01 {font-size: 24px; font-weight: 500; color: #63B22B;}
.sub_contents .i_plan_box .i_txt_02 {margin-bottom: 30px; font-size: 18px; color: #757575;}
.sub_contents .i_plan_box .i_txt_03 {margin-top: 40px; font-size: 28px; font-weight: 500; color: #000; text-align: center;}
.sub_contents .i_txt_link {color: var(--themesColor); text-decoration: underline;}
.sub_contents .i_table_style_01 {border-top: 2px solid #A0A0A0;}
.sub_contents .i_table_style_01 thead th {padding: 12px 20px; font-size: 16px; color: #555; text-align: left; font-weight: 400; border-bottom: 1px solid #ddd; background-color: #F9F9F9;}
.sub_contents .i_table_style_01 thead th + th {border-left: 1px solid #ddd;}
.sub_contents .i_table_style_01 tbody td {border-bottom: 1px solid #ddd;}
.sub_contents .i_table_style_01 tbody td {padding: 30px 20px; font-size: 18px; font-weight: 500; color: #111; border-right: 1px solid #ddd;}
.sub_contents .i_table_style_01 tbody td:last-child {border-right: none;}
.sub_contents .i_btn_tab {display: flex; margin-bottom: 24px;}
.sub_contents .i_btn_tab label {display: block; width: 100%;}
.sub_contents .i_btn_tab label span {display: block; padding: 20px 0; font-size: 18px; font-weight: 500; color: #666; text-align: center; border: 1px solid #ccc;}
.sub_contents .i_btn_tab label input[type=radio]:checked + span {background-color: #063969; color: #fff; border: 1px solid #063969;}
.sub_contents .i_list_style_01 .i_list_title {margin-bottom: 10px; font-size: 24px; font-weight: 700; color: #000;}
.sub_contents .i_list_style_01 .i_list li {display: flex; margin-bottom: 24px; padding-bottom: 24px; border-bottom: 1px solid #ddd;}
.sub_contents .i_list_style_01 .i_list .i_thumbnail {width: 244px;}
.sub_contents .i_list_style_01 .i_list .i_info {display: flex; flex-direction: column; justify-content: space-between; padding: 24px 18px; font-size: 18px;}
.sub_contents .i_list_style_01 .i_list .i_info dl {display: flex; gap: 8px;}
.sub_contents .i_list_style_01 .i_list .i_info dt {min-width: 28px; color: #444;}
.sub_contents .i_list_style_01 .i_list .i_info dd {font-weight: 500; color: #111; word-break: keep-all}
.sub_contents .i_list_style_01 .i_list .i_info dd span {color: var(--themesColor);}

/*** aside ***/
.asidebar{position: fixed; width: 70px; top: 100px; height: 100%; background: #fff; color:#464646; white-space: nowrap; align-items: center; overflow: hidden; transition: width .4s; z-index:20;}
.asidebar.wide{width:250px;}
.fix-bottom{display:none;}
#mpnb{left:0; border-right:1px solid #E9EAED;}
#ncnb{right:0; border-left:1px solid #E9EAED;}
.asidebar .close{display:none;}
.asidebar:not(.wide) .close, .asidebar:not(.wide) .aside-link span, .asidebar:not(.wide) .aside-link:after, .asidebar:not(.wide) .aside-content{opacity: 0; pointer-events: none;}
.asidebar .i_center {display: none; margin: 20px 25px 0; padding: 16px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.asidebar .i_center .i_tit {display: inline-block; height: 30px; line-height: 30px; padding: 0 12px 0 38px; background-color: var(--themesColor); font-size: 16px; font-weight: 600; color: #fff; border-radius: 3px; position: relative;}
.asidebar .i_center .i_tit::after {content: ''; display: block; width: 30px; height: 30px; background: url(/resources/images/ico_center.svg) 0 0 no-repeat; position: absolute; left: 12px; top: 5px;}
.asidebar .i_center .i_info {font-size: 14px; letter-spacing: -0.04em;}
.asidebar .i_center .i_info dt {margin: 16px 0 6px; color: #000; font-weight: 600;}
.asidebar .i_center .i_info dd {color: var(--themesColor); font-weight: 700;}
.asidebar.wide .i_center {display: block;}

.aside{margin-top:75px; padding:0 25px;}
.aside li+li{margin-top:27px;}
.aside-link{display:block; position:relative;}
.aside-link:after{content:'\f105'; position:absolute; top:0px; left:200px; font-family:'Font Awesome 6 Free'; font-weight:900; font-size:14px; transition:.2s}
.aside-link.icon-none:after{display:none;}
.aside-link span{padding-left:36px; font-size:18px; font-weight:500; line-height:19px; color:#464646;}
.aside .alert{margin-left:5px; padding: 3px 11px; vertical-align: 3px; border-radius: 70px; background-color: #27456e; font-family: 'Montserrat'; font-size: 11px; font-weight: 400; text-align: center; color: #fff;}
.aside-link i{position:absolute; width:24px; height:24px;}
.icon-user{background:url(../images/common/icon-user.png) no-repeat center;}
.icon-company{background:url(../images/common/icon-company.png) no-repeat center;}
.icon-bookmark{background:url(../images/common/icon-bookmark.png) no-repeat center;}
.icon-schedule{background:url(../images/common/icon-schedule.png) no-repeat center;}
.icon-expoact{background:url(../images/common/icon-expoact.png) no-repeat center;}
.icon-course{background:url(../images/common/icon-course.png) no-repeat center;}
.icon-survey{background:url(../images/common/icon-survey.png) no-repeat center;}
.icon-alarm{background:url(../images/common/icon-alarm.png) no-repeat center;}
.icon-account{background:url(../images/common/icon-account.png) no-repeat center;}
.icon-apply{background:url(../images/common/icon-apply.png) no-repeat center;}
.icon-counselsch{background:url(../images/common/icon-counselsch.png) no-repeat center;}
.icon-counselst{background:url(../images/common/icon-counselst.png) no-repeat center;}
.icon-market{background:url(../images/common/icon-market.png) no-repeat center;}
.icon-cart{background:url(../images/common/icon-cart.png) no-repeat center;}
.icon-message{background:url(../images/common/icon-message.png) no-repeat center;}
.icon-09{background:url(../images/common/icon-09.png) no-repeat center;}
.icon-10{background:url(../images/common/icon-10.png) no-repeat center;}
.icon-11{background:url(../images/common/icon-11.png) no-repeat center;}
.icon-12{background:url(../images/common/icon-12.png) no-repeat center;}

.aside li.active .aside-link:after{color:#0f43d1; transform: rotate(90deg);}
.aside li.active .aside-link span{color:#0f43d1;}
.aside li.active .icon-user{background:url(../images/common/icon-user_a.png) no-repeat center;}
.aside li.active .icon-company{background:url(../images/common/icon-company_a.png) no-repeat center;}
.aside li.active .icon-bookmark{background:url(../images/common/icon-bookmark_a.png) no-repeat center;}
.aside li.active .icon-schedule{background:url(../images/common/icon-schedule_a.png) no-repeat center;}
.aside li.active .icon-expoact{background:url(../images/common/icon-expoact_a.png) no-repeat center;}
.aside li.active .icon-course{background:url(../images/common/icon-course_a.png) no-repeat center;}
.aside li.active .icon-survey{background:url(../images/common/icon-survey_a.png) no-repeat center;}
.aside li.active .icon-alarm{background:url(../images/common/icon-alarm_a.png) no-repeat center;}
.aside li.active .icon-account{background:url(../images/common/icon-account_a.png) no-repeat center;}
.aside li.active .icon-apply{background:url(../images/common/icon-apply_a.png) no-repeat center;}
.aside li.active .icon-counselsch{background:url(../images/common/icon-counselsch_a.png) no-repeat center;}
.aside li.active .icon-counselst{background:url(../images/common/icon-counselst_a.png) no-repeat center;}
.aside li.active .icon-market{background:url(../images/common/icon-market_a.png) no-repeat center;}
.aside li.active .icon-message{background:url(../images/common/icon-message_a.png) no-repeat center;}
.aside li.active .icon-09{background:url(../images/common/icon-09_a.png) no-repeat center;}
.aside li.active .icon-10{background:url(../images/common/icon-10_a.png) no-repeat center;}
.aside li.active .icon-11{background:url(../images/common/icon-11_a.png) no-repeat center;}
.aside li.active .icon-12{background:url(../images/common/icon-12_a.png) no-repeat center;}

.aside-content{display:none; margin-top:20px; padding-left:38px;}
.aside-content li{font-size:14px; color:#000;}
.aside-content li+li{margin-top:15px;}
.aside-content li:hover{color:#0f43d1;}
.aside-content li.profile:hover{color:#000;}
.aside-content li.selected{font-weight:500; color:#0f43d1;}

/* 6/14 수정 (111~112번째 줄) */
.profile{display:flex; align-items: center; cursor:default;}
.profile .profile-img{width:30px; height:30px; margin-right:10px; border:1px solid #666; border-radius: 50%;}
.profile .profile-img image{width:100%;}
.profile .profile-body .profile-org{font-size:16px;}
.profile .profile-body .profile-name{font-size:18px; font-weight:500;}

/*** Footer ***/
footer{margin-top:auto; padding-left:70px; padding-right:70px;}
.ft-top{padding:20px 0; background:#fff; border-top: 1px solid #E9EAED;}
.ft-top .logo{display:flex; flex-wrap: wrap; justify-content:space-between; align-items: center;}
.ft-top .logo > div{display: flex; align-items: center; flex-wrap: wrap;}
.ft-top .logo strong{flex:none; margin-right:20px; vertical-align: top; font-size:16px; font-weight:700; color:#000;}
.ft-top .logo a{display:inline-block; margin-right:20px;}
.ft-top .logo a:last-child{margin-right:0;}
.ft-top .logo a img{height:25px; vertical-align: middle;}
.ft-top .logo_area {display: flex; flex-wrap: wrap; justify-content: space-around;}
.ft-top .logo_area .box {padding: 0 0 20px 40px; position: relative;}
.ft-top .logo_area .logos {display: flex; flex-wrap: wrap; margin-top: 10px;}
.ft-top .logo_area .logos a {display: block; max-width: 330px; height: 65px;  box-sizing: border-box; margin-right: 20px;}
.ft-top .logo_area .logos img {max-height: 100%;}
.ft-bottom{background: #f5f5f5; padding:36px 0 28px; font-size:14px; color:#666;}
.ft-bottom .container{display:flex; align-items: center;}
.ft-bottom .container > div.ft-logo{flex:none; width:134px; margin-right:114px; font-weight:700; font-size:24px; font-weight:700; letter-spacing: -0.1px; color:#a7a7a7;}
.ft-logo image{width:100%;}

.ft-bottom{background: #f5f5f5; padding:36px 0 28px; font-size:14px; color:#666;}
.ft-bottom .container{display:flex; align-items: center;}
.ft-bottom .container > div.ft-logo{flex:none; width:134px; margin-right:114px; font-weight:700; font-size:24px; font-weight:700; letter-spacing: -0.1px; color:#a7a7a7;}
.ft-logo image{width:100%;}

.ft-contact, .ft-browser{flex:1;}
.ft-contact b{font-weight:500;}
.ft-contact p+p{margin-top:20px;}
.tos a{position:relative;}
.tos a.protect-policy{font-weight:700;}
.tos a.terms-use{font-weight:500;}
.tos a + a{margin-left:20px;}
.tos a + a::before {content: ''; position: absolute; width: 1px; height: 9px; top:6px; left: -11px; background-color: #A8A8A8;}
.ft-contact .contact-btn{height:23px; margin-left:5px; margin-right:10px; padding:1px 20px 2px 8px; border:1px solid #ADADAD; border-radius: 3px; background: #fff url('../images/common/contact-btn.png') no-repeat right; font-weight: 500; color: #3B3B3B;}
.ft-contact address{margin-top:10px;}
.ft-contact address span{font-weight:400;}
.copy{font-weight:300;}

.ft-browser{text-align: right; font-weight:500;}
.browser p{margin-top:6px;}
.ft-browser .browser img, .ft-browser .sns a+a{margin-left:10px; vertical-align: bottom;}

.ft-browser .sns{margin-top:27px;}
.site{min-width:180px; height:33px; margin-top:13px; font-size:13px; border:1px solid #d0d0d0;}

.callInfo{max-height:450px; overflow-y: auto;}
.callInfo li{display:flex; align-items: center; padding:20px 0;}
.callInfo li+li{border-top:1px solid #02030f;}
.callInfo .tit-callinfo{flex:none; width:120px; padding-right:40px;}
.callInfo .cont-callinfo{flex:1;}
.callInfo .cont-callinfo p+p{margin-top:5px;}
.callInfo .cont-callinfo .email:hover{text-decoration: underline;}

.ft-top .slick-slide{margin-right:20px;}

.slick-slider .slick-track,
.slick-slider .slick-list {transition-delay: 10ms;}

/************************ Contents ************************/
.content-wrap{margin-top:100px; padding-top:27px; padding-left:70px; padding-right:70px; background-color:#fff;}
.cont-top{display:flex; justify-content: space-between; align-items: center; padding:0 60px; margin-bottom:54px;}
.cont-top.style_01 {padding:20px 130px 0;}
.breadcrumb > *{position:relative; margin-right:20px; line-height: 1.11; font-size:13px; font-weight:500; color:#585858; cursor: pointer;}
.breadcrumb > *+*:before{content:''; position:absolute; top:9px; left:-15px; width:4px; height:4px; border-top:1px solid #39465c; border-right:1px solid #39465c; transform: rotate(45deg);}
.breadcrumb > strong{font-weight:700; color:#000;}
.share-btn{height: 32px; padding: 5px 12px; background-color: #fff; border:1px solid #707070; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.06); font-size:14px; font-weight: 500; color:#000;}
.share-area{position:relative;}
.share-area .sns-list{display:none; position:absolute; top:42px; right:0; width:218px; padding: 14px 17px; border-radius: 10px; border: solid 1px #707070; background-color: #fff; z-index:1;}
.share-area .sns-list .url{display:inline-block; width: 31px; height: 31px; vertical-align: top; border-radius:100%; background-color: #434343; font-family: 'Poppins'; line-height:31px; font-size: 12px; font-weight: 600;  text-align: center; color: #fff;}
.share-area .sns-list .close{position: absolute; top: 5px; right:8px; font-size: 7px; color: #000;}

.cont-body{padding-bottom:160px;}
.cont-title{position:relative; margin-bottom:50px;}
.cont-title h3{margin-bottom:11px; font-size:38px; line-height: 1.4; color: #222;}
.cont-title p{font-size:20px; line-height: 1.4; color:#000;}
.cont-title p.sm-txt{padding-right:200px; font-size: 16px; line-height: 1.75;}
.cont-title .btn-bx{position:absolute; right:0; bottom:40px;}
.cont-title.border{padding-bottom:40px; border-bottom:2px solid #000;}

.sub-title{position:relative; min-height:50px; display:flex; justify-content: flex-start; margin-top:50px; padding-bottom:15px; text-align: right;}
.sub-title.border{margin-bottom:20px; border-bottom:2px solid #000;}
.sub-title:after{content: ''; display:block; clear:both;}
.sub-title h4{font-size:26px; line-height: 1.37; letter-spacing: -1.04px; color:#000;}
.sub-title h4 .cRed{vertical-align: 3px; font-size:18px;}
.sub-title .tooltip-area{float:left; margin-top:5px; margin-left:10px;}
.sub-title .btn-bx{position:absolute; top:-5px; right:0; margin-top:0;}
.sub-title .agree-check-bx{position:absolute; top:6px; right:0;}
.sub-title .commt{float:left; margin-left:15px; font-size:18px; line-height:2;}
.sub-title .commt .number{font-family: 'Montserrat'; font-weight: bold; color: #bf374d;}
.sub-title .comment{line-height:2;}
.sub-title .sort-bx{position: absolute; right: 0; line-height:2.2;}
.delete-btn{display:inline-block; min-width:110px; height:45px; padding:0 22px; line-height:43px; text-align:center; border-radius: 3px; border: solid 1px #000; background-color: #fff; font-size:16px; font-weight:500; color:#000;}
.sub-title.tog{margin-bottom:30px; padding-right: 50px; border-bottom:2px solid #000;}
.sub-title.tog:after{content:"\f077"; font-family:"Font Awesome 5 Free"; font-weight:900; font-size:28px; color:#000; position:absolute; bottom:10px; right:11px; transition: all .4s;}
.sub-title.tog.off:after{transform: rotate(180deg);}
.sub-title.border_bottom {margin-bottom:30px; border-bottom:2px solid #000;}
.sub-title .absolute{position:absolute; right:0;}
.sub-title .check-bx{margin-left:30px;}

.tog-body{padding-top:25px;}
.tog-body.bdnone{border-top:0px none; padding-top:0;}
.tog-body > *:first-child{margin-top:0;}

.btn-bx.border{padding-top:30px; text-align: center; border-top:1px solid #000;}

/* badge */
.roundButton{font-size:0;}
.roundButton > *{display: inline-block; width: 40px; height: 40px; vertical-align: middle; text-align: center; border: 1px solid transparent; border-radius: 100%; background-color:#fff; font-size:0; transition: .3s;}
.roundButton > * + *{margin-left: 5px;}
.roundButton .txtbtn{width: auto; padding: 0 20px; border-radius: 50px; color:#000; border-color: #000; line-height: 37px; font-size:16px;}
.roundButton .txtbtn i{font-size:13px;}
.roundButton .txtbtn:hover{background-color:#000; color:#fff;}
.roundButton .bookmark{background:url(/resources/images/Rbookmark.png) no-repeat center;}
.roundButton .bookmark:hover{background-image:url(/resources/images/Rbookmark-on.png);}
.roundButton .bookmark:focus{background-image:url( /resources/images/Rbookmark-on.png);}
.roundButton .bookmark.on{background-image:url( /resources/images/Rbookmark-on.png);}
.roundButton .message{background:url( /resources/images/Rmessage.png) no-repeat center;}
.roundButton .message:hover{background-image:url( /resources/images/Rmessage-on.png);}
.roundButton .message.on{background-image:url( /resources/images/Rmessage-on.png);}
.roundButton .shopify{background:url( /resources/images/Rshopify.png) no-repeat center;}
.roundButton .shopify:hover{background-image:url( /resources/images/Rshopify-on.png);}
.roundButton .shopify.on{background-image:url( /resources/images/Rshopify-on.png);}
.roundButton .schedule{background:url( /resources/images/Rschedule.png) no-repeat center;}
.roundButton .schedule:hover{background-image:url( /resources/images/Rschedule-on.png);}
.roundButton .schedule.on{background-image:url( /resources/images/Rschedule-on.png);}
.roundButton .share{background:url( /resources/images/Rshare.png) no-repeat center;}
.roundButton .share:hover{background-image:url( /resources/images/Rshare-on.png);}
.roundButton .share.on{background-image:url( /resources/images/Rshare-on.png);}
.roundButton .like{background:url( /resources/images/Rlike.png) no-repeat center;}
.roundButton .like:hover{background-image:url( /resources/images/Rlike-on.png);}
.roundButton .like.on{background-image:url( /resources/images/Rlike-on.png);}

.roundButton .lock{padding-top:6px;}
/* .roundButton.gray .mark{width: 35px; height: 35px; line-height: 33px; font-size:16px; border:1px solid #8d8d8d; background-color: #8d8d8d; color: #fff;}
.roundButton.gray .mark.text{width: auto; padding: 0 20px; border-radius: 50px;} */
.roundButton .share-bx{display: inline-block; margin-top:0; margin-left: 5px;}
.roundButton .share-bx .share{display: inline-block; width: 40px; height: 40px; vertical-align: middle; text-align: center; border: 1px solid transparent; border-radius: 100%; background-color:#fff; font-size:0;}
.roundButton .share-bx .sns-list{top:-60px; right:-15px; width: 175px; height: 50px; padding: 8px 17px; text-align: left; border-radius: 50px; border: 1px solid #000;}
.roundButton .share-bx .sns-list:after{content:''; position:absolute; bottom:-5px; right:29px; width:8px; height:8px; border-bottom:1px solid #000; border-right:1px solid #000; background-color: #fff; transform: rotate(45deg);}
.roundButton .share-bx .sns-list > *{display:inline-block;}
.roundButton .share-bx .sns-list > *+*{margin-left:3px;}

.badge.ellipsis{width:90%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.badge.ellipsis span{margin-right: 10px; font-weight: 500; color: #000;}


/******* Login *******/
.login-wrap{max-width:1000px; margin:0 auto 218px; padding:50px 115px 66px; border:1px solid #e8e8e8; background: #fff;}
.login-wrap02{padding:55px 30px 50px; border:1px solid #e8e8e8; border-top:2px solid #000;}
.login-wrap.sm{width:640px;}
.login-wrap.sns{width:740px; margin:0 auto; padding: 50px 125px 36px;}
.login-wrap h3, .login-wrap02 h3{margin-bottom:10px; text-align: center; letter-spacing: -1.52px; font-size:38px; font-weight: 500; color:#222;}
.login-wrap p, .login-wrap02 p{text-align:center; line-height: 1.56; font-size:18px; color:#333;}

.login-bx{display:flex; justify-content: center;margin-top:42px;}
.login-form{width:390px;}
.login-wrap.sns .login-form{flex:1;}
.login-group{display:flex; margin-bottom:20px !important;}
.login-group button{flex:1; height:34px; border-radius: 4px; border: solid 1px #d1d1d1; background-color: #f0f0f0; text-align:center;}
.login-group button+button{margin-left:5px;}
.login-group button.selected{border: solid 1px var(--themesColor); background-color: var(--themesColor); font-weight:500; color:#fff;}

.login-form > div{margin-bottom:10px;}
.loginSNS-bx{margin-top: 30px; padding-top:20px; border-top: solid 1px #e8e8e8;}
.loginSNS-bx h4{margin-bottom:15px; text-align: center; font-size: 16px; font-weight: 400; color: #333;}
.login-sns{display: flex; justify-content: space-between;}
.login-sns a img{margin-right:5px; vertical-align: middle;}
.login-form input, .login-form select{height:50px; border:1px solid #d5d5d5; background-color: #fff; font-size:16px;}
.find_name, .find_phone{display:flex;}
.find_name input:first-child, .find_phone select{width:40%; margin-right:5px;}
.find_name input:last-child, .find_phone input:last-child{width:calc(60% - 5px)}

input.id{padding:12px 10px 14px 38px;  background:url(../images/common/login-id.png) no-repeat left;}
input.pw{padding:12px 10px 14px 38px;  margin-top:10px; background:url(../images/common/login-pw.png) no-repeat left;}
.log-btn{margin-top: 10px; width:100%; height:54px; border-radius: 4px; background-color: var(--themesColor); text-align:center; line-height: 1.5; font-size:18px; font-weight:500; letter-spacing: -0.72px; color: #fff;}

.login-find a{position:relative; margin-right:10px; line-height: 1.5; font-size:16px; color: #000;}
.login-find a+a:before{content:''; position:absolute; width:1px; height:13px; top:7px; left:-8px; background-color: #a0a0a0;}
a.enroll{line-height: 1.5; font-size:16px; font-weight:700; color:#000;}

.login-more{width:350px; margin-left:30px; padding:40px 45px 42px; border:1px solid #d6d6d6;}
.login-more strong{line-height: 1.33; font-size:24px; font-weight:500; color:#000;}
.login-more p{margin-top:5px; text-align: left; line-height: 1.5; font-size:16px; color: #535353;}
.login-more .login-more-btn{display: inline-block; width:100%; margin-top:25px; padding: 14px 10px 16px; border:1px solid var(--themesColor); border-radius: 4px; text-align:center; font-weight:700; font-size:16px; line-height: 1.5; color:#294fb9;}

.mice-enroll-bx{width:740px; margin:0 auto 218px; padding:37px 125px; border:1px solid #e8e8e8; border-top:0px none;}
.mice-enroll-bx .enroll-comment{position:relative; padding-left:164px;}
.mice-enroll-bx .enroll-comment .logo{position:absolute; left:0; width:140px; font-size: 24px; font-weight: bold;line-height: 1.13; color: #454545;}
.mice-enroll-bx .enroll-comment .logo image{width:100%;}
.mice-enroll-bx .enroll-comment p{ font-size: 14px; line-height: 1.43; color: #333;}
.mice-enroll-bx .enroll-btn{display:inline-block; width:100%; margin-top:20px; padding: 15px; text-align:center; border-radius: 3px; border: solid 1px #000; background-color: #fff; font-size: 16px; font-weight: 500; line-height: 1.5; color: #000;}

/******* 회원가입 *******/
.signup-wrap{display:flex; margin-bottom:218px; border-top:2px solid #000; background-color: #fff;}
.signup-wrap h6{margin-bottom:5px; font-size: 18px; font-weight: 700; line-height: 1.98; color: #000;}
.signup-comment{flex:1; padding:40px; border:1px solid #e8e8e8;}
.signup-comment p{margin-top:10px; font-size: 16px; color: #000;}
.signup-wrap .login-form{flex:1; padding:40px; border:1px solid #e8e8e8; border-left:0px none;}
.signup-wrap .sign-btn{display: inline-block; margin-top:20px; width: 220px; height: 54px; line-height: 50px; padding: 0 25px; border-radius: 3px; border: 1px solid #000; background-color: #fff; font-size: 16px; font-weight: 500; color: #000;}

/******* 참가등록 *******/
.login-enroll-bx{display: flex; margin-bottom: 158px;}
.login-enroll-bx > div{flex: 1; padding: 58px 40px 50px 135px; border: 1px solid #646464; background-color: #fff;}
.login-enroll-bx > div + div{margin-left: 20px;}
.login-enroll-bx .enroll_buyer{background: url( /resources/images/enroll-buyer.png) no-repeat 44px 47px;}
.login-enroll-bx .enroll_exhibitor{background: url( /resources/images/enroll-exhibitor.png) no-repeat 44px 47px;}
.login-enroll-bx .enroll_visitor{background: url( /resources/images/enroll-visitor.png) no-repeat 44px 47px;}

.login-enroll-bx .tit{position: relative; margin-bottom: 17px; font-size: 28px; font-weight: 700; line-height: 1; color: #222;}
.login-enroll-bx .tit:before{content: ''; position: absolute; top: -13px; left: 0; width: 30px; height: 3px; background-color: #000;}
.login-enroll-bx p{font-size: 16px; line-height: 1.5; color: #222;}
.login-enroll-bx .enroll-btn{display: inline-block; margin-top: 20px; padding: 7px 12px; text-align: center; border-radius: 3px; border: solid 1px #000; background-color: #fff; font-size: 16px; font-weight: 500; line-height: 1.5; color: #000;}

.enroll-wrap{border-bottom:2px solid #000; font-size:16px;}
.ensub-wrap{font-size:16px;}
.comment{text-align: right; font-weight:500;}
.comment02{padding-left:20px; font-size:14px; font-weight:500;}
.enroll-bx.border{padding-top:20px; border-top:1px solid #000;}
.enroll-bx .enrollTit{margin-bottom:11px; font-size: 16px; font-weight:500; color: #000;}
.enroll-bx .enrollTit.typ01{font-size:18px;}
.enroll-bx + .enroll-bx{padding-top:20px; border-top:1px solid #7e7e7e;}
.enroll-bx.readonly + .enroll-bx{border-top:2px solid #7e7e7e;}
.enroll-bx .input-bx + .enrollTit{margin-top:20px;}
.enroll-bx .dv_grp{margin-bottom:20px;}
.enroll-bx > .input-bx, .enroll-bx > .phone-bx, .enroll-bx > .check-bx, .enroll-bx > ul{margin-top:20px; margin-bottom:20px;}
.enroll-bx > .enrollTit + .input-bx, .enroll-bx > .enrollTit + .phone-bx, .enroll-bx > .enrollTit + .check-bx{margin-top:0;}
.enroll-bx .comment{margin-bottom:20px; font-size:15px; font-weight:400;}
.input-bx, .phone-bx{display:flex;}
.enroll-bx .image-bx{margin-top:20px;}
.input-bx .btn, .input-bx * + *, .input-bx input + input, .phone-bx input{margin-left:10px;}
.input-bx .btn{flex:none;}
.check-bx {display: flex; flex-wrap: wrap; gap: 15px 0;}
.check-bx > span,
.check-bx > li {flex:none; width:33.3%;}
.check-bx .etc {flex:1; display:flex; padding-top: 0;}
.check-bx .etc span{flex:none;}
.check-bx .etc input[type=radio] + label,
.check-bx .etc input[type=checkbox] + label{margin-right:15px;}
.check-bx .etc input[type=text] {position: relative; top: -10px;}
.check-bx .i_etc {display: flex; flex-wrap: wrap; gap: 10px; align-items: center; position: relative; top: -10px;}

.enroll-sub {padding: 25px 30px; border:1px solid #dbdbdb;}
.enroll-sub > .dv_grp + .dv_grp {border-top: 1px solid #dbdbdb;}
.enroll-sub > .dv_grp .enrollTit {margin-top: 10px;}
.enroll-sub > .dv_grp + .dv_grp .enrollTit {margin-top: 24px;}
.enroll-sub > .dv_grp:last-child{margin-bottom:0;}
.enroll-sub > .boothApply-list + .booth-bx{border-top: 1px solid #dbdbdb; margin-top:24px; padding-top:24px;}
.enroll-sub + .enrollTit{margin-top: 24px;}
.enroll-bx .enroll-sub:last-child {margin-bottom:20px;}
.enroll-bx + .booth-bx{margin-top:30px;}
.enroll-bx .line {height: 1px; margin:24px 0; background-color: #dbdbdb;}

.agreement-all{position:absolute; }
.agreement-wrap{padding:25px 30px 0; border:1px solid #dbdbdb;}
.agreement-wrap dt{font-size: 16px; font-weight: 500; line-height: 1.75; letter-spacing: -0.64px; color: #222;}
.agreement-wrap dd{position: relative; margin-top: 15px; margin-bottom: 27px; padding-right: 150px; font-size: 16px; color: #000;}
.agreement-wrap dd .more-btn{display:inline-block; position: absolute; top: 50%; margin-top: -16px; right: 0; padding: 5px 18px; text-align: center; border-radius: 3px; border: solid 1px #000; background-color: #fff; font-size: 14px; font-weight: 500; color: #000;}
.agreement-wrap dd + dt{padding-top: 27px; border-top: 1px solid #d5d5d5;}

table.companySearch{border-top:2px solid #000;}
table.companySearch thead th{padding:10px; text-align: left; border-bottom:1px solid #000;}
table.companySearch tbody td{padding:15px 10px; border-bottom:1px solid #e6e6e6; cursor: pointer;}
table.companySearch tbody tr:last-child td{border-bottom:1px solid #000;}
table.companySearch tbody td.number{text-align: center;}

.address-area{margin-top:30px; border-top:2px solid #000;}
.address-area .result{padding:10px 0; font-weight:500; border-bottom:1px solid #02030f;}
.address-list{max-height:280px; overflow-y: auto;}
.address-list li{display:flex; align-items: center; justify-content: space-between; padding:15px 10px 10px 0;}
.address-list li+li{border-top:1px solid #e6e6e6;}
.address-list dl{flex:1; padding-right:50px;}
.address-list dd{padding-bottom:10px;}
.address-list .address-type{display: flex; align-items: flex-start; justify-content: flex-start;}
.address-list dl .tit-address{flex:none; min-width:60px; margin-right:10px; padding:2px 8px; text-align:center; border-radius: 70px; border: solid 1px #000; background-color: #f0f0f0; font-size: 15px; font-weight: 500;}
.address-list a:hover{text-decoration: underline;}
.address-list .zipcode{font-family: 'Montserrat'; font-size: 22px; font-weight: 600;}
.address-detail{margin-top:10px; padding: 30px 20px 30px 30px; border: 1px solid #000; background-color: #e5e5e5;}
.address-detail .comm{margin-bottom:22px;}
.address-detail dl{display: flex; justify-content: flex-start; align-items: center; margin-top:10px;}
.address-detail .tit-address{margin-right:10px; padding: 2px 10px; text-align: center;  border-radius: 70px; background-color: #000; font-size: 15px; font-weight: 500; color: #fff;}
.address-detail dd{flex:1; width:100%;}
.address-detail .adress-input{width:100%; height:35px; border: 1px solid #000; background-color: #fff;}
.addressTab-Wrap{display:none;}
.addressTab-Wrap.current{display:block;}

.payment-bx{margin-bottom:30px; padding: 30px 30px 26px 30px; border: 1px solid #000; background-color: #f2f2f2;}
.payment-bx .pay-commt{padding-bottom:26px; border-bottom:1px solid #d9d9d9;}
.payment-bx .pay-account{display: flex; align-items: center; flex-wrap: wrap; margin-top:20px; color:#333;}
.payment-bx .pay-account div{margin-top:10px; margin-right:60px;}
.payment-bx .pay-account div:last-child{margin-right:0;}
.payment-bx .pay-account span{margin-right:20px;}
.payment-bx .pay-account .bank{min-width:240px;}
.payment-bx .pay-account .account-name{font-size: 26px; vertical-align: -3px;}
.payment-bx .pay-account .account-number{font-family: 'Montserrat'; font-size: 26px; font-weight: 600; color: #000;}

.booth-bx{display:flex; justify-content: space-between; flex-wrap: wrap;}
.booth-bx .button i.fa-circle-xmark{margin-left:5px; font-size: 16px; vertical-align: 0px;}

.boothApply-list{margin-top:20px;}
.boothApply-list li{display: flex; align-items: center; flex-wrap: wrap; margin-top:10px;}
.boothApply-list .label-bx{min-width:230px;}
.boothApply-list .price-bx{min-width:120px; padding-left:23px; text-align: right; font-family: 'Montserrat'; font-weight: 600;}
.boothApply-list .amount-bx{padding-left:20px;}
.boothApply-list .amount-bx select{height:35px; color:#000;}

.booth-total{margin:15px 0; text-align: right; font-size: 24px; color: #1275c9;}
.booth-total .total{font-family: 'Montserrat'; font-weight: bold;}

/* 개인정보 & 기업정보 */
.cont-tab{display:flex; margin-bottom:35px;}
.cont-tab li{flex:1; border:1px solid #000; border-radius: 3px; background-color: #fff; color:#000;}
.cont-tab li.active{background-color: #000; color:#fff;}
.cont-tab li+li{margin-left:10px;}
.cont-tab li a{display:block; padding:16px 20px; text-align:center; font-size: 16px; font-weight:500;}
.cont-tab.typ02 li a{padding:11px 20px 12px;}
.cont-tab.typ03{margin-bottom:30px;}
.cont-tab.typ03 li{border-radius:0;}
.cont-tab.typ03 li+li{margin-left:0; border-left:0px none;}
.cont-tab.typ03 li a{padding:10px;}
.cont-tab.typ04 {margin-bottom:0;}
.cont-tab.typ04 li {flex:none; width: 180px; border: 0 solid #fff; border-radius: 0; background-color: #FAFAFA; color:#000;}
.cont-tab.typ04.m_tab_130 li {width: 130px;}
.cont-tab.typ04 li.active {background-color: #000; color: #fff;}
.cont-tab.typ04 li.active a {font-weight: 500;}
.cont-tab.typ04 li a {padding:64px 0 14px; font-size: 14px; font-weight: 400;}
.cont-tab.typ04 .i_all {background: url( /resources/images/ico_all.png) center 16px no-repeat;}
.cont-tab.typ04 .i_mice {background: url( /resources/images/ico_mice.png) center 16px no-repeat;}
.cont-tab.typ04 .i_tour {background: url( /resources/images/ico_tour.png) center 16px no-repeat;}
.cont-tab.typ04 .i_convention {background: url( /resources/images/ico_convention.png) center 16px no-repeat;}
.cont-tab.typ04 .i_exibition {background: url( /resources/images/ico_exibition.png) center 16px no-repeat;}
.cont-tab.typ04 .i_expo {background: url( /resources/images/ico_expo.png) center 16px no-repeat;}
.cont-tab.typ04 .i_bizmatch {background: url( /resources/images/ico_bizmatch.png) center 16px no-repeat;}
.cont-tab.typ04 .i_space {background: url( /resources/images/ico_space.png) center 16px no-repeat;}
.cont-tab.typ04 .active .i_all {background: url( /resources/images/ico_all_on.png) center 16px no-repeat;}
.cont-tab.typ04 .active .i_mice {background: url( /resources/images/ico_mice_on.png) center 16px no-repeat;}
.cont-tab.typ04 .active .i_tour {background: url( /resources/images/ico_tour_on.png) center 16px no-repeat;}
.cont-tab.typ04 .active .i_convention {background: url( /resources/images/ico_convention_on.png) center 16px no-repeat;}
.cont-tab.typ04 .active .i_exibition {background: url( /resources/images/ico_exibition_on.png) center 16px no-repeat;}
.cont-tab.typ04 .active .i_expo {background: url( /resources/images/ico_expo_on.png) center 16px no-repeat;}
.cont-tab.typ04 .active .i_bizmatch {background: url( /resources/images/ico_bizmatch_on.png) center 16px no-repeat;}
.cont-tab.typ04 .active .i_space {background: url( /resources/images/ico_space_on.png) center 16px no-repeat;}

.profile-open{display:flex; justify-content: space-between; margin-bottom:35px;}
.profile-enroll-wrap.none{pointer-events: none; opacity: 0.4;}

.profile-img-upload{position:relative; padding:62px 0 61px 160px; border-top:1px solid #000;}
.profile-img-upload .img{position: absolute; top:35px; left:0; width:125px; height:125px; border: #d5d5d5 1px solid; border-radius: 100%; overflow:hidden; background-color:#fff;}
.profile-img-upload .img img{width:100%; vertical-align: middle;}
.profile-img-upload .input-bx > *{height:33px; line-height: 33px; font-size:14px; font-weight:400;}
.profile-img-upload .input-bx .btn{min-width:70px; background-color: #484848;}

/* 프로필 미리보기(개인정보/네트워킹) */
.personal-profile{position:relative; display:flex; margin-bottom:50px; padding:60px 0 50px; border-bottom:1px solid #d9d9d9;}
.personal-profile.bdnone{border-bottom:0px none; margin-bottom:0; padding-bottom:20px;}
.personal-profile .left-section{flex:none; margin-right:60px;}
.personal-profile .bookmark{position: absolute; top:20px; left:0px;}
.personal-profile .bookmark-btn{display:inline-block; width: 28px; height: 27px; background:url( /resources/images/bookmark_off.png) no-repeat center;}
.personal-profile .bookmark-btn.on{background:url( /resources/images/bookmark_on.png) no-repeat center;}
.personal-profile .img{width:175px; height:175px; border:1px solid #d5d5d5; border-radius:50%; overflow:hidden;}
.personal-profile .img img{width:100%;}
.personal-profile .more_btn{margin-top:15px; text-align: center;}

.personal-profile .right-section{flex:1; padding-right:20px;}
.personal-profile .logging{position: absolute; right: 0; top: 20px; font-size: 16px; line-height: 1.5;}
.personal-profile .profile-sns{position:absolute; top:59px; right:0; display:flex;}
.personal-profile .profile-sns li+li{margin-left:7px}
.personal-profile .profile-sns li.message{height:32px; padding:5px 19px; text-align:center; border-radius: 70px; background-color: #4d4d4d; font-size: 15px; color:#fff;}
.personal-profile .personal-profile-tit b{display: inline-block; width: calc(100% - 276px); margin-bottom:7px; font-size: 22px; font-weight: 700; line-height: 1.23; color: #000;}
.personal-profile .personal-profile-tit p{font-size: 16px; line-height: 1.69; color: #000;}
.personal-profile .profile-detail{display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.personal-profile .profile-detail p{line-height: 1.75; color:#333;}
.session-icon{display:flex; flex-wrap: wrap; margin:25px 0;}
.session-icon i{height: 30px; margin-right:10px; margin-bottom:10px; padding:0 9px; line-height: 1.7; text-align:center; border-radius: 50px; border: solid 2px #4876f0; background-color: #fff; font-size: 15px; font-weight:500; letter-spacing: -1px;}
.session-icon i.typ01{border-color:#4876f0; color:#4876f0;}
.session-icon i.typ02{border-color:#ea5069; color:#ea5069;}
.session-icon i.typ03{border-color:#04740d; color:#04740d;}
.session-icon i.typ04{border-color:#8b0dce; color:#8b0dce;}
.session-icon i.typ05{border-color:#816300; color:#816300;}
.session-icon i.typ06{border-color:#687600; color:#687600;}
.session-icon i.typ07{border-color:#be1818; color:#be1818;}
.session-icon i.typ08{border-color:#f02774; color:#f02774;}
.session-icon i.typ09{border-color:#0087ce; color:#0087ce;}

.personal-profile-list{display:flex; flex-wrap: wrap; justify-content: flex-start;}
.personal-profile-list li{flex:none; width: calc((100% - 50px)/3); margin-bottom:30px; padding:20px 40px 40px; border: 1px solid #dbdbdb; border-top: 0px none; border-radius: 3px; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.05);}
.personal-profile-list li:nth-child(3n-1){margin-left:25px; margin-right:25px;}
.personal-profile-list li.no-list{flex:1; padding:50px 0 0; border:0px none; background-image: linear-gradient(180deg, #717171 5px, #FFF 5px); box-shadow:none;}
.personal-profile-list li.no-list p{line-height:1.5; color:#000;}
.personal-profile-list li.typ01{background-image: linear-gradient(180deg, #4876f0 5px, #FFF 5px);}
.personal-profile-list li.typ02{background-image: linear-gradient(180deg, #ea5069 5px, #FFF 5px);}
.personal-profile-list li.typ03{background-image: linear-gradient(180deg, #04740d 5px, #FFF 5px);}
.personal-profile-list li.typ04{background-image: linear-gradient(180deg, #8b0dce 5px, #FFF 5px);}
.personal-profile-list li.typ05{background-image: linear-gradient(180deg, #816300 5px, #FFF 5px);}
.personal-profile-list li.typ06{background-image: linear-gradient(180deg, #687600 5px, #FFF 5px);}
.personal-profile-list li.typ07{background-image: linear-gradient(180deg, #be1818 5px, #FFF 5px);}
.personal-profile-list li.typ08{background-image: linear-gradient(180deg, #f02774 5px, #FFF 5px);}
.personal-profile-list li.typ09{background-image: linear-gradient(180deg, #0087ce 5px, #FFF 5px);}
.personal-profile-list li.add{display:none;}

.personal-profile-list li h5{margin-bottom:13px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; font-size: 20px;font-weight: bold; line-height: 1.5; color: #000;}
.personal-profile-list li p{margin-bottom:40px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;  font-size: 16px; line-height: 1.38; letter-spacing: normal; color: #333;}
.personal-profile-list li .comm{display:flex;}
.personal-profile-list li .comm > button{margin-right:15px; padding-left:30px; font-family:'Montserrat'; font-size:15px; font-weight: 600; color: #000; cursor: default;}
.personal-profile-list li .comm .comm_heart{background:url(' /resources/images/comm_heart.png') no-repeat left center; }
.personal-profile-list li .comm .comm_text{background:url(' /resources/images/comm_text.png') no-repeat left center; }

/* 검색 */
.search-bx{position:relative; margin-bottom:40px;}
.search-bx .cont-tab{margin-bottom:20px;}
.search-bx .cont-tab li a{height:45px; padding:10px; white-space: nowrap;}
.category-bx{display:flex;}
.category-bx > * + *, .category-bx > input{margin-left:10px;}
.category-bx select{flex:1; min-width:200px; color:#000;}
.category-bx ~ .input-bx{margin-top:10px;}
.category-bx .input-bx{flex:2;}
.category-bx.m_dl {margin-top: 80px;}
.category-bx.m_dl > div {flex: 1; position: relative;}
.category-bx.m_dl > div select {width: 100%;}
.category-bx.m_dl > div dt {position: absolute; left: 0; top: -30px;}

.flex-col{width: calc(100% - 100px); margin-bottom:10px;}
.reset-area{position:absolute; top:0; right:0;}

.cate-list{flex:1; position:relative; height: 45px; padding: 10px; border: solid 1px #d5d5d5; background-color: #fff; text-align: left; font-size:16px; font-weight:500; color:#000;}
.cate-list:after{content: ''; position: absolute;top: 14px; right: 0px; width: 34px; height: 15px; background: url(../images/common/select.png) no-repeat right;}
.cate-list.current{position:relative; border:1px solid #000; border-bottom:0px none; z-index:1;}
.cate-list.current:after{transform: rotate(180deg); right: 4px;}

.cate-list-tab{display:none; position:relative; margin-top:-1px; background-color:#fff;}

.cate-check-bx{padding:15px 40px; border:1px solid #000;}
.cate-check-bx .checkBx-border{padding:30px 0;}
.cate-check-bx .checkBx-border + .checkBx-border{border-top: 1px solid #dbdbdb;}
.cate-check-bx .checkBx-border .check-bx + .check-bx {margin-top:20px;}

.keyowardArea{margin-top:25px; font-size:0;}
.keyowardArea li{float:left;margin-right:10px; margin-bottom:15px; padding: 4px 10px; border-radius: 50px; border: solid 2px #000;background-color: #fff; font-size: 15px; letter-spacing: -0.3px; font-weight: 500; color: #000;}
.keyowardArea li a{margin-left:10px;}
.cate-list-tab.current{display:block;}

.search-bx.column{flex-direction: column; width: 250px;}
.search-bx.column > * {width:100%;}
.search-bx.column > * + * {margin-top:20px;}
.search-bx.column .check-bx{flex-direction: column;}
.search-bx.column .cate-check-bx{padding:0px 30px;}
.search-bx.column .check-bx{justify-content: space-evenly;}
.search-bx.column .cate-list-tab{margin-top:0; width:100%;}

#search-btn{position: fixed; right: 210px; bottom: 12%;width: 60px; height: 60px; padding-top:15px; text-align:center; border:1px solid #000; border-radius: 100%; background: #fff; font-size:16px; color: #000; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; z-index: 1;}
.search-bx.column.fixed{position: fixed; top: 110px; right: 300px; height:700px; overflow-y: scroll; display:flex; flex-direction: column; width:300px; padding:25px; background-color:#fff; z-index: 21; display:none; }
.search-bx.column.fixed.open{display:block;}
.search-bx .search-close{position:absolute; right:0; top:0; width:24px; height:24px; text-align: center; background-color:#fff; border-radius:100%;}


/* 전시 */
.exhibition-list{display: flex; flex-wrap: wrap; justify-content: flex-start;}
.exhibition-list li{position:relative; width: calc((100% - 50px) / 3); margin-bottom:30px;}
.exhibition-list li:nth-child(3n-1){margin-left:25px; margin-right:25px;}
.exhibition-list li .badge{width:90%; margin-top: 10px; margin-bottom:15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.exhibition-list li .badge span{display:inline-block; margin-right:10px; font-weight:500; color:#000;}
.exhibition-list li .img-bx{position:relative; display:flex; align-items: center; justify-content: center; width:100%; height:240px; margin-bottom:15px; padding:40px; border:1px solid #d9d9d9;  overflow: hidden;}
.exhibition-list li .img-bx.typ02{padding:0;}
.exhibition-list li .img-bx img{width:100%;}
.exhibition-list li .img-bx :is(.i_exhibitor,.i_buyer) {display: block; width: 100%; height: 40px; line-height: 40px; position: absolute; left: 0; bottom: 0; text-align: center;}
.exhibition-list li .img-bx .i_exhibitor {background-color: #656565; color: #fff;}
.exhibition-list li .img-bx .i_buyer {background-color: #7476E2; color: #fff;}
.exhibition-list .img-bx .sponsor{position:absolute; top: 18px; left: -39px; width: 144px; padding: 6px; text-align: center; font-family: 'Montserrat'; font-weight: bold; font-size: 12px; color: #fff; transform: rotate(-45deg); box-shadow: 3px 3px 12px 0 rgba(0, 0, 0, 0.16);}
.exhibition-list .img-bx .sponsor.Platinum{background-image: linear-gradient(136deg, #82cef1 6%, #4c86e9 43%, #705aef 83%);}
.exhibition-list .img-bx .sponsor.Diamond{background-image: linear-gradient(136deg, #7dc975 6%, #5fb85b 43%, #197b83 83%);}
.exhibition-list .img-bx .sponsor.Gold{background-image: linear-gradient(136deg, #ede352 6%, #feae33 43%, #fd6e23 83%);}
.exhibition-list .img-bx .sponsor.Silver{background-image: linear-gradient(136deg, #d4d4d4 6%, #8a8a8a 43%, #6e6e6e 83%);}
.exhibition-list li .cate{margin-top:15px; margin-bottom:15px;}
.exhibition-list li .img-bx .cate {margin: 0; position:absolute; top: 20px; left: 15px;}
.exhibition-list li .cate > span{display:inline-block; padding: 3px 11px; border-radius: 15px; text-align: center; font-size: 15px; font-weight: 500; line-height: 1.3; letter-spacing: -0.3px; background-color: #fff;}
.exhibition-list li .cate .exhibitor{border:2px solid #ea5069; color:#ea5069;}
.exhibition-list li .cate .buyer{border:2px solid #04740d; color: #04740d;}
.exhibition-list li .tit{display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp:1; -webkit-box-orient: vertical;}
.exhibition-list li .tit strong{line-height: 1.22; font-size:18px; font-weight:700; color:#000;}
.exhibition-list li .text{height:72px; margin-top:5px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3;-webkit-box-orient: vertical; font-size: 16px; line-height: 1.5; color: #000;}
.exhibition-list li .roundButton{margin-top:15px;}
.exhibition-list li .img-bx .roundButton {margin: 0; position: absolute; right: 15px; top: 15px;}
.exhibition-list li .flex-area{display:flex; justify-content: space-between;}
.exhibition-list li .flex-area .roundButton{margin-top:0;}

.exhibition-list.typ02{flex-direction: column;}
.exhibition-list.typ02 li{display:flex; align-items: center; width:100%; padding:24px 50px 35px 24px; border:1px solid #d9d9d9;}
.exhibition-list.typ02 li:nth-child(3n-1){margin-left:0; margin-right:0;}
.exhibition-list.typ02 li > div:first-child{flex:none; width:325px; margin-right:55px;}
.exhibition-list.typ02 li > div:last-child{flex:1;}
.exhibition-list.typ02 li .img-bx{width:100%; height:230px; margin-bottom:0; padding:0; border:0px none; border-radius: 3px;}
.exhibition-list.typ02 li .badge{width: 40%; margin-top:0; margin-bottom:22px;}
.exhibition-list.typ02 li .roundButton{margin-top:20px;}
.exhibition-list.typ02 li .flex-area .roundButton{margin-top:-5px;}

.more_btn{text-align:center;}
.more_btn.border{padding-top:30px; border-top:1px solid #000;}
.more_btn a{min-width:120px;}
.more_btn.typ02{margin-top:20px; padding-bottom:40px; border-bottom:1px solid #000;}

.intro-wrap .mark a{display:inline-block; margin-right:3px; width:35px; height:35px;text-align: center; vertical-align: middle; line-height: 34px; border-radius: 100%; background-color:#8d8d8d; color:#fff;}
.intro-wrap .mark .text{width: auto; padding: 0 20px; border-radius: 50px; font-weight:500;}

.intro-title{padding:40px 0; display:flex; align-items: flex-start; color:#000;}
.intro-title.border{border-bottom:1px solid #000;}
.intro-title.program{border-bottom:2px solid #000;}
.intro-title > div{flex:1;}
.intro-title .badge{max-width:300px; margin-bottom: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.intro-title .badge span{display: inline-block; margin-right: 10px; font-weight: 500; color: #000;}
.intro-title .tit{margin-bottom:5px; font-size: 24px; font-weight: 700;}
.intro-title .text{padding-right:55px;}
.intro-title .date{margin-top:10px; font-family: 'Montserrat'; font-size: 16px; font-weight: 500; line-height: 1.19;}
.intro-title .date span{display:inline-block; margin-right:5px;}
.intro-title .img{flex:none; width:295px; margin-left:50px;}

.intro-info{display:flex; justify-content: space-between; padding:20px 0 25px; border-top:2px solid #000; border-bottom:1px solid #000;}
.intro-info table{flex:1;}
.intro-info table tbody tr th{width:120px; padding:13px 0; text-align:left; color:#000;}
.intro-info table tbody tr td{padding:13px 10px; color:#000;}

.intro-info .info-btn-bx{flex:none; width:180px;}
.intro-info .info-btn-bx .sns{display: flex; justify-content: space-between; margin-top:10px; margin-bottom:15px;}
.intro-info .info-btn-bx .sns a{display:block;}
.intro-info .info-btn-bx .btn2{width:100%; text-align:center; cursor: pointer;}
.intro-info .info-btn-bx .btn2 + .btn2{margin-top:10px;}

.btn-bx .site-list > li{position:relative; display:inline-block;}
.btn-bx .site-list > li + li{margin-left:10px;}
.btn-bx .site-list > li a.btn2:not(.btn-white) i{transform: rotate(180deg);}
.btn-bx .site-list li .list-sub{display:none; position:absolute; left:0; right:0; margin-top:-1px; padding:21px 24px; text-align:left; border:1px solid #000; background-color: #fff; font-size:15px; color:#000; z-index: 1;}
.btn-bx .site-list li .list-sub li{line-height:2}

.docent-btn{position:relative; display:inline-block; margin-left:20px; padding-left:43px; padding-right:20px; height:35px; line-height:33px; text-align: right; border-radius: 50px; background-color: #8d8d8d; vertical-align: top; font-size:16px; color:#fff;}
.docent-btn i{position:absolute; top:3px; left:3px; width:29px; height:29px; text-align:center; border-radius:100%; background-color: #fff; font-size:26px; color:#8d8d8d;}
.info-text-bx{padding:30px 62px 48px 30px; border:1px solid #d9d9d9; background-color:#fff; line-height: 26px; color:#000;}

.border-wrap{margin-top:40px; padding:30px 0 40px; border-top:2px solid #000; border-bottom:2px solid #000;}

.exhibition-tit-area{display: flex; align-items: center; margin-top:40px; padding: 24px 50px 35px 24px; border: 1px solid #d9d9d9; border-bottom-color:#000;}
.exhibition-tit-area .img-bx{flex: none; margin-right: 55px;}
.exhibition-tit-area .img-bx a{display:block; width: 325px;}
.exhibition-tit-area .comm-bx{flex:1;}
.exhibition-tit-area .comm-bx .badge{width: 60%; margin-top: 16px; margin-bottom: 22px;}
.exhibition-tit-area .comm-bx .badge span {display: inline-block; margin-right: 10px; font-weight: 500; color: #000;}
/* .exhibition-tit-area .comm-bx .tit{display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2;-webkit-box-orient: vertical;} */
.exhibition-tit-area .comm-bx .tit strong{line-height: 1.22; font-size: 18px; font-weight: 700; color: #000;}
.exhibition-tit-area .comm-bx .text{margin-top: 5px; font-size: 16px; line-height: 1.5; color: #000;}
.exhibition-tit-area .roundButton{margin-top:15px;}

.company-text-area{padding: 40px 0; color: #000;}
.company-text-area.border{border-bottom: 1px solid #000;}
.company-text-area .tit{margin-bottom: 5px; font-size: 18px; font-weight: 700;}
.company-text-area .text{padding-right: 30px; line-height: 1.5;}

.video-bx{position:relative; padding-bottom:56.25%; height:0; overflow: hidden; background-color:#000;} /* 6/14 수정 */
.video-bx video, .video-bx iframe,.video-bx object, .video-bx embed{position:absolute; top:0; left:0; width:100%; height:100%;}
.image-bx img{width:100%;}

.sliderVideo-bx .slider{padding-right:0;}
.sliderVideo-bx .share-bx{margin-top:20px;}

/* 댓글 */
.comment-wrap{margin-top:40px; padding-top:40px; border-top:1px solid #000; color:#000;}
.com-write-bx{display:flex; margin-top:25px;}

.com-write-bx .write-area{flex:1; padding:16px 30px; border:1px solid #d9d9d9; background-color: #fff;}
.com-write-bx .write-area .w-profile-area{margin-bottom:4px;font-size: 15px; font-weight:500;}
.com-write-bx .write-area textarea{padding:0; border:0px none; font-size:15px; color: #939393;}
.com-write-bx .write-enroll{min-width:80px; text-align:center; background-color: #5a5a5a; font-weight: 500; color:#fff;}

.com-list-bx{margin-top:35px;}
.com-list-bx .total-list{padding-bottom:12px; border-bottom:1px solid #000;}
.com-list-bx .total-list:after{content:''; display:block; clear:both;}
.com-list-bx .total-list .list-count{float:left; font-weight:500;}
.com-list-bx .total-list .list-sort{float:right;}

.cBox-list li{border-bottom:1px solid #e2e2e2; padding:20px 15px 20px 7px;}
.cBox-list .cBox-info{position:relative; padding:0 0 20px 63px;}
.cBox-list .cBox-info .info-img{position:absolute; top:0; left:0; width:48px; height:48px; font-size: 48px; line-height: 41px; text-align:center; border: 1px solid #d0d0d0; border-radius: 100%;overflow: hidden; color: #d0d0d0;}
.cBox-list .cBox-info strong{font-size: 14px; font-weight: 500; color: #000;}
.cBox-list .cBox-info p{margin-top:3px; font-family: 'Roboto'; font-size: 13px; color: #888;}
.cBox-list .cBox-info .cBox-sub-btn{position:absolute; top:20px; right:0; text-align: right;}
.cBox-list .cBox-info .cBox-sub-btn .sub-btn{margin-right: -10px; padding:0 10px; color:#969696;}
.cBox-list .cBox-info .cBox-sub-btn .cBox-sub-inner{display:none; margin-top:5px; border-radius: 3px; border: solid 1px #cecece; background-color: #fff; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.06);}
.cBox-list .cBox-info .cBox-sub-btn .cBox-sub-inner.on{display:block;}
.cBox-list .cBox-info .cBox-sub-btn .cBox-sub-inner a{display:block; padding:8px 17px; text-align: center; font-size:14px;}
.cBox-list .cBox-info .cBox-sub-btn .cBox-sub-inner a + a{border-top: solid 1px #cecece;}

.cBox-list .cBox-text-area{font-size:14px; line-height:1.4;}
.cBox-list .cBox-tool{margin-top:15px;}
.cBox-list .cBox-tool:after{content: ''; display:block; clear:both;}
.cBox-list .cBox-tool .recomm-btn{display:inline-block; height:30px; padding:5px 13px; background-color: #fff; border-radius: 3px; border: solid 1px #cecece; font-size: 14px; color: #000;}
.cBox-list .cBox-tool .cBox-recom-set{float:right;}
.cBox-list .cBox-tool .cBox-recom-set a{font-size: 14px; color:#8d8d8d;}
.cBox-list .cBox-tool .cBox-recom-set a span{padding-left:2px; font-weight:500; color: #000;}
.cBox-list .com-write-bx{display:none; margin-top:20px;}
.cBox-list .com-write-bx.on{display: flex;}

.cBox-list li > .cBox-list{margin-top:20px; border-top:1px solid #e2e2e2;}
.cBox-list li > .cBox-list li{padding-left:50px; padding-right:0; padding-bottom:0;}
.cBox-list li > .cBox-list li:last-child{border-bottom:0px none;}

/* paging */
.pagination{display:flex; justify-content: center; align-items: center; margin-top:35px; font-family:'Montserrat'; font-weight:600; color:#727272;}
.pagination ul{display:flex; margin-left:20px; margin-right:20px;}
.pagination ul li{width:28px; height:28px; line-height:27px; text-align:center;}
.pagination ul li.active{border-radius:100%; color:#000;} /* 6/17 수정 */

/* 게이미피케이션 */
.game-bx{padding:55px 50px 44px; border:1px solid #e5e5e5; background-color: #f8f8f8;}
.game-que{padding-bottom:40px; text-align:center; border-bottom:1px solid #c9c9c9; line-height: 1.6; font-size: 20px; color: #000;}
.game-ans{display: flex; justify-content: center; margin-top:40px;}

.ox-bx{display:flex;}
.ox-bx li+li{margin-left:20px;}
.ox-bx li a{display:block; width:95px; height:95px; border-radius: 100%; background-color: #c4c4c4; text-align:center; line-height: 1.5; font-size: 58px; font-weight: 700; color:#fff;}
.ox-bx li.O a{border: solid 1px #023860; background-color:#0068b4;}
.ox-bx li.X a{border: solid 1px #720101; background-color: #f74242;}

.attend-bx{padding:50px 110px 10px 170px; border: solid 1px #e5e5e5;}
.attend-day{display: flex; flex-wrap: wrap; justify-content: center; }
.attend-day li{width:140px; height:140px; margin-right:40px; margin-bottom:40px; padding: 25px 40px 18px;border-radius: 30px; border: solid 1px #d9d9d9; background:#fff; text-align: center; font-size: 18px; font-weight: 500; color: #000; box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.06);}
.attend-day li a{display:block;}
.attend-day li i{width:60px; height:60px; margin-bottom:10px; line-height:60px; border-radius: 100%; background-color: #ddd; font-size:40px; color:#fff;}
.attend-day li.checked{border: 1px solid #00716c; background-image: linear-gradient(to bottom, #2cb5b0, #1a9b96); box-shadow: 10px 7px 15px 0 rgba(0, 0, 0, 0.15); color:#fff;}
.attend-day li.checked i{background-color:#fff; color:#1a9b96;}
.attend-day li .attend{font-size:18px; font-weight: 400;}
.attend-day li .attend .number{display:block; font-family: 'Montserrat'; font-size: 24px; font-weight: bold;}
.attend-day li .hottime{font-size:16px;}
.attend-day li .hottime .number{font-family: 'Montserrat'; font-size: 20px; font-weight: 600;}
.attend-day li .done{font-size: 22px;}

.que-list:after{content:''; display:block; clear:both;}
.que-list li{float:left; width: calc(50% - 10px); margin-bottom:20px; margin-right:20px;}
.que-list li:nth-child(2n){margin-right:0;}
.que-list li a{display:block; padding: 11px 30px; border-radius: 80px; border: 1px solid #e0e0e0; background-color: #fff;  font-weight:500; color: #000;}
.que-list li.checked a{border: solid 1px #023860; background-color: #0068b4; color:#fff;}

.initial-bx .initial{display:flex; flex-wrap: wrap; justify-content: center; margin-bottom:14px;}
.initial-bx .initial li{margin-right:10px; margin-bottom:10px;}
.initial-bx .initial li:last-child{margin-right:0;}
.initial-bx .initial li a{display:block; width:50px; height:50px; border-radius: 3px; border: solid 1px #023860; background-color: #0268b4; text-align:center; line-height: 1.2; font-size: 39px; font-weight:900; color:#fff;}
.initial-bx input::placeholder,
.initial-bx input:-moz-placeholder,
.initial-bx input:-ms-input-placeholder,
.initial-bx input::-webkit-input-placeholder{color:#000;}

.gameBadge-ico{position:absolute; top:0; right:0; width:106px; height:130px; background-image:url( /resources/images/badge-off.png); background-size: 100%; background-repeat: no-repeat; background-position: center;}
.gameBadge-ico.on{background-image:url( /resources/images/badge-on.png);}
.gameBadge-ico:disabled{cursor: default;}

/* 전시콘텐츠 업로드 */
.booth-select{position:relative; margin-top:15px; margin-bottom:15px; padding:15px 0; padding-right: 300px; border-top:1px solid #000; border-bottom:1px solid #000;}
.booth-select .btn1{position:absolute; top:21px; right:0; font-size:15px;}
.booth-select .check-bx{margin-top:15px;}

.booth-select.typ02{padding:0;}
.booth-select.typ02 .type{padding:15px 0;}
.booth-select.typ02 .type + .type{border-top:1px solid #d5d5d5;}
.booth-select.typ02 .flex-area{display:flex; flex-wrap: wrap; justify-content: space-between;}
.booth-select.typ02 .flex-area > *{margin-top:10px;}

.tit-border{position:relative; margin-top:10px; margin-bottom:20px; padding-bottom:10px; border-bottom:1px solid #000;}
.tit-border h4{font-size: 18px; line-height: 1.56; letter-spacing: -0.72px; color: #222;}
.tit-border .commt{position:absolute; top:2px; right:0; font-weight:500;}

.enroll-wrap .tit-area{margin-top:10px; margin-bottom:20px; padding-bottom:19px; text-align: right; border-bottom:1px solid #000;}
.enroll-wrap .tit-area:after{content: ''; display:block; clear:both;}
.enroll-wrap .tit-area h4{float:left; font-size: 18px; line-height: 2.5; letter-spacing: -0.72px; color: #222;}
.enroll-wrap .tit-area .btn-bx{margin-top:0;}

.contOrder-list{margin:30px 0;}
.contOrder-list li{position:relative; padding:25px; padding-right:350px; border:1px solid #d5d5d5; background-color: #f2f2f2;}
.contOrder-list li+li{margin-top:20px;}
.contOrder-list li .list-tit{display:block;font-size: 20px; font-weight: 500; line-height: 1.4; color: #222;}
.contOrder-list li .list-tit.ellipsis{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.contOrder-list li .list-tit + .list-tit{margin-top:10px;}
.contOrder-list li .lang{display:inline-block; margin-right:10px; padding: 4px 10px; border-radius: 15px; border:1px solid #222; text-align: center; vertical-align: 2px; letter-spacing: -0.3px; line-height: 1.2; font-size: 14px; font-weight: 500; color: #222;}
.contOrder-list li .quiz{display:inline-block; min-width:120px; margin-right:10px; font-weight:400;}
.contOrder-list li .order-list{position:absolute; top:50%; right:20px; transform: translate(0,-50%);}
.contOrder-list li .order-list input{width:45px; margin:0 10px; text-align: center;}
.contOrder-list li .order-list .btn1{min-width:65px; padding:0 10px;}

.fileUpload-list{margin-bottom:20px; border-top:1px solid #cbcbcb; border-bottom:1px solid #cbcbcb;}
.fileUpload-list li{padding:12px 5px;}
.fileUpload-list li+li{border-top:1px solid #cbcbcb;}
.fileUpload-list li .UploadDel-btn{font-size:20px; vertical-align: 3px;}
.fileUpload-list li span{display:inline-block; margin-left:15px; width:40%; font-weight:500; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.imgUpload-list{border-top:1px solid #cbcbcb; border-bottom:1px solid #cbcbcb;}
.imgUpload-list li{position:relative; padding:25px 70px 25px 5px;}
.imgUpload-list li+li{border-top:1px solid #cbcbcb;}
.imgUpload-list li .UploadDel-btn{font-size:20px; vertical-align: middle;}
.imgUpload-list li .imgUp-bx{position:relative; display:inline-block; width:100px; height:100px; margin-left:28px; vertical-align: middle; border:1px solid #cbcbcb; overflow: hidden;}
.imgUpload-list li .imgUp-bx span{position:absolute; width:100%; height:100%; line-height:100px; text-align:center; background-color:#969696; font-weight: 300; color:#fff;}
.imgUpload-list li .imgUp-bx img{width:100%; margin:auto;}
.imgUpload-list li .imgUp-text{display:inline-block; width: calc(100% - 245px); margin-left:20px; vertical-align: middle;}
.imgUpload-list li .imgUp-text .imgUp-text-tit{display:block; line-height: 1.75;}
.imgUpload-list li .order-list{position:absolute; top:50%; right:15px; transform: translate(0,-50%);}
.imgUpload-list li .order-list input{width:45px;}

.check-bx.contUpload{position:relative; margin-top:30px; justify-content: center;}
.check-bx.contUpload .commt{position:absolute; right:0; font-weight:500;}

.quiz-enroll-bx{margin-bottom:30px;}
.quiz-enroll-bx select{color:#000;}
.quiz-enroll-bx .initial{flex-wrap: wrap; margin-bottom:0px;}
.quiz-enroll-bx .initial input{width:45px; margin-bottom:10px;}
.quiz-enroll-bx .initial input + input{margin-left:15px;}

.pop-upload .enroll-wrap{padding:0; border-top:0px none; border-bottom:0px none;}
.pop-upload .tit-border h4{font-size:16px;}
.pop-upload .btn-bx{border-top:0px none; padding-top:10px; text-align: center;}
.pop-upload .image-bx{margin-top:25px; height:220px; overflow: hidden;}
.pop-upload .image-bx img{width:100%;}
.poAb{position:absolute; top:54px; right:30px; font-size:16px;}

/* 프로그램 */
.commtBtn-bx{position:relative; padding-bottom:40px;}
.commtBtn-bx.border{margin-bottom:40px; border-bottom:1px solid #000;}
.commtBtn-bx .comm-txt{font-size: 15px; line-height: 1.87;}
.commtBtn-bx .btn-bx{position:absolute; right:0; bottom:40px;}

.program-list{margin-bottom:30px; border-top:2px solid #000; border-bottom:1px solid #ddd;}
.program-list li+li{border-top:1px solid #ddd;}
.program-list .title-area{display:flex; align-items: center; justify-content: space-between; padding:36px 15px 37px 20px; cursor: default;}
.program-list .title-area .td-date{flex-basis:160px; font-family: 'Montserrat'; font-size: 16px; font-weight: 500; line-height: 1.19;}
.program-list .title-area .td-date span:first-child{display:block;margin-bottom:11px;}
.program-list .title-area .td-time{flex-basis:160px;padding-right:30px; text-align:center; color: #ea5069;}
.program-list .title-area .td-time .tag{display:inline-block; margin-bottom:5px; padding: 5px 9px; text-align:center; border-radius: 50px; border: solid 2px #ea5069; background-color: #fff; font-family: 'Montserrat'; font-size: 12px; font-weight: bold; line-height: 1.25; color: #ea5069;}
.program-list .title-area .td-time .where{display:block; text-align: center;}
.program-list .title-area .td-live .live{display: block; width: 50px; height:25px; line-height:25px; text-align: center; border-radius: 50px; background-color: #afafaf; font-family: 'Montserrat'; font-size:11px; font-weight: 800; letter-spacing: -0.02em; color: #fff;}
.program-list .title-area .td-live .live.typ01{background-color:#bf374d;}
.program-list .title-area .td-live .live.typ02{background-color:#4876f0;}
.program-list .title-area .td-live .live + .live{margin-top:5px;}
.program-list .title-area .td-theme{flex-basis:160px; padding-left:30px; padding-right:20px; text-align:center; font-weight: 500; line-height: 1.75;}
.program-list .title-area .td-theme.typ02{flex-basis:120px; padding-left:0;}
.program-list .title-area .td-title{flex:1; font-size: 18px; font-weight: 500; line-height: 1.67; cursor: pointer;}
.program-list .title-area .td-title.ellipsis{margin-right:60px; white-space: nowrap; overflow: hidden; text-overflow:ellipsis;}
.program-list .title-area .td-button{flex-basis:160px; text-align:right;}
.program-list .title-area .td-button .mark{display:inline-block; width:40px; height:40px; text-align:center; border: 1px solid #c3c3c3; border-radius: 100%; font-size:20px; color:#7e7e7e;}
.program-list .title-area .td-button .mark.lock{border:0px none; cursor: default;}
/* .program-list .title-area .td-button .mark.lock img{vertical-align: -5px;} */
.program-list .title-area .td-button .mark span{font-size:0;}
.program-list .title-area .td-button .mark + .mark{margin-left:5px;}
.program-list .title-area .td-state{flex-basis:100px; text-align:center; font-weight:500;}

.program-list .detail-area{display:none; border-top:1px solid #000; border-bottom:1px solid #000;}
.program-list .detail-cont{padding:40px 50px 30px 40px; background-color: #fafafa;}
.program-list .detail-cont:last-child{padding-bottom:50px;}
.program-list .detail-cont + .detail-cont{border-top:1px solid #d5d5d5;}
.program-list .detail-cont .tit{font-size: 18px; line-height: 1.56; color: #222;}
.program-list .detail-cont .txt{margin-top:15px;font-size: 15px; line-height: 1.67; color: #333;}
.program-list .detail-cont .btn-bx{margin-top:30px; text-align: center;}
.program-list .detail-cont .btn-bx .vod-btn{display:inline-block; height:45px; line-height:45px; padding:0 20px; border-radius: 50px; background-color: #4876f0; text-align:center; font-size: 15px; color: #fff;}
.program-list .detail-cont .btn-bx .vod-btn.live{background-color: #ea5069;}

.program-list-card{margin-bottom:10px; display: flex; flex-wrap: wrap;}
.program-list-card li{position:relative; width:calc((100% - 50px)/3); margin-bottom:25px; padding:30px; border:1px solid #dbdbdb;}
.program-list-card li:nth-child(3n-1){margin-left:25px; margin-right:25px;}
.program-list-card .lock{position:absolute; top:30px; left:30px;}
.program-list-card .lock span{font-size:0;}
.program-list-card .td-live{margin-bottom:25px;text-align:right;}
.program-list-card .td-live .live{display: inline-block; width: 50px; height:25px; line-height:25px; text-align: center; border-radius: 50px; background-color: #afafaf; font-family: 'Montserrat'; font-size:11px; font-weight: 800; letter-spacing: -0.02em; color: #fff;}
.program-list-card .td-live .live.typ01{background-color:#bf374d;}
.program-list-card .td-live .live.typ02{background-color:#4876f0;}
.program-list-card .td-live .live + .live{margin-left:5px}
.program-list-card .td-theme{margin-bottom:5px; font-size: 16px; line-height: 1.75;}
.program-list-card .td-title{margin-top:5px; padding-right:20px; height:56px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 20px; font-weight:700; line-height: 1.4;}
.program-list-card .td-date{margin-top:20px;}
.program-list-card .td-date span{display:block; font-family: 'Montserrat'; font-size: 15px; font-weight: 500;}
.program-list-card .td-date span+span{margin-top:11px;}
.program-list-card .td-time{margin-top:13px; font-weight:500; color: #ea5069;}
.program-list-card .td-time .tag{display:inline-block; margin-right:5px; padding: 5px 9px; text-align:center; border-radius: 50px; border: solid 2px #ea5069; background-color: #fff; font-family: 'Montserrat'; font-size: 12px; font-weight: bold;}
.program-list-card .roundButton{margin-top:30px; text-align: center;}

.speaker-list {display:flex; flex-wrap: wrap; justify-content: flex-start;}
.speaker-list li {width: calc(100% / 5); margin-bottom:50px; text-align: center; font-size:15px;}
.speaker-list li a {display:block;}
.speaker-list .speaker-img {display: inline-block; width: 190px; height: 240px; margin-bottom: 15px; overflow: hidden;}
.speaker-list .speaker-img img {width: 100%; height: 100%; object-fit: cover;}
.speaker-list .btn-bx{margin-top:15px;}
.speaker-list .btn-bx .btn-radius{display:inline-block; min-width:120px; padding:0 10px;}
.speaker-list .btn-bx .btn-radius+.btn-radius{margin-top:10px; margin-left:0;}
.speaker-list.m_border {margin-bottom: 50px; gap: 50px;}
.speaker-list.m_border li {width: calc((100% - (4 * 50px)) / 5); margin-bottom: 0;}
.speaker-list.m_border li a {padding-bottom: 15px; border: 1px solid #d5d5d5;}
.speaker-list.m_border .speaker-img {display: block; width: 100%;}
.speaker-list.m_hover li a:hover .speaker-img img {transform: scale(1.05);}
.speaker-list.m_hover .speaker-img img {transition: .3s cubic-bezier(0.15, 0, 0.2, 1);}

.proDetail-area{margin-top:40px; margin-bottom:50px;}
.proDetail-area .proDet-tit{padding-bottom:10px; border-bottom:2px solid #000; font-size: 20px;}
.proDetail-area .proDet-owner{padding-top:25px; padding-bottom:20px; border-bottom:1px solid #d0d0d0;}
.proDetail-area .proDet-owner p{position:relative; display:inline-block; margin-right:40px;}
.proDetail-area .proDet-owner p + p:before{content:''; position:absolute; top:5px; left:-22px; width:1px; height:15px; background-color: #000;}
.proDetail-area .proDet-owner .owner{display:inline-block; margin-right:20px;}
.proDetail-area .proDet-text{margin-top:30px; line-height: 1.88;}
.proDetail-area .proDet-text.hidden{display:-webkit-box; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.proDetail-area .btn-bx{margin-top:20px;}
.proDetail-area .slider-bx{margin-top:50px;}

.slider-bx.program-list-card{margin: 50px 70px 0 100px;}
.slider-bx.program-list-card li:hover{background-color:#5a6276; color:#fff;}
.slider-bx.program-list-card li:hover .td-time{color:#fff;}
.slider-bx.program-list-card li:hover .td-time .tag{border-color:#5a6276; color:#5a6276;}
.slider-bx.program-list-card .slick-slide{margin-right:50px;}
.slider-bx.program-list-card .slick-prev {left: -100px;}
.slider-bx.speaker-list{margin-left:60px;}
.slider-bx.speaker-list li{margin-left:0; margin-bottom:0;}
.slider-bx.speaker-list .slick-prev, .slider-bx.speaker-list .slick-next{top:100px;}
.slider-bx.speaker-list .slick-prev{left: -60px;}
.slider-bx.speaker-list .slick-slide{padding-left:25px;}

.proDet-company{margin-top:30px;}
.proDet-company li{display:flex; align-items: center; padding:30px 50px 30px 40px; border:1px solid #d9d9d9;}
.proDet-company li+li{margin-top:25px;}
.proDet-company .company-logo{width:295px; margin-right:50px;}
.proDet-company .company-logo img{width:100%;}
.proDet-company .company-cont{flex:1; padding-right:150px;}
.proDet-company .company-cont .tit{font-size: 18px;}
.proDet-company .company-cont .txt{margin-top:5px; line-height: 1.5; display:-webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.proDet-company .btn-bx{max-width:150px; margin-top:0;}
.proDet-company .btn-bx .btn-radius{display:block; padding:0 20px;}
.proDet-company .btn-bx .btn-radius+.btn-radius{margin-top:10px; margin-left:0;}

.intro-title.program .speaker-img{flex:none; width:175px; height:175px; border:1px solid #ddd; border-radius:100%; overflow: hidden;}
.intro-title.program .speaker-img img{width:100%;}
.intro-title.program .speaker-txt{margin-top:10px; margin-left:32px;}
.intro-title.program .name{font-size:20px;}
.intro-title.program .speaker-txt p{margin-bottom:5px;}

.liveSession-bx{margin-top:30px;}
.liveSession-bx .liveSe-cate{display:flex; justify-content: space-between; margin-bottom:16px;}
.liveSession-bx .liveSe-cate .select-bx{display:flex;}
.liveSession-bx .liveSe-cate .lang{width:280px;}
.liveSession-bx .liveSe-cate .select-bx .wide{position:relative;}
.liveSession-bx .liveSe-cate #wide{margin-left:7px; width:50px; height:45px; vertical-align:top; border:1px solid #000;}
.liveSession-bx .liveSe-cate #wide i{transform: rotate(0);}
.liveSession-bx .liveSe-cate .tooltip{display:none; position:absolute; top:-45px; right:-10px; min-width:125px; padding:6px 12px; text-align: center; border-radius: 5px; border:1px solid #000; background-color:#fff; font-size:14px;}
.liveSession-bx .liveSe-cate .tooltip:before{content:''; position:absolute; right:28px; bottom:-5px; width:8px; height:8px; transform: rotate(45deg); border-right:1px solid #000; border-bottom:1px solid #000; background-color: #fff;}
.liveSession-bx .liveSe-cate #wide:hover + .tooltip{display:block;}
.liveSession-bx .liveSe-video{display:flex;}
.liveSession-bx .video-bx{flex:1; height:600px; padding-bottom:0;}
.liveSession-bx .video-tab{width:340px; height:600px; margin-left:10px; border:1px solid #11263e; background-color:#11263e;}
.video-tab .video_tablist{display:flex;}
.video-tab .video_tablist li{flex:1; height:46px; padding:11px 10px 12px; text-align: center; background-color:#fff; font-size:15px; color:#000; cursor: pointer;}
.video-tab .video_tablist li.current{background-color:#11263e; font-weight:500; color:#fff;}
.video-tab .video_tabcont{display:none; position:relative; height:calc(100% - 46px); padding-top:40px; color:#fff;}
.video-tab .video_tabcont.current{display:block;}

.video_tabcont .comment-list{height:calc(100% - 70px); padding-left:30px; overflow-y:scroll;}
.video_tabcont .comment-list li{margin-bottom:30px;}
.video_tabcont .comment-list li strong{font-size:15px; font-weight:500;}
.video_tabcont .comment-list li p{margin-top:4px; font-size: 14px; line-height: 1.5; color: #c3cfe0;}
.video_tabcont .input-bx{position:absolute; right:0; left:0; bottom:0; border-top:1px solid #fff;}
.video_tabcont .input-bx input{height:50px; padding-left:30px; border:0px none; font-size:14px; color:#11263e;}
.video_tabcont .input-bx input::placeholder{color:#11263e;}
.video_tabcont .input-bx input:focus{border:0px none;}
.video_tabcont .input-bx .com-btn{position: absolute; right: 0; min-width: 50px; height: 50px; line-height: 50px; padding: 0 5px; text-align:center; background-color: #11263e; font-size:14px; color:#fff;}

.video_tabcont .presFile-list{height:calc(100% - 40px); padding:0 30px; overflow-y:scroll;}
.video_tabcont .presFile-list li{margin-bottom:30px;}
.video_tabcont .presFile-list li a{position:relative; display:block; padding-right:25px;}
.video_tabcont .presFile-list li a .fa-download{position:absolute; top:50%; margin-top:-7px; right:0;}
.video_tabcont .presFile-list li a span{font-size: 15px; font-weight:300;}

.video_tabcont .vote-list{height:calc(100% - 40px); padding:0 30px; overflow-y:scroll;}
.video_tabcont .vote-list dt{margin-bottom:20px; font-size: 15px; font-weight: 500; color: #fff;}
.video_tabcont .vote-list dd{margin-bottom:25px;}
.video_tabcont .vote-list .check-bx{flex-direction: column; align-items: flex-start;}
.video_tabcont .vote-list .check-bx span{display:block; width:100%;}
.video_tabcont .vote-list .check-bx span + span{margin-top:10px;}
.video_tabcont .vote-list .check-bx input + label::before {width:0; height:0; margin-right:0; visibility: hidden;}
.video_tabcont .vote-list .check-bx input + label{display:block; margin-right:0; padding: 5px 15px; border-radius: 3px; background-color: #fff; font-size: 14px; line-height: 1.2; color: #000;}
.video_tabcont .vote-list .check-bx input:checked + label{background-color:#03a7fd; color:#fff;}
.video_tabcont .vote-list .check-bx input:checked + label:after{visibility: hidden;}

.video_tabcont .vote-list .progress-bx{display:flex; justify-content: space-between; flex-wrap: wrap; margin-bottom:10px;}
.video_tabcont .vote-list .progress-bx div{width:calc(50% - 5px); margin-bottom:10px; text-align: center; font-size: 12px;}
.video_tabcont .vote-list .progress-bar{width: 100%; height: 15px; margin-bottom:5px; border-radius: 63px; background-color: #fff; overflow:hidden;}
.video_tabcont .vote-list .progress-bar .progress{display:block; height: 15px;}
.video_tabcont .vote-list .progress-bar .progress.typ01{background-color: #eb5757;}
.video_tabcont .vote-list .progress-bar .progress.typ02{background-color: #5790eb;}

.liveSe-videoSub{display:flex; justify-content: space-between; margin-top:10px; height:420px;}
.liveSe-videoSub .videoSub-bx{width:calc(50% - 5px);}
.liveSe-videoSub .videoSub-bx iframe, .liveSe-videoSub .videoSub-bx video{width:100%;height:100%;}

.liveSession-bx .liveSe-share{display:flex; position:relative; margin-top:20px;}
.liveSession-bx .liveSe-share > * + *{margin-left:10px;}
.liveSession-bx .liveSe-share .btn{flex:none; height:35px; padding:0 20px; line-height:33px; border-radius: 63px; border:1px solid #000; background-color: #fff; color:#000;}
.liveSession-bx .liveSe-share .share-bx{flex:none; margin-top:0;}
.liveSession-bx .liveSe-share .sns-list{width:175px; left:0;}
.liveSession-bx .liveSe-share .btn.send{position:absolute; right:0; min-width:70px; padding:0 10px; border-color:#555; background-color:#555; font-size:14px; color:#fff;}
.liveSession-bx .liveSe-share input{height:35px; padding-right:90px; border-radius: 63px; font-size:14px;}

.liveSe-participant .participant-list{margin:0 70px 0 80px; }
.participant-list .slick-list{overflow-x: hidden; overflow-y: visible; padding-top:85px;}
.participant-list .slick-slide{width:115px;}
.participant-list .slick-prev, .liveSe-participant .participant-list .slick-next{top:calc(50% + 20px)}
.participant-list li{position:relative; text-align: center;}

.participant-list li .part-img{width:100%; max-height:175px; margin-bottom:15px; border-radius: 100%; overflow: hidden;}
.participant-list li .part-img img{width:100%;}
.participant-list li .name{font-size:15px;}
.participant-list li .message-icon{display:none; position: absolute; max-width:312px; top:-80px; left:-30px; padding: 14px 10px; border-radius:70px; border:solid 1px #000; background-color: #fff; font-size:0; z-index:1;}
.participant-list li .message-icon:before{content:''; position:absolute; left:88px; bottom:-6px; width:10px; height:10px; transform: rotate(45deg); border-right:1px solid #000; border-bottom:1px solid #000; background-color: #fff;}
.participant-list li .message-icon a{display:inline-block; margin-left: 10px;}
.participant-list li .message-icon .send{height:32px; margin-left:0; padding:5px 10px; vertical-align: top; text-align:center; border-radius: 70px; background-color:#4d4d4d; font-size:15px; color:#fff;}

.commentary-bx{margin-top:25px;}
.commentary-bx .comm-tit{margin-bottom:15px; font-size:16px; font-weight:400;}
.commentary-bx .comm-tit strong{font-weight:500;}
.radio-line{display:flex; justify-content: space-between; position:relative; margin-top:35px; margin-bottom:20px;}
.radio-line:after{content:''; position:absolute; top:-7px; left:13px; right:13px; height:2px; background-color: #ea5069;}
.radio-line span{flex:none; width:35px; text-align: center; z-index:1;}
.radio-line input[type=radio]{margin-right:0;}
.radio-line input[type=radio] + label{margin-right:0; font-size:14px;}
.radio-line input[type=radio] + label::before{position:absolute; top:-20px; left:50%; transform: translate(-50%, 0); margin-right:0; border:1px solid #ea5069;}
.radio-line input[type=radio]:checked + label:before{background-image: url( /resources/images/radio-pink.png);}
.commentary-bx .total{margin-top:15px; padding:22px; text-align:center; border:1px solid #ea5069; font-size:24px;}

.program-schedule-cate{margin-top:25px; margin-bottom:15px; font-size:0;}
.program-schedule-cate span{margin-right:20px; font-size:13px;}
.program-schedule-cate .cate{display:inline-block; width:13px; height:13px; vertical-align:-1px; border-radius: 100%;}
.program-schedule-cate .cate.typ01{background-color: #54b7b7;}
.program-schedule-cate .cate.typ02{background-color: #f1921e;}
.program-schedule-cate .cate.typ03{background-color: #9965ab;}
.program-schedule-cate .cate.typ04{background-color: #ea5069;}
.program-schedule-cate .cate.typ05{background-color: #2881e6;}
.program-schedule-cate .cate.typ06{background-color: #b5a20a;}

.program-schedule-bx{display:flex; position:relative; max-width:100%; max-height:458px; border-top:2px solid #02030f; border-bottom:1px solid #d0d0d0; overflow: scroll;}
.program-schedule-bx .time{flex:none; width:120px; position:sticky; left:0; font-family: 'Montserrat'; font-weight:bold; font-size: 16px; z-index:2;}
.program-schedule-bx .time > div{height:50px; padding:12px 5px 12px; text-align:center; background-color:#fff;  border-right:1px solid #d0d0d0;}
.program-schedule-bx .time > div + div{border-top:1px solid #d0d0d0;}
.program-schedule-bx .time .sticky{position:sticky; top:0; left:0; height:50px; background-color:#fff; border-right:1px solid #02030f; border-bottom:1px solid #02030f;}
.program-schedule-bx .time .sticky + div{border-top:0px none;}

.program-schedule-bx .date-cont{flex:1; position:absolute; left:120px;}
.program-schedule-bx .date-cont .top-date{display:flex;position:sticky; top:0; height:50px; border-bottom:1px solid #02030f; z-index:1;}
.program-schedule-bx .date-cont .top-date > div{flex:none; width:330px; padding:12px 5px 14px; text-align: center; background-color:#fff; font-size: 16px; font-weight: 500;}
.program-schedule-bx .date-cont .top-date > div + div{border-left:1px solid #02030f;}

.program-schedule-bx .date-cont .scroll{display:flex; flex-wrap: nowrap;}
.program-schedule-bx .date-cont .scroll .date{flex:none;}
.program-schedule-bx .date-cont .scroll .date + .date{border-left:1px solid #d0d0d0;}
.program-schedule-bx .date-cont .scroll .date div{position:relative; width:330px; height:50px; padding:13px 5px; text-align:center; line-height: 1.5; font-size: 16px;}
.program-schedule-bx .date-cont .scroll .date div p{position:absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%;}
.program-schedule-bx .date-cont .scroll .date div + div{border-top:1px solid #d0d0d0;}
.program-schedule-bx .date-cont .scroll .date div.typ01{background-color: #54b7b7; color:#fff;}
.program-schedule-bx .date-cont .scroll .date div.typ02{background-color: #f1921e; color:#fff;}
.program-schedule-bx .date-cont .scroll .date div.typ03{background-color: #9965ab; color:#fff;}
.program-schedule-bx .date-cont .scroll .date div.typ04{background-color: #ea5069; color:#fff;}
.program-schedule-bx .date-cont .scroll .date div.typ05{background-color: #2881e6; color:#fff;}
.program-schedule-bx .date-cont .scroll .date div.typ06{background-color: #b5a20a; color:#fff;}

.ceremony-bx .ceremony-tit{display:flex; padding:13px 0; border-bottom:2px solid #02030f; text-align:center; font-size:16px; font-weight:500;}
.ceremony-bx .ceremony-tit .time{flex:none; width:100px; margin-right:30px;}
.ceremony-bx .ceremony-tit .program{flex:1;}
.ceremony-bx .ceremonty-list{max-height:415px; overflow-y: scroll; border-bottom:1px solid #d0d0d0;}
.ceremony-bx .ceremonty-list li{display:flex; padding:24px 0 20px; }
.ceremony-bx .ceremonty-list li+li{border-top:1px solid #d0d0d0;}
.ceremony-bx .ceremonty-list .time{flex:none; width:100px; margin-right:30px; padding-left:4px; font-family: 'Montserrat'; font-size: 16px; font-weight: 500;}
.ceremony-bx .ceremonty-list .program{flex:1; position:relative;}
.ceremony-bx .ceremonty-list .program .prg-tit{font-size: 16px; font-weight: 500;}
.ceremony-bx .ceremonty-list .program .prg-txt{margin-top:5px; font-size: 14px; line-height: 1.7; color: #333;}
.ceremony-bx .ceremonty-list .program .vod{position:absolute; top:50%; transform: translate(0,-50%); right:5px; height:25px; padding:6px 12px; border-radius: 50px; background-color: #4876f0; font-family: 'Montserrat'; font-size: 11px; font-weight: 800; text-align: center; color: #fff;}

.video-bx-tit{margin-top:20px;}
.video-bx-tit strong{font-size: 18px; font-weight: 500;}

/* 미디어 아카이빙 */
#floatingBtn{position: fixed; top:350px; right: 180px; width: 130px; height: 130px; padding: 15px; padding-top:30px; text-align: center; border: 1px solid #000; border-radius: 100%; background: #fff; font-size: 12px; line-height: 1.5; z-index:2;}
#floatingBtn .close{position:absolute; top:-15px; right:-10px; font-size:22px;}

.mediaArchiving-list{width: calc(100% + 20px); margin-top:45px; overflow: hidden;}
.mediaArchiving-list.bordered{padding-top:40px; border-top:1px solid #000;}
.mediaArchiving-list li {width: calc(100% / 3 - 20px); margin: 0 20px 30px 0; float: left; position: relative;}
.mediaArchiving-list .tit{margin-bottom:15px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.mediaArchiving-list .tit strong{line-height: 1.22; font-size: 19px; font-weight: 500;}
.mediaArchiving-list .img-bx{display: block; width: 100%; height: 245px; margin-top:15px; margin-bottom: 15px; border: 1px solid #d9d9d9; overflow: hidden;}
.mediaArchiving-list .img-bx .img {width: 100%; height: 100%; object-fit: cover;}
.mediaArchiving-list .img-bx .img.bg {object-fit: contain;}
.mediaArchiving-list .text {height: 48px; margin-top: 15px; padding-right:20px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 16px; line-height: 1.5;}
.mediaArchiving-list .badge {width: 80%; margin-top: 10px; margin-bottom: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.mediaArchiving-list .badge span{display: inline-block; max-width: 100%; margin-right: 10px; font-weight: 500; color: #000; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.mediaArchiving-list.m_type_01 {margin-top: 30px; padding-top: 30px; border-top: 2px solid #000;}
.mediaArchiving-list.m_type_01 .tit {margin-bottom: 0;}
.mediaArchiving-list.m_type_01 .tit strong {font-size: 20px; font-weight: 700;}
.mediaArchiving-list.m_type_01 .img-bx {margin-top:0; border: 0 solid #fff;}

.mediaArchiving-title{padding-bottom:60px; text-align:center; border-bottom:1px solid #000;}
.mediaArchiving-title h4{margin-bottom:18px; font-size: 38px; line-height: 1.2; color: #222;}
.mediaArchiving-title h4 .number{font-family:'Montserrat';}
.mediaArchiving-title p{font-size: 18px; line-height: 1.78; color: #333;}

/* ON AIR */
.onair-title{position:relative; padding:30px 0; padding-right:150px; border-bottom:1px solid #000;}
.onair-title .tit{margin-bottom: 10px; font-size: 24px; font-weight: 700;}
.onair-title .date {margin-top: 10px; font-family: 'Montserrat'; font-size: 16px; font-weight: 500; line-height: 1.19;}
.onair-title .btn-bx{position:absolute; right:0; top:50%; transform: translate(0,-50%); margin-top:0;}

.direct-bx{position:relative; padding:40px 0 50px; padding-right:150px; border-top:1px solid #d0d0d0;}
.direct-bx p{font-size:18px; line-height: 1.6; font-weight: 500;}
.direct-bx .btn-bx{position:absolute; right:0; top:50%; transform: translate(0,-50%); margin-top:0;}

.livenow-list{margin: 50px 70px 50px 100px;}
.livenow-list .slick-slide{margin-right:10px;}
.livenow-list li {width: calc(34% - 30px); padding: 30px; background-color: #27456e; color:#fff;}
.livenow-list .td-live {margin-bottom:10px; text-align: right;}
.livenow-list .td-live .live {display: inline-block; width: 50px; height: 30px; line-height: 30px; text-align: center; border-radius: 50px; background-color: #bf374d; font-family: 'Montserrat'; font-size: 11px; font-weight: 800; letter-spacing: -0.02em; color: #fff;}
.livenow-list .td-theme {margin-bottom: 10px; font-size: 16px; line-height: 1.75;}
.livenow-list .td-title {padding-right: 20px; margin-top:20px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 20px; font-weight: 700; line-height: 1.4;}
.livenow-list .td-date { margin-top: 20px;}
.livenow-list .td-date span {display: block; font-family: 'Montserrat'; font-size: 15px; font-weight: 400;}

.onair-subtit{position:relative; margin-bottom:40px; padding-bottom: 10px; border-bottom: 2px solid #000; font-size: 26px;}
.onair-subtit.livenow{border-bottom: 2px solid #bf374d; font-size:26px; color:#bf374d;}
.onair-subtit .live-alert{position:absolute; top: 50%; right: 0; transform: translate(0, -50%);}

.live-alert{font-size:16px;}
.live-alert .tooltip-bx{position:relative; display:inline-block;}
.live-alert .tooltip-bx i{vertical-align:-1px; font-size:18px; color:#7c7c7c;}
.live-alert .tooltip-bx .tooltip{display:none; position: absolute; top: -45px; left: 50%; transform: translate(-50%, 0); padding: 6px 12px; text-align: center; border-radius: 5px; border: 1px solid #000; background-color: #fff; font-size: 14px; white-space: nowrap;}
.live-alert .tooltip-bx .tooltip:before{content:''; position:absolute; right:50%; bottom:-5px; width:8px; height:8px; transform: translate(4px, 0) rotate(45deg);border-right:1px solid #000; border-bottom:1px solid #000; background-color: #fff;}
.live-alert .tooltip-bx i:hover + .tooltip{display:block;}
.live-alert label{position:relative; display:inline-block; width:60px; height:24px; border-radius: 90px; border:1px solid #bcbcbc; background-color:#f7f7f7; overflow:hidden;}
.live-alert input[type="checkbox"] + label{margin-right:0; margin-left:10px; vertical-align: -5px;}
.live-alert input[type="checkbox"] + label:before{content:''; width:24px; height:24px; position:absolute; top:-1px; left: 35px; margin-right:0; border-radius: 50%; background-color:#fff; border:1px solid #bcbcbc; box-shadow: -4px 0 3px 0 rgba(0, 0, 0, 0.1); transition:all 0.5s; text-indent:-90px; }
.live-alert input[type="checkbox"]:checked + label{background-color:#cb5f70; border:1px solid #bf374d;}
.live-alert input[type="checkbox"]:checked + label:before{left:0px;}
.live-alert input[type="checkbox"]:checked + label:after{border-bottom: 0px none; border-left: 0px none;}

.livenow-scheSlider{position:relative;}
.livenow-scheSlider .live-alert{position:absolute; top:0; left:0;}
.livenow-scheSlider .right-bx{position:absolute; top:-5px; right:0;}
.livenow-scheSlider .right-bx select{color:#000;}

.livenow-sliderTit{width: 194px; margin: auto;}
.livenow-sliderTit li{text-align:center; font-family: 'Montserrat'; font-size: 28px; font-weight: 500; line-height: 1.21;}
.livenow-sliderTit .slick-prev, .livenow-sliderTit .slick-next{width: 34px; height: 34px; border: solid 1px #000; border-radius:0; background-color: #fff;}
.livenow-sliderTit .slick-prev{left:-40px;}
.livenow-sliderTit .slick-next{right:-40px;}
.livenow-sliderTit .slick-prev:before, .livenow-sliderTit .slick-next:before{font-size: 10px; color:#000; opacity: 1;}

.livenow-sliderCont{margin-top:25px;}
.livenow-schedule{max-height:850px; display:flex; position:relative; max-width:100%; border-top:1px solid #02030f; border-bottom:1px solid #d0d0d0; overflow: scroll;}

.livenow-schedule .now-line{position: fixed; top: 100px; left: 116px; right: 0; z-index: 3;}
.livenow-schedule .now-line span{position: relative; display: inline-block; padding: 5px 7px; border-radius: 50px; background-color: #ea5069; font-family: 'Montserrat'; font-size: 11px; font-weight: 800; text-align: center; color: #fff;}
.livenow-schedule .now-line:before{content: ''; position: absolute; top: 12px; width: 100%; height: 3px; background-color: #ea5069;}
.livenow-schedule .time .sticky{position:sticky; top:0; left:0; height:65px; background-color:#fff; border-right:1px solid #02030f; border-bottom:1px solid #02030f;}
.livenow-schedule .time{flex:none; width:140px; position:sticky; left:0; font-family: 'Montserrat'; font-weight:bold; font-size: 18px; z-index:2;}
.livenow-schedule .time > div{height:100px; line-height:100px; background-color:#fff;  border-right:1px solid #d0d0d0;}
.livenow-schedule .time > div + div{border-top:1px solid #d0d0d0;}
.livenow-schedule .time .sticky{position:sticky; top:0; left:0; height:65px; background-color:#fff; border-right:1px solid #02030f; border-bottom:1px solid #02030f;}
.livenow-schedule .time .sticky + div{border-top:0px none;}

.livenow-schedule .channel-bx{flex:1; position:absolute; left:140px; top:0; right: 0;}
.livenow-schedule .channel-bx .channel-tit{display:flex;position:sticky; top:0; height:65px; z-index:1;}
.livenow-schedule .channel-bx .channel-tit > div{flex: 1; min-width:330px; padding:12px 5px 14px; text-align: center; background-color:#fff; border-bottom:1px solid #02030f; line-height: 1.5; font-size: 26px; font-family: 'Montserrat'; font-weight: 600;}
.livenow-schedule .channel-bx .channel-tit > div + div{border-left:1px solid #02030f;}

.livenow-schedule .channel-bx .scroll{display:flex; flex-wrap: nowrap;}
.livenow-schedule .channel-bx .scroll .date{flex:1; min-width:330px;}
.livenow-schedule .channel-bx .scroll .date:first-child div{border-left:0px none;}
.livenow-schedule .channel-bx .scroll .date div{position:relative; min-width:330px; height:100px; padding:13px 5px; line-height: 1.5; font-size: 16px;}
.livenow-schedule .channel-bx .scroll .date div + div{border-top:1px solid #d0d0d0; border-left:1px solid #d0d0d0;}
.livenow-schedule .channel-bx .scroll .date div.live{display: flex; align-items: center; min-height:200px; padding: 30px; background-color: #F2F2F2;}
.livenow-schedule .channel-bx .scroll .date div.live .cate{display: inline-block; margin-bottom: 5px;}
.livenow-schedule .channel-bx .scroll .date div.live .title{margin-bottom: 5px; font-size: 20px; font-weight: bold; line-height: 1.4; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.livenow-schedule .channel-bx .scroll .date div.live .clock{font-family: 'Montserrat'; font-size: 15px; font-weight: 500;}
.livenow-schedule .channel-bx .scroll .date div.live .clock .fa-clock{margin-right: 5px; vertical-align: -1px;}
.livenow-schedule .channel-bx .scroll .date div.live.now{background-color:#FFD9E0; color: #ea5069;}
.livenow-schedule .channel-bx .scroll .date div.live.one{min-height:100px;}
.livenow-schedule .channel-bx .scroll .date div.live.one .title{-webkit-line-clamp: 1;}

.livenow-queBx{margin-top:20px; margin-bottom:30px; font-size: 18px; font-weight: 500; line-height: 1.44;}
.livePprogram-list{margin-top:15px; border-top:2px solid #02030f; border-bottom:1px solid #02030f;}
.livePprogram-list li{display: flex; justify-content: space-between; align-items: center; padding:10px 0;}
.livePprogram-list li+li{border-top:1px solid #e6e6e6;}
.livePprogram-list .list-tit{flex:1; margin-right:30px;}


/* 주요알림 */
.total-bx{margin-top:40px; margin-bottom:20px; font-size: 14px; font-weight: 500;}
.total-bx .number{font-family: 'Montserrat'; font-weight: bold; color: #bf374d;}

.notification-list{margin-top:20px; margin-bottom:30px; border-top:2px solid #000;}
.notification-list li{position:relative; border-bottom:1px solid #e6e6e6;}
.notification-list li a{display:block; padding:34px 5px 37px;}
.notification-list .icon{position:absolute; top:50%; transform: translate(0,-50%); right:5px;}
.notification-list .noti-cont{padding-right:150px;}
.notification-list .noti-cont .date{font-family: 'Montserrat'; font-size: 20px; font-weight: 500; line-height: 1.2;}
.notification-list .noti-cont .update{margin-left:10px; font-size:14px; font-weight:500; vertical-align: 2px; color:#333;}
.notification-list .noti-cont .tit{margin-top:6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 20px; font-weight: 700; line-height: 1.45; color: #000;}
.notification-list .noti-cont .ico{display: inline-block; margin-right: 5px; padding: 1px 10px; vertical-align: 4px; border-radius: 100px; background-color: #000; font-size: 11px; font-weight: bold; color: #fff;}
/* .notification-list li.add{display:none;} */

.notice-wrap{border-top:2px solid #000; border-bottom:1px solid #000;}
.notice-tit{padding:30px 0; border-bottom:1px solid #000;}
.notice-tit h4{font-size: 26px; font-weight: bold; line-height: 1.46;}
.notice-tit .date-bx{margin-top:9px; font-size:20px; line-height: 1.2;}
.notice-tit .date-bx .date{margin-right:15px; font-family: 'Montserrat'; font-weight:500;}
.notice-tit .date-bx .track{font-family: 'Montserrat'; font-weight:500;}
.notice-cont{padding:40px 30px 100px;}
.notice-cont .img-bx{width:100%;}
.notice-cont .img-bx .none{padding:130px 0; background-color: #ededed; text-align: center; font-size: 26px; color:#a8a8a8;}
.notice-cont .img-bx img{max-width:100%;}
.notice-cont .notice-txt{margin-top:30px; font-size: 16px; line-height: 1.75;}
.notice-cont .notice-txt p + p{margin-top:20px;}
.notice-flex{display:flex; margin-top:30px;}
.notice-flex .img-bx{margin-right:20px;}
.notice-flex .notice-txt{margin-top:0;}

.notice-file{display:flex; padding:13px 0; border-top:1px solid #dddddd;}
.notice-file .tit{padding:0 10px;}
.notice-file .file{padding:0 30px;}
.notice-file .file a{display:block;}
.notice-file .file a+a{margin-top:10px;}
.notice-nav{margin:30px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.notice-nav .noti-next, .notice-nav .noti-prev{display:flex; justify-content: space-between; padding:13px 0;}
.notice-nav .noti-prev{border-top:1px solid #ddd;}
.notice-nav a .tit{flex:none; padding:0 10px;}
.notice-nav .noti-next .tit i{margin-left:3px; vertical-align: -3px;}
.notice-nav .noti-prev .tit i{margin-left:3px; vertical-align: 3px;}
.notice-nav span{flex:1; padding:0 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.notice-nav span.date{flex:none; font-family: 'Montserrat'; font-size: 15px; color: #5d5d5d;}

/* 메세지함 */
.sort-bx{text-align:right;}
.sort-bx a{display:inline-block; color:#8e8e8e;}
.sort-bx a+a{margin-left:13px;}
.sort-bx a i{margin-right:3px; vertical-align: -5px;}
.sort-bx a.select{color:#000;}
.sort-bx a.select i{transform: rotate(180deg); vertical-align: 4px;}

.message-list{margin-top:20px; margin-bottom:30px; border-top:2px solid #000;}
.message-list li{display:flex; justify-content: space-between; align-items: center; padding:25px 0; border-bottom:1px solid #e6e6e6;}
.message-list .image-bx{flex:none; width:60px; height:60px; margin-right:30px; border-radius:100%; overflow:hidden;}
.message-list .image-bx img{width:100%;}
.message-list .date-bx{flex:none; width:135px; margin-left:45px; font-family: 'Montserrat'; font-size: 18px;}
.message-list .text-bx{position:relative; width:calc(100% - 270px); padding-right: 200px;}
.message-list .text-bx .name{margin-right:10px; font-size: 18px; line-height: 1.5;}
.message-list .text-bx .company{margin-top:10px; font-size: 15px; line-height: 1.47;}
.message-list .text-bx .txt{margin-top:5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 18px; font-weight: 500; line-height: 1.5;}
.message-list .text-bx .new{position: absolute; right: 0; top: 50%; transform: translate(0, -50%); display:inline-block; padding: 2px 11px 3px; border-radius: 70px; background-color: #27456e; text-align: center; font-family: 'Montserrat'; font-size: 15px; font-weight: 600; color: #fff;}
.message-list .text-bx .exhibitor{padding: 2px 10px; border-radius: 15px; border: solid 2px #ea5069; vertical-align: 2px; font-size: 15px; font-weight: 500; letter-spacing: -0.3px; color: #ea5069;}
.message-list .text-bx .buyer{padding: 2px 10px; border-radius: 15px; border: solid 2px #04740d; vertical-align: 2px; font-size: 15px; font-weight: 500; letter-spacing: -0.3px; color: #04740d;}
/* .message-list li.add{display:none;} */

.message-list.typ02 .text-bx{width: calc(100% - 180px); padding-right: 100px;}

.message-Box{margin-top:40px; border-top:2px solid #000; border-bottom:2px solid #000;}
.message-tit{display:flex; align-items: center; padding:30px 0; border-bottom:1px solid #000;}
.message-tit .img-bx{flex:none; width:60px; height:60px; margin-right:30px; border-radius: 100%; overflow:hidden; cursor: pointer;}
.message-tit .img-bx img{width:100%;}
.message-tit .name-bx .name{font-size: 18px; font-weight:500; line-height: 1.5;}
.message-tit .name-bx .company{margin-top:5px; font-size: 15px; line-height: 1.4;}
.message-area{max-height:600px; margin-bottom:40px; padding:40px 0 0; overflow: auto;}
.message-area .date{margin-top:30px; margin-bottom:30px; text-align: center; font-family: 'Montserrat'; font-size: 16px; font-weight: 600; line-height: 1.2;}
.message-area .textNode{margin-bottom:20px;}
.message-area .textNode.left{display: flex; align-items: center;}
.message-area .textNode:after{content:''; display:block; clear:both;}
.message-area .textNode .img-bx{flex:none; width:60px; height:60px; margin-right:15px; border-radius: 100%; overflow:hidden;}
.message-area .textNode .text{position:relative; display:flex; align-items:center; width:50%; min-height:74px; padding:15px 26px; border-radius:3px; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1); font-size: 15px; line-height: 1.5;}
.message-area .textNode .user{float:right; margin-right:10px; background-color: #333; color: #fff;}
.message-area .textNode .user:after{content:''; position:absolute; top:50%; right:-5px; width: 10px; height: 10px; border-right:1px solid #333; border-top:1px solid #333; background-color: #333; transform: translate(0,-50%) rotate(45deg);}
.message-area .textNode .system{margin-left:10px; border:1px solid #6c6c6c; background-color: #fff; color: #000;}
.message-area .textNode .system:after{content:''; position:absolute; top:50%; left:-6px; width: 10px; height: 10px; border-left:1px solid #333; border-bottom:1px solid #333; background-color: #fff; transform: translate(0,-50%) rotate(45deg);}
.message-area .textNode .match .fw400{font-weight:400;}
.message-area .textNode .img-upload{display:flex; align-content: center; align-items: center; justify-content: center; width:100px; height:100px; text-align:center; border: solid 1px #707070; background-color: #fff;}
.message-area .textNode .img-upload span{color:#000;}
/* .message-area .textNode .img-upload img{width:100%;} */
.message-area .textNode .more{margin-left:10px; padding: 3px 8px;vertical-align: top; border-radius: 2px; border: solid 1px #909090; background-color: #f5f5f5; font-size: 14px; font-weight:500; color: #000;}
.message-text{display:flex; padding:40px 0;}
.message-text .commt{flex:1; width:100%; padding:20px; border-top-left-radius: 3px; border-bottom-left-radius: 3px;}
.message-text .deliver{flex:none; min-width:100px; text-align:center; border-top-right-radius: 3px; border-bottom-right-radius: 3px; background-color: #5a5a5a; font-size:16px; font-weight: 500; color:#fff;}
.message-fileUpload{font-size:0; border-bottom:1px solid #11263e;}
.message-fileUpload .file-upload{min-width:160px; padding:12px 27px; border:1px solid #11263e; border-bottom:0px none; color: #11263e; transition: .2s;}
.message-fileUpload .file-upload:hover{background-color:#11263e; color: #fff;}
.message-fileUpload .file-upload + .file-upload{border-left:0;}


/* 네트워킹 */
.netBoard-wrap{margin-top:50px;}
.netBoard-wrap .session-icon{margin-bottom:15px;}
.netBoard-tit{padding-bottom:30px; border-bottom:1px solid #000;}
.netBoard-tit h4{font-size: 26px; font-weight: bold; line-height: 1.46;}
.netBoard-tit .date-bx{margin-top: 9px; font-family: 'Montserrat'; font-weight: 500; font-size: 20px; line-height: 1.2;}
.net-profile{display: flex; align-items: center; padding:20px 0; border-bottom:1px solid #ddd;}
.net-profile .img-bx{width:65px; height:65px; margin-right:15px; border-radius: 100%; overflow: hidden;}
.net-profile .name-bx .name{font-size: 16px; font-weight: 500; line-height: 1.5;}
.net-profile .btn-bx{margin-top:0; margin-left:25px;}
.netBoard-cont{display: flex; flex-direction: column; align-items: center; padding:40px 15px 25px 10px;}
.netBoard-cont .img-bx{max-width:960px; margin-bottom:40px;}
.netBoard-cont .img-bx .none{width:960px; padding:130px; background-color: #ededed; text-align: center; font-size: 26px; color:#a8a8a8;}
.netBoard-cont .notice-txt{font-size: 16px; line-height: 1.75;}
.net-link{padding:25px 10px 50px; border-top:1px solid #ddd;}
.net-link .link-tit{font-size: 18px; font-weight: 500; line-height: 1.6;}
.net-link .link-tit img{margin-right: 3px; vertical-align: -9px;}
.net-link .txt{margin-top:10px; line-height: 1.75;}
.net-link .link{color:#0033dc;}
.netBoard-wrap .notice-file{border-bottom:1px solid #ddd;}
.btn-flex{display: flex; justify-content: space-between; align-items: center; margin-top:15px;}
.btn.heart{border-radius: 5px; border: solid 2px #000; background-color: #f4f4f4; font-family: 'Montserrat'; font-size: 15px; line-height:42px; font-weight: 600; color: #000;}
.btn.heart i{margin-right:3px; font-size:20px; vertical-align: -2px;}

.netEntry-list{display: flex; flex-wrap: wrap; margin-top:25px;}
.netEntry-list li{position:relative; width: calc((100% - 50px)/3); margin-bottom:25px; border:1px solid #dbdbdb; padding:20px 60px 20px 145px;}
.netEntry-list li:nth-child(3n-1){margin-left:25px; margin-right:25px;}
.netEntry-list i.cGreen{position:absolute; top:20px; left:20px;}
.netEntry-list .img-bx{position:absolute; top:20px; left:30px; width:90px; height:90px; border-radius: 100%; overflow:hidden;}
.netEntry-list .img-bx img{width:100%;}
.netEntry-list .tit{display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-weight: 500; line-height: 1.5;}
.netEntry-list p{line-height: 1.5;}
.netEntry-list .roundButton{position:absolute; top:20px; right:20px;}

.netEntry-list02{margin-top:25px; border-top:2px solid #000;}
.netEntry-list02.bdnone{margin-top:0; border-top:0px none;}
.netEntry-list02 li{border-bottom:1px solid #e6e6e6;}
.netEntry-list02 .tit-area{display: flex; justify-content: space-between; align-items: center; position:relative; padding:29px 20px 25px 30px;}
.netEntry-list02 .tit-area.select{background-color: #fafafa;}
.netEntry-list02 .tit-area i.cGreen{position:absolute; top:23px; left:20px;}
.netEntry-list02 .tit-area .img-bx{margin-right:25px; width:90px; height:90px; border-radius: 100%; overflow:hidden;}
.netEntry-list02 .tit-area .text-bx{flex:1; cursor: pointer;}

.netEntry-list02 .name{margin-right:55px;}
.netEntry-list02 .top span + span{position:relative; margin-left:20px;}
.netEntry-list02 .top span + span:before{content: ''; position:absolute; top:8px; left:-12px; width:1px; height:12px; background-color:#898989;}
.netEntry-list02 .bottom{margin-top:15px;}
.netEntry-list02 .bottom span:first-child{margin-right:40px;}

.netEntry-list02 .detail-area{display:none; position:relative; padding:30px 270px 20px 20px; background-color: #fafafa; border-top:1px solid #e6e6e6; border-bottom:1px solid #000;}
.netEntry-list02 .detail-area .badge.ellipsis{width:28%;}
.netEntry-list02 .detail-area .txt{margin-top:15px;}
.netEntry-list02 .detail-area .btn-bx{position:absolute; top:50%; right:20px; transform:translate(0,-50%); margin-top:0;}

.declare-bx{margin-top:10px; border-top:2px solid #000;}
.declare-bx li+li{border-top:1px solid #dddddd;}
.case-area{position:relative; padding:20px 30px 20px 0;}
.case-area i.fa-angle-down{position:absolute; top:22px; right:6px; font-size:22px; transition: all .4s; cursor: pointer;}
.case-area.on i.fa-angle-down{transform: rotate(180deg);}
.case-area input[type=radio] + label{margin-right:0; font-weight:500;}
.case-area input[type=radio]:checked + label{color:#ea5069;}
.case-area input[type=radio]:checked + label:before{background-image: url( /resources/images/radio-pink.png); border:#ea5069 1px solid;}
.case-det-area{display:none; padding:20px 25px; border-top:1px solid #dddddd; font-size: 15px; line-height: 1.6;}

/* 즐겨찾기 */
.bookmark_txt{margin-bottom:25px; text-align: center; font-size:18px; line-height: 1.6}
.bookmark_txt .result{font-size:22px; color: #ff0000;}
.bookmark_txt.border{padding:20px 20px 25px; border:1px solid #000; border-top:2px solid #000;}

/* 설문조사 */
.survey-comment{padding:33px 0; border-top:2px solid #000; border-bottom:1px solid #000; line-height: 1.75;}
.surveyTit{margin-top:30px; margin-bottom:10px; font-size: 16px; line-height: 1.75; letter-spacing: -0.64px; color: #222;}

.survey-wrap{margin-top:30px;}
.survey-bx{padding: 25px 30px 5px; border: solid 1px #dbdbdb;}
.survey-tit{margin-bottom:15px; padding-top:25px; border-top:1px solid #d5d5d5; font-size:16px;}
.survey-tit:first-child{padding-top:0; border-top:0px none;}
.check-bx.column{flex-direction: column; align-items: flex-start;}
.check-bx.column span+span{margin-top:20px;}
.check-bx.column span.etc{width:100%; margin-top:10px;}
.survey-bx .check-bx, .survey-bx .input-bx{margin-bottom:25px;}
.survey-bx .check-bx .etc input{background-color:#fafafa;}
.survey-bx textarea{background-color:#fafafa;}

.radio-bx{padding: 25px 30px 5px; border: solid 1px #dbdbdb; display: flex; justify-content: space-between; align-items: center;}

/* 내스케줄 */
.myschedule .livenow-sliderCont{border-top:1px solid #000;}
.schedule-alert{display:flex; align-items: center; justify-content: center; padding:25px; background-color: #f5f5f5;}
.schedule-alert i{width:70px; height:70px; margin-right:25px; text-align: center; line-height: 66px; border-radius:100%; background-color:#fff; font-size:34px;}
.schedule-alert i.fa-triangle-exclamation{color: #e02f2f;}
.schedule-alert p{font-weight:500; line-height: 1.5;}

.myschedule-list{margin-top:25px;}
.myschedule-list li{display: flex; align-items: center; justify-content: space-between; margin-bottom:20px; border:1px solid #e4e7ea;}
.myschedule-list li.typ01{background-color: #f4fffb;}
.myschedule-list li.typ02{background-color: #f5faff;}
.myschedule-list li.typ03{background-color: #fffaf4;}
.myschedule-list .date{flex:none; width:230px; text-align:center; font-family: 'Montserrat'; font-size: 18px; font-weight: 600;}
.myschedule-list .date i{margin-right:10px; vertical-align:middle; font-size:24px;}
.myschedule-list .shedule{width:calc(100% - 300px); padding:27px 50px 27px 40px; border-left:1px solid #e4e7ea;}
.myschedule-list .shedule strong{font-size: 20px; line-height: 1.56;}
.myschedule-list .shedule p{width: 355px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 18px; }
.on-site{margin-top: 13px; color: #ea5069;}
.on-site .tag{display: inline-block; margin-right: 5px; padding: 5px 9px; text-align: center; border-radius: 50px; border: solid 2px #ea5069; background-color: #fff; font-family: 'Montserrat'; font-size: 12px; font-weight: bold;}

.myschedule-list .delete{flex:none; margin-right:30px; padding:4px 20px; border-radius: 50px; background-color: #404040; font-size: 15px; color:#fff;}

/* 박람회 활동내역 */
.program-list.activities .title-area{padding-left:0; padding-right:0;}
.program-list.activities{margin-bottom:50px; border-bottom-color:#000;}

.table-bx{padding-top:20px;}
.table-bx:after{content:''; display:block; clear:both;}
.table-bx .total-bx{margin-top:20px; padding-right:15px; padding-bottom:20px; border-bottom:1px solid #000; text-align:right; font-size:16px; color: #ea5069;}
.table-bx .total-bx .number{margin-left:10px; font-size: 26px; font-weight: 600; color: #ea5069;}

.activity-list{display:flex;}
.activity-list li{padding:11px 16px; text-align: center; border: solid 1px #000; border-bottom:0px none; background-color: #fff; cursor: pointer;}
.activity-list li + li{border-left:0px none;}
.activity-list li.current{background-color:#000; color:#fff;}
.activity_tabcont{display:none;}
.activity_tabcont.current{display:block;}

.bookmark-btn{display:inline-block; width: 28px; height: 28px; vertical-align: middle; background:url( /resources/images/bookmark_off.png) no-repeat center;}
.bookmark-btn.on{background:url( /resources/images/bookmark_on.png) no-repeat center;}
.quiz-check{font-size:20px;}

.point-count{display:flex; border-top:2px solid #000; border-bottom:1px solid #000;}
.point-count > div + div{border-left:1px solid #000;}
.point-count .point{font-size: 18px; font-weight: 500;}
.point-count .count{font-family: 'Montserrat'; font-size: 36px; font-weight: 600;}
.point-total{flex:1; padding:25px; text-align:center; background-color:#f2f6ff;}
.point-total .count{color:#4876f0;}
.point-remain{flex:1; padding:25px; text-align:center; background-color:#fff4f5;}
.point-remain .count{color:#ea5069;}

.coupon-bx{display:flex; margin-bottom:50px;}
.coupon-bx input{flex:1; height:55px; border:2px solid #000;}
.coupon-bx input::placeholder{text-align:center; color:#000;}
.coupon-bx .btn{flex:none; height:55px; line-height: 55px;}

.cont-title02{margin-bottom:15px;}
.cont-title02:after{content:''; display:block; clear:both;}
.cont-title02 h5{float:left; font-size: 20px;}
.cont-title02 .tooltip-area{float:left; margin-left:10px;}
.tooltip-area{position:relative;}
.tooltip-area i{vertical-align:middle; width:24px; height:24px; line-height:22px; text-align: center;  border-radius: 100%; border:1px solid #000; cursor: pointer; transition: .3s;}
.tooltip-area .tooltip{display:none; position:absolute; top:-2px; left:30px; min-width:320px; text-align: left; padding:4px 10px; border: solid 1px #000; border-radius:3px; background-color: #fff; font-size: 14px; transition: .3s;}
.tooltip-area .tooltip:before{content:''; position:absolute; left:-3px; top:11px; width:4px; height:4px; background-color: #fff; border-top:1px solid #000; border-left:1px solid #000; transform: rotate(-45deg);}
.tooltip-area i:hover{background-color: #000; color:#fff;}
.tooltip-area i:hover + .tooltip{display:block;}

.event-bx{margin-bottom:30px; padding:30px 60px 40px; border:1px solid #e5e5e5}
.event-tit{margin-bottom:20px; font-size: 20px; font-weight: 500;}

.btn-commt{margin-right:10px; font-size:18px; font-weight:500;}

.point-bx{margin-top:30px; padding:10px; border:1px solid #000; background-color:#f7f7f7;}
.point-bx .point{font-family: 'Montserrat'; font-size: 16px; font-weight: 600; color: #f00;}
.point-bx table tbody th, .point-bx table tbody td{padding:10px; font-size:16px; }
.count-form{display:flex; align-items: center;}
.count-form input{width:20px; height:20px; padding:0 0 3px 1px; border: solid 1px #707070; background-color: #fff; line-height:0; color:#000; cursor: pointer;}
.count-form #result{min-width:35px; margin:0 15px; text-align:center; font-family: 'Montserrat'; font-size: 16px; font-weight: 600;}

.pointStatus-list{margin-top:25px; margin-bottom:25px; display:flex;}
.pointStatus-list li{min-width:113px; height: 30px; margin-right: 10px; padding:3px 20px; text-align:center; border-radius: 70px; border: solid 1px #000; background-color: #fff; font-size: 15px; font-weight: 500; color: #000; cursor: pointer;}
.pointStatus-list li.current{background-color:#000; color:#fff;}

.pointStatus-tabcont{display:none; max-height: 250px; border-top:1px solid #000; overflow-y: scroll;}
.pointStatus-tabcont.current{display:block;}
.pointStatus-tabcont table.list{border-top:0px none;}
.pointStatus-tabcont table.list td{padding:13px 0;}
.pointStatus-tabcont .date{font-family: 'Montserrat'; font-size: 16px; font-weight: 500;}

.pointStatus-total{padding-top:10px; border-top:2px solid #000;}
.pointStatus-total table td{padding:4px 0;}

.pointStatus-tabcont .number, .pointStatus-total .number{font-family: 'Montserrat'; font-size: 16px; font-weight: 600;}

/* 추천코스 */
.direct-bx.recommend{border-top:0px none; margin-bottom: 29px; padding-top: 0; padding-bottom: 0px;}
.enroll-bx.recommend{margin-bottom:30px;}
.enroll-bx.recommend .enroll-sub{border:1px solid #717171;}

.btn-white .fa-cloud-arrow-up{width:30px; height:30px; background-color: #000; border-radius: 100%; color: #fff; line-height: 29px; text-align: center; vertical-align: 1px;}

.recommd-wrap{padding-top:30px; padding-bottom:10px; border-top:2px solid #000; border-bottom:1px solid #000;}
.recommd-wrap.typ02{border-bottom:0px none;}
.recommd-btn-del{margin-bottom:15px; text-align: right;}
.recommd-btn-del .btn-radius2{min-width:70px; padding:0 10px; font-weight:500;}
.recommd-list{margin-bottom:30px; display:flex; justify-content: space-between;}
.recommd-list li{width:183px; height:120px; display:flex; align-items: center; padding:24px 27px 24px 20px; border:1px solid #dbdbdb;}
.recommd-list li .tit{font-size: 16px; font-weight: 500; line-height: 1.5; color: #000; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}

.program-list.recommd{border-top:0px none;}
.program-list.recommd .detail-area{border-bottom:0px none;}
.intro-title.recommd{padding-top:20px; justify-content: space-between; align-items: center;}
.intro-title.recommd .roundButton{flex:none;}
.intro-title.recommd .tit{cursor: pointer;}

/* 마켓리포트 */
.mkRep-total-bx{display:flex; margin-bottom:50px; padding: 30px; background-color: #efefef;}
.mkRep-total-bx > div{flex:1; padding: 21px; text-align: center; border-radius: 10px; background-color: #fff; display: flex; flex-direction: column; justify-content: space-between;}
.mkRep-total-bx > div + div{margin-left:25px;}
.mkRep-total-bx .tit{font-size: 18px; font-weight: 500;}
.mkRep-total-bx .count{margin-top:5px; font-family: 'Montserrat'; font-size: 38px; font-weight: 600; color: #ea5069;}

.mkRep-table{border-top:1px solid #000; border-bottom:1px solid #000;}
.mkRep-table thead th{padding:14px 5px 13px; border-bottom:1px solid #000;}
.mkRep-table tbody tr + tr{border-top:1px solid #e6e6e6;}
.mkRep-table tbody td{padding:20px 5px; text-align:center;}
.mkRep-table .td-no{width:100px;}
.mkRep-table .td-title{width:30%;}
.mkRep-table .td-badge{text-align: right;}
.mkRep-table .buyer{padding: 2px 11px 3px; border-radius: 15px; border: solid 2px #04740d; font-size: 15px; font-weight: 500; letter-spacing: -0.3px; color: #04740d;}
.mkRep-table .exhibitor{padding: 2px 11px 3px; border-radius: 15px; border: solid 2px #ea5069; font-size: 15px; font-weight: 500; letter-spacing: -0.3px; color: #ea5069;}

.sticky-table{width:100%; position:relative; display:flex; overflow-x: scroll;}
.sticky-table .sticky{flex:none; position: sticky; left:0; border-right:1px solid #000; background-color: #fff;}
.sticky-table table.list{border-top:2px solid #000;}
.sticky-table table.list th{white-space: nowrap; border-bottom:1px solid #000;}
.sticky-table table.list td{height:71px; padding:0 10px; white-space: nowrap;}
.sticky-table table.list tr:last-child td{border-bottom:1px solid #000;}
.sticky-table .auto{flex:1; width:auto;}
.sticky-table .auto table{table-layout: auto;}
.sticky-table .auto table td{min-width:110px;}

.check-bx.border{padding-bottom:20px; border-bottom:1px solid #cecece;}

/* 게시판 */
.sub-title02{margin-top:40px; text-align: right;}
.sub-title02:after{content:''; display:block; clear:both;}
.sub-title02 h4{float:left; margin-top:3px; font-size: 20px; font-weight: 500;}
.sub-title02 .btn-bx{margin-top:0;}
.sub-title02 .btn-bx > select{height:33px; line-height: 1;}

.board-list{margin-top:20px; margin-bottom:30px; border-top:2px solid #000;}
.board-list li{position:relative; border-bottom:1px solid #e6e6e6;}
.board-list li .tit-area{padding:34px 5px 37px;display:flex; align-items: center; justify-content: space-between;}
.board-list .td-cate{width:100px; margin-right:50px;}
.board-list .td-cate span{display:inline-block; min-width:80px; padding: 6px 12px 7px; text-align: center; border-radius: 70px; border: solid 1px #000; font-size: 15px; font-weight: 500;}
.board-list .icon{flex:none; font-size:24px;}
.board-list .noti-cont{flex:1; padding-right:150px;}
.board-list .noti-cont .date{display:inline-block; margin-bottom:6px; font-family: 'Montserrat'; font-size: 20px; font-weight: 500; line-height: 1.2;}
.board-list .noti-cont .tit{/*white-space: nowrap; overflow: hidden; text-overflow: ellipsis;*/ font-size: 20px; font-weight: 700; line-height: 1.45; color: #000;}
.board-list .noti-cont .ico{display:inline-block; margin-left:8px; padding:1px 10px; vertical-align:4px; border-radius: 100px; background-color:#000;font-size: 11px; font-weight: bold; color:#fff;}
.board-list .icon{transition: all .3s;}
.board-list .icon.on{transform: rotate(180deg);}
.board-list .text-area{display:none; padding:30px 20px; border-top:1px solid #e6e6e6; line-height: 1.5;}

.mediaArchiving-title.typ02{margin-top:20px; padding-top:50px; border-top:2px solid #000;}
.mediaArchiving-title.typ02 h4{font-size:32px;}

.notice-wrap.typ02{border-top:0px none;}
.notice-wrap.typ02 .notice-tit{padding-top:0; padding-bottom:40px; border-bottom-width: 2px;}
.notice-wrap.typ02 .notice-tit .date-bx{margin-top:0; margin-bottom:10px;}
.notice-wrap.typ02 .notice-tit .date-bx .date + span{position:relative; padding-left:5px;}
.notice-wrap.typ02 .notice-tit .date-bx .date + span:before{content:''; position:absolute; top: 8px; left: -8px; width:1px; height:15px; background-color: #838383;}

/* 비즈매칭 */
.account-list{display:flex; flex-wrap: wrap;}
.account-list li{width:calc((100% - 40px) / 3); margin-bottom:20px; border:1px solid #646464; display: flex; flex-direction: column; justify-content: space-between;}
.account-list li:nth-child(3n-1){margin-left:20px; margin-right:20px;}
.account-list .account-bx{padding:30px;}
.account-bx .account{font-size: 24px;}
.account-bx .ac-btn{display:inline-block; min-height:35px; margin-left:15px; padding:5px 10px; vertical-align: top; border-radius:3px; line-height: 1.7; font-size: 15px; background-color: #938d82; color:#fff;}
.account-bx .email{margin-top:10px; margin-bottom:20px;}
.account-bx .info{margin-top:20px;}
.account-bx .info .name{display:inline-block; margin-bottom:10px;}
.account-bx .info p{line-height:1.5;}
.account-list .btn-bx{margin-top:0; padding:15px; text-align: center; border-top:1px solid #ddd;}
.account-list li.temp{border-style: dashed;}
.account-list li.temp .btn-bx{padding-top:25px; padding-bottom:25px;}

.email-bx{margin-bottom: 25px; padding: 5px 5px 0; border: solid 1px #d5d5d5; background-color: #fff;}
.email-bx .email-input{width:100%; border: none; margin-bottom: 5px;}
.email-link{display: flex; flex-wrap: wrap;}
.email-link li{margin-left: 5px; margin-bottom: 5px; padding: 4px 11px 7px 10px; border-radius: 3px; border: solid 1px #bedcf5; background-color: #e5f3ff; font-size: 14px;}
.email-link li .close{margin-left: 20px; vertical-align: -1px;}
.check-bx.spacing{margin-top: 10px;}
.check-bx.spacing span{margin-bottom: 25px;}

.cont-title .absolute{position: absolute; top: 0; right: 0;}

.scheduleTit-bx{margin-bottom:20px; display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between;}
.schSelect-bx{display:flex;flex-wrap: wrap;}
.schSelect-bx > div{margin-right:10px;}
.schSelect-bx .tit{display:block; margin-bottom:10px;}
.schIcon-bx span {margin-right: 10px; margin-top: 10px;}
.schIcon-bx i{display:inline-block; width:15px; height:15px; vertical-align: -2px; border: solid 1px #363b4a; background-color: #f5f5f5;}
.schIcon-bx i.fixed{border:1px solid #ea5069; background-color: #ea5069;}
.schIcon-bx i.lock{border:1px solid #363b4a; background-color: #363b4a}
.schIcon-bx i.wating{border:1px solid #5085ea; background-color: #5085ea;}
.schIcon-bx .i_confirm,
.schIcon-bx .i_standby,
.schIcon-bx .i_cancel,
.schIcon-bx .i_disabled,
.schIcon-bx .i_possible,
.schIcon-bx .i_current,
.schIcon-bx .i_complete {display: inline-block; line-height: 45px; padding: 0 15px; border-radius: 3px;}
.schIcon-bx .i_complete {background-color: #1B3F5A; color: #fff;}
.schIcon-bx .i_confirm {background-color: #07C271; color: #fff;}
.schIcon-bx .i_disabled {background-color: #F1F2F3; color: #757575;}
.schIcon-bx .i_possible {background-color: #fff; border: 1px solid #A0A7AC;}
table .schIcon-bx{margin-top:0;}

.livenow-scheSlider .tit-area{padding-left: 55px; border-top:2px solid #000; border-bottom: 1px solid #000;}
.livenow-scheSlider .tit-area .livenow-sliderTit{width: calc(100% - 80px); margin-top:20px; margin-bottom:20px;}
.livenow-scheSlider .tit-area .livenow-sliderTit li{font-size: 16px; font-weight: 600;}

.livenow-scheSlider .slide-area{display: flex; margin-top:40px; padding-bottom: 40px; border-bottom: 1px solid #000;}
.slide-area table.numberList{flex:none; width: 60px;}
.slide-area table.numberList td{height: 70px; padding: 50px 0; font-family: 'Roboto'; text-align: center;}
.slide-area .livenow-sliderCont{width:calc(100% - 60px); margin-top:0;}
.slide-area .livenow-sliderCont .slider{padding-right:0;}
table.schedule td{padding: 5px;}
.sch-hour{position:relative;width:100%; padding: 14px 20px 13px; text-align: center; border-radius: 3px; border: solid 1px #363b4a; background-color: #f5f5f5; font-family: 'Montserrat'; font-size: 16px; font-weight: 500; line-height: 1.5;}
.sch-hour:focus{background-color: #bffff5;}
.sch-hour span{display: block;}
.sch-hour.fixed{border:1px solid #ea5069; background-color: #ea5069; color:#fff;}
.sch-hour.lock{border:1px solid #363b4a; background-color:#363b4a; color:#fff;}
.sch-hour.wating{border:1px solid #5085ea; background-color:#5085ea; color:#fff;}
.sch-hour i.number{position:absolute; top:28px; right:15px; padding: 0 7px; text-align: center; border-radius: 60px; background-color:#fff; font-size: 12px; font-weight: bold;}
.sch-hour.fixed i.number{color:#bc1f39;}
.sch-hour.wating i.number{color:#1f4faa;}

.counselAccount-bx{display:flex;}
.counselAccount-bx > div{flex:1; position:relative; padding:30px; border: 1px solid #646464;}
.counselAccount-bx > div + div{margin-left:20px;}
.counselAccount-bx .account{margin-bottom:20px; font-size: 24px;}
.counselAccount-bx .info{line-height: 1.5;}
.counselAccount-bx .select{position:absolute; top:24px; right:30px;}

.counselLoca-input{display:flex;}
.counselLoca-input input{width:100%; border:1px solid #000; border-top-left-radius: 3px; border-bottom-left-radius: 3px;}
.counselLoca-input .btn{flex:none; min-width:50px; padding:0 5px; border-top-right-radius: 3px; border-bottom-right-radius: 3px;}

.cont-title03{margin-bottom:15px; display:flex; justify-content: space-between; align-items: center;}
.cont-title03 h5{font-size:18px;}
.cont-title03 .btn-bx{margin-top:0;}
.cont-title03 .btn-bx > *{height:33px; line-height: 1; vertical-align: middle;}
.cont-title03 .btn-bx select{font-size:14px;}
.cont-title03 .btn-bx a{line-height:1.8;}

.room-list{display:flex; flex-wrap: wrap; margin-bottom:25px; padding:20px 0 12px; border-top:1px solid #000; border-bottom:1px solid #000;}
.room-list li{min-width:128px; margin-right:14px; margin-bottom:8px;}
.room-list li .sch-hour{font-family: 'Noto Sans KR';}

.stickyListTb{margin-bottom:30px; border-top:2px solid #000;}
.stickyListTb thead .tit{padding:15px; border-left:1px solid #000; border-bottom:1px solid #000; font-size: 18px;}
.stickyListTb thead .tit:first-child{border-left:0px none;}
.stickyListTb thead th{padding:13px 5px; border-bottom:1px solid #e6e6e6;}
.stickyListTb thead th.input-area{padding:20px 10px;}
.input-area .input-bx > * {height:33px;}
.input-area .input-bx > * + *{margin-left:10px;}
.input-area .input-bx select{font-size:14px; color:#000;}
.input-area .input-bx .btn{line-height:2;}
.stickyListTb tbody td{padding:15px 8px; text-align: center; border-bottom:1px solid #e6e6e6; word-break:break-all;}
.stickyListTb tbody tr td:nth-child(6){border-right:1px solid #000;}
.stickyListTb tbody tr:last-child td{border-bottom:1px solid #000;}

.stickyListTbMo{display:none;}

/* 부대행사 이벤트 */
.events-list{display:flex; flex-wrap: wrap;}
.events-list li{width: calc((100% - 20px)/2); margin-bottom:20px; padding: 25px 25px 35px; border-radius: 5px; border: 1px solid #d5d5d5;}
.events-list li:nth-child(2n){margin-left:20px;}
.events-list .img-bx{height:260px; margin-bottom:35px; border-radius: 3px; overflow: hidden;}
.events-list .img-bx img{width:100%; height:100%;}
.events-list .eve-tit{width:90%; overflow: hidden; white-space:nowrap; text-overflow: ellipsis; line-height: 1.4; font-size:24px;}
.events-list .eve-txt{width:90%; overflow: hidden; white-space:nowrap; text-overflow: ellipsis; font-size:24px;}
.events-list .more-btn{display:inline-block; margin-top:20px; padding: 7px 20px 8px; text-align: center; border-radius: 100px; border: solid 1px #000; background-color: #fff; font-weight: 500;}
.events-list .more-btn:hover{background-color:#000; color:#fff;}

/* toast */
.toast-wrap{display:none; position:fixed; right:330px; bottom:280px; width:285px; background: #fcfcfc; border: 1px solid #ededed;}
.toast-wrap.show{display:block;}
.toast-wrap .close{position:absolute; top:15px; right: 15px;}
.toast-body{padding:20px 35px 20px 20px; font-size: 14px; line-height: 1.45;}
.toast-body .tit{display:block; margin-bottom:10px;}

/* slider */
.slider-bx{margin:0 70px 0 80px;}
.slider-bx .slick-slide img{width:100%;} /* 6/14 수정 */

.slider{padding-right:10px;}
.slider .slider-img{border:1px solid #d9d9d9;}

.slider .no-data{width:100%; border:1px solid #d9d9d9; text-align:center; font-size:30px; font-weight:700; color:#d9d9d9; background-color:#fff;}

.slider-wrap .slider-bx .slider .no-data{height:100px; line-height:100px;}
.slider-wrap .slider-bx .slider .slider-img{width:200px; height:100px; overflow:hidden;}
.slider-wrap .slider-bx .slider .slider-img img{width:100%; height:100%;}

.slider-bx.slide5 .slider .no-data{height:100px; line-height:100px;}
.slider-bx.slide5 .slider .slider-img{width:200px; height:100px;}
.slider-bx.slide5 .slider .slider-img img{width:100%; height:100%;}

.slider-bx.slide3-md .slider .no-data{height:100px; line-height:100px;}
.slider-bx.slide3-md .slider .slider-img{width:340px; height:255px; overflow: hidden;}

.slider-bx.slide3-lg .slider .no-data{height:500px; line-height:500px;}
.slider-bx.slide3-lg .slider .slider-img{width:340px; height:500px; overflow: hidden;}

.slick-prev, .slick-next{position: absolute; top:50%; transform: translate(0, -50%);width: 50px; height: 50px; background:#a8a8a8; border-radius: 100%;}
.slick-prev{left:-80px;}
.slick-prev:before{content:'\f053'; font-family: 'Font Awesome 6 Free'; font-weight:700;}
.slick-next{right:-70px;}
.slick-next:before{content:'\f054'; font-family: 'Font Awesome 6 Free'; font-weight:700;}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {color: #fff;; outline: none; background: #a8a8a8;}

.slider-tit{margin-top:15px; font-size: 16px; font-weight: 500; line-height: 1.38; color: #000;}
.slider-txt{display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;font-size:14px; line-height: 1.45; color:#505050}

.slider-wrap .video-bx{position:relative; width:100%;}
.slider-wrap .video-bx .slider{padding-right:0; height:600px;}
.slider-wrap .video-bx .slider img{width:100%;}

.infoSlider-nav{margin-top:40px;}
.infoSlider-nav .slick-slide{width:200px; height:100px; background:gray;}
.infoSlider-nav .slick-slide + .slick-slide{margin-left:10px;}

.personal-profile-list.slider-bx{margin:0;}
.personal-profile-list.slider-bx .slick-prev, .personal-profile-list.slider-bx .slick-next{display:none !important;}
.personal-profile-list.slider-bx .slick-slide{padding-right:25px;}
.slick-dots{bottom:-50px;}
.slick-dots li{width:20px; padding:0; border:0px none; box-shadow:none;}
.slick-dots li button:before{content: ""; width:15px; height:15px; border: 1px solid #000; border-radius: 100%; font-size:15px; opacity: 1;}
.slick-dots li.slick-active button:before{background-color: #000; opacity: 1;}

.attend-day.slider-bx{margin: 0 70px 0 90px;}
.attend-day.slider-bx .slick-prev{left:-90px;}
.attend-day.slider-bx li{margin-bottom:0; color:#909090;}
.attend-day.slider-bx li.checked{color:#fff;}
.attend-day.slider-bx .slick-slide{margin-right:40px;}
.attend-day.slider-bx .slick-slide li{padding: 0 25px; display:flex !important; align-items: center; justify-content: center;}

.slider-bx.nobtn{margin:0; margin-bottom:100px;}
.slider-bx.nobtn .slick-prev, .slider-bx.nobtn .slick-next{display:none !important;}

.lastevent-sliderTit{width: 117px; margin: auto;}
.lastevent-sliderTit li{text-align:center; font-family: 'Montserrat'; font-size: 28px; font-weight: 600; line-height: 1.21;}
.lastevent-sliderTit .slick-prev, .lastevent-sliderTit .slick-next{width: 34px; height: 34px; border: solid 1px #000; background-color: #fff;}
.lastevent-sliderTit .slick-prev{left:-40px;}
.lastevent-sliderTit .slick-next{right:-40px;}
.lastevent-sliderTit .slick-prev:before, .lastevent-sliderTit .slick-next:before{font-size: 10px; color:#000; opacity: 1;}
.lastevent-sliderCont{margin-top:30px;}
.lastevent-sliderCont .slick-dots{bottom:9px;}

/******************** popup ********************/
.popup{display:none; width:500px; padding:50px 30px 40px; border: 1px solid #02030f; background-color:#fff; font-size:16px; }
.popup.pop-md{width:740px;}
.popup.pop-md2{width:840px;}
.popup.pop-upload{width:840px;}
.popup.pop-lg{width:1000px; padding:50px;}
.popup.pop-wide{width:1200px;}
.popup.pop-invoice{width:1240px; padding: 0;}
.popup.pop-banner{width:100%; max-width:740px; padding:0;}
.pop-image img{width:100%;}
.pop-tit{padding-bottom:15px; border-bottom:2px solid #02030f;}
.pop-tit.bdnone{padding-bottom:5px; border-bottom:0px none;}
.pop-tit h3{font-size:20px; line-height: 1.5; color:#000;}
.pop-tit .download{position: absolute; top: 16px; height:35px; padding: 5px 21px 6px; border-radius: 50px; background-color: #4d4d4d; font-size:16px; color:#fff;}
.popup-slider .close,
.pop-tit .close{position: absolute; top:22px; right:28px; width: 17px; height: 17px; background:url(../images/common/pop-close.png) no-repeat center; text-indent: -9999px;}
.pop-smTit{margin-top:10px; margin-bottom:10px;}
.pop-smTit h4{font-size: 16px; font-weight: 500; line-height: 1.88; color: #000;}
.popup .btn_close {position: absolute; top:22px; right:28px; width: 17px; height: 17px; background:url(../images/common/pop-close.png) no-repeat center; text-indent: -9999px;}
.popup-slider .slick-dots {bottom: -15px;}
.popup-slider .pop-con a {display: block; height: 400px;}
.popup-slider .pop-con img {width: 100%; height: 100%; object-fit: cover;}

.pop-con{margin-bottom:25px; padding-top:25px; line-height: 1.33; word-break: break-all;}
.pop-con.scroll{max-height: 450px; overflow-y: auto;}
.pop-con p.sm{padding:12px 0;}
.pop-con i.fa-exclamation-triangle{font-size:22px; color:#ff2b2b;}
.pop-txt{margin-bottom:20px; font-size:15px; line-height: 1.6;}

.pop-bottom{position:relative; height:50px;}
.pop-bottom .pop_check{padding:15px 20px; font-size:14px; color:#000;}
.pop_check input[type=checkbox] + label::before{position: absolute; top:3px; right: -33px;}
.pop_check input[type=checkbox] + label::after{position: absolute; left:auto; right: -22px; margin-top:-6px;}

.pop-bottom .close{position:absolute; top:10px; right:20px; font-size: 14px; font-weight: 500; line-height: 2; color: #000;}
.popup .btn-bx{padding-top:30px; text-align:center; border-top:1px solid #02030f;}
.popup .btn-bx.none{margin-top:30px; padding-top:0px; border-top:0px none;}

.windowpopup{width:100%; border: 1px solid #02030f;}

.pop_bcNone{display:none; width:1000px; background-color:transparent;}
.pop_bcNone .pop-tit{height:34px; margin-bottom:20px; border-bottom:none;}
.pop_bcNone .pop-tit .download{position:static; height:34px; padding: 5px 21px 6px; border-radius: 63px; background-color: #000; color:#fff;}
.pop_bcNone .pop-tit .close{top:0; right:0; width:34px; height:34px; background-color: #fff; border-radius: 100%;}
.pop_bcNone .pop-con{max-height: 100%; text-align:center; color:#aaa;}
.share-bx{position:relative; margin-top:20px; text-align:right;}
.share-bx .sns-share{height:35px;padding: 5px 22px 6px 23px; text-align: center; border-radius: 63px; border:1px solid #000; background-color: #fff; line-height: 1; font-size:16px; font-weight:500; color: #000;}
.share-bx .sns-share.on{background-color:#000; color:#fff;}
.share-bx .sns-list{display:none;position:absolute; top:-70px; right:0; height:60px; padding: 14px 17px; border-radius: 10px; border:1px solid #000; background-color:#fff;}
.share-bx .sns-list a{display:inline-block;}
.share-bx .sns-list .close{position:absolute; top:0; font-size:14px; color:#000;}

.pop_bcNone.slider{width:1070px; background-color:transparent;}
.pop_bcNone.slider .pop-tit .close{right:85px;}
.pop_bcNone.slider .slick-prev, .pop_bcNone.slider .slick-next{background-color:transparent; border:1px solid #fff;}
.pop_bcNone.slider .slick-prev{left:10px;z-index: 1;}
.pop_bcNone.slider .slick-next{right: 10px;}
.pop_bcNone.slider .slick-dots li{display:none;}
.pop_bcNone.slider .slick-dots li.slick-active{display:block; color:#fff;}
.pop_bcNone.slider .share-bx{margin:10px 75px 0;}

.pop-quiz-tit{padding-bottom:15px; border-bottom:2px solid #02030f;}
.pop-quiz-tit .close{position: absolute; top:22px; right:28px; width: 17px; height: 17px; background:url(../images/common/pop-close.png) no-repeat center; text-indent: -9999px;}
.pop-quiz-tit h3{text-align:center; font-size:28px;}
.pop-quiz-tit.cor{border-bottom-color:#0268b4; color:#0268b4;}
.pop-quiz-tit.incor{border-bottom-color:#f74242; color:#f74242;}
.pop-quiz-tit.borderNone{border-bottom:0px none;}

.popup .game-bx{padding:0; border:0px none; background-color: #fff;}
.popup .game-que{padding:20px;}
.popup .game-que h4{text-align: center; font-weight:500; font-size: 16px; line-height: 1.5; color: #000;}
.popup .game-ans{margin-top:30px; margin-bottom:5px;}
.popup .initial-bx .initial li a{width:32px; height:32px; font-size: 24px;}
.popup .que-list li{width:100%; margin-bottom:10px;}
.popup .que-list li:last-child{margin-bottom:0;}
.popup .que-list li a{padding:6px 20px; font-size:16px;}

.popup .answer-bx{display:flex; align-items: center; padding:25px 0; border-bottom:1px solid #000;}
.popup .answer-bx.cor{border-bottom-color: #0268b4;}
.popup .answer-bx.incor{border-bottom-color: #f74242;}
.popup .answer-bx .badge{flex:none; position:relative; width:95px; height:95px; margin-right:25px; border-radius: 100%; background-color: #cccccc; text-align:center; line-height: 1.5; font-size: 58px; font-weight: 700; color:#fff;}
.popup .answer-bx .badge .icon{position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); font-size:24px;}
.popup .answer-bx.cor .badge{border:1px solid #023860; background-color:#0068b4;}
.popup .answer-bx.incor .badge{border:1px solid #720101; background-color:#f74242;}

.popup .answer-bx .ans-comment{flex:1; font-size: 16px; line-height: 1.5;}
.popup .answer-bx .retry{font-size: 24px; font-weight: 500;}
.popup .appliSta-ment{margin-top:26px; text-align:center; line-height: 1.5; font-size: 16px; color: #000;}
.popup .answer-bx.typ02{margin-top:-15px; padding-top:0px;}

.quiz-btn-bx{display:flex; margin-top:25px;}
.quiz-btn-bx.border{border-top:1px solid #000; padding-top:30px;}
.quiz-btn-bx .btn{flex:1; height:52px; border-radius: 3px; line-height:50px; font-weight:400;}
.quiz-btn-bx .btn + .btn{margin-left:10px;}

.popup .intro-title.program{padding-top:0;}
.popup .proDet-text{max-height:350px; overflow-y: scroll; font-size:16px;}
.popup .proDet-text.noscroll{max-height:100%;}

/* pop- 제품소개 */
.exhibition-pop{margin-top:20px; font-size:16px;}
.exhibition-pop .img-bx{display: flex; align-items: center; justify-content: center; max-height:400px; overflow: hidden;}
.exhibition-pop .img-bx img{width:100%;}
.exhibition-pop .badge.ellipsis{margin-top:30px; width:33%;}
.exhibition-pop .tit{margin-top:20px; font-size: 18px;}
.exhibition-pop .txt{margin-top:5px; line-height: 1.5;}
.exhibition-pop .roundButton{margin-top:20px;}
.exhibition-pop .flex-area{display:flex; justify-content: space-between;}

/* popup- 프로그램 */
.pop-seState{display:flex; justify-content: space-between; align-items: center; padding:15px 0; border-bottom:2px solid #02030f; font-size:16px;}
.pop-seState .count{text-align:right; font-size:15px;}
.pop-seState .count strong{font-size:20px;}

.pop-subtitle{margin:20px 0;}
.pop-subtitle strong{font-size:16px; font-weight:500;}
.pop-subtitle p{margin-top:3px; font-size: 14px;}

.popup .tbList{display:flex; border-top:1px solid #02030f; border-bottom:1px solid #d0d0d0;}
.popup .tbList .tb-col{flex:1;}
.popup .tbList .tb-col + .tb-col{border-left:1px solid #d0d0d0;}
.popup .tbList .tb-col .col-tit{padding:8px 10px; text-align: center; border-bottom:1px solid #d0d0d0; font-size:16px; font-weight:500;}
.popup .tbList .tb-col .col-txt{padding:20px 10px 20px 20px; line-height:1.6; font-size:15px;}

.popup .comment{margin-top:20px; margin-bottom:20px; font-size:16px;}
.popup .comment02{margin-top: 5px; padding-left:0; line-height: 1.5; font-size: 14px; font-weight: 400;}

/* popup-상담원변경*/
.popup .account-list{justify-content: space-between;}
.popup .account-list li{width: calc((100% - 20px) / 2);}
.popup .account-list li:nth-child(3n-1){margin-right:0;}
.popup .account-list .btn-bx{margin-top: 0; border-top: 1px solid #ddd;}

.popup .account-list.typ02{margin-top:30px;}
.popup .account-list.typ02 li{border-radius: 10px; background-color: #6f6c65; color:#fff;}
.popup .account-list.typ02 .account-bx{padding-bottom:20px;}
.popup .account-list.typ02 .account{display:block; padding-bottom:15px; border-bottom:1px solid #fff; font-size: 16px;}
.popup .account-list.typ02 .info{font-size: 14px;}
.popup .account-list.typ02 .info .name{margin-bottom:0; font-weight:400;}
.popup .account-list.typ02 .btn-bx{padding:0 30px 30px; text-align:left; border-top:0px none;}
.popup .account-list.typ02 .btn-radius{height: 30px; padding:4px 15px; line-height:1.5; border-radius: 80px; border:0px none; background-color: #fff; font-size: 14px; font-weight: 500; color: #4e4e4e;}

/* table */
table.list{border-top:1px solid #000;}
table.list thead th{padding:14px 10px; border-bottom:1px solid #e6e6e6; font-weight:500;}
table.list tbody td{padding:23px 10px; text-align: center; line-height: 1.5; border-bottom:1px solid #e6e6e6;}

table.list02{border-top:1px solid #000;}
table.list02 thead th{padding:14px 15px; border-bottom:1px solid #000; font-weight:500;}
table.list02 tbody td{padding:20px 15px; line-height: 1.5; border-bottom:1px solid #e6e6e6;}

table.view tbody tr th{text-align:left; border-bottom:1px solid #02030f; font-weight:700; color:#000;}
table.view tbody tr td{padding:15px 5px; border-bottom:1px solid #02030f; color:#000;}

table.member-view{border-bottom:1px solid #000;}
table.member-view tbody tr th{padding:5px; border-right:1px solid #000; text-align:left;}
table.member-view tbody tr td{padding:5px;}

table .btn2{height:auto; min-height:40px; line-height: 1.7; padding: 5px 20px;}
table .Roboto{font-family: 'Roboto'; font-size: 16px; font-weight: normal;}
table .Mont{font-family: 'Montserrat'; font-size: 16px;}
.spanLine span{position:relative; display:inline-block;}
.spanLine span + span{margin-left:20px;}
.spanLine span + span:before{content:''; position:absolute; top:6px; left:-10px; width:1px; height:10px; background-color: #a0a0a0;}

/***********  background 레이아웃 ***********/
header.background{background:rgba(0,0,0,0.7)}
header.background.change{background-color:#000;}
.background-wrap{margin-top:0; padding-top:0; padding-left:0; padding-right:0; }
.sub-header{width: 100%; height:500px; padding-top: 127px; padding-right:70px; padding-left:70px; background-repeat: no-repeat; background-position: top center; background-size: cover;}
.sub-header .cont-top{margin-bottom:80px;}
.sub-header .breadcrumb > *{color:#fff;}
.sub-header .breadcrumb > *+*:before{border-top: 1px solid #fff; border-right: 1px solid #fff;}
.sub-header .breadcrumb .fa-house{font-size:12px;}
.sub-header .share-btn{border:1px solid #fff; background:transparent; color:#fff;}
.sub-header .cont-title h3{margin-bottom: 20px; color:#fff;}
.sub-header .cont-title h3:before{content:''; position:absolute; top:-10px; left:0; width:30px; height:3px; background-color: #fff;}
.sub-header .cont-title p{padding-bottom:50px; line-height:1.6; font-size:15px; font-weight:300; color:#fff;}
.sub-body{position:relative; max-width:1480px; margin:0 auto; margin-top:50px; padding-left:140px; padding-right:140px; padding-bottom:160px;}

/***********  MAIN  ***********/
/* main- typ01 */
#main-wrap{margin-top:100px; padding-right:70px; padding-left:70px; padding-bottom:150px;}
.main-vis{height:750px;}
.main-vis .main-vis-img {display: flex !important; justify-content: flex-start; align-items: center; height:750px; padding:0 70px 80px; background-position:center; background-repeat: no-repeat; background-size: cover; background-color: rgba(0,0,0,0.5); background-blend-mode: darken;}
.main-vis .text-wrap{width:1200px; margin:0 auto; color: #fff;}
.main-vis .main-vis-tit{display:block; margin-bottom:30px; font-family: 'Montserrat'; font-size: 80px; font-weight:300; line-height: 1;}
.main-vis .main-vis-txt{margin-bottom:15px; font-size: 18px; line-height: 1.56;}
.main-vis .main-vis-txt01{font-family: 'Montserrat'; font-size: 20px; font-weight: 600;}
.main-vis .more-btn{display:inline-block; margin-top:40px; padding:15px 20px; padding-right:60px; background:url(../images/main/arrow02.png) no-repeat 90% center; border:1px solid #fff;}
.main-vis.slick-dotted.slick-slider{margin-bottom:0;}
.main-vis .slick-dots{bottom:40px;}
.main-vis .slick-dots li button:before{border:1px solid #fff;}
.main-vis .slick-dots li.slick-active button:before{background-color:#fff;}

.subSlider-wrap{padding:70px 0; background-color:#fcfcfc; border-top:1px solid #e1e1e1;}
.sub-slider{margin:0 180px 0 190px;}
.sub-slider .slick-prev, .sub-slider .slick-next{border:1px solid #b2b2b2; background:#fff;}
.sub-slider .slick-prev{left:-190px;}
.sub-slider .slick-next{right:-180px;}
.sub-slider .slick-prev:before, .sub-slider .slick-next:before{color:#b2b2b2;}
.sub-slider .slider-cont{display:flex; align-items: center;}
.sub-slider .slider-cont .img-bx {width: 30%; display: flex; justify-content: center;}
.sub-slider .slider-cont .img-bx img {max-height: 147px;}
.sub-slider .slider-cont .txt-bx {width: 65%; padding-left: 5%;}
.sub-slider .slider-cont .txt-bx .tit{display:block; margin-bottom:15px; font-size: 20px;}
.sub-slider .slider-cont .txt-bx .text{margin-bottom:15px; font-size: 18px; line-height: 1.6;}
.sub-slider .slider-cont .txt-bx .more-btn{padding-right:40px; background:url(../images/main/arrow.png) no-repeat right center; font-weight:500;}

.main-flex{padding:70px 0; border-top:1px solid #e1e1e1;}
.main-flex .container{display:flex; justify-content: space-between;}
.main-flex .col-1{flex:none; width:330px; margin-left:100px;}
.main-flex .col-1:first-child{margin-left:0;}
.main-flex .col-2{flex:1; width: calc(100% - 430px);}

.main-tit{display: flex; align-items: flex-end; justify-content: space-between; margin-bottom:15px;}
.main-tit h3{font-size: 30px;}
.main-tit.typ02 h3{font-size:24px;}
.main-tit .right{font-size:0;}
.main-tit .more{padding-right:40px; background:url(../images/main/arrow.png) no-repeat right center; font-family: 'Poppins'; font-size:16px;}
.main-tit .more_01 {padding-right: 25px; font-family: 'Pretendard'; letter-spacing: -0.05em; color: #23216E; position: relative;}
.main-tit .more_01::after {content: '+'; display: block; width: 18px; height: 18px; line-height: 15px; font-weight: 500; text-align: center; color: #fff; border-radius: 18px; background-color: #23216E; position: absolute; right: 0; top: 3px;}
.main-tit .prev + .next{margin-left:10px;}
.main-tit .prev, .main-tit .next{width:33px; height:33px; border:1px solid #000; border-radius:100%; font-size:0;}
.main-tit .prev:before{content: '\f053'; font-family: 'Font Awesome 6 Free'; font-weight: 700; font-size:12px;}
.main-tit .next:before{content: '\f054'; font-family: 'Font Awesome 6 Free'; font-weight: 700; font-size:12px;}

.main-videoList .video-bx{height:440px;}

.main-noticeList{border-top:2px solid #000;}
.main-noticeList li{padding:30px 7px 30px 0; border-bottom:1px solid #e1e1e1;}
.main-noticeList .date{display:block; margin-bottom:5px; font-family: 'Poppins'; font-weight: 300; color: #585858;}
.main-noticeList .title{font-size: 20px; font-weight: 500; line-height: 1.4; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.main-programList{padding-top:30px; border-top:2px solid #000;}
.main-programList li a {display: block; width: calc(100% + 50px); overflow: hidden;}
.main-programList li a > div {width: calc(50% - 50px); margin-right: 50px; float: left;}
.main-programList .img-bx{height: 256px; background-size: cover !important;}
.main-programList .text-bx .tit{display:block; margin-bottom:10px; font-size: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.main-programList .text-bx .date{font-family: 'Montserrat'; font-size: 15px; font-weight: 500;}
.main-programList .text-bx .txt{margin-top:30px; line-height: 1.75; color: #333; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.main-programList .text-bx .more-btn{display:inline-block; margin-top:35px; padding:11px 20px; padding-right:70px; border:1px solid #000; background:url(../images/main/arrow.png) no-repeat 86% center; }

.main-slideList .video-bx, .main-slideList .image-bx{height:196px;}
.main-slideList .image-bx img{width:100%; height:100%;}
.main-slideList .text-bx{padding:30px 35px; border:1px solid #e1e1e1;}
.main-slideList .text-bx .tit{display:block; margin-bottom:7px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 18px; font-weight: 500; letter-spacing: -0.45px;}
.main-slideList .text-bx .txt{font-size: 15px; line-height: 1.5; color: #333; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.main-snsArea{border-top:2px solid #000;}
.main-snsArea .sns-title{padding:30px 0;}
.main-snsArea .sns-logo{margin-right:20px; vertical-align: middle;}
.main-snsArea .tit{font-size: 20px;}
.main-snsArea .sns-cont {padding-top: 30px; border-top:1px solid #e1e1e1;}
.main-snsArea .sns-cont a {display: block; width: 256px; height: 256px; margin: 0 auto;}
.main-snsArea .sns-cont .cont-tit{margin-bottom:25px; display:flex; justify-content: space-between; align-items: center;}
.main-snsArea .sns-cont .cont-tit .tit{font-size: 18px; font-weight: 500;}
.main-snsArea .sns-cont .cont-text{line-height: 1.75; color: #333; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}

.main-likeList{border:1px solid #e1e1e1;}
.main-likeList li{padding:27px 25px;}
.main-likeList li+li{border-top:1px solid #e1e1e1;}
.main-likeList li a{display:flex; align-items: center;}
.main-likeList li .tit{margin:0 30px 0 25px; font-size: 20px; font-weight: 500; line-height: 1.4; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.main-cy-wrap{padding:60px 0; border-top:1px solid #e1e1e1; background-color: #f8f8f8;}
.main-cyList{max-width:1340px; margin:0 auto; padding:0 70px; display:flex; justify-content: center;}
.main-cyList li{width:20%; text-align: center;}
.main-cyList li i{display:block; width:147px; height:147px; margin:0 auto; margin-bottom:20px; border-radius: 100%; overflow: hidden;}
.main-cyList li i img{width:100%;}
.main-cyList li span {display:block; width:147px; height:147px; margin:0 auto; margin-bottom:20px; overflow: hidden;}
.main-cyList li span img{width:100%;}
.main-cyList li .tit{position:relative; display:block; margin-bottom:3px; padding-top:15px; font-size: 18px; letter-spacing: -0.45px;}
.main-cyList li .tit:before{content: ''; position:absolute; top:0; left:50%; transform: translate(-50%,0); width: 15px; height: 3px; background-color: #272222;}
.main-cyList li p{font-size: 14px; line-height: 1.2; letter-spacing: -0.35px; color: #333;}
.main-cyList li .link-btn{display:inline-block; min-width:100px; margin-top:17px; padding: 4px 10px; text-align: center; border: 1px solid #e0e0e0; background-color: #fff; font-size: 13px; letter-spacing: -0.33px; color: #333; transition: 0.2s;}
.main-cyList li .link-btn:hover{background-color:#333; color:#fff;}

/* main - 영상 */
.asidebar.black{background:#000;}
#mpnb.black{border-right-color: transparent;}
#ncnb.black{border-left-color: transparent;}
.asidebar.black .aside-link:after{color: #d3d3d3;}
.asidebar.black .aside-link span{color:#d3d3d3;}
.asidebar.black .aside-content li{color:#d3d3d3;}
/* .asidebar.black .aside-content li.selected{color:#d8ff00;}
.asidebar.black .aside-content li:hover{color:#d8ff00;} */
.asidebar.black .aside-content li.profile:hover{color:#d3d3d3;}
.asidebar.black .close{border-color:#d3d3d3;}
.asidebar.black .close:before{color:#d3d3d3;}
.asidebar.black .icon-user{background:url(../images/common/b_icon-user.png) no-repeat center;}
.asidebar.black .icon-company{background:url(../images/common/b_icon-company.png) no-repeat center;}
.asidebar.black .icon-bookmark{background:url(../images/common/b_icon-bookmark.png) no-repeat center;}
.asidebar.black .icon-schedule{background:url(../images/common/b_icon-schedule.png) no-repeat center;}
.asidebar.black .icon-expoact{background:url(../images/common/b_icon-expoact.png) no-repeat center;}
.asidebar.black .icon-course{background:url(../images/common/b_icon-course.png) no-repeat center;}
.asidebar.black .icon-survey{background:url(../images/common/b_icon-survey.png) no-repeat center;}
.asidebar.black .icon-alarm{background:url(../images/common/b_icon-alarm.png) no-repeat center;}
.asidebar.black .icon-account{background:url(../images/common/b_icon-account.png) no-repeat center;}
.asidebar.black .icon-apply{background:url(../images/common/b_icon-apply.png) no-repeat center;}
.asidebar.black .icon-counselsch{background:url(../images/common/b_icon-counselsch.png) no-repeat center;}
.asidebar.black .icon-counselst{background:url(../images/common/b_icon-counselst.png) no-repeat center;}
.asidebar.black .icon-market{background:url(../images/common/b_icon-market.png) no-repeat center;}
.asidebar.black .icon-message{background:url(../images/common/b_icon-message.png) no-repeat center;}

.main-videoBack{position:relative; width:100%; height:100vh; overflow: hidden;}
.main-videoBack iframe, .main-videoBack embed, .main-videoBack object, .main-videoBack video{width:100%; height:100vh; object-fit: cover;}
.main-videoBack .text-wrap{position:absolute; top:0; right:0; left:0; bottom:0; background-color:rgba(0,0,0,0.4); color:#fff;}
.main-videoBack .text-wrap .text-bx{position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); text-align: center;}
.main-videoBack .main-vis-tit{display:block; margin-bottom:30px; font-family: 'Montserrat'; font-size: 80px; font-weight:300; line-height: 1;}
.main-videoBack .main-vis-txt{margin-bottom:15px; font-size: 18px; line-height: 1.56;}
.main-videoBack .main-vis-txt01{font-family: 'Montserrat'; font-size: 20px; font-weight: 600;}
.main-videoBack .button-bx{position:absolute; left:135px; bottom:60px; z-index:1;}
.main-videoBack .button-bx button{vertical-align: middle; font-size:0; color:#fff;}
.main-videoBack .button-bx button+button{margin-left:20px;}
.main-videoBack .button-bx button.pause:before{content:''; display:block; width:21px; height:21px; background: url(../images/main/stop_ico.png) no-repeat 5px 7px;}
.main-videoBack .button-bx button.play:before{content:''; display:block; width:21px; height:21px; background: url(../images/main/play_ico.png) no-repeat 5px 7px;}
.main-videoBack .button-bx button.mute:before{content:''; display:block; width:25px; height:25px; background: url(../images/main/sound_off_ico.png) no-repeat center;}
.main-videoBack .button-bx button.sound:before{content:''; display:block; width:25px; height:25px; background: url(../images/main/sound_on_ico.png) no-repeat center;}

/* main - 플로팅 */
header.menuFloat{background:rgba(0,0,0,0.7)}
header .menu-btn{position:relative; margin-left:40px; margin-top: 4px;}
header .menu-btn span{vertical-align: top; font-family: 'Poppins'; font-size:14px; font-weight:600;}
header .menu-ico{position:absolute; top:-4px; right:-34px; z-index:11;}
header .menu-ico, header .menu-ico:after, header .menu-ico:before{content:''; display:block; width: 24px; height:3px; background-color:#fff; transition: width 0s, transform .3s}
header .menu-ico:before{margin-top:7px;}
header .menu-ico:after{width: 18px; margin-top:4px;}
header .menu-btn.close span{opacity:0;}
header .menu-btn.close .menu-ico{width:0;}
header .menu-btn.close .menu-ico:before {transform: rotate(-45deg); margin: 8px 0px 0px -20px;}
header .menu-btn.close .menu-ico:after {width:24px; transform: rotate(45deg); margin:-2px 0px 0px -20px}
header.menuFloat #gnb{position:relative; display: flex; justify-content: flex-end; align-items: center;}
header.menuFloat .hd-util{margin-top:0; z-index:21;}

.menu-float-area{position: absolute; top: 0; right:-100%; width: 430px; height: 100vh; margin-top:40px; padding:100px 60px 60px; background-color: #000; transition: all .5s;}
.menu-float-area.on{right: -70px; z-index:20;}
/* .menu-float{margin-top:200px;} */
.menu-float > li{position:relative; font-size: 30px; font-weight: bold; color:#727272;}
.menu-float > li.tog:after{content:'\f0da'; position:absolute; top:5px; right:0; font-family:'Font Awesome 6 Free'; font-size:20px; font-weight:900;}
.menu-float > li+li{margin-top:25px;}
.menu-float li:hover{color:#fff;}
.menu-float > li.active{color:#fff;}
.menu-float > li.tog.active:after{content:'\f0d7';}
.menu-float .sub-menu{display:none; padding-top:25px;}
.menu-float .sub-menu li{font-size:18px; font-weight:500; color:#727272;}
.menu-float .sub-menu li+li{margin-top:10px;}
.menu-float .sub-menu li:hover{color:#fff;}

.menu-floatFull-area{position:fixed; top:0; right:-100%; bottom:0; width:100%; background-color: #000; z-index:20; transition: all 0.3s ease-in-out;}
.menu-floatFull-area:after{content:''; display:block; clear:both;}
.menu-floatFull-area.on{right:0;}
.menu-floatFull-area > *{float:left; width:50%;}
.menu-floatFull-title{display:flex; align-items: center; justify-content: center; height:100%; background: url(../images/main/earth.png) no-repeat center; background-size: cover; }
.menu-floatFull-title .text-wrap{text-align: center;}
.menu-floatFull-title .main-vis-tit{display:block; margin-bottom:10px; font-family: 'Montserrat'; font-size: 56px; font-weight: 300; line-height: 1.11; letter-spacing: 19.04px;}
.menu-floatFull-title .main-vis-txt{font-family: 'Montserrat'; font-size: 24px; font-weight: 300;}
.menu-floatFull-list{display: flex; align-items: center; height:100%; padding-left:120px; padding-right:120px; background: url(../images/main/menu-pattern.png) no-repeat center; background-size: cover; }
.menu-floatFull{width:100%;}
.menu-floatFull > li{display: flex; align-items: flex-start; font-size: 30px; font-weight: bold; color:#727272;}
.menu-floatFull > li+li{margin-top:25px;}
.menu-floatFull li a{flex:1;}
.menu-floatFull li:hover{color:#fff;}
.menu-floatFull > li.active{color:#fff;}
.menu-floatFull .sub-menu{display:none;}
.menu-floatFull .sub-menu li{font-size:18px; font-weight:500; color:#727272;}
.menu-floatFull .sub-menu li+li{margin-top:20px;}
.menu-floatFull .sub-menu li:hover{color:#fff; text-decoration: underline;}

.mainFloat-wrap{position:relative; height:100vh; overflow: hidden;}
.mainFloat-img{position:absolute; top:0; left:0; right:0; bottom:0; height:100%; z-index:-1; background-color:#000;}
.image-list li{position:absolute;left:0;right:0;top:0;bottom:0;opacity:0;animation:fade 10s infinite; font-size:0; background-color:rgba(0,0,0,0.4); background-size: cover; background-position: center center; background-repeat: no-repeat;}
.image-list li:nth-child(1){background-image:url(../images/main/mainFl_bg.png); background-blend-mode: darken; animation-delay:0s}
.image-list li:nth-child(2){background-image:url(../images/main/visual_img.png); background-blend-mode: darken; animation-delay:5s}

.mainFloat-txt{position: absolute; top: 0; right: 0; left: 0; bottom: 0; max-width:1340px; display:flex; flex-direction: column; align-items: flex-end; justify-content: center; height:100%; margin: 0 auto; margin-top: 40px; padding-left: 140px; padding-right: 140px;}
.mainFloat-menulist{width:1060px; display:flex; justify-content: space-between; gap:60px; margin:0 auto; margin-bottom:80px;}
.mainFloat-menulist li{flex:1;}
.mainFloat-menulist li:last-child{flex:none;}
.mainFloat-menulist i{display:flex; align-items: center; justify-content: center; width:60px; height:60px; margin-bottom:13px; text-align: center; background-color: #fff; border-radius: 100%;}
.mainFloat-menulist .tit{display:block; font-family: 'Montserrat';font-size: 24px; font-weight: bold; line-height: 0.92; color: #fff;}
.mainFloat-menulist .txt{line-height: 0.92; font-size: 20px; color:#fff;}

.mainFloat-txt .text-wrap{text-align: right; color:#fff;}
.mainFloat-txt .main-vis-tit{display:block; margin-bottom:30px; font-family: 'Montserrat'; font-size: 80px; font-weight:300; line-height: 1;}
.mainFloat-txt .main-vis-txt{margin-bottom:15px; font-size: 18px; line-height: 1.56;}
.mainFloat-txt .main-vis-txt01{font-family: 'Montserrat'; font-size: 20px; font-weight: 600;}

/* 메인4 - 인터렉션 */
.interect-wrap{margin-top:100px; padding-left:70px; padding-right:70px;}
.mobile-area{display:none;}
.mainVisual .visualView{font-size:0;}
.mainVisual .visualView > div{position:absolute; top:0; min-height:1080px; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: transform 0; -ms-transition: transform 0; transition: transform 0; }
.mainVisual .visualView > div.scale{-webkit-transition: transform 5s; -ms-transition: transform 5s; transition: transform 5s;  -webkit-transform: scale(1.20); -ms-transform: scale(1.20); transform: scale(1.20); }
.mainVisual .visualView > div span{visibility:hidden; opacity:0; position:absolute; top:0; left:0; bottom:0; transition:opacity .1s ease, transform 5s ease 1s;}
.mainVisual .visualView > .bg1{background:rgba(0,0,0,0.3) url('../images/main/visual_img02.jpg') no-repeat 50% 50%; background-size:cover; background-blend-mode: luminosity;}
.mainVisual .visualView > .bg2{background:rgba(0,0,0,0.3) url('../images/main/visual_img02.jpg') no-repeat 50% 50%; background-size:cover; background-blend-mode: luminosity;}
.mainVisual .visualView > .bg3{background:rgba(0,0,0,0.3) url('../images/main/visual_img03.jpg') no-repeat 50% 50%; background-size:cover; background-blend-mode: luminosity;}
.mainVisual .visualView > .bg4{background:rgba(0,0,0,0.3) url('../images/main/visual_img04.jpg') no-repeat 90% 90%; background-size:cover; background-blend-mode: luminosity;}
.mainVisual .visualView > .bg1 span{background:rgba(0,0,0,0.3) url('../images/main/visual_img02.jpg') no-repeat 50% 50%; background-size:cover; background-blend-mode: luminosity;}
.mainVisual .visualView > .bg2 span{background:rgba(0,0,0,0.3) url('../images/main/visual_img02.jpg') no-repeat 50% 50%; background-size:cover; background-blend-mode: luminosity;}
.mainVisual .visualView > .bg3 span{background:rgba(0,0,0,0.3) url('../images/main/visual_img03.jpg') no-repeat 50% 50%; background-size:cover; background-blend-mode: luminosity;}
.mainVisual .visualView > .bg4 span{background:rgba(0,0,0,0.3) url('../images/main/visual_img04.jpg') no-repeat 50% 50%; background-size:cover; background-blend-mode: luminosity;}
.mainVisual .visualView > div.show{z-index:1;}
.mainVisual .visualView > div.show span{visibility:visible; opacity:1; transform:scale(1.03);}

.mainVisual{overflow:hidden; position:relative;}
.mainVisual .visual{display: table; table-layout: fixed; border-collapse: collapse; border-spacing: 0; position:absolute; top:0; left:0; z-index:1; width:100%; min-height:100vh;}
.mainVisual .visual > .visual-bg{position:relative; overflow: hidden; display:table-cell;}
.mainVisual .visual > .visual-bg:after{content:''; position:absolute; top:0; left:0; bottom:0; width:1px; background:rgba(255,255,255,0.1); z-index:2;}

.mainVisual .textBox{position:absolute; top:50%; left:0; right:0; z-index:1; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); transition: all .4s ease; }
.mainVisual .textBox .title{display: flex; align-items: center; padding:0 40px; font-size:26px; line-height: 34px; font-weight:700; color:#fff; -webkit-transition: all .2s;-ms-transition: all .2s;transition: all .2s;}
.mainVisual .textBox .title span{position:relative;}
.mainVisual .textBox .title span:before{content:''; position:absolute; top:-4px; left:0; width:16px; height:2px; background-color: #fff;}
.mainVisual .textBox .title .ico{display:block; width: 42px; height: 29px; margin-left:21px; font-size:0; background: url('../images/main/arrow_off.png') no-repeat center; -webkit-transition: all .2s;-ms-transition: all .2s;transition: all .2s;}
.mainVisual .textBox .text{margin-top:5px; font-size:17px; color:#fff;}
.mainVisual .visual > .visual-bg.on{background:rgba(0,0,0,0);}
.mainVisual .visual > .visual-bg.on .textBox{transition: all .6s ease;}
/* .mainVisual .visual > .visual-bg.on .textBox .title{color: #00ffff;} */
/* .mainVisual .visual > .visual-bg.on .textBox .title span:before{background-color: #00ffff;} */
.mainVisual .visual > .visual-bg.on .textBox .title .ico{background-image: url('../images/main/arrow_on.png');}
.mainVisual .visual > .visual-bg.off{background:none;}
.mainVisual .visual > .visual-bg.off .textBox{opacity:0.6;}

.mainVisual .visual > .visual-bg .m-visual_linkbox{opacity: 0; width: 100%; margin-top:10px; padding: 20px 40px; background: rgba(0,0,0,0.5); -webkit-transform: translate3d(-100%,0,0); -ms-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); transition: all 800ms .1s cubic-bezier(0.86, 0, 0.07, 1);}
.mainVisual .visual > .visual-bg.on .m-visual_linkbox{opacity: 1; -webkit-transform: translateZ(0);-ms-transform: translateZ(0);transform: translateZ(0);}
.mainVisual .visual > .visual-bg .m-visual_linkbox > a{display: block; position: relative; color: #969696; font-size: 18px; line-height: 34px; -webkit-transition: all .2s; -ms-transition: all .2s; transition: all .2s;}
.mainVisual .visual > .visual-bg .m-visual_linkbox > a.active{color:#fff;}

/* 기업관리 */
.cont-title04{position:relative; margin-bottom:50px; padding-bottom:20px; border-bottom:2px solid #000;}
.cont-title04 h3{font-size:38px; color: #222;}
.cont-title04 .btn-bx{position:absolute; right:0; bottom:20px;}

.account-list02{display:flex; flex-wrap: wrap;}
.account-list02 li{width:calc((100% - 40px) / 3); margin-bottom:20px; border:1px solid #646464; display: flex; flex-direction: column; justify-content: space-between;}
.account-list02 li:nth-child(3n-1){margin-left:20px; margin-right:20px;}
.account-list02 .account-bx{padding:30px;}
.account-list02 .account-bx .badge{margin-bottom:15px;}
.account-list02 .account-bx .badge span{display:inline-block; margin-right:2px; margin-bottom:5px; padding: 4px 10px; border-radius: 15px; text-align: center; letter-spacing: -0.3px; line-height: 1.2; font-size: 15px; font-weight: 500;}
.account-list02 .account-bx .badge span.main{border: 2px solid #ea5069; color:#ea5069;}
.account-list02 .account-bx .badge span.team{border: 2px solid #4926db; color: #4926db;}
.account-list02 .account-bx .badge span.on{border: 2px solid #a20da2; color: #a20da2;}
.account-list02 .account-bx .badge span.off{border: 2px solid #089af5; color: #089af5;}
.account-list02 .account-bx .badge span.login{border: 2px solid #1c9a34; color: #1c9a34;}
.account-list02 .account-bx .badge span.logout{border: 2px solid #868686; color: #868686;}
.account-list02 .account-bx .account{font-size: 24px;}
.account-list02 .account-bx .info{margin-top:20px;}
.account-list02 .account-bx .info .company{margin-bottom:15px;}
.account-list02 .account-bx .info .company b{position:relative; font-weight:500;}
.account-list02 .account-bx .info .company b + b{margin-left:10px;}
.account-list02 .account-bx .info .company b + b:before{content:''; position:absolute; top: 8px; left: -8px; width:1px; height:12px; background:#000;}
.account-list02 .account-bx .info p{line-height:1.5;}
.account-list02 .btn-bx{margin-top:0; padding:15px; text-align: center; border-top:1px solid #ddd;}
.popup .account-list02 li{width:calc((100% - 20px) / 2);}
.popup .account-list02 li:nth-child(3n-1){margin-left:0px; margin-right:0px;}
.popup .account-list02 li:nth-child(2n){margin-left:20px;}

.counsel-scheSlider{position:relative;}
.counsel-scheSlider .tit-area{padding-left: 55px; border-bottom: 1px solid #000;}
.counsel-scheSlider .tit-area .counsel-sliderTit{width: calc(100% - 80px); margin-top:20px; margin-bottom:20px;}
.counsel-scheSlider .tit-area .counsel-sliderTit li{font-size: 16px; font-weight: 600;}
.counsel-sliderTit{width: 194px; margin: auto;}
.counsel-sliderTit li{text-align:center; font-family: 'Montserrat'; font-size: 28px; font-weight: 500; line-height: 1.21;}
.counsel-sliderTit .slick-prev, .counsel-sliderTit .slick-next{width: 34px; height: 34px; border: solid 1px #000; border-radius:0; background-color: #fff;}
.counsel-sliderTit .slick-prev{left:-40px;}
.counsel-sliderTit .slick-next{right:-40px;}
.counsel-sliderTit .slick-prev:before, .counsel-sliderTit .slick-next:before{font-size: 10px; color:#000; opacity: 1;}

.counsel-scheSlider .slide-area{display: flex; margin-top:40px; padding-bottom: 40px; border-bottom: 1px solid #000;}
.counsel-scheSlider .slide-area table.numberList td{height: 70px; text-align: center;}
.counsel-scheSlider .slide-area table.numberList td button{ width: 40px; height: 40px; border-radius: 3px; border: 1px solid #363b4a; background-color: #f5f5f5; font-family: 'Roboto';}
.slide-area .livenow-sliderCont{width:calc(100% - 60px); margin-top:0;}
.slide-area .livenow-sliderCont .slider{padding-right:0;}

.comment-bx{padding:20px 0; border-top:2px solid #000; border-bottom:1px solid #000; line-height: 1.6;}
.tit-border02{position: relative; margin-top: 50px; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #000;}
.tit-border02 h4{font-size: 22px; line-height: 1.6; letter-spacing: -0.88px;}

.consultationForm-wrap{display:flex;}
.consultationForm-wrap > div + div{margin-left:22px;}
.consultationForm-wrap .consultCheck-bx{flex:1;}
.consultationForm-wrap .consultApply-bx{width:440px; padding-bottom:30px;}
.consultCheck-bx{border:1px solid #000; border-top:3px solid #000;}
.consultCheck-bx h5{margin-bottom:10px; font-size: 16px; font-weight:500;}
.cCheck-date{padding:20px;}
table.consCheck th{width:20%; padding:20px; border-top:1px solid #dbdbdb; text-align:left; font-weight:500;}
table.consCheck td{padding:20px 20px 20px 30px; border-top:1px solid #dbdbdb; border-left:1px solid #dbdbdb;}
.consultApply-bx{border:1px solid #000; border-top:3px solid #000;}
.consultApply-bx h5{padding:15px 30px; text-align:center; font-size: 24px; font-weight: 500;}
table.consApply{border-top:1px solid #000;}
table.consApply th{width:35%; padding:20px 10px 20px 30px; border-bottom:1px solid #dbdbdb; text-align:left; font-weight:400; }
table.consApply td{padding:20px 30px 20px 10px; border-bottom:1px solid #dbdbdb; text-align:right;}
table.consApply td i.fa-circle-xmark{margin-left:15px;}

.select-bx02{display:flex; align-items: center; margin-bottom:25px;}
.select-bx02 > div + div{margin-left:10px;}
.select-bx02 .dv{flex:1;}

.consultMeeting-timeTit{margin-bottom:20px; font-family: 'Montserrat'; font-size: 24px; font-weight: 600;}
.consultMeeting-list{display:flex; flex-wrap: wrap; margin-top:20px; margin-bottom:30px;}
.consultMeeting-list li{width: calc((100% - 40px)/3); margin-bottom:20px; display:flex; flex-direction: column;}
.consultMeeting-list li:nth-child(3n-1){margin-left: 20px; margin-right: 20px;}
.consultMeeting-list li .title{position:relative; padding: 22px 50px 22px 30px; background-color: #6367B1; flex:none;}
.consultMeeting-list li .title .cate-tit .cate{font-size: 24px; font-weight:500; line-height: 1.1; color: #fff;}
.consultMeeting-list li .title .cate-tit .place{position:relative; margin-left: 15px; font-size: 18px; font-weight:500; line-height:1.5; vertical-align: 2px; color: #fff;}
.consultMeeting-list li .title .cate-tit .place:before{content:''; position:absolute; top:5px; left:-10px; width: 1px; height: 19px; background-color: #fff;}
.consultMeeting-list li .title .more{position:absolute; top:20px; right:30px; font-size:20px; color:#fff;}
.consultMeeting-list li .content{padding: 30px 30px 30px 50px; border: 1px solid #6367B1; border-top:0px none; flex:1;}
.consultMeeting-list li .content .info-bx + .info-bx{margin-top:25px;}
.consultMeeting-list li .content .counselor{position:relative; display:block; font-size: 22px; font-weight:500;}
.consultMeeting-list li .content .counselor:before{content:''; position:absolute; top:10px; left:-20px; width: 10px; height: 10px; border-radius:100%; background-color: #868686;}
.consultMeeting-list li .content .counselor.login:before{background-color: #1c9a34;}
.consultMeeting-list li .content .info{margin-top:15px;}
.consultMeeting-list li .content .info .name{display:block; margin-bottom:5px; font-size: 16px; font-weight:500;}
.consultMeeting-list li .content .info span{display:block; line-height: 1.5;}
.consultMeeting-list li .content .input-bx{margin-top:20px; padding-top:20px; border-top:1px solid #86546f;}
.consultMeeting-list li .content .input-bx input{border: 1px solid #86546f;}
.consultMeeting-list li .content .input-bx .btn{margin-left:0; background-color:#86546f;}
.consultMeeting-list li.on .title{background-color: #86546f;}
.consultMeeting-list li.on .content{border:1px solid #86546f;}
.consultMeeting-list li.send .title{background-color:#606AE0;}
.consultMeeting-list li.send .content{border:1px solid #606AE0;}
.consultMeeting-list li.check .title{background-color:#4D4D4D;}
.consultMeeting-list li.check .content{border-color:#4d4d4d;}

.companyTitle-wrap{padding:30px; border:1px solid #000; box-shadow: 0 15px 15px 0 rgba(0, 0, 0, 0.05);}
.companyInfo-bx{display:flex; align-items: center; justify-content: space-between; padding-bottom:30px;}
.companyInfo-bx .logo-bx{flex:none; width:300px; margin-right:80px;}
.companyInfo-bx .company-bx{flex:1;}
.companyInfo-bx .company-bx .badge{margin-bottom:10px;}
.companyInfo-bx .company-bx .badge .ex{display:inline-block; padding: 2px 10px; border-radius: 15px; border: solid 2px #ea5069; font-size: 15px; font-weight: 500; letter-spacing: -0.3px; text-align: center; color: #ea5069;}
.companyInfo-bx .company-bx .badge .bu{display:inline-block; padding:2px 10px; border-radius: 15px; border: solid 2px #04740d; font-size: 15px; font-weight: 500; letter-spacing: -0.3px; text-align: center; color: #04740d;}
.companyInfo-bx .company-bx .name strong{position:relative; margin-right:14px; font-size: 24px;}
.companyInfo-bx .company-bx .name strong + strong:before{content:''; position:absolute; top:12px; left:-10px; width:1px; height:15px; background-color: #000;}
.companyInfo-bx .more-btn{flex:none; width:20px;}
.companyInfo-bx .more-btn i{font-size:22px;}
.compnayCate-bx{padding-top:30px; border-top:1px solid #d9d9d9;}
.compnayCate-bx .category{width:90%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.compnayCate-bx .category span{margin-right:10px}

.companyCheck-list li{display:flex; justify-content: space-between; align-items: center; padding:30px 0; border-bottom:1px solid #d9d9d9;}
.companyCheck-list li .check-area{flex: 1; cursor:pointer;}
.companyCheck-list li .check{display:inline-block; width:32px; height:32px; margin-right:20px; line-height: 1.5; border: solid 1px #767676; border-radius:100%; text-align:center; background-color: #fff;}
.companyCheck-list li .check:before{content:'\21'; font-family: 'Font Awesome 6 Free'; font-size: 20px; font-weight: 900; color: #767676;}
.companyCheck-list li .check.on{border: solid 1px #ea5069; background-color: #ea5069;}
.companyCheck-list li .check.on:before{content:'\f00c'; color:#fff;}
.companyCheck-list li.tog .tog-btn{margin-left:30px;}
.companyCheck-list li.tog .tog-btn button{font-weight:900; font-size:28px; color:#000; transition: all .4s;}
.companyCheck-list li.tog.off .tog-btn button{transform: rotate(180deg);}
.companyCheck-list li.sub-area{padding:30px 45px;}
.companyCheck-list li.sub-area li{padding:0; border-bottom:0px none;}
.companyCheck-list li.sub-area li+li{margin-top:15px;}

.accountBusiness-list{display:flex; flex-wrap: wrap; margin-bottom:10px;}
.accountBusiness-list li{width:calc((100% - 40px) / 3); margin-bottom:20px; border:1px solid #c3c3c3; display: flex; flex-direction: column; justify-content: space-between;}
.accountBusiness-list li:nth-child(3n-1){margin-left:20px; margin-right:20px;}
.accountBusiness-list .account-bx{padding:30px;}
.accountBusiness-list .account-bx .account{font-size: 24px;}
.accountBusiness-list .account-bx .info{margin-top:20px;}
.accountBusiness-list .account-bx .info .company{margin-bottom:15px;}
.accountBusiness-list .account-bx .info p{line-height:1.5;}
.accountBusiness-list .btn-bx{margin-top:0; padding:15px; text-align: center; border-top:1px solid #ddd;}

.teamMain-bx{margin-bottom:20px; padding:30px; border:1px solid #000;}
.teamMain-bx a{display: flex; align-items: center; justify-content: space-between;}
.teamMain-bx .account{flex:1;}
.teamMain-bx .badge-bx{margin-bottom:25px;}
.teamMain-bx .badge-bx span{display:inline-block; margin-right:2px; margin-bottom:5px; padding: 4px 10px; border-radius: 15px; text-align: center; letter-spacing: -0.3px; line-height: 1.2; font-size: 15px; font-weight: 500;}
.teamMain-bx .badge-bx span.main{border: 2px solid #ea5069; color:#ea5069;}
.teamMain-bx .badge-bx span.team{border: 2px solid #4926db; color: #4926db;}
.teamMain-bx .badge-bx span.login{border: 2px solid #1c9a34; color: #1c9a34;}
.teamMain-bx .badge-bx span.logout{border: 2px solid #868686; color: #868686;}
.teamMain-bx .acc-name{font-size: 24px;}
.teamMain-bx .acc-cate{margin-top:10px; font-weight:500;}
.teamMain-bx .btn-list{flex:none;}
.teamMain-bx .more-btn{flex:none; width:20px; margin-left:50px;}
.teamMain-bx .more-btn i{font-size:22px;}

.teamMember-list{display:flex; flex-wrap: wrap;}
.teamMember-list li{width:calc((100% - 20px)/2); margin-bottom:20px; padding:30px; border: 1px solid #c3c3c3;}
.teamMember-list li:nth-child(2n){margin-left:20px;}
.teamMember-list li.wait{border: 1px dashed #c0c7ad; background-color: #fafdf4;}
.teamMember-list li a{display: flex; align-items: center; justify-content: space-between;}
.teamMember-list li .account{flex:1;}
.teamMember-list li .badge-bx{margin-bottom:25px;}
.teamMember-list li .badge-bx span{display:inline-block; margin-right:2px; margin-bottom:5px; padding: 4px 10px; border-radius: 15px; text-align: center; letter-spacing: -0.3px; line-height: 1.2; font-size: 15px; font-weight: 500;}
.teamMember-list li .badge-bx span.main{border: 2px solid #ea5069; color:#ea5069;}
.teamMember-list li .badge-bx span.team{border: 2px solid #4926db; color: #4926db;}
.teamMember-list li .badge-bx span.login{border: 2px solid #1c9a34; color: #1c9a34;}
.teamMember-list li .badge-bx span.logout{border: 2px solid #868686; color: #868686;}
.teamMember-list li .acc-name{font-size: 24px;}
.teamMember-list li .acc-cate{margin-top:10px; margin-bottom:10px; font-weight:600;}
.teamMember-list li .btn-list{flex:none;}
.teamMember-list li .more-btn{flex:none; width:20px; margin-left:30px;}
.teamMember-list li .more-btn i{font-size:22px;}

/* 전시관리 */
.commt-bx{margin-top:20px; margin-bottom:50px; padding-bottom:30px; border-bottom:1px solid #000;}
.commt-bx .txt{margin-left:11px; text-indent:-11px; line-height: 1.6}

.onlineBooth-bx{margin-bottom:20px; padding:30px; border:1px solid #c3c3c3;}
.onlineBooth-bx a{display: flex; align-items: center; justify-content: space-between;}
.onlineBooth-bx .content{flex:1;}
.onlineBooth-bx .tit{font-size: 24px;}
.onlineBooth-bx .badge-bx{margin-top:15px; margin-bottom:10px;}
.onlineBooth-bx .badge-bx span{display:inline-block; margin-right:2px; margin-bottom:5px; padding: 4px 10px; border-radius: 15px; text-align: center; letter-spacing: -0.3px; line-height: 1.2; font-size: 15px; font-weight: 500;}
.onlineBooth-bx .badge-bx span.app{border: 2px solid #8d7e0e; color:#8d7e0e;}
.onlineBooth-bx .badge-bx span.notapp{border: 2px solid #868686; color: #868686;}
.onlineBooth-bx .badge-bx span.appr{border: 2px solid #ea5069; color: #ea5069;}
.onlineBooth-bx .badge-bx span.rdappr{border: 2px solid #1f7ead; color: #1f7ead;}
.onlineBooth-bx .more-btn{flex:none; width:20px; margin-left:50px;}
.onlineBooth-bx .more-btn i{font-size:22px;}

.companyIntro-bx{margin-bottom:20px; padding:30px; border:1px solid #c3c3c3;}
.companyIntro-bx a{display: flex; align-items: center; justify-content: space-between;}
.companyIntro-bx .content{flex:1;}
.companyIntro-bx .tit{margin-bottom:15px; font-size: 24px;}
.companyIntro-bx .txt{margin-bottom:20px; line-height: 1.5;}
.companyIntro-bx .more-btn{flex:none; width:20px; margin-left:50px;}
.companyIntro-bx .more-btn i{font-size:22px;}

.dataUpload-bx{margin-bottom:30px; padding:30px; border:1px solid #c3c3c3;}
.dataUpload-bx .tit{margin-bottom:30px; font-size: 24px;}
.dataUpload-bx .upload-bx{display:flex;}
.dataUpload-bx .upload-bx .enroll{flex:1; position:relative; padding:20px; text-align:center; border-radius: 10px; background-color: #f2f2f2;}
.dataUpload-bx .upload-bx .enroll + .enroll{margin-left:30px;}
.dataUpload-bx .upload-bx .enroll .en-tit{margin-bottom:5px; font-size: 18px; font-weight: 500;}
.dataUpload-bx .upload-bx .enroll .count{font-family: 'Montserrat'; font-size: 38px; font-weight: 600; color: #ea5069;}
.dataUpload-bx .upload-bx .enroll .more{position:absolute; top:50%; right:40px;  transform: translate(0,-50%);}
.dataUpload-bx .upload-bx .enroll .more i{font-size:22px;}

.btn-wrap{position:relative; text-align: center;}
.btn-wrap .status{position:absolute; top:8px; right:0;}
.btn-wrap .status .open{display:inline-block; padding: 4px 10px; border-radius: 15px; border: 2px solid #0062ff; text-align: center; font-size: 15px; font-weight: 500; line-height:1.2; letter-spacing: -0.3px; color: #0062ff;}
.btn-wrap .status .close{display:inline-block; padding: 4px 10px; border-radius: 15px; border: 2px solid #ea5069; text-align: center; font-size: 15px; font-weight: 500; line-height:1.2; letter-spacing: -0.3px; color: #ea5069;}

table.list02 td .booth-img{width:100px; height:100px; margin:0 auto; overflow: hidden;}
table.list02 td .booth-img img{height:100%}
table.list02 td .count-bx{text-align:center; color:#1275c9;}

.sub-title03{margin-top:30px; margin-bottom:10px;}
.sub-title03 h4{font-size: 18px; font-weight:500; letter-spacing: -0.72px;}

table .input[type=radio] + label.none, input[type=checkbox] + label.none{margin-right:0; vertical-align: top;}
table select{color:#000;}
table.mkRep-table tfoot{border-top:1px solid #000;}

.sub-tgTitle{position:relative; margin-bottom:20px; padding-right:50px; padding-bottom:20px; border-bottom:2px solid #000; text-align: right;}
.sub-tgTitle:after{content:''; display:block; clear:both;}
.sub-tgTitle h4{float:left; margin-right: 20px; font-size: 26px; line-height: 1; letter-spacing: -1.04px; color: #000;}
.sub-tgTitle .tog-btn{position:absolute; top:-3px; right:0;}
.sub-tgTitle .tog-btn button{font-size: 28px; font-weight: 900; color: #000; transition: all .4s;}
.sub-tgTitle.off .tog-btn button{transform: rotate(180deg);}

/* 6/16 이용약관 추가 */
.signup-comment02{flex:1; padding: 45px 40px 25px; border: 1px solid #e8e8e8; text-align: center;}
.signup-comment02 .text{line-height: 1.75;}
.terms-btn{display:inline-block; min-width:200px; height:80px; margin-bottom:20px; padding: 25px 14px; vertical-align: middle; text-align:center; border-radius: 3px; border: solid 1px #000; background-color: #f7f7f7; font-size: 20px; line-height: 1.2; font-weight: 500; color: #222;}
.terms-btn.typ02{padding:14px;}
.terms-btn.typ02 .smtxt{font-size: 16px; font-weight:400;}
.terms-btn:hover{background-color:#000; color:#fff;}

.signup-comment03 {margin-bottom: 100px;}
.signup-comment03 .terms_box {margin-bottom: 10px; padding: 45px 40px 25px; border: 1px solid #e8e8e8; border-top: 2px solid #000;}
.signup-comment03 .terms_box h4 {margin:20px 0 5px; font-size: 20px;}
.signup-comment03 .terms_box h4:first-child {margin: 0 0 5px;}
.signup-comment03 .terms_box h5 {margin:10px 0 5px; font-size: 16px;}
.signup-comment03 .terms_box ol li {margin-bottom: 5px;}
.signup-comment03 .terms_box ol li:last-child {margin-bottom: 0;}
.signup-comment03 .terms_box .list_style_01 li {padding-left: 20px; position: relative;}
.signup-comment03 .terms_box .list_style_01 li .no {position: absolute; left: 0; top: 0;}
.signup-comment03 .chk_box {margin-bottom: 30px;}
.signup-comment03 .btn_box {text-align: center;}

/****************************************************
  HUB
****************************************************/
#wrap.hub header .container{height:80px;}
#wrap.hub header #gnb{height:auto; padding-left:0;}
#wrap.hub header .menu{ justify-content: center; margin:0;}
#wrap.hub header .menu>li{font-weight: 400;}
#wrap.hub header .menu li+li{margin-left:150px;}
#wrap.hub header .hd-util{margin-top:0; font-weight:400;}
#wrap.hub footer{padding-left:0; padding-right:0;}

/* main */
#wrap.hub header.main{background:rgba(0,0,0,0.8)}

#wrap.hub .main-visual{position:relative; height:860px; background: url( /resources/images/main-visual.png) no-repeat center; background-size:cover;}
#wrap.hub .main-visual .title{position:absolute; bottom:50%; transform:translateY(50%); left:360px; color:#fff;}
#wrap.hub .main-visual .title h2{margin-bottom:26px; font-weight:700; font-size:54px; line-height: 1.17; letter-spacing: 24px;}
#wrap.hub .main-visual .title p{font-weight:400; font-size:17px; line-height: 1.88; letter-spacing: 7.65px;}

#wrap.hub .event-list{display:flex; padding:64px 0;}
#wrap.hub .event-list .tit{flex:none; width:175px;}
#wrap.hub .event-list .tit h4{margin-bottom:10px; font-size:20px; font-weight:500; line-height: 1.45; color: #000;}
#wrap.hub .event-list .tit p{font-size: 15px; line-height: 1.47; color: #3b3b3b;}

#wrap.hub .event-list .event-slider{position:relative; margin-left:88px;}
#wrap.hub .event-list .event-slider ul li{float:left; width:120px; margin-right:30px;text-align: center;}
#wrap.hub .event-list .event-slider ul li:last-child{margin-right:0;}
#wrap.hub .event-list .event-slider ul li a i{display:block; margin-bottom:10px; width:100%; height:120px; line-height:120px; text-align:center; border:1px solid #d1d1d1; background-color:#ededed; font-size: 15px; font-weight:700; color:#bfbfbf;}
#wrap.hub .event-list .event-slider ul li a span{font-size: 15px; line-height: 1.47; text-align: center; color: #000;}
.event-slider .btn-prev, .event-slider .btn-next{position:absolute; top: 47px; width:27px; height:27px; text-align:center; border:1px solid #000; border-radius: 100%; line-height: 25px; font-size: 16px;}
.event-slider .btn-prev{left:-47px;}
.event-slider .btn-next{right:-47px; padding-left:3px;}
.event-slider .btn-prev.disabled, .event-slider .btn-next.disabled{border:1px solid #9f9f9f; color: #9f9f9f;}

#wrap.hub .content-wrap{margin-top:80px; padding:100px 0 0;}
#wrap.hub .login-wrap{max-width:620px; padding: 50px 80px 66px;}

/*************** HUB - mobile ***************/
/* header */
.menu>li{position:relative;}
.menu .dep2-menu{display:none; position:absolute; top:0; left:50%; transform: translateX(-50%); margin-top:20px; padding:20px; background-color:#000; font-size:16px; transition: .3s;}
.menu .dep2-menu li+li{margin-top:20px;}
.menu .has-dep2:hover .dep2-menu{display:block;}

/* 행사개요 */
.overviewSlider-tit{width: 194px; margin: 30px auto;}
.overviewSlider-tit > div{text-align:center; font-family: 'Montserrat'; font-size: 28px; font-weight: 500; line-height: 1.21;}
.overviewSlider-tit .slick-prev, .overviewSlider-tit .slick-next{width: 34px; height: 34px; border: solid 1px #000; border-radius:0; background-color: #fff;}
.overviewSlider-tit .slick-prev{left:-40px;}
.overviewSlider-tit .slick-next{right:-40px;}
.overviewSlider-tit .slick-prev:before, .overviewSlider-tit .slick-next:before{font-size: 10px; color:#000; opacity: 1;}

.overview-text-wrap{margin-top:40px; padding-bottom:40px; border-bottom:1px solid #000;}
.overview-text-wrap .title{margin-bottom:15px; font-size: 28px;}
.overview-text-wrap p{margin-top:15px;}
.overview-list li{display:flex;}
.overview-list li+li{border-top:1px solid #e6e6e6;}
.overview-list li:first-child{border-top:2px solid #000;}
.overview-list li:last-child{border-bottom:1px solid #000;}
.overview-list li .overv-tit{flex-basis:150px; padding:23px 20px; border-right:1px solid #e6e6e6; font-weight:500;}
.overview-list li .overv-txt{flex:1; padding:23px 30px;}

.achievements-list{display:flex; flex-wrap: wrap;border-top:2px solid #000;}
.achievements-list+.achievements-list{border-top:0px none;}
.achievements-list li{width:calc(100% / 3); padding:30px; border-left:1px solid #000; border-right:1px solid #000;  border-bottom:1px solid #000; text-align:center;}
.achievements-list li:nth-child(3n-1){border-left:0px none; border-right:0px none;}
.achievements-list li .tit{font-size: 18px; font-weight:500;}
.achievements-list li .count{font-family: 'Montserrat'; font-size: 34px; font-weight: 700; line-height: 1.5;}

/* 인사말 */
.welcomeMessage-wrap{display:flex;}
.welcomeMessage-wrap .message-leader{flex:none; width:175px; margin-right:60px;}
.message-leader .info-bx{position:relative; margin-top:25px;}
.message-leader .info-bx:before{content:''; position:absolute; top:-10px; left:0; width: 20px; height: 2px; background-color: #000;}
.message-leader .info-bx p{font-size:17px;}
.message-leader .info-bx p+p{margin-top:3px;}
.message-leader .info-bx p.name{margin-bottom:5px; font-size:18px;}
.message-textBx .video-bx{margin-bottom:40px;}
.message-textBx .text-bx{margin-bottom:40px;}

/* cont-title 추가 */
.cont-title .btn-list{font-size:0;}
.cont-title .btn-list .button{display:inline-block; min-width:95px; height:32px; padding:5px 10px; border:1px solid #fff; text-align:center; line-height:1.5; font-size:14px; color:#fff; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.06);}
.cont-title .btn-list .button + .button{margin-left:10px;}
.cont-title .btn-list .button:hover{background-color:#fff; color:#000;}

/* 22-07-06 행사개요 추가 */
.overview-title{margin-top:50px; text-align: center;}
.overview-title h4{margin-bottom:20px; font-size: 40px;}
.overviewYear-title{margin-bottom:60px; padding:15px; border-top:2px solid #000; border-bottom:2px solid #000; text-align: center;}
.overviewYear-title h5{font-family: 'Montserrat'; font-size: 50px;}

.overview-bx02{margin-top:60px; display:flex;}
.overview-bx02 .image-bx{width:530px; margin-right:70px;}
.overview-bx02 .desc-bx{flex:1;}
.overview-bx02 .desc-bx .desc-tit{margin-top:20px;}
.overview-bx02 .desc-bx .desc-tit h4{margin-bottom:15px; font-size: 28px;}
.overview-bx02 .desc-bx .desc-tit p{margin-bottom:40px; line-height: 1.6;}
.overview-bx02 .desc-bx .decs-cont{padding:26px 0; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
.overview-outl dt{margin-bottom:5px; font-weight: 700;}
.overview-outl dd{margin-bottom:15px; line-height: 1.5;}
.overview-outl dd:last-child{margin-bottom:0;}

.pastEvt-sliderTit-bx{padding:20px 0; border-top:2px solid #000; border-bottom:2px solid #000;}
.pastEvt-sliderTit{width: 160px; margin: auto;}
.pastEvt-sliderTit > div{text-align:center; font-family: 'Montserrat'; font-size: 50px; font-weight: 700; line-height: 1;}
.pastEvt-sliderTit .slick-prev, .pastEvt-sliderTit .slick-next{width: 34px; height: 34px; border: solid 1px #000; border-radius:0; background-color: #fff;}
.pastEvt-sliderTit .slick-prev{left:-40px;}
.pastEvt-sliderTit .slick-next{right:-40px;}
.pastEvt-sliderTit .slick-prev:before, .pastEvt-sliderTit .slick-next:before{font-size: 10px; color:#000; opacity: 1;}

.achiev-bx{margin-top:25px;}
.achiev-list{display:flex;}
.achiev-list + .achiev-list{margin-top:20px;}
.achiev-list li{flex:1; height:245px; padding:75px 0; border-radius: 3px; border: solid 1px #d9d9d9; text-align: center;}
.achiev-list li + li{margin-left:25px;}
.achiev-list li .counting{font-family: 'Montserrat'; font-size: 48px; font-weight:700;}
.achiev-list li .cate{margin-top:5px; color: #666;}

/****************************************************************
                      BCWW 버전 GNB/ FOOTER 추가
****************************************************************/
/* header & footer */
#header02 .w-inner,
#footer02 .w-inner{max-width: 1680px; margin: 0 auto}
#wrap.registration #header02 .w-inner{max-width: calc(928px + 32px + 32px);}

/* header */
#header02{height:100px; z-index: 20}
#header02 .w-inner{padding: 18px 32px; height: inherit;display: flex;justify-content: space-between;align-items: center;}
#header02 #gnb.nav_typ02{padding-left:0;}
#header02 .logo img{display: block; width: 170px;}
#header02 a{display: block; color: white;}
#header02 a.unavailable{color: var(--warm-grey); cursor: default;}
#header02 .nav_typ02 a{position:relative;}
#header02 .nav_typ02 {-webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start;}
#header02 .nav_typ02 > ul{display: flex;justify-content: flex-start;}
#header02 .nav_typ02 > ul > li{position: relative;}
#header02 .nav_typ02 a.dep1{padding:20px;}
#header02 .util{display: flex;justify-content: flex-start;align-items: center;}
#header02 .util a{font-size: 14px;}
#header02 .util a:not(.change-lang){padding: 7px 0}
#header02 .util .lang-nav{display: block; width: 34px; height: 34px;}
#header02 .util .lang-nav a.change-lang {width: 34px; height: 34px; text-align: center; font-weight: bold;}
#header02 .util .lang-nav a.change-lang.current{display: block;background:white; color: black; line-height: 34px; }
#header02 .util .lang-nav a.change-lang:not(.current){display: none; line-height: 32px;}
#header02 .util .lang-nav:hover a.change-lang:not(.current){display: block; background-color:#e1e1e1; font-size: 14px; font-weight: bold; color: rgba(0, 0, 0, .3);}
#header02 .util > a + a,
#header02 .util > a + .lang-nav{margin-left: 20px}
#header02 .util .on-air {color: #ff1100;}

#wrap.registration #header02 .w-inner > .lang-nav{ display: flex; font-size: 14px}
#wrap.registration #header02 .w-inner > .lang-nav a + a{margin-left: 10px}
#wrap.registration #header02 .w-inner > .lang-nav a:not(.current){opacity: .5;}

#header02.ing .w-inner{max-width: 1880px; margin: 0 auto}
#header02.ing .w-inner{padding: 0 30px; height: inherit;display: flex;align-items: center;}
#header02.ing .util {margin-left: auto;}
#header02.ing .nav_typ02 {display: flex;-webkit-align-self: center; -ms-flex-item-align: center; align-self: center;}
#header02.ing .nav_typ02 > ul{display: flex;justify-content: flex-start;align-items: center;margin-left: 25px;}

body.opened-mo-nav {overflow:hidden;}
body.layer-open {overflow:hidden;}

/* footer */
#footer02{padding:70px 0;font-size: 14px; line-height: 1.71; color: #707070; background-color: black;}
#footer02 .w-inner{max-width: 1594px; margin:0 auto;}
#footer02 .add-info {margin-top: 80px;display: flex; justify-content: space-between; align-items: flex-end;}
#footer02 .logo{display: block; width: 241px;}
#footer02 dl{color: #707070;}
#footer02 img.mcst{height: 36px;}
#footer02 img.kocca{height: 32px}
#footer02 a{display: block; color: white;}
#footer02 .main-info{display: flex;justify-content: space-between;align-items: center;}
#footer02 .main-info .organizer.flex{display: flex;justify-content: space-between;align-items: center;}
#footer02 .main-info .organizer dl.flex-inline{display: inline-flex; align-items: center;}
#footer02 .main-info .organizer dl dt{margin-right: 20px;line-height: 1;word-break: keep-all;}
#footer02 .add-info dl.secretariat{display: flex;flex-wrap: wrap;align-items: flex-start;justify-content: flex-start;}
#footer02 dl.secretariat dt{width: 100%; padding-bottom: 16px; font-size: 16px; line-height: 1.63; color: white}
#footer02 dl.secretariat dt .btn6{display: inline-block;}
#footer02 dl.secretariat dd + dd {margin-left: 55px}
[lang="en"] #footer02 .contact-wrap > .flex-both:not(.links){font-size: 12px;}
#footer02 .contact-wrap.flex{display: flex;flex-direction: column;}
#footer02 .contact-wrap .flex-both{display: flex;justify-content: space-between;align-items: center;}
#footer02 .contact-wrap > .flex-both:not(.links) img{float: left}
#footer02 .contact-wrap > .flex-both:not(.links) img + img{margin-left:12px;}
#footer02 .contact-wrap .links.flex-both{margin-top: 32px;}
#footer02 .contact-wrap .bcww-youtube img{display: block;}
#footer02 .contact-wrap .rules a{color: #707070;}
#footer02 .contact-wrap .copyright{margin-top: 8px;}

.asidebar.black .aside li.active .aside-link:after{color:#d3d3d3;}
.asidebar.black .aside li.active .aside-link span{color:#d3d3d3;}
.asidebar.black .aside li.active .icon-user{background:url(../images/common/b_icon-user.png) no-repeat center;}
.asidebar.black .aside li.active .icon-company{background:url(../images/common/b_icon-company.png) no-repeat center;}
.asidebar.black .aside li.active .icon-bookmark{background:url(../images/common/b_icon-bookmark.png) no-repeat center;}
.asidebar.black .aside li.active .icon-schedule{background:url(../images/common/b_icon-schedule.png) no-repeat center;}
.asidebar.black .aside li.active .icon-expoact{background:url(../images/common/b_icon-expoact.png) no-repeat center;}
.asidebar.black .aside li.active .icon-course{background:url(../images/common/b_icon-course.png) no-repeat center;}
.asidebar.black .aside li.active .icon-survey{background:url(../images/common/b_icon-survey.png) no-repeat center;}
.asidebar.black .aside li.active .icon-alarm{background:url(../images/common/b_icon-alarm.png) no-repeat center;}
.asidebar.black .aside li.active .icon-account{background:url(../images/common/b_icon-account.png) no-repeat center;}
.asidebar.black .aside li.active .icon-apply{background:url(../images/common/b_icon-apply.png) no-repeat center;}
.asidebar.black .aside li.active .icon-counselsch{background:url(../images/common/b_icon-counselsch.png) no-repeat center;}
.asidebar.black .aside li.active .icon-counselst{background:url(../images/common/b_icon-counselst.png) no-repeat center;}
.asidebar.black .aside li.active .icon-market{background:url(../images/common/b_icon-market.png) no-repeat center;}
.asidebar.black .aside li.active .icon-message{background:url(../images/common/b_icon-message.png) no-repeat center;}

/* 메인페이지 */
.interect-wrap02{padding-left: 70px; padding-right: 70px;}
.m-visual_linkbox{position:absolute; color:#fff;}
.mainVisual .cpy{position: absolute; bottom: 0px; right: 0px; text-align: right; padding-right: 5px; padding-bottom: 5px; color:#fff; opacity: 0.8;}
.mainVisual .cpy.full{display:none; bottom: 5px; z-index: 10;}

/* flex */
.flex,
.flex-center,
.flex-both,
.flex-both-start,
.flex-list{display: flex;}
.flex-inline{display: inline-flex;}
.flex-center{justify-content: center;align-items: center;}
.flex-both{justify-content: space-between;align-items: center;}
.flex-both-start{justify-content: space-between;align-items: flex-start;}
.flex-list{flex-wrap: wrap;align-items: flex-start;}
.flex-col{flex-direction: column;}
.blind,
.ico span {visibility:hidden;overflow:hidden;position:absolute;top:-1px;left:-1px;width:1px;height:1px;font-size:0;line-height:0;z-index:-1;}
.ico{display: inline-block; background-repeat: no-repeat; background-position:center;}
.ico.search-arr,
.ico.view-all{width: 19px; height: 15px;background-image: url('../images/@uio/btn_search_arr.svg');background-size: contain}
.ico.sch-all-view{width: 24px; height: 24px;background-image: url('../images/com/ico_sch_all_view.svg');background-size: contain}
.ico.bookmark{width: 40px; height: 40px; background-image: url('../images/com/ico_bookmark.svg');background-size: contain}
.ico.bookmark-light{width: 40px; height: 40px; background-image: url('../images/com/ico_bookmark_light.svg');background-size: contain}
.ico.bookmark-light.on,
.ico.bookmark.on{background-image: url('../images/com/ico_bookmark_on.svg');background-size: contain}
.ico.search{width: 32px; height: 32px; background-image: url('../images/@uio/ico_search.svg');background-size: contain}
.ico.search_w{width: 32px; height: 32px; background-image: url('../images/@uio/ico_search_w.svg');background-size: contain}
.ico.search-close{width: 32px; height: 32px; background-image: url('../images/@uio/ico_search_close.svg');background-size: contain}

.ellipsis {display:block;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;word-wrap:break-word;display:-webkit-box;line-height:1.5;height:24px;-webkit-line-clamp:1;}

.list-wrap .list-count{margin-top: 5px; text-align: right;}
.list-wrap .list-count strong{color: #3500e9;}
.list-wrap .list-count + .data-list{margin-top: 16px}
.list-wrap .list-count + .data-list.col-3{margin-top: 32px}
.list-wrap.photo-gallery {padding-top: 57px}
.list-wrap.photo-gallery .gallery-title-nav{padding-top: 30px; border-top: 1px solid #e1e1e1;}

/*data-list*/
.data-list:not([class*="col"]) {border-top:1px solid #e1e1e1;}
.data-list:not([class*="col"]) li{border-bottom:1px solid #e1e1e1;}
.data-list[class*="col"]{display: flex;justify-content: flex-start;}
.data-list.bdr-bottom[class*="col"] li{border-bottom: 1px solid #e1e1e1;}
.data-list.bdr-bottom[class*="col"] + .pagination{border-top: 1px solid #707070; padding-top: 60px;}
.dark .data-list.bdr-bottom[class*="col"] li{border-bottom-color: rgba(112, 112, 112,.5)}
.dark .data-list.bdr-bottom[class*="col"] + .pagination{border-top-color: white}

.data-list.col-2:not(.swiper-wrapper),
.data-list.col-3:not(.swiper-wrapper),
.data-list.col-4:not(.swiper-wrapper),
.data-list.col-5:not(.swiper-wrapper),
.data-list.col-6:not(.swiper-wrapper){ flex-wrap: wrap;}
.data-list.col-3:not(.bdr-bottom) li{margin-bottom: 50px}
.data-list.col-3.bdr-bottom li{margin-bottom: 20px}
.data-list.col-3 li{width: calc((100% - 80px) / 3);}
.data-list.col-4 > li{width:  calc( (100% - 75px) / 4); margin-bottom: 25px}
.data-list.col-6 li{margin-bottom: 40px}
.data-list.col-5 li{width: calc((100% - 160px) / 5); margin-bottom: 30px}
.data-list.col-6 li{width: calc((100% - 200px) / 6);}

.data-list.col-2:not([class*="gutter"]) li{width: calc((100% - 28px) / 2); margin-bottom: 30px;}
.data-list.col-2:not([class*="gutter"]) li:nth-of-type(2n){margin-left: 28px;}
.data-list.col-box{border: 1px solid black;}
.data-list.col-box li{position: relative; width: 100%; padding: 20px; min-height: 200px; text-align: center; font-size: 14px; line-height: 1.43; letter-spacing: -0.28px; flex-direction: column;}
.data-list.col-box li .sub-text{width: 100%; font-size: 12px;line-height: 1.33; letter-spacing: -0.24px; color: #707070;}
.data-list.col-box li strong + .sub-text{margin-top: 10px;}
.data-list.col-step{border-top: 1px solid black; border-bottom: 1px solid black;}
.data-list.col-step li{width: 100%; padding-left: 20px; padding-right: 20px}

/* item  */
.item {position: relative;}
a.item:not([class*="flex"]):not([class*="bbs"]) {display:block;}
.item .img-wrap{display: flex; justify-content: center; align-items: center;}
.item .img-wrap img{width:100%;}
.item .data-wrap{color: black;}
.item .data-wrap{font-size: 14px; line-height: 1.86; letter-spacing: -0.28px;}
.item .data-wrap > span:not(.file-wrap){opacity: 0.5;}
.item .data-preview{color: #707070;}
.item .data-preview{font-size: 14px; line-height: 1.71; letter-spacing: -0.28px;}
.dark .item .title,
.dark .item .data-wrap{color: black;}
.dark .item .title,
.dark .item .data-wrap{color: white;}
/* .item.contents.small */
.item.contents.small {padding: 40px 0; max-width: 620px; display: flex; justify-content: space-between; align-items: flex-start; }
.item.contents.small > .img-wrap,
.item.contents.small > .text-wrap{z-index: 2;}
.item.contents.small .btn6{background-color: transparent;}
.item.contents.small .btn6.img-wrap,
.item.contents.small .btn6.text-wrap{text-align: left;}
.item.contents.small .img-wrap {width: 46.7%;}
.item.contents.small .text-wrap {width: calc(100% - (46.7% + 20px)); padding-top: 10px}
.item.contents.small .text-wrap .title {font-size: 20px; line-height: 1.4; font-weight: bold;}
.item.contents.small .text-wrap .title.ellipsis{width: calc(100% - 55px) ;height: 57px; -webkit-line-clamp: 2;}
.item.contents.small .text-wrap .data-wrap {opacity: 0.5; font-size: 16px; line-height: 1.625; letter-spacing: -0.32px;}
.item.contents.small .text-wrap .data-wrap.ellipsis{height: 78px; -webkit-line-clamp: 3;}
.item.contents.small .text-wrap .title + .data-wrap{margin-top: 10px;}
.item.contents.small .btn6.favorit {position: absolute; top: 50px; right: 0; z-index: 3}
.item.contents.small::before,
.item.company::before {position: absolute; top: 20px; left: -20px; content: ''; display: block; width: calc(100% + 40px); height: calc(100% - 40px); background: white; opacity: 0; box-shadow: 0px 20px 40px rgb(0 0 0 / 20%); transition: opacity 0.5s;}
.dark .item.contents.small::before,
.dark .item.company::before {background: #1a1a1a}

/* pagination */
.pagination {margin-top: 60px;text-align:center;}
.pagination,
.pagination ul,
.pagination > a { display: flex; justify-content: center; align-items: center;}
.pagination ul, .pagination li {list-style: none;display: inline;padding-left: 0;}
.pagination ul li {line-height: 50px;}
.pagination ul li a {color: black;padding: 0 12px;font-weight: bold;opacity: 0.3;-webkit-transition: all 0.5s cubic-bezier(0.22, 0.61, 0.36, 1); transition: all 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);}
.pagination ul li a:hover {color: black;opacity: 1;}
.pagination ul li.active a {opacity: 1;}
.pagination a {text-align: center;box-sizing:border-box;-o-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;text-decoration: none;text-transform: uppercase;display: inline-block;}
.pagination > a .ico {display: block;}
.pagination a.prev {margin-right: 15px;}
.pagination a.prev .ico {transform:rotate(180deg);}
.pagination a.next {margin-left: 15px;}
.pagination a > .ico {text-indent: -9999px;text-align: center;vertical-align: middle;}
.pagination a > .ico.arr {background-position: center;width: 19px; height: 15px;background-image: url('../images/@uio/btn_search_arr.svg');}
.pagination a > .ico.circle {width:50px;height:50px;border-radius: 50%; border: 1px solid #707070;background-color: white;}

.dark .pagination ul li a {color: white;}
.dark .pagination ul li a:hover {color: white;}

/* conference */
#content.conference .sub-visual{ background-image: url('../images/conference/visual_conference.jpg');}
:lang(en) #content.conference .page-header .items-search .input-text::placeholder {font-size: 12px;letter-spacing: -0.32px;}

/* page-header */
.page-header{display: flex; justify-content: space-between; align-items: flex-end;}
.page-header .btn6.toggle-items-search{display: none; padding: 0}
.page-header .btn6.toggle-items-search .ico{display: block}
.page-header .items-search {padding-bottom: 14px;}
.page-header .items-search .fieldset{position: relative;  display: flex;}
.page-header .items-search .select{width: 120px;}
.page-header .items-search .input-text{position: relative;;width: 320px;}
.page-header .items-search .select + .select,
.page-header .items-search .select + .input-text{margin-left: -1px;letter-spacing: -0.28px;}
.page-header .items-search .select:focus,
.page-header .items-search .input-text:focus{z-index: 2;}
.page-header .items-search .input-text + .btn6.search{position: absolute; right: 0; margin-left: 0; width: 48px; height: 42px; z-index: 3; display: inline-flex; justify-content: center; align-items: center;}

#content.my-fav .page-header {padding-bottom: 20px; border-bottom: 1px solid black;}
#content.my-fav .page-title {font-size: 28px;}
#content.my-fav .items-search {padding-bottom: 0;}

/* 컨텐츠업로드 */
.legend-title.line,
.page-header.line {padding-bottom: 20px; border-bottom: 1px solid black;}
#content.my-group .tabs-wrap + .reg-wrap,
#content.my-group .tabs-wrap + .page-header.line{margin-top: 60px;}

#content.my-group .page-header.line .btn6.small{min-width:140px}
#content.my-group .page-header + .guide-wrap{margin-top: 20px;}
#content.my-group .guide-list{line-height: 1.71; letter-spacing: -0.28px; }
#content.my-group .guide-list.star li:before{color: #ff1100;font-weight: bold;}

/* 마이 > 기본정보 > 콘텐츠업로드 */
#content.my-group.basic.my-contents .guide-wrap + .cont-order{margin-top: 40px;}

/* guide-list */
.guide-list{color: #707070;}
.guide-list.dot li{position: relative; padding-left: 10px; font-size: 14px; letter-spacing: -0.28px; }
.guide-list.dot li:before{position: absolute; left: 0; top: 0; content: '\00B7'; margin-right: 6px; color: black;}
.guide-list.dot li + li{margin-top: 2px;}
.guide-list.star li{position: relative; padding-left: 10px; letter-spacing: -0.24px; }
.guide-list.star li:before{position: absolute; left: 0; top: 0; content: '*'; margin-right: 6px; color: black;}
.guide-list.star li + li{margin-top: 6px;}

.dark .guide-list,
.dark .guide-list.star li:before{color: #e1e1e1;}
/* item.card */
.item.card{min-height: 250px; padding: 20px 30px 26px; border: 1px solid black; background: white}
.item.card .cate,
.item.card .data{color: #707070;}
.item.card .cate strong{color: black;}

/* item.card.account */
.item.card.account .cate + .title{margin-top: 20px}
.item.card.account .title{font-size: 28px; line-height: 1.46; letter-spacing: -0.56px;}
.item.card.account .data{font-size: 14px; line-height: 24px}
.item.card.account p + .data:not(.date){margin-top: 4px}
.item.card.account .flex-both{position: absolute; bottom: 14px; right: 10px; width: calc(100% - 40px);}
.item.card.account .btn6{min-width: 140px;padding: 0 14px; box-shadow: inset 0 0 0 1px #e1e1e1;}
.item.card.account .btn6 .ico.go-arr.black{width: 11px; height: 11px; margin-left: 16px;}

/* item.card.order */
.item.card.order .field {margin-top: -3px;  align-items: center;}
.item.card.order .field .input-text.small{width: 30px; margin-left: 10px; text-align: center;}
.item.card.order .title{font-size: 24px; line-height: 1.59; letter-spacing: -0.48px;}
.item.card.order .title.ellipsis{height: 115px; -webkit-line-clamp:3;}
.item.card.order .flex-both {font-size: 14px;}
.item.card.order .flex-both button.btn6{opacity: 0.5;}
.item.card.order .field + .title{margin-top: 17px;}
.item.card.order .title + .flex-both{margin-top: 27px;}
.item.card.order .btn-wrap .btn6 + .btn6{margin-left: 20px;}

/* btn6 */
.btn6 {display: inline-block;text-align:center;vertical-align: middle; border: 0 none; outline: none; background: transparent;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
button.btn6:not(.disabled) {cursor: pointer;}
input.btn6,
button.btn6 {overflow:visible;margin:0;padding:0;background-color:transparent;}
a.btn6 {text-decoration:none}

/* button size */
.btn6.small{height: 36px; line-height: 36px; font-size: 14px; padding: 0 8px;}
.btn6.medium{height: 42px; line-height: 42px; font-size: 16px; padding: 0 8px;}
.btn6.large{min-width: 260px; height: 50px; line-height: 50px; font-size: 14px; padding: 0 20px;}

/* button color */
.btn6.dark{background: black; color: white}
.btn6.bdr{box-shadow: inset 0 0 0 1px #707070; color: black;}
.dark .btn6.dark{background: #707070;}
.dark .btn6.bdr{color: white}

/* btn disabled */
button.btn6[disabled] {cursor: default;}
.btn6.dark[disabled]{background: #fff;}
.btn6.view-all .ico{margin-left: 17px; vertical-align: -1px}
.btn6.go-regi,
.btn6.download{width: 100%; padding: 0 30px; height: 48px; line-height: 48px;font-size: 14px; text-align: left;}
.btn6.go-regi{font-weight: bold;background: url('/resources/images/com/bg_go_regi.png') 50% 50% no-repeat; background-size: cover;}
.btn6.download{border-bottom: 1px solid #707070;}
.btn6.go-regi + .btn6.download{margin-top: 9px}
.btn6.back {text-align: left;color: white;}
.btn6.vod,
.btn6.vod-no,
.btn6.live,
.btn6.live-ex{width: 80px; height: 38px; font-size: 16px; font-weight: bold; line-height: 38px; letter-spacing: -0.32px;}
.btn6.vod{color: black;}
.btn6.vod:not(.none){text-decoration: underline;}
.btn6.vod.none{opacity: .3;}
.btn6.live:not(.ex){position: relative; color: #ff1100;}
.btn6.live:not(.ex)::before{content: ''; display: block; position: absolute; left: 14px; top: 18px; width: 4px; height: 4px; -webkit-border-radius: 4px; border-radius: 4px; background: #ff1100;}
.btn6.live.ex{color: #707070;}

.btn6.btn-exh-view {position: absolute; top: -57px; right: 100px;border: 1px solid #707070; min-width: 160px;padding: 0 15px;}
.btn6.btn-exh-view a, .btn6.btn-exh-view span {width: 100%; height: 34px;color: #e1e1e1;font-size: 14px;}
.btn6.btn-exh-view a .ico.search-arr-w, .btn6.btn-exh-view span .ico.search-arr-w {width: 14px; height: 11px;background-size: contain;}

/* .button-area */
.button-area {text-align: center}
.button-area .btn6.medium{min-width: 200px;}
.button-area .btn6.large{min-width: 260px;}
.button-area .btn6 .ico.more-plus{margin-right: 2px;}

.legend-title {font-size: 28px; font-weight: bold; line-height: 1.46; letter-spacing: -0.56px;}
.fs-14{font-size: 14px}

.input-text{vertical-align:middle;border:1px solid #d8d8d8;}
.input-text.small{height:30px;padding:0 5px;font-size: 16px;}

#content.my-contents form .button-area{margin-top: 10px}
#content.my-contents .page-header .btn6.small.bdr{color: #707070;    box-shadow: inset 0 0 0 1px #e1e1e1;}

form .button-area{margin-top: 20px;}

.netEntry-list02 .tit-area .img-bx img{width:100%;}

.account-list .btn-bx .btn2:focus{background-color:#000; color:#fff;}

.cBox-list li > .cBox-list li{position:relative;}
.cBox-list li > .cBox-list li:before{content:''; position:absolute; top: 30px; left:10px; width:19px; height:18px; background:url( /resources/images/comment.png) no-repeat center;}

/* 22-09-20 gnb 좌측정렬 수정 */
header.menu-left .hd-logo{position:static; width:auto; margin-right:20px; transform:none;}
header.menu-left #gnb{flex:1;display: flex; align-items: center;}
header.menu-left .menu,
header.menu-left .gnb {width: auto; margin-top: 0; justify-content: flex-start;}
header.menu-left .menu > li{font-size: 19px;}
header.menu-left .menu > li + li{margin-left: 28px;}
header.menu-left .hd-util{margin-left: auto;}
header.menu-left .hd-util>*+*{margin-left: 18px;}

/* 20220729 팝업 추가 및 수정 */
.pop_dots{width: 600px;}
.pop_dots .slide-img img{width: 100%;}
.pop_dots .slick-prev, .pop_dots .slick-next{background: none;width: 20px;height: 20px;}
.pop_dots .slick-prev{left:10px;z-index: 1;}
.pop_dots .slick-next{right:10px;}
.pop_dots .slick-dots{bottom: -30px;}
.pop_dots .slick-dots li button{width: 0.75rem;height: 0.75rem;background: #bbb;border-radius: 50%;}
.pop_dots .slick-dots li button::before{content: "";text-indent: -9999px;font-size: 0;display: none;}
.pop_dots .slick-dots li.slick-active button{background: #fff;}
.pop_title{width: 100%;position: relative;margin-bottom: 10px;}
.pop_title .close{position: absolute;;background: url(../images/common/pop-close-white.png) no-repeat center;width: 20px;height: 20px;right: 0;top: 3px;}
.pop_title .close span{text-indent: -9999px;font-size: 0;}

.pop_bcNone.slider .slider-bx{margin:0px;}
.pop_bcNone.slider .share-bx{margin: 15px 0 0 0;}
.pop_bcNone.slider .slick-dots{bottom: -30px;}
.pop_bcNone.slider .pop-tit .close{right: 0px;}

.liveSe-video.only .video-bx{height:auto; padding-bottom: 56.25%;}

.main-vis.light .main-vis-img{background-blend-mode:initial;}

.schIcon-bx i.typ01{border: 1px solid #6B7593; background-color: #6B7593;}
.sch-hour.typ01{border: 1px solid #6B7593; background-color: #6B7593; color: #fff;}

/* 기업관리 */
.account-list02 li.temp{border-style: dashed;}

/* 팀원정보 */
.member-view02{border-top:2px solid #000;}
.member-view02 tbody tr{border-bottom:1px solid #e8e9ed;}
.member-view02 tbody tr:last-child{ border-bottom:1px solid #000;}
.member-view02 tbody tr th{width:30%; padding:15px 5px; text-align:left; font-weight:700;}
.member-view02 tbody tr td{padding:15px 5px;}

.ft-top .mobile{display:none;}

.policy-txtWrap{line-height:1.5;}

/* 20220919 팝업추가 */
.cont-tab.typ03 li a:focus{background-color: #000;color: #fff;}
.popup.popExh .btn-bx{padding-top: 0;border: 0;text-align: left;}
.popup.popExh .intro-title{align-items: center;}
.popup.popExh .intro-title .badge{text-overflow: clip;}

/* 22-09-19 gnb 우측정렬 추가 */
header.menu-right #gnb{flex:1;display: flex;flex-direction: row-reverse;align-items: center;}
header.menu-right .menu{margin-top: 0;justify-content: flex-start;width:auto }
header.menu-right .menu > li{font-size: 19px;}
header.menu-right .menu > li + li{margin-left: 28px;}
header.menu-right .hd-util{margin-left: auto;}
header.menu-right .hd-util>*+*{margin-left: 18px;}

/* ip header */
header.ipbiz .container{padding-left:2.5rem; padding-right:2.5rem;}
header.ipbiz .hd-logo, header .hd-logo img{height:auto;}
header.ipbiz #gnb{display: -webkit-box; display: -moz-box;  display: flex;-webkit-box-orient: horizontal; -webkit-box-direction: reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse;-webkit-box-align: center; -moz-align-items: center;  align-items: center;}
header.ipbiz .menu{margin-top:0;-webkit-box-pack: end; -moz-box-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end;}
header.ipbiz .menu li{font-size: 1.125rem; font-weight: 500;}
header.ipbiz .hd-util{position:static; flex:none; margin-top:0; margin-left:5rem; font-size: 1rem; font-weight: 500;}
header.ipbiz .drop-lang{margin-top:-0.25rem;}
header.ipbiz .drop-lang .btn-lang{font-size: 1rem; font-weight: 500;}

/* 20220922 추가 */
.login-ing header{background: #02030f;}
.login-ing .background-wrap{padding-left:70px !important;padding-right: 70px !important;}

/* 20220928 추가 */
#popupTerms table.list{border-top:1px solid #000;}
#popupTerms table.list thead th{padding:14px 10px; border-bottom:1px solid #e6e6e6; font-weight:500;}
#popupTerms table.list tbody td{padding:23px 10px; text-align: center; line-height: 1.5; border-bottom:1px solid #e6e6e6;}
#popupTerms table.list td.r{text-align: left !important;}
#popupTerms table.list thead{display:none;}
#popupTerms table.list tbody td{display:block; width:100%;padding:8px 5px; text-align: left; border-bottom:0px none;}
#popupTerms table.list tbody td:before{content:attr(data-title); padding-right:20px; font-weight:500;}
#popupTerms table.list tbody td:last-child{border-bottom:1px solid #e6e6e6;}
#popupTerms .policy-txtWrap{line-height:1.5;}

/* 20221006 추가 */
.title04{position:relative; margin:30px 0;padding-bottom:10px; border-bottom:2px solid #000;}
.title04 h4{font-size:22px; color: #222;}

/* IP산업전 20221021 */
.sub-body.ovf{overflow-x: hidden;}
.sub-header.seminar{background-image:url(../images/sub_IP/seminar_background.png);}
.sub-header.showcase{background-image:url(../images/sub_IP/showcase_background.png);}
.sub-header.pitching{background-image:url(../images/sub_IP/pitching_background.png);}
.sub-header.about{background-image:url(../images/sub_IP/about_background.png);}
.ip_tab{font-size: 20px;display: flex;padding: 100px 0;}
.ip_tab li{text-align: center;margin: 0 0 0 -1px;border: 1px solid #ccc;padding: 16px 0;flex:1;letter-spacing: -0.5px;}
.ip_tab li a{color: #999;}
.ip_tab li.active{background:#111;border: 1px solid #111;}
.ip_tab li.active a{color: #fff;}
.ip_title_bx1{margin-bottom: 60px;}
.ip_title_bx1.type1{margin: 100px 0 60px;}
.ip_title_bx1 .ip_sub_tit{font-size: 20px;font-family: 'Poppins';}
.ip_title_bx1 .ip_sub_tit.yellow{color: #F6AC00;}
.ip_title_bx1 .ip_sub_tit.hotpink{color: #D9004A;}
.ip_title_bx1 .ip_sub_tit.cyan{color: #00A0B9;}
.ip_title_bx1 .ip_main_tit{font-size: 60px;font-weight: 600;color:#000;word-break: keep-all;letter-spacing: -0.5px;}

.ip_sub_img_wrap{position: relative;}
.ip_sub_img_wrap > img{width: 100%;}
.ip_sub_img_wrap .right_square{position: absolute;top: -56px;right: -150px;width: 318px;}
.ip_sub_conts_wrap{font-size: 20px;margin: 60px 0 150px;color: #000;line-height: 1.8;letter-spacing: -0.5px;}
.ip_subcon_bx.both_align{display: flex;padding-bottom: 100px;}
.ip_subcon_bx.both_align .ip_sub_img_wrap{position: relative;width: 371px;}
.ip_subcon_bx.both_align .ip_sub_img_wrap > img{width: 100%;}
.ip_subcon_bx.both_align .ip_sub_img_wrap .right_square2{position: absolute;top: 350px;right: -190px;width: 336px;}
.ip_subcon_bx.both_align .ip_sub_conts_wrap{width: calc(100% - 371px);padding: 0 0 0 125px;margin: 0;}

.ip_table_wrap{display: flex;justify-content: space-between;}
.ip_table_wrap.program{margin-top: 150px;}
.ip_table_wrap .bizpair_title{width: 250px;}
.ip_table_wrap.type2 .bizpair_title{width: 300px;}
.ip_table_wrap .bizpair_title h4{font-size: 45px;color: #0D0D0D;letter-spacing: -1px;}
.ip_table_wrap .bizpair_title p{font-family: 'Poppins';font-size: 20px;color: #919191;margin-top: 10px;}
.ip_table_wrap .bizpair_conts{width: calc(100% - 250px);border-top: 2px solid #000;}
.ip_table_wrap.type2 .bizpair_conts{width: calc(100% - 300px);}
.ip_table_wrap .bizpair_table_bx{padding-top: 48px;}
.ip_table_wrap .bizpair_table_bx li{display: flex;padding-bottom: 20px;font-size: 20px;color: #000;letter-spacing: -0.5px;}
.ip_table_wrap .bizpair_table_bx li .bizpair_tit_l{width: 95px;font-weight: 700;}
[lang="en"] .ip_table_wrap .bizpair_table_bx li .bizpair_tit_l{width: 160px;}
.ip_table_wrap.type2 .bizpair_table_bx li .bizpair_tit_l{width: 150px;}
.ip_table_wrap .bizpair_table_bx li .bizpair_con_r{width: calc(100% - 95px);}
[lang="en"] .ip_table_wrap .bizpair_table_bx li .bizpair_con_r{width: calc(100% - 160px);}
.ip_table_wrap.type2 .bizpair_table_bx li .bizpair_con_r{width: calc(100% - 150px);}
.ip_table_wrap .bizpair_table_bx li .bizpair_con_r .txt_link{text-decoration: underline;margin-left: 20px;}
.ip_table_wrap .bizpair_table_bx li .bizpair_con_r .desc_add{color: #7A7A7A;}
.ip_table_wrap .bizpair_conts .biz_program{display: flex;padding-top: 18px;}
.ip_table_wrap .bizpair_conts .biz_program.second{padding-top: 0;}
.ip_table_wrap .bizpair_conts .biz_program dt{width: 130px;font-size: 20px;color: #000;font-weight: 600;padding-top: 30px;border-bottom: 1px solid #E1E1E1;}
.ip_table_wrap .bizpair_conts .biz_program dt p{font-weight: normal;margin-top: 5px;}
.ip_table_wrap .bizpair_conts .biz_program dd{width:calc(100% - 130px);border-bottom: 1px solid #E1E1E1;}
.ip_table_wrap .bizpair_conts .biz_program .biz_program_conts{display: flex;padding: 30px 0;}
.ip_table_wrap .bizpair_conts .biz_program .biz_program_conts + .biz_program_conts{border-top: 1px solid #E1E1E1;}
.ip_table_wrap .bizpair_conts .biz_program .biz_program_conts h5{width: 160px;font-weight: 600;color: #000;font-size: 18px;}
.ip_table_wrap .bizpair_conts .biz_program .biz_program_conts .bizpair_con{width: calc(100% - 160px);}
.ip_table_wrap .bizpair_conts .biz_program .biz_program_conts .bizpair_con .bizpair_tit{font-size: 20px;font-weight: 600;margin-bottom: 10px;}
.ip_table_wrap .bizpair_conts .biz_program .biz_program_conts .bizpair_con p{font-size: 18px;}
.buildup_program{display: flex;padding-top: 50px;}
.buildup_program + .buildup_program{border-top: 1px solid #C5C5C5;}
.buildup_program dt{width: 300px;font-size: 20px;color: #000;font-weight: bold;}
.buildup_program dd{width: calc(100% - 300px);padding-bottom: 30px;}
[lang="en"] .buildup_program dt{width: 200px;}
[lang="en"] .buildup_program dd{width: calc(100% - 200px);}
.buildup_program dd .build_conts{display: flex;}
.buildup_program dd .build_conts h5{width: 90px;color: #000;padding-bottom: 30px;font-size: 20px;}
.buildup_program dd .build_conts .build_conts_r{width: calc(100% - 90px);padding-bottom: 30px;font-size: 20px;}
[lang="en"] .buildup_program dd .build_conts h5{width: 140px;}
[lang="en"] .buildup_program dd .build_conts .build_conts_r{width: calc(100% - 140px);}
.buildup_program dd .build_conts .build_conts_r li{display: flex;padding-bottom: 30px;}
.buildup_program dd .build_conts .build_conts_r li .build_l{width: 140px;font-weight: bold;}
.buildup_program dd .build_conts .build_conts_r li .build_r{width: calc(100% - 140px)}

[lang="en"] .buildup_program dd .build_conts .build_conts_r li .build_l{width: 170px;}
[lang="en"] .buildup_program dd .build_conts .build_conts_r li .build_r{width: calc(100% - 170px)}

.buildup_program dd .build_conts .build_conts_r li .build_r p{margin-bottom: 24px;padding-left: 20px;position: relative;}
.buildup_program dd .build_conts .build_conts_r li .build_r p::before{content: '';position: absolute;width: 6px;height: 6px;background: #000;border-radius: 100%;top: 12px;left: 0;}
.buildup_program dd .build_conts .build_conts_r li .build_r p span{font-weight: bold;}
.pitching .buildup_program dt{font-size: 28px;width: 250px;}
.pitching .buildup_program dd{width: calc(100% - 250px);}
.pitching .buildup_program dd .build_conts h5{width: 130px;}
.pitching .buildup_program dd .build_conts .build_conts_r{width: calc(100% - 130px);}

.btn-bx-both{display: flex;justify-content: space-between;margin-top: 40px;color: #7A7A7A;font-size: 18px;}
.biz_btn_arrow{color: #000;font-size: 18px;padding: 16px 24px;border: 1px solid #000;border-radius: 36px;font-weight: bold;}
.biz_btn_arrow i{display: inline-block;width: 28px;height: 28px;background-image: url('../../resources/images/sub_IP/ip_arrow.png');vertical-align: middle;font-size:0;background-size: cover;margin-top: -3px;}
.pitch_tit{font-size: 20px;font-weight: bold;color: #000;}
.pitch_tit::before{content: '';display: inline-block; width: 10px;height: 12px;background-image: url('../../resources/images/sub_IP/ip_triangle.png');font-size: 0;background-size: cover;margin-right: 10px;}
.pitching_day_list{margin-top: 24px;}
.pitching_day_list li{display: flex;;padding-bottom: 20px;font-size: 20px;}
.pitching_day_list li .pitching_day{width: 120px;font-weight: bold;}
.pitching_day_list li .pithcing_day_con{width: calc(100% - 120px);}
.pitching_desc{margin-top: 40px;}
.pitching_desc li{font-size: 18px;color: #7A7A7A;padding-bottom: 15px;}
.btn_all_view{margin-top: 30px;}
.pc_only{display: block;}
.mo_only{display: none;}

/* 20221025  exhibition(표) */
section.exhibition .table-wrap {width: 100%; border-top: 1px solid #707070;  border-bottom: 1px solid #707070;}
section.exhibition .data-table thead th { border-right: 1px solid #ccc; padding: 22px 0; border-bottom: 0; font-weight: 400;}
section.exhibition .data-table thead th:last-child { border-right: 0;}
section.exhibition .data-table tbody td { border-top: 1px solid #ccc; border-right: 1px solid #ccc; text-align: center; height: 160px; border-bottom: 0;}
section.exhibition .data-table tbody td.booth-etc { text-align: left; padding-left: 40px;}
section.exhibition .data-table tbody td.booth-etc p {position: relative; padding-left: 12px;}
section.exhibition .data-table tbody td.booth-etc p::before { content: ""; position: absolute; top: 7px; left: 0; width: 4px; height: 4px; background: #848484; border-radius: 100%;}
section.exhibition .data-table tbody td:last-child { border-right: 0;}

/* 20221025  information_1 */
.map-info-area{margin: 80px 0 0;height: 640px;}
.map-info-area img{width: 100%;}
.information-header{ display: flex;padding:110px 0 60px;}
.map-box{border-top: 1px solid #ccc;}
.map-box ul li{ display: flex; justify-content: space-between;padding: 30px 0;border-bottom: 1px solid #ccc;}
.map-box ul li .map-title{width: 200px;padding-left: 40px;font-size: 20px;color: #000;font-weight: bold;}
[lang="en"] .map-box ul li .map-title{width: 310px;}
.map-box ul li .map-conts{font-size: 16px;color: #666;}
.map-box ul li .map-conts.map-conts1{width:calc(100% - 220px);}
.map-box ul li .map-conts.map-conts2{width: 170px;}
.map-box ul li .map-conts.map-conts3{width:calc(100% - 390px);}
.map-conts .second-line{margin-top: 16px;}
.map-title .bus-number{display: none;}

/* 221025 information_2_1 */
.information-header {  display: flex; padding: 110px 0 60px;}
.information-header.hotel {  justify-content: space-between;  align-items: center;}
.information-header .info-title { font-size: 44px; color: #000; font-weight: 500;}
.hotel-list li a { font-size: 20px; color: #888; position: relative; margin-right: 30px;}
.hotel-list li.current a {color: #000; font-weight: 600;}
.hotel-list li.current a::after {content: ""; position: absolute; bottom: -4px; left: 0;  width: 100%; height: 2px; background: #000;}
.hotel-info-list {  flex-wrap: wrap; justify-content: space-between;}
.hotel-info-list > li { width: calc((100% - 80px) / 2); margin-bottom: 80px; font-size: 16px; color: #999; }
.hotel-info-list .img-wrap img { width: 100%;}
.hotel-info-list .hotel-title {padding: 30px 0 20px; color: #000; font-size: 28px; font-weight: 600;}
.hotel-info-list .info-wrap li {   display: flex;  -webkit-justify-content: space-between;  -ms-flex-pack: justify;  justify-content: space-between;  padding-bottom: 10px;  letter-spacing: -0.5px;}
.hotel-info-list .info-wrap .info-title {  width: 108px;  color: #000;}
.hotel-info-list .info-wrap .info-conts { width: calc(100% - 108px);}

/* 221025  information_3_1 */
.hotel-link-bx.sub_tab { padding: 80px 0 0 0;}
.hotel-link-bx.sub_tab .hotel-list {justify-content: flex-end;}
.hotel-list li.current a {color: #000; font-weight: 600;}
.hotel-list li a { font-size: 20px; color: #888; position: relative;}
table.info-list { border-top: 1px solid #000; width: 100%; font-size: 16px;}
table.info-list thead th { padding: 23px 0; border-bottom: 1px solid #000; font-weight: 500;}
table.info-list tbody th { padding: 20px 15px 20px 50px; line-height: 1.5; border-bottom: 1px solid #ccc; text-align: left; color: #666; font-weight: 400;}
table.info-list tbody td { padding: 20px 15px; line-height: 1.5; border-bottom: 1px solid #ccc; text-align: center; color: #666; font-weight: 300;}
table.info-list tbody td.l { text-align: left;}

/*  221025 information_4 */
.tour-info-list { border-top: 1px solid #b8b8b8; word-break: keep-all;}
.tour-info-list > li { padding: 40px 30px; border-bottom: 1px solid #b8b8b8;}
.tour-info-list .tour-text-wrap {width: calc(100% - 476px); -webkit-flex-direction: column;  -ms-flex-direction: column;  flex-direction: column;  -webkit-justify-content: space-between;  -ms-flex-pack: justify;  justify-content: space-between;}
.tour-info-list .tour-text-wrap .tour-text-bx { font-size: 16px; color: #000;}
.tour-info-list .tour-text-wrap .tour-text-bx .tour-title { font-size: 28px; color: #000; font-weight: 600; margin-bottom: 24px;}
.tour-info-list .tour-text-wrap .tour-link span { position: relative;}
.tour-info-list .tour-text-wrap .tour-link span:after { content: ""; position: absolute; top: 50%; right: -28px; width: 16px; height: 16px; background: url(/resources/images/information/icon_arrow.svg) no-repeat center; transform: translateY(-50%);}
.tour-info-list .tour-text-wrap .tour-link a { color: #919191; margin-left: 36px;}
.tour-info-list .tour-img-wrap { width: 476px; text-align: right;}
.tour-m-img-wrap { display: none;}

/* 221025 after_bcww2022 */
#container { width: 100%; min-height: calc(100% - (64px + 353px));}
#content.bcww-after {padding-bottom: 0;}
#content.bcww-after .section {padding: 280px 0 160px; color: black; background: white;}
#content.bcww-after .section.visual {background: #22155d; position: relative; text-align: center;  color: white;}
#content.bcww-after .contents { display: flex;  align-items: flex-start;  z-index: 10;  text-align: center;}
#content.bcww-after .visual .contents img { width: 100%;}
#content.bcww-after .contents .txt {max-width: 620px;}
#content.bcww-after .contents .txt h1 { font-size: 24px; font-weight: bold; line-height: 36px; letter-spacing: -0.58px; text-align: left; word-break: keep-all;  margin-top: 65px;}
#content.bcww-after .contents .txt p { font-size: 18px; font-weight: normal; line-height: 32px; letter-spacing: -0.36px; text-align: left; margin-top: 60px; opacity: 0.7;}
#content.bcww-after .contents .txt .btn-wrap { margin-top: 60px; text-align: left;}
#content.bcww-after .contents .txt .btn-wrap .btn8 { font-size: 14px; line-height: 26px; letter-spacing: -0.28px; text-decoration: underline;}
#content.bcww-after .contents .txt .btn-wrap .btn8 .ico { vertical-align: middle;  margin-left: 10px;}
#content.bcww-after .section.info {background: #f8f8f8; position: relative;}
#content.bcww-after .section.info::after { content: ''; position: absolute; left: 0; right: 0;  top: 0;  bottom: 0;  background: white;  opacity: 1;  width: 100%;  max-height: 50%;  height: 100%;}
#content.bcww-after .section.info .contents { max-width: 1020px;}
#content.bcww-after .section.info .contents { justify-content: center; align-items: center;}
#content.bcww-after .section.info .img-wrap { transform: translateX(0%);}
#content.bcww-after .sec-title { font-size: 44px; font-weight: bold; line-height: 1.45; letter-spacing: -0.88px;}
#content.bcww-after .sec-title p { font-size: 18px; font-weight: normal; line-height: 42px; margin-top: 40px; letter-spacing: -0.36px; word-break: keep-all;}
#content.bcww-after .sec-title p.title {font-size: 54px; font-weight: bold; line-height: 64px; letter-spacing: -1.8px; margin-top: 0;}
#content.bcww-after .info-row { padding: 75px 0 30px; margin-top: 15px; border-top: 0;  justify-content: center;}
#content.bcww-after .sec-title+.info-row { margin-top: 50px; border-top: 2px solid black;}
#content.bcww-after .info-row+.info-row { margin-top: 0; padding: 25px 0 0;}
#content.bcww-after .info-row dl { width: calc(( 100% - 90px)/3); text-align: left; letter-spacing: -0.32px;}
#content.bcww-after .info-row dl dt { font-weight: bold; white-space: nowrap;}
#content.bcww-after .info-row dl dd { margin-top: 18px; min-height: 36px; line-height: 36px;}
#content.bcww-after .section.past-event .c-inner { position: relative;}
#content.bcww-after .section.past-event .sec-title {text-align: center; font-size: 48px; line-height: 52px; letter-spacing: -0.96px;}
#content.bcww-after .btn9.poster-view-btn9 { position: absolute; top: 0; right: 0; border: 1px solid var(--warm-grey);  display: flex;  justify-content: space-between;  align-items: center; padding: 0 30px; max-width: fit-content; width: 100%; height: 50px; line-height: 50px; font-size: 14px; letter-spacing: -0.28px; box-shadow: none;}
#content.bcww-after .section.past-event .gallery-title-nav { margin-top: 40px;  border-top: 2px solid black;  border-bottom: 2px solid black;  padding: 20px 0;}
#content.bcww-after .section.past-event .gallery-title-nav .sub-title1 { font-size: 38px;  letter-spacing: -0.76px;  padding: 0px 40px;}
#pastEvent {margin: 1px;}
#content.bcww-after .section.past-event .past-event-wrap { padding-top: 80px;  align-items: start;}
#content.bcww-after .section.past-event .past-event-wrap .flex-both {  align-items: flex-start;}
#content.bcww-after .past-event-wrap .info-wrap { width: 100%;}
#content.bcww-after .past-event-wrap .info-row {  margin-top: 0;  padding: 0 0 40px;  -webkit-justify-content: flex-start;  -ms-flex-pack: start;  justify-content: flex-start;}
#content.bcww-after .past-event-wrap .info-row+.info-row {padding: 0 0 40px;}
#content.bcww-after .past-event-wrap .info-row dl { width: calc(( 100% - 75px)/2);}
#content.bcww-after .past-event-wrap .info-row dl:first-child {  margin-left: 110px;}
#content.bcww-after .past-event-wrap .info-row dl.only-row { width: 100%;}
#content.bcww-after .past-event-wrap .info-row dl dd {  margin-top: 8px;  min-height: auto;  line-height: inherit;}
#content.bcww-after .swiper-button-next { width: 42px;  height: 33px; top: 128px;  right: 50%;  transform: translateX(120px);}
#content.bcww-after .swiper-button-prev { width: 42px; height: 33px; top: 128px;  left: 50%;  transform: scaleX(-1) translateX(120px);}
#content.bcww-after .past-event-wrap .info-row.other-type { padding: 0 0; margin-top: 40px;}
#content.bcww-after .past-event-wrap .info-row.other-type dl { border-top: 1px solid rgba(0, 0, 0, 0.2);  text-align: center;  padding: 40px 0;      display: flex;  -webkit-justify-content: center;  -ms-flex-pack: center;  justify-content: center;      align-items: center;  -webkit-flex-direction: column-reverse;  -ms-flex-direction: column-reverse;  flex-direction: column-reverse;}
#content.bcww-after .past-event-wrap .info-row.other-type+.info-row.other-type dl {margin-top: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.2);}
#content.bcww-after .past-event-wrap .info-row.other-type dl dt {  font-size: 16px;  font-weight: normal;  line-height: normal;  letter-spacing: -0.32px;  opacity: 0.5;  margin-top: 3px;}
#content.bcww-after .past-event-wrap .info-row.other-type dl dd {  font-size: 34px;  font-weight: bold;  line-height: normal;  letter-spacing: -0.68px;  margin-top: 0;}

.ico.poster { width: 24px !important; height: 24px !important; background-image: url(/resources/images/bcww2022/ico_poster.svg) !important;}
.ico.download-circle { width: 34px; height: 34px; background-image: url(/resources/images/bcww2022/icon_download_circle.svg);}

/* 221026 */
.quiz-bx-sel + .quiz-bx-sel{margin-top: 20px;}
.quiz-bx-sel .phone-bx span{margin-top: 7px;}
.quiz-bx-sel .phone-bx input[type=radio] + label{margin-right: 10px;}

.btn1.icon_one{min-width:auto;}
.phone-bx .btn1.icon_one{margin-left: 10px;vertical-align: bottom;}

/* 22/10/27 220729_quiz-upload 수정*/
.check-bx > span.w25{width: 25%;}
.blockw85{width: 85%;}
.input-bx.column{display: block; margin: 50px 0;}
.input-bx.column.st{margin: 0px 0 30px 0;}
.blockw10{width:150px;}
.blockw4{width:50px; line-height: 2.5;}
.answerwrap{margin: 25px 0;}
.answerwrap .activecl{background: #000;}
.answerwrap select{margin-right: 20px;}
input[type=checkbox] + label.vtop{vertical-align: top; line-height: 2.8;}
input[type=radio] + label.mr0{margin-right: 0; vertical-align: top; line-height: 2.5;}

.btn12{display: inline-block; min-width: 80px; height: 45px; padding: 0 20px; line-height: 45px; text-align: center; border-radius: 3px; border: solid 1px #000; background-color: #000; color: #fff; font-size: 16px; font-weight: 500;}
.btn-gray {border: 1px solid #6f6f6f;background-color: #6f6f6f; color: #fff;}

/* 2022-11-07 수정 */
#pop001 .account-list.typ02 .account-list_bg{background-color: #fff; color: #000;}
.popup .account-list.typ02 .btn-radius{border: 1px solid #000; border-radius: 30px;}

/* 20221216 수정 */
ul.menu{align-items: center; height: 100%;}
ul.menu li.menu_li{position: relative; height: 100%;}
ul.menu li.menu_li a.menu_tit{line-height: 100px;}
ul.menu li.menu_li .drop_bx{position: absolute; top: 100%; left: 50%; padding: 20px 0px 30px; width: 160px; height: auto; background-color: #fff; transform: translateX(-50%); box-shadow: 3px 7px 20px 5px #c9c9c9; display: none; z-index: 9999;}
ul.menu li.menu_li .drop_bx ul.drop li{ margin-bottom: 30px;}
ul.menu li.menu_li .drop_bx ul.drop li:last-child{margin-bottom: 0;}
ul.menu li.menu_li .drop_bx ul.drop li a{color: #000; font-size: 18px; font-weight: 400;}
ul.menu li.menu_li .drop_bx ul.drop li a:hover{text-decoration: underline;}
ul.menu li.menu_li .drop_bx ul.drop li a span{ font-size: 9px; padding: 7px; border-radius: 50%; background-color: red; color: #ffff; margin-right: 10px;}

ul.menu.black li.menu_li .drop_bx{background-color: #000; box-shadow: unset;}
ul.menu.black li.menu_li .drop_bx ul.drop li a{color: #fff;}

/* 2022-11-23 수정 */
header.background.GKF{background:rgba(0,0,0,1)}
.container.sectionlogo.gkf{margin-top: 0; align-items: center; }
.container.sectionlogo.gkf{justify-content: flex-start; }
.container.sectionlogo.gkf div{flex:1; display: flex; align-items: center;}
.container.sectionlogo.gkf div a{margin-left: 20px;}
.sectionlogo{display: flex; margin-top: 30px;}
.sectionlogo1_flex_col{display: flex; flex-direction: column; align-items: center; margin-left: 20px;}
.sectionlogo1_flex_col a{margin-right: 30px;}
.hd-logo.gkf{font-weight: 800; font-size: 25px;}
.popup_GKF{background-color: rgb(0, 0, 0, 0.3); position: fixed; inset: 0px; opacity: 1; z-index: 9998; cursor: pointer;}
.popup_GKF_banner{ width: 100%; max-width: 740px;  padding: 0; left: 100px; position: absolute; top: 100px; z-index: 9999; opacity: 1; display: block;}
.popup_GKF_bg img{width: 100%;}
.popup_GKF_bg a{background: #fff;}
.popup_GKF_btn{position: relative; margin-bottom: 10px; height: 50px; background: #fff; display: flex; align-items: center; justify-content: space-between; cursor: default;}
.popup_GKF_check{padding: 15px 20px; font-size: 14px; color: #000;}
.popup_GKF_btn a{color: #000; padding: 0 20px;}

/* 20221129 참가신청 프로그램 */
.request-wrap{border-top: 2px solid #000;border-bottom: 2px solid #000;padding: 10px 0;}
.request-wrap h5{min-width: 70px;font-size: 16px;font-weight: 500;line-height: 45px;margin-right: 10px;}
.request-wrap .request-con{line-height: 45px;}
.request-wrap .enroll-bx > .check-bx{margin-bottom: 5px;}
.request-wrap.type2 h5{min-width: 140px;}
.request-bx{margin-bottom: 12px;}

.request-sub{padding: 20px 25px 10px;border: 1px solid #dbdbdb;}
.request-sub.active-del{display: flex;position: relative;}
.request-sub .request-con-l{width: calc(100% - 55px);}
.request-sub .request-con-r{width: 55px;position: absolute;top: 0;bottom: 0;right: 0;}
.request-sub .request-con-r a{text-align: center;color: #fff;display: block;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;background: #000;}
.request-wrap.type2 .request-sub h5{min-width: 115px;font-size: 16px;font-weight: 500;line-height: 45px;margin-right: 10px;}
.request-sub .bt-del{position: absolute;top: 0px;right: 0;padding: 10px 20px;background: #000;color: #fff;font-size: 20px;}

/* 20221207 과학영재교육 페스티벌 */
.mb_on{display: none;}
.overview_tit h2{text-align: center; font-size: 40px; padding:0 0 62px 0 ; }
.overview_tit h1{font-size: 30px; font-weight: 800; color: #69707a; line-height: 1;}
.overview_tit.sgef04{border-bottom: 1px solid #bebebe; padding-bottom: 40px;}
.overview_sgef_content{display: flex; align-items: center;}
.overview_sgef_content.sgef04{margin-top: 40px; align-items: flex-start;}
.overview_sgef_content .sgef_txt_wrap{margin-left: 70px;}
.overview_sgef_content .sgef_txt_wrap h1{ font-size: 30px; font-weight: 900; margin-bottom: 30px;}
.sgef_txt_wrap .sgef_txt{ padding: 25px; border: 10px solid #eef1ff;}
.sgef_txt_wrap .sgef_txt p{ font-size: 20px; line-height: 1.8;}
.sgef_txt_wrap .last_tit{margin-top: 30px; margin-left: 20px;}
.sgef_txt_wrap .last_tit h2{position: relative;}
.sgef_txt_wrap .last_tit h2::before{content: ''; width: 10px; height: 10px; background-color: #000; position: absolute; top: 10px; left: -20px;}
.sgef_txt_wrap .last_tit .last_tit_flx{display: flex; justify-content: space-between;}
.sgef_txt_wrap .last_tit .last_tit_flx a{ padding: 5px 30px; background-color: #6624ba; border-radius: 6px; color: #fff; font-weight: 600; font-size: 16px; line-height: 1.3;}
.last_txt ul li{margin-top: 20px; font-size: 20px; color: #666666; font-weight: 500;}
.overview_table_bx li {display: flex; margin-top: 20px;}
.overview_sgef_content .overview_table_bx li .overview_tit_l{width: 150px; font-size: 20px; font-weight: 800; color: #6f6f6f; }
.overview_sgef_content .overview_table_bx li .overview_con_r{width: calc(100% - 150px); font-size: 20px; font-weight: 700; line-height: 1.8; }
.overview_sgef_content .overview_table_bx li:last-child .overview_con_r{font-weight: 900;}
.overview_table_bx.sgef03 li{margin-top: 0;}
.overview_table_bx.sgef03 li .overview_tit_l{width: 80px; font-size: 18px; font-weight: 800;}
.overview_table_bx.sgef03 li .overview_con_r{width: calc(100% - 80px); font-size: 17px; font-weight: 500 ;}
.sgef01_list{margin: 30px;}
.sgef01_list h1{font-weight: 900;}
.sgef01_list .overview_table_bx li{margin-left: 30px;}
.sgef01_list .overview_table_bx li .list_tit{ padding-right: 20px; font-size: 20px; border-right: 2px solid #e2e2e2; font-weight: 800; position: relative;}
.sgef01_list .overview_table_bx li .list_tit::before{content: '';  position: absolute; width: 10px; height: 10px; background-color: #000; top: 50%; left: -20px; transform: translateY(-50%);}
.sgef01_list .overview_table_bx li .list_con{padding-left: 20px; font-size: 20px; color: #666666;}
.map_wrap{padding: 0 0 30px 0; border-bottom: 1px solid #bebebe;}
.map_wrap, .map_wrap iframe{width: 100%; }
.subway_wrap, .bus_wrap{padding: 40px 30px 0;}
.transport_icon_bx{width: 90px; height: 90px; background-color: #f0f0f0; border-radius: 50%; position: relative; margin-right: 30px;}
.transport_icon_bx img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.transport_txt h2{font-size: 22px; font-weight: 800; line-height: 1.8;}
.transport_txt p{font-size: 20px; font-weight: 500;}
.busline_wrap{margin-left: 150px;}
.busline_wrap .busline{margin-top: 20px;}
.busline_wrap .busline h2, .busline h3{font-size: 18px; line-height: 1.8;}
.busline_wrap .busline h2:before{content: ''; width: 10px; height: 10px; background-color: #632ed6; display: inline-block; vertical-align: top; margin-top: 11px; margin-right: 7px; border-radius: 3px;}
.table_dl_wrap dl{display: flex;}
.table_dl_wrap dl dt h1{color: #69707a; font-size: 30px; line-height: 1.4; margin-right: 50px;}
.table_dl_wrap dl dd p{font-size: 19px; line-height: 1.8; font-weight: 500;}
.table_down{width: 100%; text-align: center; margin-top: 45px;}
.table_down a{padding: 20px; background-color: #6624ba; color: #fff; font-weight: 600; border-radius: 10px;}
.table_down a i{background: url(/resources/images/festival/download_icon.png) no-repeat center; width: 24px; height: 24px; display: inline-block; vertical-align: middle; margin-top: -7px; margin-right: 7px;}

/* 20221214 수정 */
.container {margin-bottom: 20px;}
.container .coment{display: flex; flex-wrap: unset; align-items: flex-start;}
.container .coment strong{width: 50px; margin-right: 0;}
.container .coment .coment01_wrap{width: calc(100% - 50px);}
.ft-top .logo > div.coment {align-items: flex-start; margin: 10px;}
.ft-top .logo a img {height: unset;}
.coment01_img{width: 130px;}

header.background.transparent{background-color: transparent;}
.main-vis .main-vis-img.bgnone{background-color: none;}
ul.menu.flx_wrap_start{flex-wrap: wrap; justify-content: flex-start; margin-left: 200px;}
.main-vis .main-vis-img.bgnone .main-vis-tit strong,
.main-vis .main-vis-img.bgnone .main-vis-tit span,
.main-vis .main-vis-img.bgnone .main-vis-txt,
.main-vis .main-vis-img.bgnone .main-vis-txt01,
ul.menu.flx_wrap_start li.menu_li a.menu_tit{ text-shadow: #000 5px 5px 13px;}
ul.menu.grey li.menu_li {white-space: unset; max-width: 150px; display: flex; align-items: center;  word-break: break-all;}
ul.menu.flx_wrap_start li.menu_li a.menu_tit{line-height: 1.4;}
ul.menu.grey li.menu_li .drop_bx{background-color: #fff; top: 100%; box-shadow: none; text-align: left; padding: 0;}
ul.menu.grey li.menu_li .drop_bx ul.drop li{border-bottom: 1px solid #c3c3c3; margin: 0; padding: 15px;}
.menu.pc_ver{display: flex;}
.menu.pc_ver li.menu_li:hover .drop_bx{display: block;}
.menu.mo_ver{display: none;}

.goBtn{position: fixed; right: 10%; border-radius: 50%; text-align: center; width: 100px; height: 100px; padding-top: 25px; background-color: #bb6afd; background-image: linear-gradient(140deg, #bb6afd 0%, #da4653 50%, #fbc56a 100%); color: #fff; border: none; bottom: 20%;}
.goBtn strong{font-size: 19px;}
.goBtn.bigCircle{font-size: 13px; padding-top: 30px;}
.goBtn.bigCircle strong{ font-size: 15px;}
.event_tab2{margin-bottom: 50px;}
.event_tab2 ul{display: flex; justify-content: center; align-items: flex-end; padding: 0 20px; }
.event_tab2 ul li{border-bottom: 1px solid #000; padding: 20px 0px; flex: 1; text-align: center;}
.event_tab2 ul li.active{color: #8446ad; border-bottom: 2px solid #8446ad;}
.event_tab2 ul li a{font-size: 18px;}
.event_tab2 ul li a span{font-size: 13px; color: #999;}

.ft-slider-wrap {overflow: hidden;}
.ft-slider-wrap .ft-slider {width: calc(100% / 3); padding-left: 50px; float: left; position: relative; box-sizing: border-box;}
.ft-slider-wrap .ft-slider .name {font-weight: 700; position: absolute; left: 0; top: 0;}

/* 230322 PG 결재수단 화면 추가 */
.purchase_history {max-width: 1000px; margin: 0 auto 100px; padding: 50px 115px 66px; border: 1px solid #e8e8e8;}
.purchase_history .title {margin-bottom: 30px; letter-spacing: -1.52px; font-size: 38px; text-align: center; font-weight: 500; color: #222;}
.purchase_history .txt {margin-bottom: 10px; font-size: 18px; color: #333;}
.purchase_history .list {border-top: 1px solid #e8e8e8;}
.purchase_history .list li {padding: 20px 0; border-bottom: 1px solid #e8e8e8; overflow: hidden;}
.purchase_history .list li > div {width: 25%; float: left;}
.purchase_history .list li > div.image img {max-width: 100px;}

.sub-title .white_text {color: #fff; position: absolute; right: 0; top: 0;}

.container.pgOrder .enroll-bx>.dv_grp>.dv {display: grid; grid-template-columns: 100px 1fr; align-items: center; row-gap: 20px;}
.container.pgOrder .enroll-bx>.dv_grp>.dv .enrollTit {margin-bottom: 0;}
.container.pgOrder .enroll-bx>.dv_grp>.dv>.dv_grp {margin-bottom: 0;}
.container.pgOrder .enroll-bx>.dv_grp>.dv>.dv_grp.select {flex-direction: column; row-gap: 20px;}
.container.pgOrder .enroll-bx>.dv_grp>.dv>.dv_grp .dv + .dv {margin-left: 0;}
.container.pgOrder .check-bx > span {width: calc(100% / 4)}
.container.pgOrder .submitBtn {display: flex; justify-content: center; gap: 2rem;}

.pgCoupon .input-bx {display: grid; grid-template-columns: 1fr auto}
.pgCoupon .cpDelYn {grid-column: 2 / -1; display: grid; grid-template-columns: 0 1fr 150px; align-items: center;}
.pgCoupon .cpDelYn .delBtn {margin-left: 30px; cursor: pointer;}

.container.addItem { display: grid; grid-template-columns: 1fr 1fr; column-gap: 3rem; }
.container.addItem>h3.title { grid-column: 1 / -1; }
.container.addItem .image_wrap { display: flex; flex-direction: column; align-items: center; gap:1rem; margin-bottom: 20px;}
.container.addItem .image_wrap figure { object-fit: cover; width: 100%; height: 100%; background: #ccc; text-align: center; aspect-ratio: 1/1;}
.container.addItem .image_wrap ul { display: flex; gap: 1rem; justify-content: center; }
.container.addItem .image_wrap ul li.sub_img { padding: 5px 10px; border:1px solid #000; }
.container.addItem h4 {background: #000; color: #fff; padding: 5px 10px; text-align: center;}

.container.addItem .item_wrap ul li { display: grid; grid-template-columns: 6fr 1fr 1fr; border: 1px solid #aaa; padding: 15px 10px; margin:0.5rem 0; gap: 1rem; border-radius: 10px;}
.container.addItem .item_wrap ul li b span {color : darkgoldenrod; font-size: 20px;}
.container.addItem .item_wrap ul li>div { display: flex; justify-content: space-between;}
.container.addItem .item_wrap ul li button {padding: 2px 3px; border-radius: 5px; border: 1px solid #000; transition: .3s;}
.container.addItem .item_wrap ul li button:hover {background: #ccc;}
.container.addItem .item_wrap ul li label {justify-self: center; margin-right: 0;}

.container.addItem .cost_wrap .cost_info { display: flex; flex-direction: column; row-gap: 1rem;}
.container.addItem .cost_wrap .cost_info .category_info {display: flex; gap: 1rem; justify-content: center; margin-top: 20px;}
.container.addItem .cost_wrap .cost_info .category_info li {padding: 5px 10px; border:1px solid #000; cursor: pointer;}
.container.addItem .cost_wrap .text_area {padding: 30px 20px; border: 1px solid #000; border-radius: 10px; margin: 20px 0;}
.container.addItem .cost_wrap .btn_wrap { display: flex; flex-direction: column; gap: 0.5rem; margin: 60px 0;}
.container.addItem .cost_wrap .btn_wrap .purchaseBtn {background: pink;}
.container.addItem .cost_wrap .btn_wrap .favBtn {background: #aaa;}
.container.addItem .option_wrap .selItem_wrap {margin: 10px 0;}
.container.addItem .selItem_wrap .sel_title {width: 100%; padding: 10px 20px; display: flex; justify-content: space-between; border: 1px solid #888; border-radius: 10px; align-items: center;}
.container.addItem .selItem_wrap .sel_title .tit {font-size: 20px; color: #000;}
.container.addItem .selItem_wrap .sel_items {width: 100%; border: 1px solid #888; border-radius: 10px; margin-top: 5px; position:relative; display: none; overflow:hidden}
.container.addItem .selItem_wrap .sel_items li {display: flex; justify-content: space-between; padding: 10px 30px; transition:.3s; border-bottom: 1px solid #888;}
.container.addItem .selItem_wrap .sel_items li:last-child {border-bottom: none;}
.container.addItem .selItem_wrap .sel_items li:hover {background: #ddd;}
.container.addItem .selItem_wrap .sel_items::after {width: 100%; position:absolute; top:-12px; left: 0; height: 15px; background: transparent; content:''; display: block;}
.container.addItem .sel_title .arrow {font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 12px; color: #000; transition: all .4s;}
.container.addItem .sel_title .arrow i {transition: .3s;}
.container.addItem .sel_title .arrow i.on {transform: rotate(180deg)}
.container.addItem .joinPro_wrap {margin: 20px 0;}

/* 팝업 내용 */
.detailPopup p,
.detailPopup .popWrap .tbPopTit h3 { margin-bottom: 0;}

.pop {display: none;position: fixed;width: 100%;height: 100vh;top: 0;background: rgba(0,0,0,0.5);z-index: 9999;transition: .3s;}
.pop .popWrap {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background: #fff;width: 700px;max-width: 700px;padding: 0 10px 10px 10px;border-radius: 10px;overflow: scroll;height: 800px;}
.pop .popWrap .tbPopTit {display: flex;justify-content: space-between;align-items: center;background: #eee;margin-left: -9px;margin-right: -9px;margin-top: -3px;padding: 10px 30px 10px 20px;}
.pop .popWrap .tbPopTit span {transform: scale(1.3);}
.pop .popWrap .tbsiteinfo {margin: 40px 0 10px;display: flex;justify-content: space-between;align-items: center;}

.detailPopup .popWrap .list tbody tr {display: grid;grid-template-columns: 1fr 3fr;grid-template-rows: minmax(40px, auto);border-bottom: none;border-top: 1px solid #bbb;}
.detailPopup .popWrap .list tbody tr th {display: flex;justify-content: center;align-items: center;padding-left: 0;height: 100%;}
.detailPopup .popWrap .list tbody tr td {border-bottom: none;width: 100%;height: 100%;}
.detailPopup .popWrap .list tbody tr:nth-child(3) td,
.detailPopup .popWrap .list tbody tr:nth-child(4) td {grid-column: 2 / -1;}
.detailPopup .popWrap .list tbody tr.sessionWrap {padding-bottom:50px;}
.detailPopup .popWrap .list tbody tr td.videoWrap {grid-column : 2 / -1; text-align: start; padding-bottom: 20px;}
.detailPopup .popWrap .list tbody tr td.videoWrap article {width: 100%; height: 100%; aspect-ratio: 16 / 9; background:#eee;}
.detailPopup .popWrap .list tbody tr.expWrap td p { width: 100%; border: 1px solid #000; border-radius: 10px; text-align: start; padding: 20px 0 20px 10px;}
.detailPopup .popWrap .list tbody tr.expWrap td p:first-child {margin-bottom: 20px;}

.gnb {display: flex; width: 100%; height: 100%; justify-content: center;}
.gnb > li {height: 100%; margin: 0 15px; text-align: center; position: relative;}
.gnb .name a {font-size: 20px; line-height: 100px; font-weight: 500;}
.gnb > li .drop {display: none; width: 160px; height: auto; padding: 20px 0 30px; background-color: #000; position: absolute; left: calc(50% - 80px); top: 100%;}
.gnb > li:hover .drop {display: block;}
.gnb > li .drop li {margin-bottom: 30px;}
.gnb > li .drop li:last-child {margin-bottom: 0;}
.gnb > li .drop li a {font-size: 18px;}
.gnb > li .drop li a span {margin-right: 10px; padding: 7px; font-size: 9px; border-radius: 50%; background-color: red; color: #ffff;}

.contents_wrap {padding-top: 120px; font-family: 'Pretendard';}
.header_type_01 ~ .contents_wrap,
.header_type_02 ~ .contents_wrap,
.header_type_03 ~ .contents_wrap,
.header_type_04 ~ .contents_wrap {padding-top: 0;}

.header_type_01 {width: 100%; height: 129px; background: #fff; position: relative;}
.header_type_01 .i_header_wrap {width: 100%; height: 129px; background: #fff; box-shadow: 0 30px 40px rgba(0, 0, 0, 0.05); position: fixed; left: 0; top: 0;}
.header_type_01 .responsive_frame {width: 100%; max-width: 1280px;}
.header_type_01 .i_util {height: 37px; padding: 0 20px; background-color: #000;}
.header_type_01 .i_menu {position: absolute; right: 0; top: 0;}
.header_type_01 .i_menu::after {content: ''; display: block; clear: both;}
.header_type_01 .i_menu li {margin-left: 24px; float: left;}
.header_type_01 .i_menu li a {height: 37px; font-size: 14px; font-weight: 500; line-height: 37px; color: #fff;}
.header_type_01 .i_select {padding-right: 12px; position: relative;}
.header_type_01 .i_select::after {content: ''; display: block; width: 7px; height: 7px; border-top: 1px solid #fff; border-right: 1px solid #fff; position: absolute; right: 0; top: 13px; transform: rotate(135deg);}
.header_type_01 .i_select select {min-width: auto; height: 37px; line-height: 1.5; padding: 0; border: 0 solid #fff; font-size: 14px; font-weight: 500; color: #fff; background: #000;}
.header_type_01 .i_gnb_area {height: 92px; padding: 0 20px;}
.header_type_01 .logo {position: absolute; left: 0; top: 26px;}
.header_type_01 .logo a {display: block; height: 40px;}
.header_type_01 .logo img {height: 40px;}
.header_type_01 .i_gnb {position: absolute; right: 0; top: 0;}
.header_type_01 .i_gnb ul {overflow: hidden;}
.header_type_01 .i_gnb li {display: flex; height: 92px; align-items: center; margin-left: 56px; float: left;}
.header_type_01 .i_gnb li a {display: block; max-width: 190px; font-size: 20px; color: #111; font-weight: 600; word-break: keep-all;}

.header_type_02 {width: 100%; height: 100px; background: transparent; font-family: 'Pretendard'; transition: all 0.3s;}
.header_type_02.fixed {background: #fff; box-shadow: 0 30px 40px rgba(0, 0, 0, 0.05);}
.header_type_02 .i_gnb_area {height: 100px; padding: 0 20px;}
.header_type_02 .responsive_frame {width: 100%; max-width: 1280px;}
.header_type_02 .logo {position: absolute; left: 0; top: 30px;}
.header_type_02 .logo a {display: block; height: 40px;}
.header_type_02 .logo img {height: 40px;}
.header_type_02 .i_logo_black {display: none;}
.header_type_02.fixed .i_logo_white {display: none;}
.header_type_02.fixed .i_logo_black {display: block;}
.header_type_02 .i_gnb {position: absolute; right: 0; top: 0;}
.header_type_02 .i_gnb ul {overflow: hidden;}
.header_type_02 .i_gnb li {display: flex; height: 100px; align-items: center; margin-left: 48px; float: left;}
.header_type_02 .i_gnb li a {display: block; max-width: 190px; font-size: 18px; color: #fff; font-weight: 600; word-break: keep-all;}
.header_type_02.fixed .i_gnb li a {color: #000;}

.header_type_03 {width: 100%; min-width: 1280px; height: 100px; padding: 0 4.16vw; background: transparent; font-family: 'Pretendard'; letter-spacing: -0.05em; overflow: hidden; transition: all 0.3s;}
.header_type_03.fixed {background: #fff; box-shadow: 0 30px 40px rgba(0, 0, 0, 0.05);}
.header_type_03 .i_gnb_area {display: flex; justify-content: space-between; align-items: center; height: 100px; text-align: center; position: relative;}
.header_type_03 .logo a {display: block; height: 40px;}
.header_type_03 .logo img {height: 40px;}
.header_type_03 .i_logo_black {display: none;}
.header_type_03.fixed .i_logo_white {display: none;}
.header_type_03.fixed .i_logo_black {display: block;}
.header_type_03 .i_gnb ul {overflow: hidden;}
.header_type_03 .i_gnb li {display: flex; height: 100px; align-items: center; margin-left: 48px; float: left;}
.header_type_03 .i_gnb li a {display: block; max-width: 190px; font-size: 18px; color: #fff; font-weight: 600; word-break: keep-all;}
.header_type_03.fixed .i_gnb li a {color: #000;}
.header_type_03 .i_util::after {content: ''; display: block; clear: both;}
.header_type_03 .i_util li {margin-left: 24px; float: left;}
.header_type_03 .i_util a {display: block; line-height: 25px; font-weight: 700; font-size: 14px; color: #fff;}
.header_type_03.fixed .i_util a {color: #000;}
.header_type_03 .i_select {padding-right: 12px; position: relative;}
.header_type_03 .i_select::after {content: ''; display: block; width: 7px; height: 7px; border-top: 1px solid #fff; border-right: 1px solid #fff; position: absolute; right: 0; top: 8px; transform: rotate(135deg);}
.header_type_03 .i_select select {min-width: auto; height: 25px; line-height: 1.5; padding: 0; border: 0 solid #fff; font-size: 14px; font-weight: 700; color: #fff; background: transparent;}
.header_type_03.fixed .i_select::after {border-top: 1px solid #000; border-right: 1px solid #000;}
.header_type_03.fixed .i_select select {color: #000;}

.header_type_04 {width: 100%; position: relative;}
.header_type_04 .i_header_wrap {width: 100%; height: 129px; position: fixed; left: 0; top: 0;}
.header_type_04.fixed .i_header_wrap {background: #fff; box-shadow: 0 30px 40px rgba(0, 0, 0, 0.05);}
.header_type_04 .i_util {height: 37px; padding: 0 20px; background-color: #000;}
.header_type_04 .i_menu {position: absolute; right: 4.16vw; top: 0;}
.header_type_04 .i_menu::after {content: ''; display: block; clear: both;}
.header_type_04 .i_menu li {margin-left: 24px; float: left;}
.header_type_04 .i_menu li a {height: 37px; font-size: 14px; font-weight: 500; line-height: 37px; color: #fff;}
.header_type_04 .i_select {padding-right: 12px; position: relative;}
.header_type_04 .i_select::after {content: ''; display: block; width: 7px; height: 7px; border-top: 1px solid #fff; border-right: 1px solid #fff; position: absolute; right: 0; top: 13px; transform: rotate(135deg);}
.header_type_04 .i_select select {min-width: auto; height: 37px; line-height: 1.5; padding: 0; border: 0 solid #fff; font-size: 14px; font-weight: 500; color: #fff; background: #000;}
.header_type_04 .i_gnb_area {display: flex; height: 92px; padding: 0 20px; justify-content: center; align-items: center; position: relative;}
.header_type_04 .logo {position: absolute; left: 4.16vw; top: 26px;}
.header_type_04 .logo a {display: block; height: 40px;}
.header_type_04 .logo img {height: 40px;}
.header_type_04 .i_logo_black {display: none;}
.header_type_04.fixed .i_logo_white {display: none;}
.header_type_04.fixed .i_logo_black {display: block;}
.header_type_04 .i_gnb ul {overflow: hidden;}
.header_type_04 .i_gnb li {display: flex; height: 92px; align-items: center; margin-left: 56px; float: left;}
.header_type_04 .i_gnb li a {display: block; max-width: 190px; font-size: 20px; color: #fff; font-weight: 600; word-break: keep-all;}
.header_type_04.fixed .i_gnb li a {color: #000;}

.gnb_trigger {display: none;}

#footer_wrap {min-width: 1280px; padding: 0;}
#footer_wrap .i_banner_box {padding: 23px 20px; border-top: 1px solid #E5E5E5;}
#footer_wrap.m_wide .i_banner_box {padding: 23px 4.16vw;}
#footer_wrap .i_banner_box .responsive_frame {width: 100%; max-width: 1280px; overflow: hidden;}
#footer_wrap.m_wide .i_banner_box .responsive_frame {max-width: 100%;}
#footer_wrap .i_banner {width: calc(100% / 3); padding-left: 55px; float: left; position: relative;}
#footer_wrap .i_banner .i_title {line-height: 40px; font-size: 16px; color: #666; font-weight: 400; position: absolute; left: 13px; top: 0;}
#footer_wrap .i_ft_slick .i_align {display: flex; height: 40px; padding: 0 5px; align-items: center; justify-content: center;}
#footer_wrap .i_ft_slick img {max-height: 40px;}
#footer_wrap .i_info_box {padding: 56px 20px 146px; background-color: #F5F5F5;}
#footer_wrap .i_info_box.m_white {background-color: #fff;}
#footer_wrap.m_wide .i_info_box {padding: 56px 4.16vw 146px; border-top: 1px solid #E5E5E5;}
#footer_wrap .i_info_box .logo {position: absolute; left: 0; top: 0;}
#footer_wrap .i_info_box .responsive_frame {width: 100%; max-width: 1280px; padding: 0 0 0 246px;}
#footer_wrap.m_wide .i_info_box .responsive_frame {max-width: 100%;}
#footer_wrap .i_btn_privacy {display: inline-block; margin-bottom: 16px; font-weight: 700; color: #555;}
#footer_wrap .i_address {margin-bottom: 24px; color: #666;}
#footer_wrap .i_address span {display: inline-block; margin-right: 24px;}
#footer_wrap .i_address .i_txt {display: block; margin-top: 8px;}
#footer_wrap .i_copyright {font-weight: 500; color: #999;}
#footer_wrap .i_select {width: 282px; position: absolute; right: 0; top: 0;}
#footer_wrap .i_select::after {content: '+'; display: block; font-size: 18px; color: #333; position: absolute; right: 15px; top: 10px;}
#footer_wrap .i_select select {min-width: 100%; height: 48px; padding: 0 0 0 16px; color: #555; border: 1px solid #E5E5E5; border-radius: 5px; background: #fff;}
#footer_wrap .i_sns {display: flex; position: absolute; right: 0; top: 100px;}
#footer_wrap .i_sns li {flex: 1;}
#footer_wrap .i_sns li + li {margin-left: 8px;}

#footer_wrap_01 {min-width: 1280px; padding: 60px 0 120px; background-color: #000;}
#footer_wrap_01 .i_menu {margin-bottom: 32px; overflow: hidden;}
#footer_wrap_01 .i_menu a {display: inline-block; float: left; font-size: 16px; font-weight: 700; color: #fff;}
#footer_wrap_01 .i_menu a + a {margin-left: 30px;}
#footer_wrap_01 .i_address {margin-bottom: 20px; color: rgb(109, 109, 109);}
#footer_wrap_01 .i_copyright {margin-bottom: 60px; color: rgb(109, 109, 109); font-family: 'Montserrat';}
#footer_wrap_01 .i_host {overflow: hidden;}
#footer_wrap_01 .i_host > div {padding-left: 60px; position: relative; float: left;}
#footer_wrap_01 .i_host > div + div {margin-left: 100px;}
#footer_wrap_01 .i_host span {line-height: 32px; color: rgb(109, 109, 109); position: absolute; left: 0; top: 0;}
#footer_wrap_01 .i_host img {height: 32px;}
#footer_wrap_01 .i_select {width: 282px; position: absolute; right: 0; top: 0;}
#footer_wrap_01 .i_select::before {content: ''; display: block; width: 1px; height: 100%; background-color: #7A7A7A; position: absolute; right: 48px; top: 0;}
#footer_wrap_01 .i_select::after {content: '\f0dd'; display: block; font-family:'Font Awesome 6 Free'; font-weight: 700; color: #fff; position: absolute; right: 20px; top: 10px;}
#footer_wrap_01 .i_select select {min-width: 100%; height: 48px; font-family: 'Montserrat'; padding: 0 0 0 16px; color: rgb(109, 109, 109); border: 1px solid #7A7A7A; background: #000;}
#footer_wrap_01 .i_sns {display: flex; position: absolute; right: 0; bottom: 0;}
#footer_wrap_01 .i_sns li {flex: 1;}
#footer_wrap_01 .i_sns li + li {margin-left: 8px;}

.banner_area img {width: 100%;}

/* 공유버튼 숨김 */
.cont-top a.share-btn {display:none;}

header.background {background: rgba(0,0,0,0) !important;}

.main-vis .main-vis-img {background-color: rgba(0,0,0,0) !important;}
.menu {justify-content: center !important;}
ul.menu li.menu_li .drop_bx ul.drop li{white-space: pre-wrap;}

/*푸터부분 개인정보 팝업*/
#popupTerms table {border-top: 1px solid;border-bottom: 1px solid;}
#popupTerms tr {border-bottom: 1px #e6e6e6 solid;}
#popupTerms td {text-align: center;}

/*등록 부분 개인정보팝업*/
#pop001 table {border-top: 1px solid;border-bottom: 1px solid;}
#pop001 tr {border-bottom: 1px #e6e6e6 solid;}
#pop001 td {text-align: center;}
.slider p{width: 100% !important; word-break: keep-all !important;}

/* froala */
/* .fr-view {line-height: normal;}
.fr-view em {font-style: italic;}
.fr-view ol, .fr-view ul {list-style: auto; list-style-type: auto;}
.fr-view ol li, .fr-view ul li {display: list-item !important; align-items: normal !important; width: auto !important; margin-left: 30px; padding: 0 !important; border: 0 !important; margin-bottom: 0;}
.fr-view h1 {font-size: calc(1.375rem + 1.5vw) !important; font-weight: bold !important;}
.fr-view h2 {font-size: calc(1.325rem + 0.9vw) !important; font-weight: bold !important;}
.fr-view h3 {font-size: calc(1.3rem + 0.6vw) !important; font-weight: bold !important;}
.fr-view h4 {font-size: calc(1.275rem + 0.3vw) !important; font-weight: bold !important;}
.fr-view table {border: none;} */

.m_dark_theme #header_01 .i_inner::before {background-color: #000;}
.m_dark_theme #header_01 .i_gnb a {color: #fff;}
.m_dark_theme #header_01 .i_inner::after {background-color: var(--themesColor);}
.m_dark_theme #header_01.open .i_inner {height: 300px;}
.m_dark_theme #header_01 .i_gnb a span::after {background-color: var(--themesColor-1);}
.m_dark_theme #header_01 .i_select {color: #fff; background: transparent url('../images/common/select_white.svg') no-repeat right;}
.m_dark_theme #header_01 .i_select option {color: #000;}

@media(min-width: 1361px) {
    #footer02 dl.secretariat dt .btn6{cursor: default;}
    #footer02 dl.secretariat dt .btn6 .ico{display: none}
}
@media(min-width: 1200px) {
    #header02 .nav_typ02 > ul{height: 64px;}
    #header02 .nav_typ02 ul ul{display: none}
    #header02.ing nav > ul {height: inherit;}
}
@media(min-width: 961px) {
    #footer02 .main-info .organizer.flex,
    #footer02 .contact-wrap{width: 560px;}
    #footer02 .main-info + .add-info{margin-top: 40px;}
    #footer02 .main-info .organizer dl + dl {margin-left: 70px;}
}
@media(min-width: 960px) {
    .data-list.col-6 > li:not(:nth-of-type(6n+1)){margin-left: 40px;}
}
@media(min-width: 820px) {
    header {height: 99.98px;}
}
@media(min-width: 751px) {
    .data-list.bdr-bottom[class*="col"] + .pagination{margin-top: -20px; padding-top: 60px;}

    .data-list.col-3 > li:nth-of-type(3n-1){margin-left: 40px; margin-right: 40px}
    .data-list.col-5 > li:not(:nth-of-type(5n+1)){margin-left: 40px;}
    .data-list.col-4 > li:nth-of-type(4n),
    .data-list.col-4 > li:nth-of-type(4n-1),
    .data-list.col-4 > li:nth-of-type(4n-2){margin-left: 25px;}
}
@media(max-width: 1800px){
    #footer02 .w-inner{padding: 0 85px;}
}
@media(max-width: 1470px){
    :lang(en) #header02 .util a{font-size: 13px;}
}
@media(max-width: 1440px){
    #header02 .m-gnb-btn.w-1440{display:block; position: absolute; top: 30px; right: 50px; z-index: 21; cursor: pointer;}
    #header02 .m-gnb-btn.w-1440>span, #header02 .m-gnb-btn:after, #header02 .m-gnb-btn:before{content:''; position: absolute; left: calc((100% - 20px) / 2);top: 50%;width: 20px;border-top: 3px solid #fff;margin-top: -1.5px;transition: transform .3s, opacity .3s; font-size:0; z-index: 100}
    #header02 .m-gnb-btn.w-1440:before{margin-top: -6.5px;transform-origin:top right}
    #header02 .m-gnb-btn.w-1440:after{margin-top: 3.5px;transform-origin:bottom right}
    #header02 .m-gnb-btn.w-1440.gnb-open>span {opacity: 0;}
    #header02 .m-gnb-btn.w-1440.gnb-open:before {transform: rotate(-45deg); margin: -8px 0 0 -2px;}
    #header02 .m-gnb-btn.w-1440.gnb-open:after {transform: rotate(45deg); margin: 5px 0 0 -2px;}
    #header02.ing {height: 64px;}
    #header02.ing  + #aside nav {padding-top: 60px;}
    #header02.ing .logo img {width: 120px;}
    #header02.ing .util,
    #header02.ing .nav_typ02 {display: none;}
    #header02.ing .w-inner {padding: 0 20px;height: 64px;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
    body.opened-mo-nav #header02.ing .nav_typ02 {position: fixed;overflow-y: auto;display: block;left: 0;top: 64px;width: 100%;height: calc(100% - 64px);padding-top: 86px;background: black; z-index:20;}
    body.opened-mo-nav #header02.ing .nav_typ02 > ul {width: 100%;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;margin-left:0;align-items: flex-start;}
    body.layer-open #header02.ing .nav_typ02 {position: fixed;overflow-y: auto;display: block;left: 0;top: 64px;width: 100%;height: calc(100% - 64px);padding-top: 86px;background: black; z-index:20;}
    body.layer-open #header02.ing .nav_typ02 > ul {width: 100%;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;margin-left:0; align-items: flex-start;}
    #header02.ing nav a.dep1 {position: relative;font-size: 28px;font-weight: bold;line-height: 1.43;letter-spacing: -0.56px;padding: 0 20px 0;}
    body.opened-mo-nav #header02.ing .util{position:fixed; left:0; top: 64px; width:100%; height: 46px; padding: 0 25px; border-bottom: 1px solid rgba(255,255,255,.2);display: flex;justify-content: flex-start;}
    body.layer-open #header02.ing .util{position:fixed; left:0; top: 64px; width:100%; height: 46px; padding: 0 25px; border-bottom: 1px solid rgba(255,255,255,.2);display: flex;justify-content: flex-start;}
    body.opened-mo-nav #header02.ing .util .lang-nav{position: absolute;  display: flex; right: 10px; bottom: -35px; width: 68px; height: 34px;}
    body.opened-mo-nav #header02.ing .util .lang-nav a.change-lang:not(.current){display: block;color: white;}
    body.layer-open #header02.ing .util .lang-nav{position: absolute;  display: flex; right: 10px; bottom: -35px; width: 68px; height: 34px;}
    body.layer-open #header02.ing .util .lang-nav a.change-lang:not(.current){display: block;color: white;}

    .asidebar.w-1440{top:64px; z-index:19;}

    header.menu-right .container{padding-left: 40px;padding-right: 40px;}
    header.menu-right .menu>li{font-size:1.2em;}
    header.menu-right .menu>li+li{margin-left:20px;}
    header.menu-right .hd-util{font-size: 13px;}
    header.menu-right .hd-util>*+*{margin-left: 10px;}
    header.menu-right .drop-lang .btn-lang{font-size: 13px;}

    #content.bcww-after .btn9.poster-view-btn9 { right: 94px;}
    #content.bcww-after .section.past-event .past-event-wrap .img-wrap img { width: 100%;}
    #content.bcww-after .past-event-wrap .info-row dl:first-child { margin-left: 60px;}

    .speaker-list .speaker-img {width: 13.57vw; height: 16.07vw;}
}
@media(max-width: 1400px){
    /* header */
    #gnb{padding-left:20px;}
    .menu>li{font-size:1.25em;}
    .menu>li+li{margin-left:30px;}

    /* 게이미피케이션 */
    .attend-bx{padding-right:20px; padding-left:70px;}
    .attend-bx li{margin-right:20px;}

    header.menu-left .container{padding-left: 40px;padding-right: 40px;}
    header.menu-left .menu>li{font-size:1.2em;}
    header.menu-left .menu>li+li{margin-left:20px;}
    header.menu-left .hd-util{font-size: 13px;}
    header.menu-left .hd-util>*+*{margin-left: 10px;}
    header.menu-left .drop-lang .btn-lang{font-size: 13px;}
}
@media(max-width: 1360px){
    #footer02 dl.secretariat dt .btn6{display: block; width: 200px; height: 36px; border: 1px solid rgba(255,255,255,.2); text-align: center; font-size: 14px; line-height: 34px;}
    #footer02 dl.secretariat dt .btn6 .ico{margin-left: 3px}
    #footer02 dl.secretariat dd {display: none}
}
@media(max-width: 1300px){
    #header_01 .i_inner {background-color: var(--themesColor-2);}
    #header_01 .i_inner::before,
    #header_01 .i_inner::after {display: none;}
    #header_01 .i_logo {width: 100%; left: 0; justify-content: center;}
    #header_01 .i_logo a {display: inline-flex; align-items: center;}
    #header_01 .i_gnb_wrap {width: 100%; height: 100%; position: fixed; left: -100%; top: 0; background-color: #fff; z-index: 1; overflow-y: auto; transition: all 0.3s;}
    #header_01.open .i_gnb_wrap {left: 0;}
    #header_01 .i_gnb {display: block; padding-top: 60px;}
    #header_01 .i_gnb > ul {display: block;}
    #header_01 .i_gnb > ul > li {margin-bottom: 1px; padding: 0; text-align: left;}
    #header_01 .i_gnb > ul > li > a {height: 60px; line-height: 60px; background-color: var(--themesColor-3);}
    #header_01 .i_gnb > ul > li > a.on + .i_depth_02{max-height: 500px; transition: all 0.7s}
    #header_01 .i_gnb a {display: block; width: 100%; padding: 0 20px; text-align: left; position: relative;}
    #header_01 .i_gnb a span {display: inline-block; line-height: 1.5em; position: relative;}
    #header_01 .i_gnb a span::after {display: none;}
    #header_01 .i_gnb a:hover {color: #000;}
    #header_01 .i_depth_02 {margin-top: 0; max-height: 0; overflow: hidden; position: static; transform: none;}
    #header_01 .i_depth_02 li + li {border-top: 1px solid var(--themesColor-3);}
    #header_01 .i_depth_02 a {line-height: 50px;}
    #header_01 .i_util_menu {right: 20px; top: 19px;}
    #header_01 .i_mobile_gnb_btn {display: block; width: 100px; height: 100px; box-sizing: border-box; position: absolute; left: 0; top: 0; z-index: 1;}
    #header_01 .i_mobile_gnb_btn > span {display: block; width: 24px; height: 4px; border-radius: 3px; background-color: var(--themesColor); position: absolute; left: calc(50% - 12px); top: calc(50% - 2px); transition: all 0.3s;}
    #header_01 .i_mobile_gnb_btn:before,
    #header_01 .i_mobile_gnb_btn:after {content: ''; display: block; width: 24px; height: 4px; border-radius: 3px; position: absolute; left: 50%; top: 50%; background: var(--themesColor); transform: translateX(-50%); transition: all 0.3s;}
    #header_01 .i_mobile_gnb_btn:before {margin-top: -10px;}
    #header_01 .i_mobile_gnb_btn:after {margin-top: 6px;}
    #header_01.open .i_mobile_gnb_btn > span {opacity: 0;}
    #header_01.open .i_mobile_gnb_btn:before {margin-top: 0; transform: translateX(-50%) rotate(45deg) translateZ(0); background-color: #000; z-index: 1;}
    #header_01.open .i_mobile_gnb_btn:after {margin-top: 0; transform: translateX(-50%) rotate(-45deg) translateZ(0); background-color: #000; z-index: 1;}
    #header_01 .i_mobile_gnb_close {display: block; width: 60px; height: 60px; box-sizing: border-box; position: absolute; left: 0; top: 0; z-index: 1;}
    #header_01 .i_mobile_gnb_close:before,
    #header_01 .i_mobile_gnb_close:after {content: ''; display: block; width: 24px; height: 4px; border-radius: 3px; position: absolute; left: 50%; top: 50%; background: #000; transition: all 0.3s;}
    #header_01 .i_mobile_gnb_close:before {transform: translateX(-50%) rotate(45deg);}
    #header_01 .i_mobile_gnb_close:after {transform: translateX(-50%) rotate(-45deg);}

    .sub_contents {padding: 0 110px 120px;}

    .m_dark_theme #header_01 .i_gnb a:hover {color: #fff;}
    .m_dark_theme #header_01 .i_depth_02 a {color: #000;}
    .m_dark_theme #header_01 .i_depth_02 a:hover {color: #000;}
    .m_dark_theme #header_01 .i_inner {background-color: #000;}
    .m_dark_theme #header_01 .i_mobile_gnb_btn > span,
    .m_dark_theme #header_01 .i_mobile_gnb_btn:before,
    .m_dark_theme #header_01 .i_mobile_gnb_btn:after {background-color: #fff;}
    .m_dark_theme #header_01 .i_select {color: #000; background: #fff url('/resources/images/common/select.png') no-repeat right;}
    .m_dark_theme #header_01.open .i_inner {height: 100px;}
}
@media(max-width: 1280px){
    #content.bcww-after .sec-title { font-size: 36px;}
}
@media(max-width: 1279px){
    header.menu-left .container{padding-left: 20px;padding-right: 20px;}
    header.menu-left .menu>li{font-size:1em;}
    header.menu-left .menu>li+li{margin-left:10px;}
    header.menu-left .hd-util{font-size: 11px;}
    header.menu-left .hd-util>*+*{margin-left: 4px;}
    header.menu-left .hd-util .on{padding: 2px 4px;}
    header.menu-left .drop-lang .btn-lang{font-size: 11px;}

    header.menu-right .container{padding-left: 20px;padding-right: 20px;}
    header.menu-right .menu>li{font-size:1em;}
    header.menu-right .menu>li+li{margin-left:10px;}
    header.menu-right .hd-util{font-size: 11px;}
    header.menu-right .hd-util>*+*{margin-left: 4px;}
    header.menu-right .hd-util .on{padding: 2px 4px;}
    header.menu-right .drop-lang .btn-lang{font-size: 11px;}
}
@media(max-width: 1240px){
    #content.bcww-after .contents { flex-direction: column; align-items: center;}
    #content.bcww-after .section.info .img-wrap { transform: none;}
    #content.bcww-after .section.info .img-wrap img { width: 100%;}
    #content.bcww-after .info-row dl dd {line-height: 26px;}
    #content.bcww-after .past-event-wrap .info-row:not(.other-type) dl dd {padding-right: 15px;width: calc(100% - 15%);}
    #content.bcww-after .past-event-wrap .info-row:not(.other-type) dl dd { padding-right: 15px; width: calc(100% - 15%);}
}
@media(max-width: 1200px) {
    .event_tab2 ul li a{font-size: 15px;}
    .event_tab2 ul li a span{font-size: 11px; }

    /* .fr-view h1 {font-size: 2.5rem !important;}
    .fr-view h2 {font-size: 2rem !important;}
    .fr-view h3 {font-size: 1.75rem !important;}
    .fr-view h4 {font-size: 1.5rem !important;} */

    .sub_contents .i_txt_list li.m_img_01 {flex-direction: column;}

}
@media(max-width: 1199.98px) {
    .login-enroll-bx > div{padding:140px 40px 50px 44px;}
    /* 내프로필 */
    .popup.pop-wide{width:80%;}

    /* 전시 */
    .exhibition-list.typ02 li > div:first-child{margin-right:20px;}

    /* 프로그램 */
    .program-list .title-area .td-date{flex-basis:130px;}
    .program-list .title-area .td-time{flex-basis:130px;}
    .program-list .title-area .td-theme{flex-basis:130px;}

    .participant-list li .message-icon{top:-85px; left:50%; transform: translate(-50%, 0); width:145px; border-radius: 0; padding:8px;}
    .participant-list li .message-icon:before{left:50%; transform: translate(-50%, 0) rotate(45deg);}
    .participant-list li .message-icon a{width:26px; margin-left:3px;}
    .participant-list li .message-icon .send{width:100%; margin-bottom:3px; }

    .proDet-company .company-cont{padding-right:50px;}

    /* 네트워킹 */
    .netEntry-list li{width:calc((100% - 20px)/2)}
    .netEntry-list li:nth-child(3n-1){margin-left:0; margin-right:0;}
    .netEntry-list li:nth-child(2n){margin-left:20px;}

    /* 비즈매칭 */
    .account-list li{width:calc((100% - 20px) / 2);}
    .account-list li:nth-child(3n-1){margin-left:0; margin-right:0;}
    .account-list li:nth-child(2n){margin-left:20px;}

    /* 메인 - 플로팅 */
    .mainFloat-menulist{width:100%;}

    /* 기업관리 */
    .account-list02 li{width:calc((100% - 20px) / 2);}
    .account-list02 li:nth-child(3n-1){margin-left:0; margin-right:0;}
    .account-list02 li:nth-child(2n){margin-left:20px;}

    .consultationForm-wrap{flex-direction: column;}
    .consultationForm-wrap > div + div{margin-top:20px; margin-left:0;}
    .consultationForm-wrap .consultApply-bx{width:100%;}

    .consultMeeting-list li{width: calc((100% - 20px)/2); margin-bottom:20px;}
    .consultMeeting-list li:nth-child(3n-1){margin-left: 0; margin-right: 0;}
    .consultMeeting-list li:nth-child(2n){margin-left: 20px;}

    .accountBusiness-list li{width:calc((100% - 20px) / 2);}
    .accountBusiness-list li:nth-child(3n-1){margin-left:0; margin-right:0;}
    .accountBusiness-list li:nth-child(2n){margin-left:20px;}

    /*#footer_01 .i_logo {margin-bottom: 20px;}*/
    #footer_01 .i_menu {position: static;}
    #footer_01 .i_select .sns { margin-top:10px;top:62px;}
    #footer_01 .i_select .sns a { width:28px; height:28px;}
}
@media(max-width: 1199px){
    #header02{height: 64px;}
    #header02 .w-inner{padding: 0 20px;height: 64px;flex-wrap: wrap;}
    #header02 .nav_typ02{display: none;}
    #header02 .logo img{width: 120px;}
    #header02 .util{display: none;}
    #header02 .nav_typ02 {padding-top: 40px;}
    #header02 .nav_typ02 a.dep1{position: relative; padding-top: 0; padding-bottom: 0;font-size: 28px; font-weight: bold; line-height: 1.43; letter-spacing: -0.56px;}
    #header02 .nav_typ02 ul li:not(.active) ul{display: none;}
    #header02 #gnb.nav_typ02{max-width:100%;}

    .opened-mo-nav #wrap{overflow-y: hidden;}
    body.opened-mo-nav #header nav{position:fixed; overflow-y:auto; display:block; left:0; top: 64px; width:100%; height:calc(100% - 64px); padding-top: 86px; background: black; }
    body.opened-mo-nav #header nav > ul{width:100%;flex-direction: column;}
    body.opened-mo-nav #header nav ul li.active ul{display: flex;flex-wrap: wrap;justify-content: flex-start;align-items: flex-start;}
    body.opened-mo-nav #header nav > ul > li.active > a{color: white}
    body.opened-mo-nav #header nav ul li.active ul li{margin-right: 20px}
    body.opened-mo-nav #header .util{position:fixed; left:0; top: 64px; width:100%; height: 46px; padding: 0 20px; border-bottom: 1px solid rgba(255,255,255,.2);display: flex;justify-content: flex-start;}
    body.opened-mo-nav #header .util .lang-nav{position: absolute;  display: flex; right: 14px; bottom: 0; width: 68px; height: 34px;}
    body.opened-mo-nav #header .util .lang-nav a.change-lang:not(.current){display: block;color: white;}

    .layer-open #wrap{overflow-y: hidden;}
    body.layer-open #header nav{position:fixed; overflow-y:auto; display:block; left:0; top: 64px; width:100%; height:calc(100% - 64px); padding-top: 86px; background: black; }
    body.layer-open #header nav > ul{width:100%;flex-direction: column;}
    body.layer-open #header nav ul li.active ul{display: flex;flex-wrap: wrap;justify-content: flex-start;align-items: flex-start;}
    body.layer-open #header nav > ul > li.active > a{color: white}
    body.layer-open #header nav ul li.active ul li{margin-right: 20px}
    body.layer-open #header .util{position:fixed; left:0; top: 64px; width:100%; height: 46px; padding: 0 20px; border-bottom: 1px solid rgba(255,255,255,.2);display: flex;justify-content: flex-start;}
    body.layer-open #header .util .lang-nav{position: absolute;  display: flex; right: 14px; bottom: 0; width: 68px; height: 34px;}
    body.layer-open #header .util .lang-nav a.change-lang:not(.current){display: block;color: white;}
}
@media(max-width: 1094px){
    #content.bcww-after .info {padding-left: 22px; padding-right: 22px;}
}
@media(max-width: 1060px){
    .page-header{ flex-wrap: wrap;}
    .page-header .items-search{display: none; height: 0; width: 100%; padding-bottom: 0}
    .page-header .items-search.opened{display: block; height: auto; padding-top: 24px;}
    .page-header .items-search .fieldset{ flex-wrap: wrap;}
    .page-header .items-search .select{width: 50%;}
    .page-header .items-search .input-text{width: 100%;}
    .page-header .items-search .input-text + .btn6.search{bottom: 0}
    .page-header .items-search .select + .input-text{margin-left: 0; margin-top: 8px}
    .page-header .btn6.toggle-items-search{display: block}
}
@media(max-width: 1024px){
    .item.contents.small { flex-direction: column; width: 100%;}
    .item.contents.small .img-wrap,
    .item.contents.small .text-wrap {width: 100%; margin: 0 0;}
    .item.contents.small .text-wrap .title{font-size: 18px; }
    .item.contents.small .text-wrap .title.ellipsis {height: 30px; line-height: 30px;-webkit-line-clamp: 1;}
    .item.contents.small .text-wrap .data-wrap {font-size: 14px; line-height: 24px;}
    .item.contents.small .text-wrap .data-wrap.ellipsis{height: 70px; line-height: 1.71;}
    .item.contents.small .btn6.favorit {top:auto; bottom:105px;}
}
@media (max-width: 1000px){
    #footer02{text-align: center; padding:80px}
    #footer02 .logo{width: 205px;}
    #footer02 img.mcst{height: 29px;}
    #footer02 img.kocca{height: 24px}
    #footer02 .w-inner > div{flex-wrap: wrap;}
    #footer02 .main-info {flex-direction: column;}
    #footer02 .main-info .organizer{margin-top: 36px; flex-direction: column;}
    #footer02 .main-info .organizer dl{width: auto; justify-content: flex-start;}
    #footer02 .main-info .organizer dl + dl {margin-left: 0;margin-top: 22px;}
    #footer02 .main-info .organizer dl dt{margin-right: 26px;}
    #footer02 .add-info {margin-top: 20px; flex-direction: column; align-items: center;}
    #footer02 dl.secretariat dt{padding-bottom: 0}
    #footer02 dl.secretariat dt .btn6{margin: 0 auto;}
    #footer02 .contact-wrap{margin-top: 24px; align-items: center;}
    #footer02 .contact-wrap .links.flex-both{min-width: 201px; margin-top: 0; flex-direction: column;}
    #footer02 .contact-wrap > .flex-both:not(.links) {display: none;}
    #footer02 .contact-wrap .links  > div{margin: 0 -30px; width: 261px;}
    #footer02 .contact-wrap .bcww-youtube img{width: 126px}
    #footer02 .contact-wrap .rules{margin-top: 59px}
    #footer02 .contact-wrap .rules a{font-size: 12px; text-decoration: underline;}
    [lang="en"] #footer02 .contact-wrap .rules a{margin: 0 auto}
    #footer02 .contact-wrap .copyright{margin-top: 10px; font-size: 10px;}
}
@media (max-width: 999.98px){
    .layer-open header.background{background:rgba(0,0,0,1)}

    a#topBtn{right:10px; bottom:80px;}
    #search-btn{right:10px; bottom:150px;}
    #floatingBtn{right: 10px; top: 350px;}

    /* header */
    header .container{justify-content: flex-start; height:74px; padding:20px;}
    header .m-gnb-btn{display:block; position:absolute; top:35px; right:30px; z-index:21; cursor: pointer;} /* 22-08-02 수정 */
    header .m-gnb-btn>span, header .m-gnb-btn:after, header .m-gnb-btn:before{content:''; position: absolute; left: calc((100% - 20px) / 2);top: 50%;width: 20px;border-top: 3px solid #fff;margin-top: -1.5px;transition: transform .3s, opacity .3s; font-size:0; z-index: 100}
    header .m-gnb-btn:before{margin-top: -6.5px;transform-origin:top right}
    header .m-gnb-btn:after{margin-top: 3.5px;transform-origin:bottom right}

    .m-gnb-btn.gnb-open>span {opacity: 0;}
    .m-gnb-btn.gnb-open:before {transform: rotate(-45deg); margin: -8px 0 0 -2px;}
    .m-gnb-btn.gnb-open:after {transform: rotate(45deg); margin: 5px 0 0 -2px;}

    /* 22-08-02 수정 (메뉴 위치 수정) */
    #gnb{overflow: hidden; position: fixed; top: 74px; right: 0; bottom: 0; width:100%; /*width: calc(100% - 40px - 2.2rem);*/ padding-top: 10px; padding-right:40px; z-index: 20; transform: translateX(100%); /*transition: all .3s;*/ background: #02030f; color: #fff; opacity:0;}
    #gnb.gnb-open {transform: translateX(0);  opacity: 1;}
    .menu{flex-direction: column; align-items: flex-start; margin-top:40px;}
    .menu>li+li{margin-top:30px; margin-left:0;}

    header .menu-btn{display:none;}
    header.menuFloat .container{align-items: flex-start;}
    header.menuFloat #gnb{position: absolute; top: 74px; right: 0; bottom: 0; height: 100vh; justify-content: flex-start; flex-direction: column;}
    /* header.menuFloat #gnb.gnb-open{max-width:350px;} */
    header.menuFloat #gnb.gnb-open .menu-float-area{position:static; width:100%; padding-top:0; padding-left:0; padding-right:20px; transition: all 0s;}
    .menu-float li{font-size:20px;}
    .menu-float .sub-menu{padding-top:15px;}
    .menu-float .sub-menu li{font-size:16px;}
    .menu-floatFull > li{position: relative; display:block; font-size:20px;}
    .menu-floatFull > li.tog:after{content: '\f0da'; position: absolute; top: 5px; right: 0; font-family: 'Font Awesome 6 Free'; font-size: 20px; font-weight: 900;}
    .menu-floatFull > li.tog.active:after {content: '\f0d7';}
    .menu-floatFull .sub-menu {padding-top: 15px;}
    .menu-floatFull .sub-menu li{font-size:16px;}
    .menu-floatFull .sub-menu li+li{margin-top:10px}

    /* aside */
    .fix-bottom{display: flex; position: fixed; bottom: 0; left: 0; right: 0; z-index:19; border-top: 1px solid rgba(255,255,255,.3);}
    .fix-bottom:after {content: ''; position: absolute; top: 15px; bottom: 15px; left: 50%; border-left: 1px solid rgba(255,255,255,.3);}
    .fix-bottom>button {flex: 1; height: 50px; background: #02030f; font-size: 16px;font-weight: 400; color: #fff;}

    .asidebar{overflow: hidden; position: fixed; top: 0; bottom: 0; width: 350px; transition: all .3s; opacity: 0; visibility: hidden;}
    .asidebar:not(.wide) .close, .asidebar:not(.wide) .aside-link span, .asidebar:not(.wide) .aside-link:after, .asidebar:not(.wide) .aside-content{opacity: 1; pointer-events:all;}
    /* 22-07-08 수정 */
    #mpnb{left:-260px;}
    #ncnb{right:-260px;}
    .asidebar.wide{width:260px;}
    #mpnb.aside-open{width:260px; left:0; visibility: visible; opacity: 1; z-index: 100;}
    #ncnb.aside-open{width:260px; right:0; visibility: visible; opacity: 1; z-index: 100;}
    .asidebar.black{background:rgba(0,0,0,1);}
    .aside-link span{font-size:16px;}

    /* footer */
    footer{padding-left:0; padding-right:0;}
    .ft-top .logo{flex-direction: column; align-items: flex-start; padding: 10px 30px;}
    .ft-top .logo > div + div{margin-top:10px;}
    .ft-bottom .container{flex-direction: column; align-items: flex-start; padding: 10px 30px 60px;}
    .ft-contact, .ft-browser{margin-top: 20px; text-align: left;}
    .ft-browser img:first-child{margin-left:0;}

    /* toast */
    .toast-wrap{left:10px; bottom:60px;}

    /* cont-wrap */
    .content-wrap, .sub-header{padding: 0 20px;}
    .cont-top, .container{padding-left:0; padding-right:0;}
    .cont-top.m_type_01, .container.m_type_01 {padding: 0 16px;}
    .cont-body{padding-bottom:50px;}
    .sub-body{padding-left:30px; padding-right:30px; padding-bottom:50px;}
    #main-wrap{margin-top:73px; padding-left:0; padding-right:0; padding-bottom:50px;}

    /* 로그인 */
    .login-wrap, .login-wrap.sm{width:100%; padding:40px; margin-bottom:50px;}

    /* 내 프로필 */
    .personal-profile{flex-direction: column;}
    .personal-profile .more_btn{text-align:left;}
    .personal-profile .right-section{margin-top:20px;}
    .personal-profile .profile-sns{position: static;}
    .personal-profile .personal-profile-tit b{width:100%;}
    .personal-profile-list{flex-direction: column;}
    .personal-profile-list li{width:100%;}
    .personal-profile-list li:nth-child(3n-1){margin-left:0; margin-right:0;}
    .personal-profile-list.slider-bx{display:block;}
    .personal-profile-list.slider-bx .slick-slide{padding-right:0;}
    .personal-profile-list.slider-bx .slick-dots li{width:auto;}

    /* 검색 */
    .search-bx.column.fixed{top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: calc(100% - 50px);}

    /* 전시 */
    .exhibition-list li{width:calc((100% - 25px)/2); margin-right:25px;}
    .exhibition-list li:nth-child(3n-1){margin-left:0;}
    .exhibition-list li:nth-child(2n){margin-right:0;}

    .intro-info.typ02 table tbody tr th{display:none;}
    .intro-info.typ02 table tbody tr td{display:block;}
    .intro-info.typ02 table tbody tr td:before {content: attr(data-title); margin-right: 15px; font-weight: 500;}

    /* 게이미피케이션 */
    .attend-bx{padding-right:20px; padding-left:50px;}
    .gameBadge-ico{top:-90px; right:30px; width: 60px; height: 75px;}

    /* 전시콘텐츠 업로드 */
    .check-bx.contUpload .commt{position:static; width:100%; text-align: center; margin-top:10px;}

    /* 프로그램 */
    .commtBtn-bx .btn-bx{position:static;}
    .program-list-card li{width: calc(50% - 15px);}
    .program-list-card li:nth-child(3n-1){margin-left:0; margin-right:0;}
    .program-list-card li:nth-child(2n){margin-left:30px;}


    .liveSession-bx .liveSe-cate #wide i{transform: rotate(90deg);}
    .liveSession-bx .liveSe-video{flex-direction: column;}
    .liveSession-bx .video-bx{padding-bottom: 56.25%;}
    .liveSession-bx .video-tab{flex:1; width:100%; margin-left:0; margin-top:10px;}
    .video-tab .video_tabcont{height:300px;}
    .liveSe-videoSub{flex-direction: column; height:auto;}
    .liveSe-videoSub .videoSub-bx{width:100%; position:relative; height:0; padding-bottom:56.25%; overflow:hidden;}
    .liveSe-videoSub .videoSub-bx iframe, .liveSe-videoSub .videoSub-bx video{position:absolute; top:0; left:0;}
    .liveSe-videoSub .videoSub-bx + .videoSub-bx{margin-top:10px;}
    .livenow-scheSlider .right-bx{position: static; margin-top:10px;}

    /* 네트워킹 */
    .netBoard-cont .img-bx .none{width:100%;}
    .myschedule-list .shedule{padding:25px 30px;}
    .myschedule-list .shedule p{width:100%;}

    /* 내스케줄*/
    .myschedule-list .date{width:180px;}

    /* 마켓리포트 */
    .mkRep-total-bx{flex-direction: column;}
    .mkRep-total-bx > div{padding:9px;}
    .mkRep-total-bx > div + div{margin-left:0; margin-top:10px;}

    .mkRep-table thead{display:none;}
    .mkRep-table tbody td{display:block; width:100%;padding:8px 5px; text-align: left;}
    .mkRep-table tbody td:before{content:attr(data-title); padding-right:20px; font-weight:500;}
    .mkRep-table .td-btn{width:100%; text-align:left;}
    .mkRep-table .td-btn:before{display:none;}
    .mkRep-table .td-titnone:before{display:none;}
    .mkRep-table .td-badge{text-align:left;}
    .mkRep-table .td-badge:before{display:none;}

    /* 테이블 */
    table.list td.r, table.list02 td.r{text-align: left !important;}
    table.list thead{display:none;}
    table.list tbody td{display:block; width:100%;padding:8px 5px; text-align: left; border-bottom:0px none;}
    table.list tbody td:before{content:attr(data-title); padding-right:20px; font-weight:500;}
    table.list tbody td:last-child{border-bottom:1px solid #e6e6e6;}
    table.list02 thead{display:none;}
    table.list02 tbody td{display:block; width:100%;padding:8px 5px; text-align: left; border-bottom:0px none;}
    table.list02 tbody td:before{content:attr(data-title); padding-right:20px; font-weight:500;}
    table.list02 tbody td:last-child{border-bottom:1px solid #e6e6e6;}
    table.list02 td .booth-img{width: 100%; height: auto; max-height:250px;}
    table.list02 td .count-bx{text-align:left;}

    /* 메인페이지 */
    .main-vis{height:calc(100vh - 123px);}
    .main-vis .main-vis-img{height:calc(100vh - 123px); padding:0 30px;}
    .main-vis .text-wrap{width:100%;}
    .main-vis .main-vis-tit{font-size:45px;}
    .main-vis .main-vis-txt{font-size:14px; font-weight:300;}
    .main-vis .main-vis-txt01{font-size:16px;}
    .main-vis .more-btn{margin-top:30px; padding: 12px 20px; padding-right:60px; font-size:14px;}
    .main-vis .slick-dots{bottom:30px;}
    .sub-slider{margin: 0 80px 0 90px;}
    .sub-slider .slick-prev{left:-90px;}
    .sub-slider .slick-next{right:-80px;}
    .subSlider-wrap, .main-flex{padding-left:30px; padding-right:30px;}
    .main-cy-wrap{padding-bottom:30px;}
    .main-cyList{padding:0 30px; flex-wrap: wrap;}
    .main-cyList li{width:50%; margin-bottom:30px; padding:0 20px;}
    .main-cyList li i{width:100px; height:100px;}
    .main-cyList li span {width:100px; height:100px;}

    .main-videoBack .main-vis-tit{font-size:45px;}
    .main-videoBack .main-vis-txt{font-size:14px; font-weight:300;}
    .main-videoBack .main-vis-txt01{font-size:16px;}
    .main-videoBack .button-bx{bottom:80px; left:20px;}

    .mainFloat-menulist{flex-wrap: wrap;}
    .mainFloat-menulist li{flex:none; width:calc((100% - 120px)/3); text-align: center;}
    .mainFloat-menulist i{margin:0 auto 13px;}
    .mainFloat-txt{padding-right:70px; padding-left:70px;}
    .mainFloat-txt .main-vis-tit{font-size:45px;}
    .mainFloat-txt .main-vis-txt01{font-size:16px;}

    .menu-floatFull-area{position: static; width:100%; margin-top:40px; transition:all 0s;}
    .menu-floatFull-title{display:none;}
    .menu-floatFull-list{width: 100%; padding-left: 0; padding-right: 20px; background: #000;}

    /* 메인4 - 인터렉션 */
    .interect-wrap{margin-top:74px; padding-left:0; padding-right:0;}
    .desktop-area{display:none;}
    .mobile-area{display:block;}
    .m-visual_slidebox {height: 100%;}
    .m-visual_slide{position: relative; height: 100vh;} /* 6/16 수정 */

    .m-visual_item {position: relative; height: 100vh;} /* 6/16 수정 */
    .m-visual_item:before{content: ''; position: absolute; top: 0; left: 0; right:0; bottom:0; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center top; z-index: -1; -webkit-transition: all 6s 0.7s; -ms-transition: all 6s 0.7s; transition: all 6s 0.7s;}
    .m-visual_item.now-slide:before {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
    .m-visual_item.m-visual_item-1:before {background-image: url('../images/main/visual_img02.jpg');}
    .m-visual_item.m-visual_item-2:before {background-image: url('../images/main/visual_img02.jpg');}
    .m-visual_item.m-visual_item-3:before {background-image: url('../images/main/visual_img03.jpg');}
    .m-visual_item.m-visual_item-4:before {background-image: url('../images/main/visual_img04.jpg');}

    /* 6/16 수정 */
    .m-visual_heading {position:relative; display: flex; align-items: center; padding: 140px 40px 0; font-size: 26px; line-height: 34px; font-weight: 700; color: #fff;}
    .m-visual_heading span{position:relative;}
    .m-visual_heading span:before{content: ''; position: absolute; top: -4px; left: 0; width: 16px; height: 2px; background-color: #fff;}
    .m-visual_heading .ico{display: block; width: 42px; height: 29px; margin-left: 21px; font-size: 0; background: url(../images/main/arrow_on.png) no-repeat center; -webkit-transition: all .2s; -ms-transition: all .2s; transition: all .2s;}

    .m-visual_linkbox {width: 250px; min-height: 200px; margin-top: 40px; margin-left:40px; padding: 20px 40px; background-color: rgba(0,0,0,0.6); box-shadow: 12px 12px 20px rgba(0, 0, 0, 0.25);}
    .m-visual_link{display: block; font-size: 16px; line-height: 22px; font-weight: 700; color: #969696;}
    .m-visual_link.active{color:#fff;}
    .m-visual_link + .m-visual_link{margin-top: 15px;}

    .m-visual_slidebox .slick-arrow{position: absolute; top: calc(100vh - 200px); left: 50%; width: 10px; height: 16px; z-index: 3; border: 0; outline: none;}
    .m-visual_slidebox .slick-arrow.slick-prev{margin-left: -60px; background: url('../images/main/m-visual_arrow--prev.svg') no-repeat center center;}
    .m-visual_slidebox .slick-arrow.slick-next{margin-left: 60px; background: url('../images/main/m-visual_arrow--next.svg') no-repeat center center;}

    /* 기업정보관리 */
    .companyInfo-bx{position:relative; flex-direction: column; align-items: flex-start; padding-right:40px;}
    .companyInfo-bx .logo-bx{margin-right:0px; margin-bottom:30px;}
    .companyInfo-bx .more-btn{position:absolute; top:50%; right:0; transform: translate(0,-50%);}

    /* 전시관리 */
    .dataUpload-bx .upload-bx .enroll .more{display:none;}
    .btn-wrap .status{position: static; margin-top:20px;}

    /* form */
    .check-bx .etc{flex:none; width:100%;}

    #wrap.hub .content-wrap{padding:60px 0 0;}
    #wrap.hub .container{padding-right:30px; padding-left:30px;}
    #wrap.hub .ft-bottom .container{padding-bottom:0;}

    .overview-title h4{font-size:30px;}
    .overviewYear-title h5{font-size:30px;}
    .overview-bx02 .image-bx{width:350px; margin-right:40px;}
    .achiev-list li .counting{font-size:36px;}

    .asidebar.w-1440{top:0;}
    .fix-bottom.z-down{z-index:19;}

    body.opened-mo-nav #header02.ing .util{top:0;}
    body.layer-open #header02.ing .util{top:0;}

    .interect-wrap02{padding-left:0; padding-right:0;}
    .interect-wrap02 .m-visual_linkbox{font-size: 15px; line-height: 1.6;}

    .m-mainVisual .cpy{position: absolute; bottom:60px; right:15px; color:#fff;}

    header.menu-left #gnb{flex-direction: column;align-items: flex-start;}
    header.menu-left .menu{flex-direction: column;align-items: flex-start;margin-top: 40px;}
    header.menu-left .menu>li+li{margin-left:0;}

    .main-flex .container{flex-direction: column; align-items: flex-start;}
    .main-flex .container .col-1{width:100%; margin-top:50px; margin-left:0;}
    .main-flex .col-1:first-child{margin-top:0;}
    .main-flex .container .col-2{width:100%;}

    .proDetail-area .proDet-owner p {display:block;}
    .proDetail-area .proDet-owner p + p {margin-top:10px;}
    .proDetail-area .proDet-owner p + p:before {display:none;}

    .member-view02 tbody tr th{display:none;}
    .member-view02 tbody td{width:100%;padding:8px 5px; text-align: left;}
    .member-view02 tbody td:before{content:attr(data-title); display:block; margin-bottom:5px; font-weight:700;}

    .site{width:100%; min-width:auto;}

    #footer{display:none;}
    .ft-top .mobile{display:block; padding: 10px 30px;}
    .ft-top .mobile dl + dl{margin-top:25px;}
    .ft-top .mobile dt{margin-bottom:10px;}
    .ft-top .mobile dd{display:flex; flex-direction: column; align-items: flex-start;}
    .ft-top .mobile dd a{margin-bottom:5px;}

    table.list.policy tbody td{padding:4px;}
    table.list.policy tbody td:before{display:none;}

    /* check-bx 모바일 (22-09-19 수정) */
    .check-bx > span,
    .check-bx > li {width:100%;}
    .check-bx > span input[type=radio] + label, .check-bx > span input[type=checkbox] + label{margin-right:0;}
    .check-bx > span:nth-last-child(-n + 3) {margin-bottom: 15px;}

    header .hd-logo {left:30px;}
    .hd-util {right:40px;}
    #gnb {padding-left:30px; align-items: flex-start;}

    /* 22-09-07 추가 (video-js 관련) */
    .liveSession-bx .video-bx{height:0;}
    .liveSession-bx .video-bx.video-js{padding-bottom:0;}

    .sub-title{flex-wrap: wrap;}
    .sub-title h4{width: 100%;text-align: left;padding-bottom: 10px;}
    .sub-title .btn-bx{position: static;}

    header.menu-right #gnb{flex-direction: column;align-items: flex-start;}
    header.menu-right .menu{flex-direction: column;align-items: flex-start;margin-top: 40px;}
    header.menu-right .menu>li+li{margin-left:0;}

    header.ipbiz #gnb{-webkit-box-orient: vertical; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column;-webkit-box-align: end; -moz-align-items: flex-end; -ms-flex-align: end; align-items: flex-end;}
    header.ipbiz .menu{margin-top:2.5rem;}
    header.ipbiz .menu>li+li{margin-left:0;}

    .login-ing .background-wrap{padding-left:0 !important;padding-right: 0 !important;}

    #popupTerms table.list.policy tbody td{padding:4px;}
    #popupTerms table.list.policy tbody td:before{display:none;}

    .ip_tab{font-size: 14px;display: flex;padding: 10px 0 50px;flex-wrap: wrap;}
    .ip_tab li{width: 100%;flex: none;border-bottom: 0;}
    .ip_tab li:last-child{border-bottom: 1px solid #ccc;}
    .ip_title_bx1{margin-bottom: 30px;}
    .ip_title_bx1.type1{margin: 30px 0;}
    .ip_title_bx1 .ip_sub_tit{font-size: 14px;}
    .ip_title_bx1 .ip_main_tit{font-size: 32px;}
    .ip_sub_img_wrap .right_square{top: -28px;right: -40px;width: 100px;}
    .ip_sub_conts_wrap{font-size: 14px;margin: 30px 0 70px;}
    .ip_subcon_bx.both_align{flex-direction: column;position: relative;overflow: visible;}
    .ip_subcon_bx.both_align .ip_sub_img_wrap{width: 100%;}
    .ip_subcon_bx.both_align .ip_sub_img_wrap > img{max-width: 100%;width: 100%;}
    .ip_subcon_bx.both_align .ip_sub_img_wrap .right_square2{position: absolute;top:auto;bottom: -70px;right: -50px;width: 120px;}
    .ip_subcon_bx.both_align .ip_sub_conts_wrap{width: 100%;padding: 20px 0 0 0;}
    .ip_table_wrap{flex-wrap: wrap;}
    .ip_table_wrap.program{margin-top: 70px;}
    .ip_table_wrap .bizpair_title{width: 100%;}
    .ip_table_wrap.type2 .bizpair_title{width: 100%;}
    .ip_table_wrap .bizpair_title h4{font-size: 28px;}
    .ip_table_wrap .bizpair_title p{font-size: 14px;color: #919191;}
    .ip_table_wrap .bizpair_conts{width: 100%;margin-top: 20px;}
    .ip_table_wrap.type2 .bizpair_conts{width: 100%;margin-top: 20px;}
    .ip_table_wrap .bizpair_table_bx li{font-size: 16px;}
    .ip_table_wrap .bizpair_table_bx{padding-top: 24px;}
    .ip_table_wrap .bizpair_table_bx li .bizpair_tit_l{width: 80px;}
    .ip_table_wrap .bizpair_table_bx li .bizpair_con_r{width: calc(100% - 80px)}
    [lang="en"] .ip_table_wrap .bizpair_table_bx li .bizpair_tit_l{width: 100px;}
    [lang="en"] .ip_table_wrap .bizpair_table_bx li .bizpair_con_r{width: calc(100% - 100px);}
    .ip_table_wrap.type2 .bizpair_table_bx li .bizpair_tit_l{width: 80px;}
    .ip_table_wrap.type2 .bizpair_table_bx li .bizpair_con_r{width: calc(100% - 80px)}
    [lang="en"] .ip_table_wrap.type2 .bizpair_table_bx li .bizpair_tit_l{width: 100px;}
    [lang="en"] .ip_table_wrap.type2 .bizpair_table_bx li .bizpair_con_r{width: calc(100% - 100px)}
    .ip_table_wrap .bizpair_table_bx li .bizpair_con_r .txt_link{margin-left: 0;}
    .ip_table_wrap .bizpair_conts .biz_program{flex-wrap: wrap;}
    .ip_table_wrap .bizpair_conts .biz_program dt{width: 100%;padding-bottom: 20px;}
    .ip_table_wrap .bizpair_conts .biz_program dd{width: 100%;}
    .ip_table_wrap .bizpair_conts .biz_program dt p{display: inline-block;margin-left: 10px;}
    .ip_table_wrap .bizpair_conts .biz_program .biz_program_conts h5{width: 70px;font-size: 14px;}
    .ip_table_wrap .bizpair_conts .biz_program .biz_program_conts .bizpair_con{width: calc(100% - 70px);}
    .ip_table_wrap .bizpair_conts .biz_program .biz_program_conts .bizpair_con .bizpair_tit{font-size: 16px;}
    .ip_table_wrap .bizpair_conts .biz_program .biz_program_conts .bizpair_con p{font-size: 14px;}
    .btn-bx-both{flex-direction: column;}
    .btn-bx-both a{width: 100%;}
    .btn-bx-both p{width: 100%;margin-top: 20px;font-size: 14px;}
    .biz_btn_arrow{display: flex;justify-content: space-between;font-size: 14px;padding: 10px 24px;}
    .biz_btn_arrow i{width: 18px;height: 18px;margin-top: 1px;}
    .buildup_program{padding-top: 25px;flex-direction: column;}
    .buildup_program dt{width: 100%;padding-bottom: 15px;font-size: 18px;}
    .buildup_program dd{width: 100%;padding-bottom: 15px;}
    .buildup_program dd .build_conts h5{width: 50px;padding-bottom: 15px;font-size: 16px;}
    .buildup_program dd .build_conts .build_conts_r{width: calc(100% - 50px);padding-bottom: 15px;font-size: 16px;}
    [lang="en"] .buildup_program dt{width: 100%;}
    [lang="en"] .buildup_program dd{width: 100%;}
    [lang="en"] .buildup_program dd .build_conts h5{width: 120px;}
    [lang="en"] .buildup_program dd .build_conts .build_conts_r{width: calc(100% - 120px);}

    .buildup_program .build_conts.list{flex-direction: column;}
    .buildup_program .build_conts.list .build_conts_r{border: 1px solid #ccc;width: 100%;padding: 15px;}
    [lang="en"] .buildup_program .build_conts.list .build_conts_r{width: 100%;}
    .buildup_program dd .build_conts .build_conts_r li{font-size: 14px;padding-bottom: 10px;}
    .buildup_program dd .build_conts .build_conts_r li .build_l{width: 90px;}
    .buildup_program dd .build_conts .build_conts_r li .build_r{width: calc(100% - 90px)}
    [lang="en"] .buildup_program dd .build_conts .build_conts_r li .build_l{width: 140px;}
    [lang="en"] .buildup_program dd .build_conts .build_conts_r li .build_r{width: calc(100% - 140px)}
    .buildup_program dd .build_conts .build_conts_r li .build_r p{margin-bottom: 12px;padding-left: 0px;}
    .buildup_program dd .build_conts .build_conts_r li .build_r p::before{display: none;}
    .buildup_program dd .build_conts .build_conts_r li .build_r p span{font-weight: bold;}
    .pitching .buildup_program dt{font-size: 20px;}
    .pitching .buildup_program dd{width: 100%;}
    .pitching .buildup_program dd .build_conts h5{width: 100px;}
    .pitching .buildup_program dd .build_conts .build_conts_r{width: calc(100% - 100px);}

    .pitch_tit{font-size: 16px;}
    .pitching_day_list{margin-top: 16px;}
    .pitching_day_list li{display: flex;;padding-bottom: 10px;font-size: 14px;}
    .pitching_day_list li .pitching_day{width: 80px;font-weight: bold;}
    .pitching_day_list li .pithcing_day_con{width: calc(100% - 80px);}
    .pitching_desc{margin-top: 30px;}
    .pitching_desc li{font-size: 12px;color: #7A7A7A;padding-bottom: 15px;}
    .pc_only{display: none;}
    .mo_only{display: block;}
    .sub-title h4{font-size: 20px;}

    .quiz-bx-sel .check-bx > .etc{padding-left: 0;}
    .quiz-bx-sel .phone-bx span{margin-bottom: 10px;}

    .check-bx > span.w25{width: 100%; }
    .blockw85{width: 100%;}
    .blockw10{flex-direction: column-reverse;}
    .scorewrap {flex-direction: column-reverse;}
    .scorewrap{flex-direction: column; margin: 0px 0;}
    .answerwrap{flex-direction: column; margin: 0px 0;}
    .answerwrap select{margin: 0 0 20px 0;}
    .btn12{margin: 10px 0 0 0;}
    input[type=checkbox] + label.vtop, .blockw4, input[type=radio] + label.mr0{margin-left: 0;}

    ul.menu li.menu_li .drop_bx{background: transparent; box-shadow: unset; }
    ul.menu li.menu_li .drop_bx ul.drop li a{color: #fff; font-size: 14px;}
    ul.menu li.menu_li, ul.menu{height: unset;}
    ul.menu li.menu_li a.menu_tit{line-height: 1.4;}
    ul.menu li.menu_li .drop_bx{display: none; position: unset; transform: unset;}
    ul.menu.gkf{align-items: flex-start;}

    .popup_GKF_banner{left: 0;}
    .container.sectionlogo.gkf{align-items: flex-start;}
    .container.sectionlogo.gkf div{flex-direction: column; align-items: flex-start;}
    .container.sectionlogo.gkf div a{margin: 10px 0 0;}
    .container.sectionlogo.gkf div:last-child{margin-top: 30px;}
    .sectionlogo{flex-direction: column; padding: 0 30px;}
    .sectionlogo1_flex_col{flex-direction: column; align-items: flex-start; margin: 10px 0;}
    .sectionlogo1_flex_col a{display: block; margin-top: 5px;}

    .request-bx{flex-direction: column;}
    .request-bx.dv_grp .dv{margin-left: 0;}
    .request-wrap + .agreement-wrap{padding: 20px 12px 0;}
    .request-wrap + .agreement-wrap input[type=checkbox] + label{margin-right: 0;}
    .request-sub.active-del{flex-direction: column;}
    .request-sub .request-con-l{width: 100%;}
    .request-sub .request-con-r{width: 100%;position:static;top: auto !important;bottom: 0 !important;right: auto !important;padding-bottom: 20px;}
    .request-sub .request-con-r a{height: 50px;}
    .agreement-wrap.type2 dd{padding-right: 0;}

    .mb_no{display: none;}
    .mb_on{display: block;}
    .overview_tit h1{font-size: 23px; }
    .overview_tit.sgef04{padding-bottom: 20px;}
    .overview_sgef_content{flex-direction: column; align-items: center;}
    .overview_sgef_content.sgef04{align-items: center; }
    .overview_sgef_content .sgef_txt_wrap{margin-left: 0; width: 100%; align-self: flex-start;}
    .sgef_txt_wrap .last_tit h2{font-size: 18px;}
    .last_txt ul li{font-size: 15px;}
    .sgef_txt_wrap .last_tit .last_tit_flx a{font-size: 15px; }
    .overview_tit h2{font-size: 25px; padding: 0 0 30px 0;}
    .overview_sgef_content .sgef_txt_wrap h1 {font-size: 18px; text-align: center;}
    .sgef_txt_wrap .sgef_txt p {font-size: 16px; text-align: center;}
    .sgef_txt_wrap .sgef_txt {padding: 15px; }
    .overview_table_bx li{flex-direction: column; margin-top: 10px;}
    .overview_sgef_content .overview_table_bx li .overview_tit_l,
    .overview_sgef_content .overview_table_bx li .overview_con_r{width: 100%;}
    .overview_sgef_content .overview_table_bx li .overview_tit_l{font-size: 16px;}
    .overview_sgef_content .overview_table_bx li .overview_con_r{font-size: 15px; margin-top: 10px;}
    .sgef01_list{margin: 40px 0;}
    .sgef01_list .overview_table_bx li .list_tit,
    .sgef01_list .overview_table_bx li .list_con{padding: 0; margin-top: 15px; border: none;}
    .sgef01_list h1{font-size: 22px;}
    .sgef01_list .overview_table_bx li .list_tit{font-size: 18px;}
    .sgef01_list .overview_table_bx li .list_con{font-size: 16px;}
    .sgef01_list .overview_table_bx li{margin: 0;}
    .sgef01_list .overview_table_bx li .list_tit::before{position: unset; display: inline-block; margin-right: 10px; width: 7px; height: 7px; vertical-align: top; margin-top: 12px;}
    .subway_wrap, .bus_wrap{align-items: flex-start; padding: 20px 0;}
    .transport_icon_bx{display: none;}
    .busline_wrap{margin: 0;}
    .transport_txt h2{font-size: 19px;}
    .transport_txt p,
    .busline_wrap .busline h2, .busline h3{font-size: 16px;}
    .overview_table_bx.sgef03 li{margin-top: 10px;}
    .table_dl_wrap dl{flex-direction: column;}
    .table_dl_wrap dl dt h1{font-size: 25px;}
    .table_dl_wrap dl dd{margin-top: 10px;}
    .table_dl_wrap dl dd p{font-size: 15px; margin-top: 10px;}
    .table_down a{display: block; padding: 15px;}

    .main-vis {height: auto;}
    .main-vis .main-vis-img {background-size: cover; max-height: 400px; padding-top: 50px;}
    .main-vis .main-vis-tit {font-size: 25px; margin-bottom: 10px;}
    .main-vis .main-vis-txt{font-size: 12px;}
    .main-vis .main-vis-txt br {display: none;}
    .main-vis .main-vis-txt01{font-size: 13px;}
    .main-vis .more-btn{padding: 9px 50px 9px 30px; font-size: 11px; margin-top: 10px;}

    .slick-dots li button {width: 15px; height: 15px;}
    .slick-dots li button:before {width: 12px; height: 12px;}

    .menu.pc_ver{display: none;}
    .menu.mo_ver{display: block;}

    ul.menu.flx_wrap_start{margin-left: 0 ;}
    ul.menu.grey li.menu_li{display: block; max-width: unset;}
    ul.menu li.menu_li .drop_bx,
    ul.menu.grey li.menu_li .drop_bx{background-color: transparent; text-align: center; margin: auto;}
    ul.menu.grey li.menu_li .drop_bx ul.drop li{border: none;}
    ul.menu.grey li.menu_li .drop_bx ul.drop li:hover{background: #f1f3f4;}
    ul.menu.black li.menu_li .drop_bx{background-color: transparent;}

    .goBtn{width: 80px; height: 80px; padding: 17px 0; font-size: 13px;}
    .goBtn strong{font-size: 17px;}
    .goBtn.bigCircle{padding-top: 22px; font-size: 11px;}
    .goBtn.bigCircle strong{font-size: 13px;}

    .event_tab2 ul{display: block;}
    .event_tab2 ul li{padding: 20px 0;}

    .ft-slider-wrap {padding: 0 30px;}
    .ft-slider-wrap .ft-slider {width: 100%; margin-bottom: 20px; padding-left: 0;}
    .ft-slider-wrap .ft-slider:last-child {margin-bottom: 0;}
    .ft-slider-wrap .ft-slider .name {margin-bottom: 10px; position: static;}

    .purchase_history {max-width: 1000px; padding: 20px;}
    .purchase_history .title {margin-bottom: 10px; font-size: 30px;}
    .purchase_history .txt {font-size: 14px;}
    .purchase_history .list li {padding: 15px 0;}
    .purchase_history .list li > div {width: 50%; font-size: 14px;}

    .speaker-list li {width: calc(100% / 3);}
    .speaker-list .speaker-img {width: 23vw; height: 30.07vw;}
    .speaker-list.m_border li {width: calc((100% - (2 * 50px)) / 3);}

    .ft-top .logo_area {width: 100%; padding: 0 30px; box-sizing: border-box;}
    .ft-top .logo_area .box {width: 100%; padding: 0; margin: 0 0 15px;}
    .ft-top .logo_area .box:last-child {margin: 0;}
    .ft-top .logo_area .name {display: block; margin-bottom: 10px; position: static;}

    .container.addItem {grid-template-columns: 1fr;}

    .gnb {display: block; width: 100% !important; height: calc(100% - 100px); overflow: hidden; overflow-y: auto; margin-top: 10px;}
    .gnb > li {height: auto; margin: 30px 0 0;}
    .gnb .name span {display: block; font-size: 20px; line-height: 1.4; font-weight: 500;}
    .gnb > li .drop {width: 100%; position: static;}
    .gnb > li .drop li a {font-size: 14px;}

    .hd-util.style_02 {top: 3px;}

    .contents_wrap {padding-top: 94px;}
    #header_01 {height: 60px; z-index: 20;}
    #header_01 .i_inner {height: 60px;}
    #header_01.open .i_inner {height: 60px;}
    #header_01 .i_logo {height: 60px;}
    #header_01 .i_logo a {height: 60px;}
    #header_01 .i_logo a img {max-height: 34px;}
    #header_01 .i_mobile_gnb_btn {width: 60px; height: 60px;}

    #footer_01 {padding: 40px 0 90px;}

    .sub_contents {padding: 0 40px 120px;}

    .m_dark_theme #header_01.open .i_inner {height: 60px;}

}
@media(max-width: 980px){
    .map-info-area{height: 480px;}
    .information-header.bus { padding: 70px 0 20px;}
    .information-header .info-title {font-size: 28px;}
    .map-box ul li { flex-direction: column; padding: 15px 20px;}
    .map-box ul li .map-title {width: 100%; padding-left: 0; padding-bottom: 10px; font-size: 14px;}
    .map-title .bus-number {display: inline-block; font-weight: normal; margin-left: 20px;}
    .map-box ul li .map-conts.map-conts1 {width: 100%;}
    .map-box ul li .map-conts.map-conts2 {display: none;}
    .map-box ul li .map-conts.map-conts3 {width: 100%;}
    .map-conts.map-conts2 .second-line {display: inline-block;}

    .information-header {padding: 60px 0 20px;}
    .information-header { flex-direction: column;}
    .information-header.hotel {align-items: flex-start;}
    .information-header .info-title {font-size: 28px;}

    .hotel-link-bx {margin-top: 20px;}
    .hotel-list li a {font-size: 16px;}

    .hotel-info-list .hotel-title{font-size: 18px;}
    .hotel-info-list > li{width: 100%;font-size: 14px;margin-bottom: 40px;}
    .hotel-info-list > li:nth-of-type(2n){margin-left: 0;}
    .hotel-info-list .info-wrap .info-title{width: 70px;}
    .hotel-info-list .info-wrap .info-conts{width: calc(100% - 70px);}
    .hotel-info-list .info-wrap .info-conts a{word-break: break-all;}

    .hotel-link-bx.sub_tab { padding: 20px 0 0 0;}
    .hotel-list li a { font-size: 16px;}
    table.info-list { border-collapse: separate; border-spacing: 0 5px;}
    table.info-list thead { display: none;}
    table.info-list tbody th { position: relative; display: block; padding: 5px 10px 5px 100px; text-align: left; border-bottom: 0px none; font-size: 13px; color: #666;}
    table.info-list tbody td { position: relative; display: block; padding: 5px 10px 5px 100px; text-align: left; border-bottom: 0px none; font-size: 13px; color: #666;}
    table.info-list tbody th:before {position: absolute; top: 5px; left: 10px; width: 100px; content: attr(data-title); font-weight: 500; color: #666;}
    table.info-list tbody td:before {position: absolute; top: 5px; left: 10px; width: 100px; content: attr(data-title); font-weight: 500; color: #666;}
    table.info-list tbody td:last-child { border-bottom: 1px solid #ccc; padding-bottom: 10px !important;}

    #content.bcww-after .btn9.poster-view-btn9 { position: relative; display: block;  top: auto;  right: auto; margin: 30px auto 0;  max-width: 196px;  height: 40px; line-height: 37px;  padding: 0 10px; letter-spacing: -0.5px;  font-size: 14px;}
    #content.bcww-after .btn9.poster-view-btn9 .ico {margin-right: 10px; vertical-align: middle;}
    #content.bcww-after .section.past-event .past-event-wrap { padding-top: 40px; overflow: hidden;}
    #content.bcww-after .section.past-event .past-event-wrap .flex-both {    align-items: center;}
    #content.bcww-after .section.past-event .past-event-wrap .img-wrap img { width: 100%;}
    #content.bcww-after .past-event-wrap .info-wrap {  margin-top: 40px;  padding-left: 22px;}
    #content.bcww-after .past-event-wrap .info-wrap { margin-top: 40px;  padding-left: 22px;}
    #content.bcww-after .past-event-wrap .info-row, #content.bcww-after .past-event-wrap .info-row+.info-row { padding: 0 0 30px;}
    #content.bcww-after .past-event-wrap .info-row dl { width: 100%;}
    #content.bcww-after .past-event-wrap .info-row dl:first-child {  margin-left: 0;}
    #content.bcww-after .past-event-wrap .info-row+.info-row.only-pc+.info-row:not(.only-mo) { padding: 0 0 60px;}
    #content.bcww-after .section.past-event .past-event-wrap .info-row dl dd img { filter: grayscale(1);}
    #content.bcww-after .past-event-wrap .info-row.other-type { padding: 0 0;}
    #content.bcww-after .swiper-button-next, #content.bcww-after .swiper-button-prev { top: 198px;}
    #content.bcww-after .swiper-wrapper .flex-both{flex-direction: column;}

    .tour-info-list > li {  flex-direction: column;  padding: 30px 0;}
    .tour-info-list .tour-text-wrap { width: 100%;}
    .tour-info-list .tour-text-wrap .tour-text-bx .tour-title { font-size: 18px; margin-bottom: 10px;}
    .tour-info-list .tour-text-wrap .tour-text-bx .tour-text { font-size: 14px;}
    .tour-info-list .tour-text-wrap .tour-link { font-size: 12px; margin: 30px 0 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
    .tour-info-list .tour-img-wrap { display: none;}
    .tour-info-list .tour-m-img-wrap { display: block; width: 100%;}
    .tour-info-list .tour-m-img-wrap img { width: 100%;}
}
@media(max-width: 960px){
    #footer02 .w-inner{padding: 0 32px;}

    .data-list.col-3 li:not(.swiper-slide){width: calc((100% - 40px) / 2);}
    .data-list.col-3 > li:not(.swiper-slide):nth-of-type(3n-1){margin-right: 0; margin-left: 0}
    .data-list.col-3 > li:not(.swiper-slide):nth-of-type(2n){margin-left: 40px;}
    .data-list.col-4 > li:not(.swiper-slide){width:  calc( (100% - 25px) / 2);}
    .data-list.col-4 > li:not(.swiper-slide):nth-of-type(4n),
    .data-list.col-4 > li:not(.swiper-slide):nth-of-type(4n-1),
    .data-list.col-4 > li:not(.swiper-slide):nth-of-type(4n-2){margin-left: 0;}
    .data-list.col-4 > li:not(.swiper-slide):nth-of-type(2n){margin-left: 25px}
    .data-list.col-5 li:not(.swiper-slide){width: calc((100% - 80px) / 3);}
    .data-list.col-5 > li:not(:nth-of-type(5n+1)){margin-left: 0;}
    .data-list.col-5 > li:not(.swiper-slide):nth-of-type(3n-1){margin-left: 40px;margin-right:40px;}
    .data-list.col-6 li:not(.swiper-slide){width: calc((100% - 120px) / 4);}
    .data-list.col-6 > li:not(.swiper-slide):nth-of-type(2n),
    .data-list.col-6 > li:not(.swiper-slide):nth-of-type(4n),
    .data-list.col-6 > li:not(.swiper-slide):nth-of-type(4n-1) {margin-left: 40px}
    .data-list.col-6 > li:not(.swiper-slide):nth-of-type(4n-3){margin-left: 0;}
}
@media(max-width: 806px){
    #content.my-group.schedule .page-header .guide-list {margin-top: 10px;}
    #content.my-group .guide-list {width: 100%;}
    #content.my-group.schedule .schedule-wrap {padding: 20px 0 40px;}
}
@media (max-width: 799.98px){
    .sub-slider .slider-cont .img-bx {width: 100%;}
    .sub-slider .slider-cont .txt-bx {width: 100%; padding-left: 0;}

    /* form */
    .input-bx.typ02{flex-wrap: wrap; justify-content: flex-start;}
    .input-bx.typ02 .block{margin-left:0; margin-top:5px;}
    .input-bx.typ02 input:not(.block){width:calc(50% - 5px);}
    .input-bx.typ02 .btn{width:calc(50% - 5px); margin-top:5px;}
    .input-bx.typ02 .btn:not(:last-child){margin-left:0;}

    /* popup */
    .popup, .popup.pop-md, .popup.pop-lg , .popup.pop-upload, .popup.pop-md2, .popup.pop-invoice{width:80%; padding:30px 20px; font-size:16px;}
    .pop_bcNone, .pop_bcNone.slider{width:100% !important;}
    .popup .pop-tit h3{font-size:18px;}
    .poAb{position:static;}
    .pop-tit.bdnone{min-height: 30px;}

    .popup table.view tbody th{display:none;}
    .popup table.view tbody td{display:block;}
    .popup table.view tbody td:before{content: attr(data-title); display:block; margin-bottom:5px; font-weight:500;}

    /* popup-상담원변경*/
    .popup .account-list li{width:100%;}
    .account-list li:nth-child(2n) {margin-left: 0;}

    /* 로그인 */
    .login-wrap.sns{width:100%; padding:40px;}
    .mice-enroll-bx{width:100%; padding:40px; margin-bottom:50px;}
    .login-bx{flex-direction: column;}
    .login-bx > div{flex:1; width:auto;}
    .login-more{margin-top:40px; margin-left:0;}

    /* 회원가입 */
    .signup-wrap{flex-direction: column; margin-bottom:50px;}
    .signup-wrap .login-form{width:100%; border-left:1px solid #e8e8e8; border-top:0px none;}

    /* 참가등록 */
    .login-enroll-bx{flex-direction: column;}
    .login-enroll-bx > div + div{margin-top:20px; margin-left:0;}

    .boothApply-list li > div{flex:1;}

    /* 검색 */
    .search-bx .cont-tab{flex-wrap: wrap; justify-content: space-between; margin-bottom:10px;}
    .search-bx .cont-tab li{flex:none; width:calc(50% - 5px); margin-bottom:5px;}
    .search-bx .cont-tab li+li{margin-left:0;}

    .search-bx .category-bx{flex-wrap: wrap;}
    .search-bx .category-bx .input-bx{flex:none; width:100%; margin-top:10px; margin-left:0;}

    .flex-col{width:100%;}
    .flex-col .category-bx{flex-direction: column;}
    .flex-col .category-bx > * + * {margin-left:0;}
    .flex-col .cate-list.current{order:1;}

    .category-bx.m_dl {margin-top: 0;}
    .category-bx.m_dl > div {margin-top: 50px;}

    .reset-area{position:static;}
    .reset-area a{ width:100%; margin-bottom:10px;}

    /* 전시 */
    .exhibition-list li .thumbs-up{top:20px; right:20px;}
    .exhibition-list li .text{height:auto;}
    .exhibition-list.typ02 li{flex-direction: column; padding:20px;}
    .exhibition-list.typ02 li > div:first-child{margin-right:0;}
    .exhibition-list.typ02 li > div:last-child{flex:none; width:100%;}
    .exhibition-list.typ02 li .btn-bx{display:flex; flex-direction: column;}
    .exhibition-list.typ02 li .btn-bx .btn2{width:50%; height:30px; line-height:30px; font-size:14px;}
    .exhibition-list.typ02 li .btn-bx > *+*{margin-left:0; margin-top:5px;}

    .intro-title .img{width:30%; margin-left:10px;}
    .intro-title .text{padding-right: 30px;}

    /* 게이미피케이션 */
    .game-bx{padding:35px 30px 40px;}
    .attend-day li{width:120px; margin-right:40px;}
    .attend-day li a{padding-right:30px; padding-left:30px;}
    .que-list li{width:100%; margin-right:0;}
    .que-list li a{border-radius:30px;}

    /* 전시콘텐츠 업로드 */
    .booth-select{padding-right:0px;}
    .booth-select .btn1{position:static; margin-top:10px;}

    .enroll-wrap .tit-area{text-align: left;}
    .enroll-wrap .tit-area h4{float: inherit;}

    /* 프로그램 */
    .program-list .title-area{flex-direction: column; justify-content: flex-start; align-items: flex-start;}
    .program-list .title-area .td-date{flex-basis:auto;}
    .program-list .title-area .td-date span:first-child{display:inline-block; margin-right:10px;}
    .program-list .title-area .td-time{flex-basis:45px;}
    .program-list .title-area .td-time .where{display:inline-block; margin-left:10px;}
    .program-list .title-area .td-live{flex-basis:60px;}
    .program-list .title-area .td-live .live{display:inline-block; width:100px; height:40px; line-height:40px; font-size:16px; font-weight: 400;}
    .program-list .title-area .td-theme{flex-basis: auto; padding-left: 0;}
    .program-list .title-area .td-title{width:100%; margin-bottom:30px; font-size:20px; cursor: pointer;}
    .program-list .title-area .td-button{flex-basis: auto;}
    .program-list .title-area .td-state{flex-basis: 30px;}
    .program-list .title-area .td-theme.typ02{flex-basis: auto;}

    .speaker-list .speaker-img{display:inline-block; }
    .speaker-list .btn-bx .btn-radius{display:block;}

    .proDetail-area .slider-bx.program-list-card{margin-left:80px;}
    .proDetail-area .slider-bx.program-list-card .slick-slide{margin-right:0;}
    .proDetail-area .slider-bx.program-list-card .slick-prev{left:-80px;}

    .participant-list li .part-img{max-width: 350px; max-height: 350px;}

    .proDet-company li{flex-direction: column; padding: 20px;}
    .proDet-company .company-logo{margin-right:0;}
    .proDet-company .company-cont{margin-top:20px; margin-bottom:20px; padding-right:0;}
    .proDet-company .btn-bx{max-width:100%;}
    .proDet-company .btn-bx .btn-radius{display:inline-block;}
    .proDet-company .btn-bx .btn-radius + .btn-radius{margin-left:10px;}

    /* 미디어 아카이빙 */
    .mediaArchiving-list li{width:calc(100% / 2 - 20px);}

    /* ONAIR */
    .cont-title p.sm-txt{padding-right:0;}
    .cont-title .btn-bx{position:static;}
    .onair-title .btn-bx{position:static; transform: translate(0, 10px);}
    .direct-bx{padding-right:0;}
    .direct-bx .btn-bx{position:static; transform: translate(0, 10px);}
    .onair-title{padding-right:0;}
    .onair-subtit{margin-bottom:20px;}
    .livenow-schedule{max-height:650px;}
    .livenow-scheSlider .live-alert{position:static; margin-bottom:10px;}
    .livenow-schedule .now-line{left:82px;}
    .livenow-schedule .time{width:100px; font-size:16px;}
    .livenow-schedule .channel-bx{left:100px;}

    /* 메세지함 */
    .message-list li{flex-wrap: wrap;}
    .message-list .text-bx{width: calc(100% - 90px); padding-right: 150px;}
    .message-list .date-bx{width: 100%; margin-left: 90px; margin-top: 20px;}
    .message-list.typ02 li{flex-wrap:nowrap;}
    .message-list.typ02 .date-bx{margin-top: 0; margin-left: 45px;}

    .message-area .textNode .text{flex-wrap: wrap; width:75%;}
    .message-area .textNode .match{width:100%;}
    .message-area .textNode .more{margin-top:10px; margin-left:0;}

    /* 비즈매칭 */
    .counselAccount-bx{flex-direction: column;}
    .counselAccount-bx > div + div{margin-top:20px; margin-left:0;}

    /* 게시판 */
    .board-list .noti-cont{padding-right:40px;}

    /* 메인페이지 */
    .sub-slider .slider-cont{flex-direction: column; align-items: center;}
    .sub-slider .slider-cont .txt-bx{margin-top:30px; margin-left:0;}
    .main-slideList .image-bx{height:350px; overflow: hidden;}

    .main-videoList .video-bx{height:auto;}
}
@media(max-width: 768px){
    .sub_style_01 {padding-bottom: 160px;}
    .sub_style_01 header.background {background: transparent;}
    .sub_style_01 .content-wrap {margin-top: 0; padding-left: 0; padding-right: 0; padding-top: 0;}
    .sub_style_01 .content-wrap .cont-top {display: none;}

    .signup-comment03 .terms_box {padding: 25px 20px;}
    .signup-comment03 .btn62 {min-width: 150px;}

    .slick-prev, .slick-next{width:30px; height:30px;}
    .slick-prev:before, .slick-next:before{font-size:16px;}

    #footer_01 {padding: 20px 20px 70px;}
    #footer_01 .ft-browser {margin-top:12px;}
    #footer_01 .i_inner {width: 100%;}
    #footer_01 .i_logo {padding-bottom: 10px; border-bottom: none;}
    #footer_01 .i_select {margin-bottom: 12px; padding-bottom: 20px; border-bottom: 1px solid #747b8d;}
    #footer_01 .i_select select {width: 100%; position: static;}
    #footer_01 .i_select .sns {position: static;justify-content: flex-end;}
    #footer_01 .i_select .sns a {width:24px; height:24px;}
    #footer_01 .i_address {padding: 10px 0 20px; font-size: 12px;}
    #footer_01 .i_menu {font-size: 12px;margin-top:12px;}
    #footer_01 .i_menu li + li::after {height: 9px; top: 4px;}
    #footer_01 .i_menu a {font-size: 12px;}
    #footer_01 .i_copyright {font-size: 12px; text-align: center;}

    .cont-tab.typ04 {display: flex; flex-wrap: wrap; width: 100%; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd;}
    .cont-tab.typ04 li {width: auto; flex: 1 1 33%; background-color: #fff;}
    .cont-tab.typ04 li + li {margin: 0;}
    .cont-tab.typ04 li a {padding:14px 0; font-size: 12px; background: none !important; border-top: 1px solid #ddd; border-left: 1px solid #ddd;}

    .header_type_01 {height: 48px;}
    .header_type_01 .i_header_wrap {height: 48px;}
    .header_type_01 .responsive_frame {width: 100%; max-width: 100%;}
    .header_type_01 .i_mo_gnb {width: 100%; height: 100%; position: fixed; left: 0; top: -100%; background-color: #fff; z-index: 5;}
    .header_type_01.open .i_mo_gnb {top: 0;}
    .header_type_01 .i_util {width: 100%; height: 50px; padding: 0; position: absolute; left: 0; bottom: 0; z-index: 1;}
    .header_type_01 .i_menu {display: flex; justify-content: space-between; position: static;}
    .header_type_01 .i_menu::after {display: none;}
    .header_type_01 .i_menu li {margin-left: 0; float: none;}
    .header_type_01 .i_menu li a {height: 50px; line-height: 50px;}
    .header_type_01 .i_select::after {top: 19px;}
    .header_type_01 .i_select select {height: 50px;}
    .header_type_01 .i_gnb_area {height: 100%; padding: 0 0 50px 0; overflow: auto;}
    .header_type_01 .logo {position: fixed; left: 20px; top: 0;}
    .header_type_01.open .logo {display: none;}
    .header_type_01 .logo a {display: block; height: 48px;}
    .header_type_01 .logo img {height: 20px;}
    .header_type_01 .i_gnb {padding-top: 50px; position: static;}
    .header_type_01 .i_gnb li {margin: 0 0 35px 20px; float: none;}
    .header_type_01 .i_gnb li a {font-size: 20px;}

    .header_type_02 {height: 48px;}
    .header_type_02 .i_header_wrap {height: 48px;}
    .header_type_02 .i_gnb_area {height: 100%; padding: 0 0 50px 0;}
    .header_type_02 .responsive_frame {width: 100%; max-width: 100%;}
    .header_type_02 .logo {left: 20px; top: 0;}
    .header_type_02.open .logo {display: none;}
    .header_type_02 .logo a {display: flex; align-items: center; height: 48px;}
    .header_type_02 .logo img {height: 20px;}
    .header_type_02 .i_gnb {width: 100%; height: 100%; overflow: auto; position: fixed; left: 0; top: -100%; background-color: #fff; z-index: 5;}
    .header_type_02.open .i_gnb {top: 0;}
    .header_type_02 .i_gnb ul {padding-top: 50px;}
    .header_type_02 .i_gnb li {margin: 0 0 35px 20px; float: none;}
    .header_type_02 .i_gnb li a {font-size: 20px; color: #000;}
    .header_type_02 .gnb_trigger > span,
    .header_type_02 .gnb_trigger::after,
    .header_type_02 .gnb_trigger::before {background-color: #fff;}
    .header_type_02.fixed .gnb_trigger > span,
    .header_type_02.fixed .gnb_trigger::after,
    .header_type_02.fixed .gnb_trigger::before,
    .header_type_02.open .gnb_trigger > span,
    .header_type_02.open .gnb_trigger::after,
    .header_type_02.open .gnb_trigger::before {background-color: #000;}

    .header_type_03 {min-width: 100%; height: 48px; padding: 0;}
    .header_type_03.open {height: 100%;}
    .header_type_03 .i_gnb_area {display: block; height: 100%; text-align: left;}
    .header_type_03 .logo {height: auto; position: absolute; left: 20px; top: 0;}
    .header_type_03 .logo a {display: flex; height: 48px; align-items: center;}
    .header_type_03 .logo img {height: 20px;}
    .header_type_03 .i_gnb {width: 100%; height: 100%; padding-bottom: 50px; overflow: auto; position: fixed; left: 0; top: -100%; background-color: #fff; z-index: 5;}
    .header_type_03.open .i_gnb {top: 0;}
    .header_type_03 .i_gnb ul {padding-top: 50px;}
    .header_type_03 .i_gnb li {margin: 0 0 35px 20px; float: none;}
    .header_type_03 .i_gnb li a {font-size: 20px; color: #000;}
    .header_type_03 .i_util {display: none; width: 100%; height: 50px; padding: 0 20px; position: fixed; left: 0; bottom: 0; background-color: #000; z-index: 5;}
    .header_type_03 .i_util::after {display: none;}
    .header_type_03.open .i_util {display: flex; justify-content: space-between; align-items: center;}
    .header_type_03 .i_util li {margin-left: 0; float: none;}
    .header_type_03 .i_util a {font-weight: 500; font-size: 14px; color: #fff !important;}
    .header_type_03 .i_select select {font-weight: 500;}
    .header_type_03.fixed .i_select::after {border-top: 1px solid #fff; border-right: 1px solid #fff;}
    .header_type_03.fixed .i_select select {color: #fff;}
    .header_type_03 .gnb_trigger > span,
    .header_type_03 .gnb_trigger::after,
    .header_type_03 .gnb_trigger::before {background-color: #fff;}
    .header_type_03.fixed .gnb_trigger > span,
    .header_type_03.fixed .gnb_trigger::after,
    .header_type_03.fixed .gnb_trigger::before,
    .header_type_03.open .gnb_trigger > span,
    .header_type_03.open .gnb_trigger::after,
    .header_type_03.open .gnb_trigger::before {background-color: #000;}

    .header_type_04 .i_header_wrap {height: 48px;}
    .header_type_04.fixed .i_header_wrap {background: #fff; box-shadow: 0 30px 40px rgba(0, 0, 0, 0.05);}
    .header_type_04 .i_mo_gnb {width: 100%; height: 100%; position: fixed; left: 0; top: -100%; background-color: #fff; z-index: 5;}
    .header_type_04.open .i_mo_gnb {top: 0;}
    .header_type_04 .i_util {width: 100%; height: 50px; position: absolute; left: 0; bottom: 0; z-index: 1;}
    .header_type_04 .i_menu {display: flex; justify-content: space-between; position: static;}
    .header_type_04 .i_menu::after {display: none;}
    .header_type_04 .i_menu li {margin-left: 0; float: none;}
    .header_type_04 .i_menu li a {height: 50px; line-height: 50px;}
    .header_type_04 .i_select::after {top: 19px;}
    .header_type_04 .i_select select {height: 50px;}
    .header_type_04 .i_gnb_area {display: block; height: 100%; padding: 0 0 50px 0; overflow: auto;}
    .header_type_04 .logo {position: fixed; left: 20px; top: 0;}
    .header_type_04.open .logo {display: none;}
    .header_type_04 .logo a {display: flex; height: 48px; align-items: center;}
    .header_type_04 .logo img {height: 20px;}
    .header_type_04 .i_gnb {padding-top: 50px; position: static;}
    .header_type_04 .i_gnb li {margin: 0 0 35px 20px; float: none;}
    .header_type_04 .i_gnb li a {color: #000;}
    .header_type_04 .gnb_trigger > span,
    .header_type_04 .gnb_trigger::after,
    .header_type_04 .gnb_trigger::before {background-color: #fff;}
    .header_type_04.fixed .gnb_trigger > span,
    .header_type_04.fixed .gnb_trigger::after,
    .header_type_04.fixed .gnb_trigger::before,
    .header_type_04.open .gnb_trigger > span,
    .header_type_04.open .gnb_trigger::after,
    .header_type_04.open .gnb_trigger::before {background-color: #000;}

    .gnb_trigger {display: block; width: 48px; height: 48px; position: fixed; right: 0; top: 0; z-index: 10;}
    .gnb_trigger::after,
    .gnb_trigger::before {content: '';}
    .gnb_trigger > span,
    .gnb_trigger::after,
    .gnb_trigger::before {display: inline-block; width: 20px; height: 2px; transition: all .4s; box-sizing: border-box; position: absolute; left: calc(50% - 10px); background-color: #000;}
    .gnb_trigger > span {top: calc(50% - 1px);}
    .gnb_trigger::after {top: 17px;}
    .gnb_trigger::before {bottom: 17px;}
    .open .gnb_trigger::after {transform: translateY(6px) rotate(-45deg);}
    .open .gnb_trigger > span {opacity: 0;}
    .open .gnb_trigger::before {transform: translateY(-6px) rotate(45deg);}

    #footer_wrap {min-width: 100%;}
    #footer_wrap .i_banner_box {padding: 8px 0;}
    #footer_wrap .i_banner {width: 100%; padding-left: 0;}
    #footer_wrap .i_banner + .i_banner {margin-top: 10px;}
    #footer_wrap .i_banner .i_title {margin-bottom: 5px; line-height: 1.5; position: static;}
    #footer_wrap .i_ft_slick .i_align {padding: 0 10px 0 0; justify-content: left;}
    #footer_wrap .i_info_box {padding: 24px 0 146px;}
    #footer_wrap.m_wide .i_info_box {padding: 24px 0 146px;}
    #footer_wrap .i_info_box .logo {display: none;}
    #footer_wrap .i_info_box .responsive_frame {padding: 0 20px;}
    #footer_wrap .i_btn_privacy {margin-bottom: 11px;}
    #footer_wrap .i_address {margin-bottom: 12px;}
    #footer_wrap .i_address span {margin: 7px 20px 0 0; font-size: 14px;}
    #footer_wrap .i_address .i_txt {margin-top: 7px;}
    #footer_wrap .i_copyright {font-size: 10px;}
    #footer_wrap .i_select {width: 100%; margin-top: 26px; position: relative;}
    #footer_wrap .i_select::after {content: '+'; display: block; font-size: 18px; color: #333; position: absolute; right: 15px; top: 10px;}
    #footer_wrap .i_select select {height: 44px; font-size: 12px;}
    #footer_wrap .i_sns {margin-top: 32px; position: static; text-align: center;}

    #footer_wrap_01 {min-width: 100%; padding: 30px 0 75px;}
    #footer_wrap_01 .i_menu {margin-bottom: 12px;}
    #footer_wrap_01 .i_menu a {font-size: 14px;}
    #footer_wrap_01 .i_menu a + a {margin-left: 16px;}
    #footer_wrap_01 .i_address {margin-bottom: 4px; font-size: 12px; line-height: 1.8;}
    #footer_wrap_01 .i_copyright {margin-bottom: 24px; font-size: 12px;}
    #footer_wrap_01 .i_host > div {padding-left: 30px; font-size: 12px;}
    #footer_wrap_01 .i_host > div + div {margin-left: 24px;}
    #footer_wrap_01 .i_host span {line-height: 20px;}
    #footer_wrap_01 .i_host a {display: block;}
    #footer_wrap_01 .i_host img {height: 20px;}
    #footer_wrap_01 .i_select {width: 80%; margin-bottom: 24px; position: relative;}
    #footer_wrap_01 .i_select::before {right: 36px;}
    #footer_wrap_01 .i_select::after {font-size: 12px; right: 14px; top: 8px;}
    #footer_wrap_01 .i_select select {height: 36px; font-size: 12px;}
    #footer_wrap_01 .i_sns {width: 80%; margin-bottom: 24px; position: static;}

    .sub_header {height: 120px;}
    .sub_header .i_breadcrumb li {font-size: 12px;}
    .sub_header .i_title {font-size: 24px;}

    .sub_menu a {min-width: 100px; font-size: 16px;}

    .sub_contents {width: 100%; padding: 0 16px 60px;}
    .sub_contents .i_cont {margin-top: 60px;}
    .sub_contents .i_title {font-size: 20px;}
    .sub_contents .i_title span::after {height: 10px;}
    .sub_contents .i_subtitle {font-size: 20px;}
    .sub_contents .i_subtitle_02 {font-size: 14px;}
    .sub_contents .i_subtitle_02::after {top: 7px;}
    .sub_contents .i_txt_list {flex-direction: column;}
    .sub_contents .i_txt_list_01 > li {display: flex; width: 100%; padding: 20px; flex: 1; gap: 16px; flex-direction: column; justify-content: center; align-items: center; border-radius: 5px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);}
    .sub_contents .i_txt_list_01 > li + li {margin-top: 16px;}
    .sub_contents .i_txt_list_01 .i_ico {position: static;}
    .sub_contents .i_txt_list_01 .i_tit {font-size: 20px; font-weight: 700;}
    .sub_contents .i_txt_list_01 .i_txt span {display: block; padding-left: 10px; margin-top: 5px; position: relative;}
    .sub_contents .i_txt_list_01 .i_txt span::after {content: '·'; position: absolute; left: 0; top: 0;}
    .sub_contents .i_txt_list .i_info div {min-height: 60px; padding-left: 70px;}
    .sub_contents .i_txt_list .i_info div::after {width: 60px; height: 60px; background-size: 25px !important; top: 10px;}
    .sub_contents .i_txt_list .i_info div + div {margin-top: 20px;}
    .sub_contents .i_txt_list .i_info dt {padding: 12px 0 8px; font-size: 20px; font-weight: 700;}
    .sub_contents .i_btn_box {gap: 8px;}
    .sub_contents .i_btn_01,
    .sub_contents .i_btn_02 {min-width: 100%; height: 50px; line-height: 50px; font-size: 18px;}
    .sub_contents .i_btn_01.m_40 {font-size: 14px;}
    .sub_contents .i_title_01 {font-size: 24px;}
    .sub_contents .i_subtitle_01 {font-size: 20px;}
    .sub_contents .i_txt_list_02 {display: flex; gap: 16px; flex-direction: column;}
    .sub_contents .i_txt_list_02 li {padding: 20px; gap: 8px;}
    .sub_contents .i_txt_list_02 .i_title {margin-bottom: 10px; font-size: 20px;}
    .sub_contents .i_txt_list_02 .i_title span::after {height: 10px;}
    .sub_contents .i_txt_list_02 .i_dl div:last-child {padding-bottom: 8px;}
    .sub_contents .i_txt_list_02 dl div {display: block; font-size: 16px;}
    .sub_contents .i_txt_list_02 dl div + div {margin-top: 10px;}
    .sub_contents .i_txt_list_02 dt {width: 100%;}
    .sub_contents .i_txt_box_01 {padding: 0 0 40px 0;}
    .sub_contents .i_txt_box_01 .i_tit_01 {margin-bottom: 10px; position: static; text-align: center;}
    .sub_contents .i_txt_box_01 .i_tit_02 {font-size: 18px;}
    .sub_contents .i_txt_box_02 {padding: 0;}
    .sub_contents .i_txt_box_02 .i_tit_01 {margin-bottom: 10px; position: static; text-align: center;}
    .sub_contents .i_txt_box_02 .i_step_list {gap: 20px; margin-bottom: 40px; justify-content: space-between;}
    .sub_contents .i_txt_box_02 .i_step_list li + li::after {left: -30px;}
    .sub_contents .i_title_02 {margin-bottom: 20px; padding-bottom: 5px; font-size: 20px;}
    .sub_contents .i_title_03 {margin: 60px 0 30px; padding-top: 5px; font-size: 18px;}
    .sub_contents .i_title_03::after {width: 20px; height: 2px;}
    .sub_contents .i_txt_list_03 li {padding: 10px 10px 10px 25px; border-radius: 6px; font-size: 14px; line-height: 1.8;}
    .sub_contents .i_txt_list_03 li::after {width: 3px; height: 3px; border-radius: 3px; left: 15px; top: 21px;}
    .sub_contents .i_smart_matching {gap: 15px; flex-direction: column;}
    .sub_contents .i_smart_matching div {padding: 15px 15px 80px; border-radius: 10px;}
    .sub_contents .i_smart_matching div::after {width: 34px; height: 34px; right: 20px; bottom: 20px; background-size: 34px !important;}
    .sub_contents .i_smart_matching dt {margin-bottom: 15px; font-size: 18px;}
    .sub_contents .i_smart_matching dd {font-size: 14px;}
    .sub_contents .i_txt_box_03 {font-size: 14px;}
    .sub_contents .i_overview_wrap {margin-top: 60px; padding: 30px 0;}
    .sub_contents .i_overview_inner dl {gap: 10px; flex-direction: column;}
    .sub_contents .i_overview_inner dl div {padding: 15px 15px 80px; border-radius: 10px;}
    .sub_contents .i_overview_inner dl div::after {width: 34px; height: 34px; right: 20px; bottom: 20px; background-size: 34px !important;}
    .sub_contents .i_overview_inner dl dt {margin-bottom: 8px; font-size: 14px;}
    .sub_contents .i_overview_inner dl dd {font-size: 18px;}
    .sub_contents .i_circle_list {gap: 10px; flex-wrap: wrap;}
    .sub_contents .i_circle_list div {width: 150px; height: 150px; border-radius: 150px;}
    .sub_contents .i_circle_list dt {font-size: 14px;}
    .sub_contents .i_circle_list dd {font-size: 18px;}
    .sub_contents .i_highlights {gap: 10px;}
    .sub_contents .i_highlights li {flex: 1 1 100%; padding: 15px 10px; border-radius: 10px;}
    .sub_contents .i_highlights .i_tit {margin-bottom: 15px; font-size: 16px;}
    .sub_contents .i_highlights .i_txt {margin-bottom: 15px; font-size: 14px;}
    .sub_contents .i_highlights .i_info {gap: 30px;}
    .sub_contents .i_highlights .i_info div {width: 120px; height: 120px;}
    .sub_contents .i_highlights .i_info.m_type_01 div {width: 90px; height: 90px;}
    .sub_contents .i_highlights .i_info.m_type_01 div:nth-child(3) {margin-left: 30px;}
    .sub_contents .i_highlights .i_info div:last-child::after {left: -22px; top: calc(50% - 10px); background-size: 15px;}
    .sub_contents .i_highlights .i_info.m_type_02 div:last-child::after {display: none;}
    .sub_contents .i_highlights .i_info dt {font-size: 12px;}
    .sub_contents .i_highlights .i_info dd {font-size: 14px;}
    .sub_contents .i_highlights .i_info dd span {font-size: 12px;}
    .sub_contents .i_map_area {height: 300px;}
    .sub_contents .i_contact_box {gap: 10px; flex-direction: column;}
    .sub_contents .i_contact_box li {padding: 15px 15px 80px; border-radius: 10px;}
    .sub_contents .i_contact_box .i_tit {margin-bottom: 8px; font-size: 14px;}
    .sub_contents .i_contact_box .i_txt {font-size: 18px;}
    .sub_contents .i_contact_box .i_ico {width: 34px; right: 20px; bottom: 20px;}
    .sub_contents .i_directions_box li {padding: 15px; height: auto; background-color: #fafafa; border-radius: 10px;}
    .sub_contents .i_directions_box li + li {margin-top: 10px;}
    .sub_contents .i_directions_box .i_tit {display: block; width: auto; height: auto; margin-bottom: 15px; background-color: transparent; position: static;}
    .sub_contents .i_directions_box .i_tit img {width: 24px; position: relative; top: 5px;}
    .sub_contents .i_directions_box .i_tit strong {margin-top: 0; font-size: 18px;}
    .sub_contents .i_directions_box .i_info dt {margin-bottom: 5px; font-size: 16px; font-weight: 700;}
    .sub_contents .i_directions_box .i_info dd {margin-bottom: 20px; font-size: 14px;}
    .sub_contents .i_txt_box_04 {margin: 60px 0;}
    .sub_contents .i_txt_box_04 .i_tit {margin-bottom: 20px; font-size: 20px;}
    .sub_contents .i_txt_box_04 .i_img {margin-bottom: 20px; border-radius: 10px;}
    .sub_contents .i_txt_box_04 .i_txt {font-size: 18px;}
    .sub_contents .i_txt_list_04 li {padding: 15px; border-radius: 10px;}
    .sub_contents .i_txt_list_04 li + li {margin-top: 10px;}
    .sub_contents .i_txt_list_04 .i_tit {margin-bottom: 15px; font-size: 18px;}
    .sub_contents .i_txt_list_04 dl {padding-left: 10px;}
    .sub_contents .i_txt_list_04 dt {margin-bottom: 4px; font-size: 16px;}
    .sub_contents .i_txt_list_04 dt::after {width: 3px; height: 3px; left: -10px; top: calc(50% - 1px);}
    .sub_contents .i_txt_list_04 dd {margin-bottom: 10px; font-size: 14px; line-height: 1.6;}
    .sub_contents .i_txt_list_05 > li {flex-direction: column;}
    .sub_contents .i_txt_list_05 .i_tit {margin-bottom: 10px;}
    .sub_contents .i_txt_list_08 li {margin-top: 15px;}
    .sub_contents .i_txt_box_05 .i_tit {margin-bottom: 15px; font-size: 20px; }
    .sub_contents .i_txt_box_05 .i_category {gap: 10px;}
    .sub_contents .i_txt_box_05 .i_category li {width: 150px; height: 150px; gap: 10px; font-size: 16px;}
    .sub_contents .i_txt_box_05 .i_category .i_ico {width: 34px;}
    .sub_contents .i_txt_box_06 .i_step_list {gap: 25px; margin-bottom: 60px; flex-direction: column; align-items: center;}
    .sub_contents .i_txt_box_06 .i_step_list li {display: flex; width: 200px; height: auto; padding: 20px 0; gap: 10px; font-size: 16px; border-radius: 10px;}
    .sub_contents .i_txt_box_06 .i_step_list li + li::after {left: calc(50% - 5px); top: -31px; transform: rotate(90deg);}
    .sub_contents .i_txt_box_06 .i_step_list .i_ico {width: 34px;}
    .sub_contents .i_txt_box_07 {padding: 20px; gap: 20px; flex-direction: column;}
    .sub_contents .i_txt_box_07 .i_txt_01 {margin-bottom: 10px; font-size: 20px;}
    .sub_contents .i_txt_box_07 .i_dl > div + div {margin-top: 5px;}
    .sub_contents .i_txt_box_08 {margin-bottom: 0; padding: 20px 0;}
    .sub_contents .i_txt_box_08 .i_title {margin-bottom: 20px; font-size: 24px;}
    .sub_contents .i_txt_box_08 .i_year {margin-bottom: 20px; height: 32px; line-height: 32px; border-radius: 32px; font-size: 16px;}
    .sub_contents .i_txt_box_08 .i_subtitle {margin-bottom: 20px; padding-bottom: 10px; font-size: 20px;}
    .sub_contents .i_txt_box_08 .i_info li {font-size: 14px;}
    .sub_contents .i_txt_box_08 .i_info li + li {margin-top: 7px;}
    .sub_contents .i_txt_box_08 .i_info li::after {top: 7px;}
    .sub_contents .i_txt_box_08 .i_poster {width: 100%; margin-top: 20px; position: static;}
    .sub_contents .i_img_list_01 {margin-top: 10px; gap: 16px;}
    .sub_contents .i_img_list_01 li {flex-basis: calc(50% - 8px);}
    .sub_contents .i_judges_list > li {flex-direction: column; gap: 20px;}
    .sub_contents .i_judges_list > li + li {margin-top: 20px; padding-top: 20px;}
    .sub_contents .i_judges_list .i_info {padding-left: 110px;}
    .sub_contents .i_judges_list .i_info .i_name {font-size: 20px;}
    .sub_contents .i_judges_list .i_info .i_company {font-size: 14px;}
    .sub_contents .i_judges_list .i_info .i_position {font-size: 14px;}
    .sub_contents .i_judges_list .i_resume li {padding-left: 8px; font-size: 14px;}
    .sub_contents .i_judges_list .i_resume li + li {margin-top: 5px;}
    .sub_contents .i_judges_list .i_resume li::after {top: 9px;}
    .sub_contents .i_pricing {flex-direction: column;}
    .sub_contents .i_guide_book {margin-bottom: 20px;}
    .sub_contents .i_plan_box {margin-bottom: 20px;}
    .sub_contents .i_plan_box .i_txt_01 {font-size: 16px;}
    .sub_contents .i_plan_box .i_txt_02 {margin-bottom: 20px; font-size: 13px;}
    .sub_contents .i_plan_box .i_txt_03 {margin-top: 10px; font-size: 16px;}
    .sub_contents .i_txt_link {font-size: 13px;}
    .sub_contents .i_btn_tab {margin-bottom: 20px;}
    .sub_contents .i_btn_tab label span {padding: 13px 0; font-size: 14px;}
    .sub_contents .i_table_style_01 thead th {padding: 10px; font-size: 11px;}
    .sub_contents .i_table_style_01 tbody td {padding: 15px 10px; font-size: 14px;}
    .sub_contents .i_list_style_01 .i_list_title {font-size: 18px;}
    .sub_contents .i_list_style_01 .i_list li {margin-bottom: 13px; padding-bottom: 13px;}
    .sub_contents .i_list_style_01 .i_list .i_thumbnail {width: 144px;}
    .sub_contents .i_list_style_01 .i_list .i_info {padding: 5px 7px; font-size: 14px;}
    .sub_contents .i_list_style_01 .i_list .i_info dl {gap: 4px;}

    #header_01 .i_gnb {padding: 60px 0;}
    #header_01 .i_util_menu {width: 100%; padding: 17px 20px; background-color: #fff; border-top: 1px solid var(--themesColor-2); position: fixed; top: auto; right: auto; bottom: 0; left: -100%; transition: all 0.3s;}
    #header_01.open .i_util_menu {left: 0;}

    .sub-title {padding-bottom: 0;}
}
@media(max-width: 751px){
    .data-list.col-2.gutter-40 li{width: calc((100% - 40px) / 2); margin-bottom: 20px;}
    .data-list.col-2.gutter-40 li:nth-of-type(2n){margin-left: 40px;}
    .popup-body .data-list.col-2 li{width: calc((100% - 28px) / 2); margin-bottom: 30px;}
    .popup-body .data-list.col-2 li:nth-of-type(2n){margin-left: 28px;}
    .data-list.col-box li + li{border-left: 1px solid black;}

    .button-area .btn6.medium + .btn6.medium{margin-left: 7px}
}
@media(max-width: 750px){
    #header02.ing .util a:not(.change-lang) {padding: 7px 10px;}
    #header02.ing .util > a + a, #header02.ing .util > a + .lang-nav {margin-left: 0;}

    #footer02 {padding: 20px 0 50px;}

    .list-wrap{padding-top: 0}
    .list-wrap .list-count{display: none}
    .list-wrap .list-count + .data-list{margin-top: 20px}
    .list-wrap.photo-gallery {padding-top: 20px}

    .data-list.col-3.bdr-bottom + .pagination{padding-top: 40px;}

    .swiper-wrapper.data-lis:not([class*="col"]) {border-top: 0 none}
    .data-list.col-3 li{width: 100%; margin-bottom: 20px}
    .data-list.col-3 > li:nth-of-type(3n-1){margin-right: 0; margin-lefT: 0}
    .data-list.col-3 li:last-child{margin-bottom: 0}
    .data-list.col-4 > li{width: 100%;}
    .data-list.col-5 li:not(.swiper-slide){width: calc((100% - 20px) / 2);margin-bottom: 20px;margin-left: 0;margin-right:0;}
    .data-list.col-5 > li:nth-of-type(2n){margin-left: 20px;}
    .data-list.col-6 li{width: calc((100% - 40px) / 3); margin-bottom: 20px}
    .data-list.col-6 > li:nth-of-type(3n){margin-right: 0; margin-left: 0}
    .data-list.col-6 li:nth-of-type(3n-1){margin-right: 20px; margin-left: 20px;}

    .data-list.col-2 li{width: 100%; margin-bottom: 20px;}
    .data-list.col-box{ flex-direction: column;}
    .data-list.col-box li{min-height: 116px;}
    .data-list.col-box li + li{border-top: 1px solid black;}
    .data-list.col-box li .sub-text{font-size: 10px;}

    .data-list.col-step{padding: 4px 0; flex-direction: column;}

    .item.contents.small:hover::before {opacity: 1;}
    .item.company:hover::before {opacity: 1;}

    .pagination {margin-top: 40px;}
    .pagination ul li {line-height: 40px;}
    .pagination ul li a {padding: 0 10px;font-size: 14px;}
    .pagination a.prev {margin-right: 12px;}
    .pagination a.next {margin-left: 12px;}
    .pagination a > .ico.circle {width:40px; height:40px;}

    #content.conference .sub-visual{background-image: url('/resources/images/conference/visual_conference_mo.jpg');}

    #content.my-fav > .sub-header > .c-inner {margin: 0 auto;}
    #content.my-fav .sub-title {font-size: 28px;}
    #content.my-fav .tabs-wrap {margin: 40px auto;}
    #content.my-fav .page-header {padding-bottom: 15px;border-bottom: 2px solid black;}
    #content.my-fav .page-title {font-size: 20px;}

    .main-visual .btn6-wrap{margin-top: 73px;  flex-direction: column;}
    .main-visual .btn6 {width: 190px; padding: 0 14px; line-height: 44px; letter-spacing: -0.28px;}
    .main-visual .btn6 + .btn6{margin-left: 0; margin-top: 10px;}
    #content.my-group .page-header.line { align-items: flex-start;}
    #content.my-group .page-header.line .legend-title{width: calc(100% - 110px)}
    #content.my-group .page-header.line .btn6-wrap{width:110px}
    #content.my-group .page-header.line .btn6.small{min-width:110px}
    #content.my-group .page-header.line .btn6.small + .btn6.small{margin-top: 10px;}

    #content.my-group.basic.my-contents .guide-wrap + .cont-order{margin-top:20px;}

    .guide-list.dot li{font-size: 12px;}
    .guide-list.star li{font-size: 12px;}
    .guide-list.star li + li {margin-top: 3px;}

    .item.card{min-height: 200px; padding: 20px;}
    .item.card.account {padding-right: 14px; padding-bottom: 14px}
    .item.card.account .cate{font-size: 14px;}
    .item.card.account .data{font-size: 12px;}
    .item.card.account .title{font-size: 26px; line-height: 1.54; letter-spacing: -0.52px;}
    .item.card.account p + .data:not(.date){margin-top: 0}
    .item.card.account .flex-both{width: calc(100% - 34px); right: 14px;}
    .item.card.account .btn6{min-width: 120px;}
    .item.card.account .cate + .title{margin-top: 5px}
    .item.card.account .data + .data.date{margin-top: 20px}
    .item.card.account .btn6{min-width: 120px;padding: 0 10px}
    .item.card.account .btn6 .ico.go-arr.black{margin-left: 10px}
    .item.card.order .field {font-size: 14px;}
    .item.card.order .field strong{font-weight: normal;}
    .item.card.order .field .input-text.small{width: 28px; height: 28px;}
    .item.card.order .title{font-size: 22px; line-height: 1.60; letter-spacing: -0.44px;}
    .item.card.order .title.ellipsis{height: 106px;}
    .item.card.order .field + .title{margin-top: 10px;}
    .item.card.order .title + .flex-both{margin-top: 4px;}

    .btn6.small{font-size: 12px; padding: 0 8px;}
    .btn6.medium{height: 38px; line-height: 38px; font-size: 14px; padding: 0 8px;}
    .btn6.view-all {font-size: 12px; letter-spacing: -0.28px; text-decoration: underline;}
    .btn6.view-all .ico{display: none;}
    .btn6.btn6-exh-view {min-width: 124px;height: 34px;top: -50px;right: 70px;padding: 0 10px;}
    .btn6.btn-exh-view a, .btn6.btn-exh-view span {font-size: 12px;height: 32px;}
    .btn6.btn-exh-view a .ico.search-arr-w, .btn6.btn-exh-view span .ico.search-arr-w {width: 13px;height: 10px;}

    .button-area{margin-top: 30px}
    .button-area .btn6.medium{min-width: 180px;}
    .button-area .btn6.medium + .btn6.medium{margin-top: 10px}
    .button-area .btn6.large{min-width: 160px;}

    #content.my-contents .legend-title{font-size: 24px; line-height: 1.08; letter-spacing: -0.48px;}
    #content.my-contents .guide-list.fs-14{font-size: 12px;}

    section.exhibition .data-table thead { display: none;}
    section.exhibition .data-table tbody td { position: relative; display: block;  padding: 5px 10px;  text-align: left; border-right: 0px none; border-bottom: 0px none; border-top: 0px none; font-size: 13px; color: #666; height: auto;}
    section.exhibition .data-table tbody td:before { content: attr(data-title); font-weight: 500; color: #000; margin-right: 10px;}
    section.exhibition .data-table tbody td.booth-etc {padding-left: 0; padding: 5px 10px;}
    section.exhibition .data-table tbody td:last-child { border-bottom: 1px solid #e6e6e6;}

    .outdent { margin-left: -22px; margin-right: -22px;}
    .tabs.large { flex-direction: column;}
    .tabs.large li {display: block; width: 100%;}
    .tabs.large a { height: 48px; font-size: 14px; font-weight: 500;}

    #container { min-height: calc(100% - (60px + 538px));}
    #content.bcww-after .section { padding: 120px 0;}
    #content.bcww-after .section.visual { padding: 150px 21px 120px;}
    #content.bcww-after .contents .img-wrap img { max-width: 250px; width: 100%;}
    #content.bcww-after .contents .txt h1 { font-size: 16px; line-height: 28px;  letter-spacing: -0.32px;}
    #content.bcww-after .contents .txt p { font-size: 14px; font-weight: normal; line-height: 24px; letter-spacing: -0.28px;  opacity: 0.5; margin-top: 40px;}
    #content.bcww-after .contents .txt .btn-wrap {text-align: center;}
    #content.bcww-after .section.info { padding: 120px 22px;}
    #content.bcww-after .info-row {   flex-direction: column; padding: 60px 0 0 20px;}
    #content.bcww-after .section.info::after { max-height: 27%;}
    #content.bcww-after .section.info .img-wrap { transform: inherit;}
    #content.bcww-after .section.info .img-wrap img { max-width: 331px; width: 100%;}
    #content.bcww-after .sec-title { font-size: 28px;  font-weight: bold;  font-stretch: normal;  font-style: normal; line-height: 1.43; letter-spacing: -0.56px;}
    #content.bcww-after .sec-title p.title { font-size: 32px; line-height: 44px; letter-spacing: -1.8px;  margin-top: 0;}
    #content.bcww-after .sec-title p.title { font-size: 28px !important;}
    #content.bcww-after .sec-title+.info-row { margin-top: 46px;}
    #content.bcww-after .info-row+.info-row {  padding: 30px 20px 0;}
    #content.bcww-after .info-row dl { width: 100%; font-size: 14px; line-height: 24px; letter-spacing: -0.28px;       display: flex;}
    #content.bcww-after .info-row dl:first-child { margin-left: 0;}
    #content.bcww-after .info-row dl dt { width: 15%;}
    #content.bcww-after .info-row dl dd { margin-top: 0; min-height: auto;  line-height: inherit; margin-left: 5%; width: calc(100% - 20%);}
    #content.bcww-after .info-row dl+dl { margin-left: 0; margin-top: 30px;}
    #content.bcww-after .section.past-event .sec-title { font-size: 32px; font-weight: bold;  line-height: 43px; letter-spacing: -0.64px;}
    #content.bcww-after .btn9.poster-view-btn9 { margin: 20px auto 0; text-align: center;}
    #content.bcww-after .btn9.poster-view-btn9 .ico { margin-right: 10px; vertical-align: middle;}
    #content.bcww-after .section.past-event .gallery-title-nav .sub-title1 { font-size: 28px; line-height: 26px; letter-spacing: -0.56px;}
    #content.bcww-after .past-event-wrap .info-row:not(.other-type) dl dd { padding-left: 15px; width: calc(100% - 15%);}
    #content.bcww-after .past-event-wrap .info-row.other-type {  flex-direction: inherit;  flex-flow: wrap; border-top: 0;  margin-top: 30px;}
    #content.bcww-after .past-event-wrap .info-wrap .info-row.other-type.only-mo { margin-left: -22px;}
    #content.bcww-after .past-event-wrap .info-row.other-type+.info-row.other-type dl { border-bottom: 0; border-top: 1px solid rgba(0, 0, 0, 0.2);}
    #content.bcww-after .past-event-wrap .info-row.other-type dl { width: 50%;  margin-top: 0;  padding: 30px 0;}
    #content.bcww-after .past-event-wrap .info-row.other-type dl dt { width: 100%;  letter-spacing: -0.28px;  font-size: 14px;}
    #content.bcww-after .past-event-wrap .info-row.other-type dl dd { font-size: 28px;  letter-spacing: -0.56px;}
    #content.bcww-after .past-event-wrap .info-row dl dd { margin-top: 0;}
    #content.bcww-after .swiper-button-next, #content.bcww-after .swiper-button-prev { top: 163px;}
}
@media(max-width: 700px){
    .speaker-list li {width: 100%;}
    .speaker-list .speaker-img {width: 100%; height: 89.28vw;}
    .speaker-list.m_border li {width: calc((100% - (1 * 50px)) / 2);}
    .speaker-list.m_border li .speaker-img {height: 45vw;}

    .container.pgOrder .check-bx > span {width: calc(100% / 3)}
}
@media(max-width: 699.98px){
    /* 전시 */
    .btn-bx .site-list > li + li{margin-top:10px; margin-left:0;}

    /* 전시콘텐츠 업로드 */
    .contOrder-list li{padding-right:25px;}
    .contOrder-list li .order-list{position: static; margin-top:10px; transform: inherit;}

    /* 프로그램 */
    .liveSession-bx .liveSe-cate{flex-direction: column;}
    .liveSession-bx .liveSe-cate .select-bx{margin-top:10px;}

    /* 네트워킹 */
    .netEntry-list li{width:100%;}
    .netEntry-list li:nth-child(2n){margin-left:0;}

    /* 내 스케줄 */
    .myschedule-list li{flex-direction: column; align-items: flex-start;}
    .myschedule-list .date{margin-top:20px; margin-left:20px; text-align: left;}
    .myschedule-list .shedule{width:100%; padding:20px; border-left:0px none;}
    .myschedule-list .delete{margin-right:0; margin-bottom:20px; margin-left:20px;}

    /* 게시판 */
    .board-list a{flex-wrap: wrap;}
    .board-list .td-cate{width:100%; margin-bottom:15px;}

    /* 비즈매칭 */
    .account-list li{width:100%;}
    .account-list li:nth-child(2n){margin-left:0;}

    .stickyListTb{display:none;}
    .stickyListTbMo{display:block; margin-bottom:30px; border-top:2px solid #000;}
    .stickyListTbMo th{padding:10px; border-bottom:1px solid #000; font-size: 18px;}
    .stickyListTbMo th:first-child, .stickyListTbMo td:first-child{border-right:1px solid #000;}
    .stickyListTbMo th select{min-width:100%; height:33px; font-size:14px; color:#000;}
    .stickyListTbMo th .input-bx input::placeholder{font-size:14px; color:#000;}
    .stickyListTbMo td{padding:15px 10px; vertical-align: top; border-bottom:1px solid #e6e6e6;}
    .stickyListTbMo tbody tr:last-child td{border-bottom:1px solid #000;}
    .stickyListTbMo td.none{text-align:center; border-right:0px none;}
    .stickyListTbMo td .m-td{margin-bottom:15px;}
    .stickyListTbMo td .m-td:last-child{margin-bottom:0;}
    .stickyListTbMo td .m-td .m-td-tit{display:block; margin-bottom:3px;}
    .stickyListTbMo td .m-link{text-decoration: underline;}

    /* 등록 */
    table.companySearch{border-bottom:1px solid #000;}
    table.companySearch thead th{display:none;}
    table.companySearch tbody td{display:block; padding:8px 10px; border-bottom:0px none;}
    table.companySearch tbody tr:last-child td{border-bottom:0px none;}
    table.companySearch tbody td:last-child{border-bottom:1px solid #e6e6e6;}
    table.companySearch tbody td:before{content:attr(data-title); display:block; margin-bottom:5px; font-weight:500;}
    table.companySearch tbody td.number{display:none;}

    /* 행사개요 */
    .lastevent-sliderCont .slick-dots{bottom:-50px;}

    /* 부대행사 이벤트 */
    .events-list li{width: 100%;}
    .events-list li:nth-child(2n){margin-left:0;}
    .events-list .img-bx{height:0; padding-bottom:10rem;}
    .events-list .img-bx a{display:block;}
    .events-list .eve-tit{font-size:18px;}
    .events-list .eve-txt{font-size:16px;}

    /* 메인페이지 */
    .mainFloat-txt{padding-right:20px; padding-left:20px;}
    .mainFloat-txt .text-wrap{right:30px;}

    /* 기업관리 */
    .account-list02 li{width:100%;}
    .account-list02 li:nth-child(2n){margin-left:0;}

    table.consCheck th{display:none;}
    table.consCheck td{padding:20px;}
    table.consCheck td:before, table.consApply td:before{content:attr(data-title); display:block; margin-bottom:10px; font-weight:500;}
    table.consApply th{display:none;}
    table.consApply td{text-align: left;}
    table.consApply td:before{content:attr(data-title); display:block; margin-bottom:10px; font-weight:500;}

    .consultMeeting-list li{width: 100%; margin-bottom:20px;}
    .consultMeeting-list li:nth-child(2n){margin-left: 0px;}

    .accountBusiness-list li{width:100%;}
    .accountBusiness-list li:nth-child(2n){margin-left:0;}

    /* 전시관리 */
    .dataUpload-bx .upload-bx{flex-direction: column;}
    .dataUpload-bx .upload-bx .enroll + .enroll{margin-top:20px; margin-left:0;}

    .overview-text-wrap .title{font-size:24px;}
    .overview-list li{flex-direction: column;}
    .overview-list li .overv-tit{flex:1; padding:10px 0 5px; border-right:0px none;}
    .overview-list li .overv-txt{padding:5px 0 10px;}

    .achievements-list li{width:calc(100% / 2);}
    .achievements-list li:nth-child(3n-1){border-left:1px solid #000; border-right:1px solid #000;}
    .achievements-list li:nth-child(2n){border-left:0px none;}
    .achievements-list li .tit{font-size:15px;}
    .achievements-list li .count{font-size:28px;}

    .welcomeMessage-wrap{flex-direction: column;}
    .welcomeMessage-wrap .message-leader{width:100%; margin-left:0; margin-bottom:30px;}
    .message-textBx .text-bx{font-size:14px;}

    .pastEvt-sliderTit{width:100%}
    .pastEvt-sliderTit > div{font-size:30px;}
    .pastEvt-sliderTit .slick-prev{left:0;}
    .pastEvt-sliderTit .slick-next{right:0;}
    .overview-bx02{flex-direction: column;}
    .overview-bx02 .image-bx{width:100%; margin-right:0;}
    .achiev-list{flex-direction: column;}
    .achiev-list li{padding:10px;}
    .achiev-list li + li{margin-left:0; margin-top:15px;}
    .achiev-list li .counting{font-size:26px;}
}
@media(max-width: 600px){
    .pop_dots{width: 100%;}
}
@media(max-width: 500px){
    .phone-bx .btn1.icon_one{margin-left: 0px;margin-top: 10px;}
}
@media(max-width: 499.98px){
    /* aside */
    .asidebar{overflow: hidden; position: fixed; top: 0; bottom: 0; width:100%; transition: all .3s; opacity: 0; visibility: hidden;}
    .asidebar:not(.wide) .close, .asidebar:not(.wide) .aside-link span, .asidebar:not(.wide) .aside-link:after, .asidebar:not(.wide) .aside-content{opacity: 1; pointer-events:all;}
    /* #mpnb.aside-open, #ncnb.aside-open{width:100%;}  */
    .aside-link span{font-size:14px;}

    /* content */
    .content-wrap{padding-top:10px;}
    .sub_style_01 .content-wrap {padding-top: 0;}
    .sub-header{min-height:400px; padding-top:110px;}
    .cont-top{margin-bottom:30px;}
    .sub-header .cont-top{margin-bottom:50px;}
    .share-btn span, .sub-header .share-btn span{font-size:0;}

    .cont-title h3{font-size:30px;}
    .cont-title p{font-size:16px;}
    .sub-title{flex-wrap: wrap;}
    .sub-title h4{width:100%; font-size:24px; text-align: left; padding-bottom: 10px;}
    .sub-title .absolute{position:static; margin-bottom:10px;}
    .sub-title .btn-bx{position:static; margin-bottom:10px;}
    .sub-title .check-bx{margin-left:0px;}
    .sub-tgTitle{padding-bottom:10px; text-align: left;}
    .sub-tgTitle h4{float: none; margin-right:0; margin-bottom:10px; font-size:24px;}


    .cont-tab{flex-direction:column; margin-bottom: 20px !important;}
    .cont-tab li+li{margin-top:10px; margin-left:0;}
    .cont-tab li a{padding:13px;}
    .cont-tab.typ03 li+li{border-left:1px solid #000;}

    .btn-bx{text-align: left;}
    .btn-bx a{width:100%;}
    .btn-bx a + a{margin-top:10px; margin-left:0;}

    /* form */
    .comment{margin-bottom:20px;}
    .enroll-bx .enrollTit{font-size:14px;}
    .enroll-bx .dv_grp{flex-direction: column;}
    .enroll-bx .dv_grp .dv + .dv, .enroll-bx .dv_grp .dv + .dvn, .enroll-bx .dv_grp .dvn + .dv, .enroll-bx .dv_grp .dvn + .dvn, .enroll-bx .dv_grp .dv_bx + .dv_bx{margin-left:0; margin-top:20px;}
    .input-bx, .phone-bx{flex-direction: column;}
    .check-bx{align-items: flex-start;}
    .input-bx .btn, .input-bx input + input, .input-bx select + select,  .phone-bx input{margin-left:0; margin-top:5px;}
    .input-bx.typ02 input:not(.block), .input-bx.typ02 .btn{width:100%;}
    .quiz-enroll-bx .initial{flex-direction: row;}
    .quiz-enroll-bx .initial input{margin-right:10px;}
    .quiz-enroll-bx .initial input + input{margin-top:0; margin-left:0;}
    .payment-bx .pay-account div{margin-right:0;}
    .payment-bx .pay-account span{display:inline-block; width:100%;}
    .payment-bx .pay-account .bank{width:100%; min-width:auto;}

    /* 약관 및 동의 */
    .sub-title .agree-check-bx{position:static;}
    .agreement-wrap dd{padding-right:0;}
    .agreement-wrap dd input[type=checkbox] + label{margin-right:0;}
    .agreement-wrap dd .more-btn{position: static; display: block; margin-top: 20px;}

    /* 주소검색 */
    .address-list li{flex-direction: column-reverse; align-items: flex-start;}
    .address-list .zipcode{font-size:16px;}
    .address-list .zipcode:before{content:'우편번호'; margin-right:10px; font-size:14px;}
    .address-list dl{margin-top:5px; padding-right:0;}
    .address-list .address-type{flex-direction: column;}
    .address-detail{padding:20px;}
    .address-detail dl{flex-direction: column; align-items: flex-start;}
    .address-detail .tit-address{margin-bottom:5px;}

    /* 로그인 */
    .login-wrap, .login-wrap.sm, .login-wrap.sns, .mice-enroll-bx, .signup-comment, .signup-wrap .login-form{padding:20px;}
    .login-wrap h3{font-size:30px;}
    .login-wrap p{font-size:16px;}
    .login-form .login-sns{font-size:0;}
    .login-form input, .login-form select{font-size:14px; min-width:auto;}
    .login-find a, a.enroll{font-size:14px;}
    .log-btn, .login-more .login-more-btn{font-size:16px;}
    .login-more{padding:30px 25px 32px;}
    .login-more strong{font-size:20px;}

    .mice-enroll-bx .enroll-comment{position:relative; padding-left:0;}
    .mice-enroll-bx .enroll-comment .logo{position:static; width:100%; margin-bottom:20px;}
    .mice-enroll-bx .enroll-btn{font-size:14px;}

    /* 회원가입 */
    .signup-comment .btn-bx a{font-size: 14px; height: 35px;line-height: 2.4; min-width: 120px;}

    .boothApply-list li > div{flex:none;}
    .boothApply-list .label-bx{min-width:auto; width:100%;}
    .boothApply-list .price-bx{min-width:auto; width:100%; text-align: left;}
    .boothApply-list .amount-bx{flex:1;}
    .boothApply-list .amount-bx select{width:100%;}

    /* 내 프로필 */
    .personal-profile{padding-left:0;}
    .personal-profile .img{position: static; margin-bottom:15px;}
    .session-icon{margin:10px 0;}
    .personal-profile-list li{padding: 20px;}
    .profile-img-upload{padding:20px 0 40px;}
    .profile-img-upload .img{position:static; width:35%; height:auto; margin:0 auto;}
    .profile-img-upload .input-bx{margin-top:10px;}

    /* 검색 */
    .category-bx > * + *{margin-left:0; margin-top:10px;}
    .category-bx > *:first-child{margin-top:10px;}
    .category-bx > select{flex:auto; width:100%;}
    .search-bx .cont-tab li{width:100%;}

    /* 전시 */
    .exhibition-list li{width:100%; margin-right:0;}
    .exhibition-list li:nth-child(3n-1){margin-left:0; margin-right:0;}
    .exhibition-list li .img-bx{padding:10px;}
    .exhibition-list li .tit strong{font-size:16px;}

    .intro-title{flex-direction: column-reverse;}
    .intro-title .img{width:70%; margin-left:0;}
    .intro-title.program{flex-direction: column;}
    .intro-title.program .speaker-txt{margin-left:0;}

    .intro-info{flex-direction: column; padding:10px 0 15px;}
    .intro-info table tbody tr td{padding:5px;}
    .intro-info table tbody tr td:before{display:block;}

    /* 게이미피케이션 */
    .game-bx{padding: 25px 20px 30px}
    .attend-bx{padding-left:10px; padding-right:10px;}

    /* 전시콘텐츠 업로드 */
    .imgUpload-list li{padding-right:25px;}
    .imgUpload-list li .UploadDel-btn{display: block;}
    .imgUpload-list li .imgUp-bx{margin-top:10px; margin-left:0;}
    .imgUpload-list li .imgUp-text{width: calc(100% - 120px); margin-top:10px; margin-left:10px;}
    .imgUpload-list li .order-list{position:static; margin-top:10px; transform: inherit;}

    /* 프로그램 */
    .program-list-card li{width:100%;}
    .program-list-card li:nth-child(2n){margin-left:0;}

    .proDetail-area .slider-bx.program-list-card{margin-left:40px; margin-right:40px}
    .proDetail-area .slider-bx.program-list-card .slick-prev{left:-40px;}
    .proDetail-area .slider-bx.program-list-card .slick-next{right: -40px;}

    .proDet-company .company-logo{width:100%;}
    .proDet-company .btn-bx .btn-radius + .btn-radius{margin-left:0;}

    .table-bx{padding-top:0;}
    .table-bx .fr{float: inherit;}

    /* 미디어 아카이빙 */
    .mediaArchiving-list{width:100%;}
    .mediaArchiving-list li{width:100%;}

    /* ONAIR */
    .livenow-schedule{max-height:450px;}

    .livePprogram-list li{flex-direction: column; align-items: flex-start;}
    .livePprogram-list .list-tit{margin-right:0; margin-bottom:10px;}
    .livePprogram-list .btn5{width:100%;}

    /* 주요알림 */
    .notification-list .noti-cont{padding-right:80px;}
    .notice-file{flex-direction: column;}
    .notice-file .file{margin-top:20px; padding-left:10px;}
    .notice-cont{padding:20px 10px 50px;}

    /* 메세지함 */
    .message-list li{flex-direction: column;}
    .message-list .image-bx{width:80px; height:80px; margin-left:0; margin-bottom:20px;}
    .message-list .text-bx{width: 100%; padding-right: 0;}
    .message-list .text-bx .new{position: static; transform: translate(0, 10px);}
    .message-list .date-bx{margin-left:0;}

    .message-list.typ02 .text-bx{width: 100%; padding-right: 0;}
    .message-list.typ02 .date-bx{margin-left:0; margin-top:20px;}

    .message-text{flex-direction: column;}
    .message-text .commt{border-top-left-radius: 0; border-bottom-left-radius: 0;}
    .message-text .deliver{flex: 1; padding: 10px; border-top-right-radius: 0; border-bottom-right-radius: 0;}

    /* 네트워킹 */
    .netEntry-list li{padding:15px 20px 15px 105px;}
    .netEntry-list i.cGreen{top:15px; left:15px; font-size:12px;}
    .netEntry-list .img-bx{left:20px; width:65px; height:65px;}
    .netEntry-list .tit{padding-right:30px;}
    .netEntry-list .roundButton{top: 15px; right: 15px;}
    .netEntry-list .roundButton .bookmark{width:30px; height:30px; background-size: 100%;}

    /* 게시판 */
    .board-list .noti-cont{padding-right:20px;}

    /* 비즈매칭 */
    .livenow-scheSlider .right-bx select{width:100%;}
    .livenow-scheSlider .tit-area{padding-left:0;}
    .slide-area table.numberList{display:none;}
    .slide-area .livenow-sliderCont{width:100%;}

    .counselAccount-bx .select{position: static; margin-bottom:5px;}

    /* paging */
    .pagination ul li:nth-child(n+5){display:none;}

    /* popup */
    .popup .answer-bx{flex-direction: column;}
    .popup .answer-bx .badge{margin-right:0; margin-bottom:20px;}

    /* 메인페이지 */
    .main-vis .main-vis-img{align-items: flex-start; padding-top:40px;}
    .main-vis .main-vis-tit{font-size:35px;}
    .sub-slider{margin:0;}
    .sub-slider .slick-prev, .sub-slider .slick-next{display:none !important;}
    .main-videoList .video-bx{height:auto;}
    .main-programList .img-bx{margin-bottom: 10px;}
    .main-programList li a {width: 100%;}
    .main-programList li a > div {width: 100%; margin-right: 0;}
    .mainFloat-txt{align-items: flex-start; padding-left:30px; padding-right:30px;}
    .mainFloat-menulist{margin-bottom:30px; gap:20px;}
    .mainFloat-menulist li{width: calc((100% - 120px)/2);}
    .mainFloat-menulist .tit{font-size:16px;}
    .mainFloat-menulist .txt{font-size:16px;}
    .mainFloat-txt .main-vis-tit{font-size:30px;}

    /* 상담관리 */
    .counsel-scheSlider .tit-area{padding-left:0;}

    /* 기업관리 */
    .consultationForm-wrap .consultApply-bx .btn-bx{padding:0 10px;}
    .select-bx02{flex-direction: column; align-items: flex-start;}
    .select-bx02 > div{width:100%;}
    .select-bx02 > div + div{margin-top:10px; margin-left:0;}

    /* 기업정보관리 */
    .companyInfo-bx .logo-bx{width:100%;}
    .companyCheck-list li{flex-direction: column; align-items: flex-start;}
    .companyCheck-list li .check-area{margin-bottom:10px;}
    .companyCheck-list li.sub-area{padding:30px 25px;}

    /* 전시관리 */
    .onlineBooth-bx .more-btn{display:none;}
    .companyIntro-bx .more-btn{display:none;}

    .cont-title .btn-list .button{width:100%;}
    .cont-title .btn-list .button + .button{margin-top:10px; margin-left:0;}

    .liveSession-bx .liveSe-share{flex-direction: column;}
    .liveSession-bx .liveSe-share .btn{width:100%;}
    .liveSession-bx .liveSe-share > * + *{margin-top:10px; margin-left:0;}

    .check-bx .etc{ align-items: flex-start; flex-direction: column;}
    .check-bx .etc span{margin-bottom:5px;}
    .check-bx .etc input[type=text] {width: 100%; margin-top: 10px; top: 0;}

    .main-vis .text-wrap{margin-top: 60px;}

    .share-btn span, .sub-header .share-btn span {font-size: 13px !important;}
    /*mo 메인베너 영역 줄이기*/
    .main-vis .main-vis-img {align-items: flex-start; padding-top: 40px; height: 36vh;}
    header .container {height: 64px !important;}
    .main-vis .slick-dots {bottom: 0 !important;}
    /*연사모바일 */
    .slider-bx.speaker-list {padding: 10px !important;}
    .slider-bx.speaker-list li {height: 100% !important; text-align: center; padding-bottom: 15px !important;}
    .popup, .popup.pop-md, .popup.pop-lg, .popup.pop-upload, .popup.pop-md2 {width: 100% !important; padding: 30px 20px; font-size: 16px; left: 0 !important;}
}
@media(max-width: 499px){
    header {height: 70px;}
    .main-vis{margin-top : 40px !important;}
    .share-btn {height: 32px;padding: 5px 9px;background-color: #fff;border: 1px solid #707070;box-shadow: 0 3px 6px 0 rgb(0 0 0 / 6%);font-size: 8px;font-weight: 500;color: #000;}
    .fas,
    .fa-solid {font-family: 'Font Awesome 6 Free';font-weight: 900;padding-left: 2px;}
    .share-btn span {display: none !important;}
    .fas{padding-top: 3px !important; font-size: 14px !important;}
}
@media(max-width:399.98px){
    /* header */
    #gnb{width:100%; max-width:100%;}

    .attend-day li{width:100%; height:auto; margin-right:0px; margin-bottom:10px; border-radius: 20px;}
    .attend-day li a{padding:10px;}
    .attend-day li i{width: 40px; height: 40px; margin-bottom: 0; margin-right: 10px; vertical-align: middle; line-height: 38px; font-size: 26px;}

}
@media(max-width: 375px){
    .button-area .btn6.medium{min-width: 150px;}
    .button-area .btn6.medium + .btn6.medium {margin-top: 0;}
}
@media(max-width: 369.98px){
    /* 참가등록 */
    .login-enroll-bx .enroll_buyer, .login-enroll-bx .enroll_exhibitor, .login-enroll-bx .enroll_visitor{padding:30px; background:#fff;}
    .login-enroll-bx .tit:before{display:none;}

    /* 메인4 - 인터렉션*/
    .m-visual_heading{padding:30px 20px 0; font-size:20px;}
    .m-visual_linkbox{width:100%; margin-left:20px; padding:20px;}
    .m-visual_link{font-size:14px;}
}
@media(max-width: 360px){
    body.layer-open #header02.ing .util {padding: 0 10px;}
    body.layer-open #header02.ing .util {padding: 0 10px;}
    #header02.ing .util a:not(.change-lang) {padding: 7px 7px;}
}

@keyframes fade {
    0% {opacity:0; transform: scale(1.2);}
    25% {opacity:1; transform: scale(1);}
    50% {opacity:1;}
    100% {opacity:0;}
}
@-webkit-keyframes fade {
    0% {opacity:0; transform: scale(1.2);}
    25% {opacity:1; transform: scale(1);}
    50% {opacity:1;}
    100% {opacity:0;}
}
@-moz-keyframes fade {
    0% {opacity:0; transform: scale(1.2);}
    25% {opacity:1; transform: scale(1);}
    50% {opacity:1;}
    100% {opacity:0;}
}
@-o-keyframes fade {
    0% {opacity:0; transform: scale(1.2);}
    25% {opacity:1; transform: scale(1);}
    50% {opacity:1;}
    100% {opacity:0;}
}