/********** reset **********/
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200;300;400;600;700&display=swap');

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');} 
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}
 @font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');} 
 @font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');} 
 @font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');} 
 @font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');} 

 @font-face {
  font-family: 'GmarketSansMedium';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}


body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,form,fieldset,legend,input,textarea,button,select			{margin:0; padding:0; word-break:break-all;}
html,body{ margin:0; padding:0; width:100%; height:100% }
body	{font-family:'Noto Sans KR','맑은 고딕','Malgun Gothic',NanumGothic,Helvetica,sans-serif,dotum; letter-spacing:-0.03em;}
img		{margin:0; border:0}
ul,li	{list-style:none}
a		{color:#000; text-decoration:none}
b       {font-weight: 500;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6    {font-weight: 700;}
tbody, td, tfoot, th, thead, tr {padding: 10px;}

.bg-light   {background: #ffffff!important;}
.bg-blue    {background: #1c309b !important;}
.bg-yellow  {background: #efd19b!important;}
.text-blue  {color:  #2e4490!important;;}
.top_main   {font-family:"Noto Serif KR"!important; }
.top_main .title-ex {font-size: 3rem; }
.top_main .title{font-size: 4.6rem; letter-spacing: -0.3rem; text-shadow: 4px 5px 6px rgb(0 0 0 / 30%);}
.top_main .title .sub {font-size: 2.8rem;}
.invitation-wrap {background-color: #f8f9fa; padding: 30px 10px;}
.invitation {margin-bottom: 20px; font-family: "Noto Serif KR" !important; font-size: 18px;}
.invitation b {font-weight: 700;}
.programe-wrap {padding: 30px 0;}
.time-table-title {justify-content: space-between; align-items: center; margin: 20px 0;}
.time-table-title .title{margin-top: 20px;}
.time-table-title .title h2{font-weight: 700;}
.time-table-title .sub{text-align: right;}
.time-table-title span {font-size: 1.2rem;}
.name-ex-wrap {margin: 10px 0;}
.name-ex-wrap .bold{font-weight: 700; color: #1c309b ;}
.name-ex {border-left: 3px solid #1c309b ; display: block; padding-left: 10px; line-height: 22px;}
.name-ex b {font-weight: 600;}
.time-table {font-size: 1.2rem; width: 100%; border-bottom: 2px solid #1c309b ; border-top: 2px solid #1c309b ; margin: 10px 0; font-size: 18px;}
.time-table .row {margin: 0; align-items: center;}
.time-table .line {font-size: 1.2rem; border-bottom: 1px dotted  #ddd; padding: 10px 0;}
.time-table .time{color: #222; font-size: 1.2rem; color: #1c309b ;}
.time-table .title{margin: 20px 0;}
.time-table .subtitle {background: #465ed9 ; color: #fff;  padding: 2px 6px 3px;  display: inline-block;  margin-bottom: 8px; font-size: 16px;}
.time-table .subtitle-ex{font-weight: 700; font-size: 18px; line-height: 28px;}
.time-table .ex{}
.time-table .ex .bold{font-weight: 700; color: #1c309b ;}
.time-table .notice {background: #f7f7f7; padding: 10px; text-align: left; color: #595959;}
.session {background: #1c309b ; color: #fff; text-align: center; border: 0 !important; padding: 20px 0 !important;}
.session-title {font-size: 18px; font-weight: 700;}
.session-title-host {font-size: 16px; color: #bac2e9;}
 
.profile-wrap.mobile {display: none;}
.profile-wrap.pc {display: block; padding: 40px;}
.profile-wrap {background-color: #1c309b ; color: #fff;}
.introduce-wrap {background-color: #1c309b ; color: #fff;}
.intro-first {background-color: #1c309b ; margin: 20px 0;}
.intro-first .top {padding: 20px }
.intro-first .row {margin: 0;}
.intro-first .col-8 {padding: 20px 0;}
.intro-first .col-4 {background-position: center !important;}
.profile {background: #1c309b ; padding: 20px 0;}
.profile-2 {padding-bottom: 10px; border-bottom: 1px dotted #1c309b ; margin-bottom: 0px;}
.profile-ex {padding: 20px; }
.time { font-weight: 700; color: #fff; text-align: center;}
.subtitle { font-weight: 700; color: #fff; text-align: center; padding-bottom: 10px; margin-bottom: 10px;}
.subtitle .title {padding: 2px 26px 6px; background: #3d51bd; border-radius: 40px;}
.subtitle-2 {text-align: center; color: #fff; }
.subtitle-2 h2 {font-size: 24px; font-weight: 700; margin-bottom: 8px;}
.subtitle-2 h3 {font-size: 18px; font-weight: 600;}
.subtitle-2 .title {font-weight: 600;}
.name-tag {font-size: 16px; text-align: right;}
.name-tag .name {font-weight: 600; display: block;}
.name-tag .ex {font-weight: 300; color: #b2d5d5;}
.name-tag.le {text-align: left; padding: 20px;}
.name-tag.le .name {}
.presentation {font-weight: 500; border-left: 4px solid #3d51bd; padding-left: 10px; height: fit-content; margin-bottom: 10px;}

.pc-name-tag {display: flex; align-items: flex-end;  align-items: inherit;  align-items: flex-end; justify-content: flex-end;}
.pc-name-tag .name-tag {margin-bottom: 2rem; margin-right: 1rem;}
.profile-wrap.pc .profile-ex {padding: 50px; }
.profile-wrap.pc .intro-first .row {min-height: 270px;}
.profile {border: none;} 

.name-title {font-size: 1.4rem;}

.txt {color: #222 !important; font-size: 1.3rem;}

.youtube {background: #fff; padding: 10px 20px; border-radius: 8px;}
.youtube img {height: 20px; margin-right: 10px;}

@media (max-width: 440px) {
    .subtitle .title {font-size: 1rem !important;}
  }

@media (max-width: 550px) {
    .top_main       {font-size: 14px;}
    .top_main .title{font-size: 2rem !important; letter-spacing: -0.2rem;}
    .top_main .title-ex {font-size: 1.5rem !important;}
    .top_main .title .sub {font-size: 1rem !important;}

    .profile {padding: 20px 10px;}

    .txt  {font-size: 18px;}
  }
@media (max-width: 989px) {
    .top_main       {font-size: 14px;}
    .top_main .title{font-size: 3.5rem; letter-spacing: -0.2rem;}
    .top_main .title-ex {font-size: 2rem;}
    .top_main .title .sub {font-size: 2rem;}

    .top_main .fs-1 {font-size: 20px!important;}
    .top_main .fs-4 {font-size: 15px!important; letter-spacing: -0.06rem;}
    .program .fs-4  {font-size: 18px!important;}
    .program .fs-5  {font-size: 18px!important;}
    .program .fs-6  {font-size: 18px!important;}
    .fs-2  {font-size: 22px!important;}
    .fs-4  {font-size: 18px!important;}
    .fs-5  {font-size: 16px!important;}

    .invitation {font-size: 16px;}

    .profile-wrap.mobile {display: block;}
    .profile-wrap.pc {display: none;}

    .time-table .time {margin-bottom: 10px; text-align: left; font-size: 1rem;}
    .name-title {font-size: 1.1rem;}
    .time-table .line {font-size: 1rem;}
    .time-table-title span {font-size: 1rem;}
    .time-table .subtitle-ex {font-size: 1rem;}
  }
@media (min-width: 800px) {
    .h1, h1 {font-size: 2.8rem;}
    .txt  {font-size: 1.3rem}
    .profile  {margin-bottom: 40px;}
  }