body{text-align:center;}

/* layout *************************************************** */
.skip-nav { position:absolute; left:0; top:-200px; z-index:9999; width:200px;}
.skip-nav a { position:fixed; left:0; top:-200px; display:block; width:200px; text-align:center; height:30px; line-height:30px; color:#fff; background:#222; z-index:9999;}
.skip-nav a:focus { top:0; }

#wrap{display:flex; flex-wrap:wrap; min-height:100vh; justify-content: flex-start;position:relative;}

#header{z-index:10; width:100%;height:108px; position:relative; padding: 0 20px; background-color:#fff; box-shadow:0 0 20px rgba(0,0,0,0.08); box-sizing:border-box;}
#header header{height:100%; max-width:1700px; margin:0 auto;}

.btn-gnav-close{position:absolute;left:50%;top:100%; width:194px;height:67px; background:url(../img/layout/gnav_btn_bg.png) center top no-repeat; margin-left:-92px; color:#fff; display:flex; align-items: center; justify-content: center; padding-bottom:10px; font-size:15px;}
.btn-gnav-close:after{display:block; content:''; width:12px;height:12px; background:url(../img/layout/i_gnav_close.png) center top no-repeat; margin-left:5px; margin-top:2px;}

.header-inner{height:100%; display:flex; align-items: center; box-sizing:border-box; }

.top-logo{flex-shrink: 0; position:relative;}
.top-logo .logo1{animation:logoMotion1 10s infinite linear;}
.top-logo .logo2{position:absolute;left:0;top:0; animation:logoMotion2 10s infinite linear;}

@keyframes logoMotion1 {
  0% {opacity:1;}
  40% {opacity:1;}
  50% {opacity:0;}
  90% {opacity:0;}
  100% {opacity:1;}
}
@keyframes logoMotion2 {
  0% {opacity:0;}
  40% {opacity:0;}
  50% {opacity:1;}
  90% {opacity:1;}
  100% {opacity:0;}
}

.top-nav{margin:0 auto; height:100%;}

.top-nav .gnav{text-align:center; display:flex; height:100%; padding-top:6px;}
.top-nav .gnav > li{position:relative;}
.top-nav .gnav > li > a{display:flex; align-items:center; justify-content:center; height:100%; font-size:20px; padding:0 40px; white-space:nowrap; position:relative; text-align:center; font-weight:600; color:#000;}
.top-nav .gnav > li > a:hover{color:#0061cc;}
.top-nav .gnav > li.active > a{color:#0061cc;}

.top-session{display:flex; gap:18px; align-items:center;  margin-top:6px;}
.top-session a{font-size:20px; font-weight:600; color:#000;}
.top-session .top-logout{margin-left:19px; position:relative;}
.top-session .top-logout:before{display:block;content:'';width:1px;height:17px; background-color:#000; position:absolute;left:-19px;top:7px;}

.top-login{display:inline-flex; align-items: center; justify-content: center; gap:10px;}
.top-login:before{display:block;content:'';width:24px;height:24px; background:url(../img/layout/ic_login.png) center / cover no-repeat;}

.btn-menu{width:40px;height:40px; text-align:left; text-indent:-9999px; overflow:hidden; background:url(../img/layout/i_menu.png) center center / 25px auto no-repeat; position:absolute;right:15px;top:50%; margin-top:-20px; display:none;}

.m-header{position:fixed; left:0;top:0;right:0;bottom:0; z-index:90; text-align:left; display:none; background-color:rgba(0, 0, 0, 0.7); z-index:99;}
.m-header-inner{width:50vw; max-width:90%; position:absolute;right:0;top:0;bottom:0; background-color:#fff; box-sizing:border-box; padding:70px 0 0 0; text-align:left; display:flex; flex-direction: column;}
.m-header-bottom{margin-top:auto; padding:35px 25px;}
.m-header-bottom .go-login{color:#fff; background-color:#063290; width:100%; display:flex; align-items:center; justify-content:center; font-size:16px; height:36px; border-radius:25px; width:100%; box-sizing:border-box; font-weight:700;}
.m-header-bottom a + a{margin-top:5px;}
.m-top-nav a{display:block; line-height:60px; font-size:20px; color:#000; padding:0 25px; font-weight:600;}

.btn-menu-close{width:40px;height:40px; text-align:left; text-indent:-9999px; overflow:hidden; background:url(../img/layout/i_menu_close.png) center center / 25px auto no-repeat; position:absolute; right:10px; top:10px;}

.m-header.active{display:block;}

/* sub */
.sub-container{width:100%; padding: 140px 12vw; position:relative; overflow:hidden; box-sizing:border-box; min-height:calc(100vh - 108px - 110px);}

.page-top{text-align:left; position:relative; margin:0 auto 50px auto; max-width:1300px;}
.page-top h2{font-size:50px; font-weight:600; line-height:1.25em; display:inline-block; color:#000000;}
.page-top.login h2{font-size:35px;font-weight:800;}
.page-top.line{border-bottom:2px solid #000; padding-bottom:24px; text-align:left;}

.page-contents{margin:0 auto; max-width:1300px; text-align:left;position:relative;}
.page-contents img{max-width:100%;}

/* footer */
#footer{margin-top:auto;width:100%;box-sizing:border-box;border-top:1px solid #e9e9e9; padding:30px 20px;}
#footer footer{text-align:left; max-width:1700px; margin:0 auto; position:relative; font-size:15px;}

.footer-logo{font-weight:700; margin-bottom:4px;}
.footer-info{padding-right:182px;}
.footer-info .info{display:flex; flex-wrap:wrap; align-items:center; gap:0 10px;}
.footer-info .info li{padding:0 10px 0 0; position:relative;}
.footer-info .info li:after{display:block;content:'';width:1px;height:12px; background-color:#696e97; position:absolute;right:-1px;top:50%; margin-top:-5px;}
.footer-info .info li:last-child:after{display:none; padding-right:0; margin:0;}

.footer-site{position:absolute;right:0;top:0;}


/* main *************************************************** */
.main-bg1{width:352px;height:727px; background:url(../img/main/bg_shape1.png) 0 0 / cover no-repeat; position:absolute;left:0;top:0; transform:translate(-50%, 50%); opacity:0; animation:bgMotion1 2s forwards cubic-bezier(0.65, 0.05, 0.36, 1);}
.main-bg2{width:546px;height:727px; background:url(../img/main/bg_shape2.png) 0 0 / cover no-repeat; position:absolute;right:0;top:0; transform:translateX(50%); opacity:0; animation:bgMotion2 2s 0.5s forwards cubic-bezier(0.65, 0.05, 0.36, 1);}

@keyframes bgMotion1 {
  0% {transform: translate(-50%, 0); opacity:0;}
  100% {transform: translate(0, 0); opacity:1;}
}
@keyframes bgMotion2 {
  0% {transform: translate(50%, 0); opacity:0;}
  100% {transform: translate(0, 0); opacity:1;}
}
@keyframes bgMotion3 {
  0% {transform: translate(10%, 0); opacity:0;}
  100% {transform: translate(0, 0); opacity:1;}
}

.main-container{width:100%;padding:160px 15.625vw 140px; position:relative; overflow:hidden; min-height:calc(100vh - 108px - 133px); box-sizing:border-box;}
.main-container-inner{max-width:1700px; margin:0 auto; position:relative;}

.main-contents{text-align:center;position:relative;}
.main-contents .line{width:840px;height:1px; background-color:#828282; margin:44px auto 50px; max-width:90%;}
.main-copy{overflow:hidden;}
.main-copy img{max-width:100%;}
.main-copy2{overflow:hidden;}
.main-copy2 img{max-width:100%;}
.main-copy-mobile{display:none;}

.main-links{margin-top:44px;}
.main-links ul{display:flex; flex-wrap:wrap; gap:8px 17px; align-items: center; justify-content: center;}
.main-links a{display:inline-flex; align-items: center; width:260px; height:64px; max-width:100%; box-sizing:border-box; background-color:#362a83; color:#fff; border-radius:32px; padding:7px 22px 7px 36px; font-weight:700; font-size:24px;  line-height:1em;}
.main-links .go-app a{background-color:#2352ff;}
.main-links .go-onair a{background-color:#e60611;}
.main-links a:after{display:block;content:''; width:28px;height:28px; background:url(../img/main/arr_go.png) center / contain no-repeat; margin-left:auto;}
.main-links a:hover{box-shadow:0 5px 15px rgba(54, 42, 131, 0.3);}
.main-links a:hover:after{animation:btnHover 1s infinite;}

@keyframes btnHover {
  0% {transform: translateX(0); }
  50% {transform: translateX(5px);}
  0% {transform: translateX(0); }
}

/* common *************************************************** */

.radio ,
.checkbox{display:inline-flex; align-items: center; cursor:pointer; line-height:20px; min-height:36px;}
.radio input,
.checkbox input{flex-shrink: 0; margin-right:10px;}

.check-group{display:flex; flex-wrap:Wrap; gap:5px 30px; align-items: center;}
.check-group.type-box label{border:1px solid #e5e5e5; border-radius:6px; height:56px; box-sizing:border-box; padding:0 36px;}
.check-group.type-box label:not(:last-child){margin-right:10px;}

.input-email{display:inline-flex; align-items: center; max-width:100%;}
.input-email .split{width:30px; text-align:center;}
.input-email input{width:calc(50% - 15px);}

.input-tel{display:flex; vertical-align:middle; align-items: center; width:720px;max-width:100%;}
.input-tel .split{width:40px; text-align:center;}
.input-tel select,
.input-tel input{width:calc(100% / 3 - 20px);}

.input-guide.before{margin-bottom:10px;}
.input-guide.after{margin-top:10px;}

.data-control{display:flex; align-items: center;}
.data-control .btn{margin-left:10px; flex-shrink: 0;}

/* button */
a.btn{display:inline-flex; align-items: center; justify-content: center; vertical-align:middle;}

.btn{height:56px; padding:0 30px; border-radius:6px; font-size:18px; font-weight:700; box-sizing:border-box;}
.btn.outlined{border:1px solid #161616; background-color:#fff; color:#292929;}
.btn.contained{color:#fff;}
.btn.contained.primary{background-color:#0061cc;}
.btn.contained.sub{background-color:#3d424c;}

.btn.big{height:80px; font-weight:700; padding:0 40px; font-size:26px;}

.btn-wrap{text-align:center; }
.btn-wrap.bottom{margin-top:36px;}
.btn-wrap .btn{margin:0 5px;}

/* txt */
.txt-red{color:#d83c41;}
.txt-orange{color:#ff5a00;}
.txt-blue{color:#00758a;}
.txt-primary{color:#0061cc;}

.txt-nowrap{white-space:nowrap;}
.txt-bold{font-weight:600;}
.txt-extraBold{font-weight:900;}

.con-tit{font-size:34px; margin-bottom:24px; color:#141414; line-height:1.5; font-weight:500;}

.txt-list >li{position:relative; padding-left:10px;}
.txt-list >li:before{display:block;content:'';width:3px;height:3px; border-radius:50%; background-color:#282828; position:absolute;left:0;top:0.65em;}


/* contents *************************************************** */

/* 초대의 글 */
.welcome-wrap{display:flex; gap:78px;}
.welcome-wrap .photo{flex-shrink: 0;}
.welcome-wrap .msg{font-size:18px; line-height:1.5em; text-align:left;}
.welcome-wrap .msg p:not(:last-child){margin-bottom:24px;}
.welcome-wrap .msg .name{margin-top:50px;}

/* 프로그램 */
.p-table-guide{text-align:right; margin-bottom:10px; color:#000;}
.p-table{border-top:3px solid #000000; border-bottom:1px solid #737373; background-color:#fff;}
.p-table table{width:100%;}
.p-table thead th{padding:5px; border-bottom:1px solid #737373; font-weight:500; text-align:center; font-size:20px; padding:12px 0; color:#000;}
.p-table thead th + th{border-left:1px solid #737373;}
.p-table td{padding:12px 32px; border-bottom:1px solid #737373;border-top:1px solid #737373; text-align:left; color:#000; font-size:20px; }
.p-table td a{color:#000;}
.p-table td.time{text-align:center; padding:5px; border-right:1px solid #737373; }
.p-table td.session{background-color:#e2f3ff; color:#0061cc; font-weight:600; text-align:left; padding:12px 32px;}
.p-table td.left{text-align:left;}
.p-table td.space{padding:12px 32px;}

.p-table td.br-none{border-right:none;}
.p-table td.br-none + td{border-left:none;}
.p-table b{font-weight:500;}
.p-table tr th:first-child,
.p-table tr td:first-child{border-left:none;}
.p-table tr th:last-child,
.p-table tr td:last-child{border-right:none;}

.word-wrap{display:inline-block; width:36px; text-align-last:justify; white-space:nowrap;}

.p-table.type-mobile{display:none;}

.program-info{display:flex; width:100%;}
.program-info .session-head{font-weight:700;}
.program-info .head{width:130px; flex-shrink:0;}
.program-info .subject{flex-shrink:0; max-width:100%;}
.program-info .name{margin-left:auto;}
.program-info .head + .name{margin-left:0;}

.a-down{display:flex; align-items:center; gap:12px;}
.a-down img{width:20px; flex-shrink:0;}
.a-down:hover{text-decoration:underline;}

.flex-type{display:flex;}
.flex-type .head{width:78px; display:inline-block; margin-right:3px; flex-shrink: 0;}


.pogram-mobile{display:flex; flex-wrap:wrap; display:none;}
.pg-item{width:100%; background-color:rgba(255,255,255,0.8);}
.pg-item-title{display:flex; align-items:center; height:40px; border-radius:25px; background-color:#127a75; padding-right:20px; font-size:14px; font-weight:600;}
.pg-item-title strong{width:70px; height:100%; border-radius:25px; box-sizing:border-box; background-color:#fbca65; color:#127a75; border:3px solid #127a75;   display:flex; align-items:center; justify-content:center; box-shadow:4px 0 0 #fff; font-weight:700; line-height:1.2;text-align:center; flex-shrink:0;}
.pg-item-title .subject{color:#fff; margin-left:10px; line-height:1.2; padding:5px 0;}
.pg-item-title .time{color:#fff; margin-left:auto; flex-shrink:0;}
.pg-director{text-align:right; color:#000; font-weight:600; padding:10px 0; margin:0 10px; border-bottom:1px solid #fbca65;}
.pg-detail{padding:12px 10px;}
.pg-detail th,
.pg-detail td{padding:5px 10px; color:#000; font-weight:600; vertical-align:top;}
.pg-detail th{width:50px;}
.pg-detail .sub-txt{font-weight:400;}
.pg-detail .a-down{color:#000;}

/* 참가신청 */
.app-guide{padding:0 28px; margin-bottom:20px;}
.app-guide .app-period{font-size:21px; font-weight:500;}
.app-guide .app-refer{font-size:17px;  font-weight:500; margin-bottom:10px;}

.required-guide{font-size:17px; color:#0061cc;}
.label-required{display:inline-block; width:10px;height:10px; box-sizing:border-box; border:3px solid #0061cc; border-radius:50%; text-align:left; text-indent:-9999px; overflow:hidden;}
.label-option{display:inline-block; width:10px;height:10px; box-sizing:border-box; border:3px solid #c9c9c9; border-radius:50%; text-align:left; text-indent:-9999px; overflow:hidden;}

.data-regist{border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; padding:20px 0; box-sizing:border-box; margin-bottom:15px;}
.data-regist table{width:100%;}
.data-regist th{padding:14px 14px 14px 24px; font-weight:700; font-size:20px;}
.data-regist td{padding:14px; font-weight:700;}
.data-regist th .label-required,
.data-regist th .label-option{margin-left:5px; vertical-align:middle; margin-top:-2px; margin-right:6px;}

.data-view table{width:100%;}
.data-view th{padding:12px; font-weight:400; font-size:15px; font-weight:600;}
.data-view td{padding:12px;}
.data-view th:before{display:inline-block; content:''; width:10px;height:10px; box-sizing:border-box; border:3px solid #1858d4; border-radius:50%; margin-right:5px; margin-top:-2px; vertical-align:middle;}

.agree-all{display:flex; align-items: center; justify-content: center; height:65px; background-color:#1c83a5; color:#fff; font-size:22px; margin-bottom:11px;}
.agree-all input[type=checkbox]{width:25px;height:25px; border:2px solid #e8e8e8; appearance: none; -webkit-appearance: none; margin-right:10px; position:relative; cursor:pointer;}
.agree-all input[type=checkbox]:checked:after{width:6px;height:10px; display:block;content:''; border:2px solid #fff; border-width:0 2px 2px 0; transform:rotate(45deg); position:absolute;left:50%;top:50%; margin:-8px 0 0 -4px;}

.agree-item{border:1px solid #d7d7d7; margin-bottom:20px; background-color:#fff;}
.agree-item .agree-tit{border-bottom:1px solid #d7d7d7;  color:#292929; font-weight:600; background-color:#fafafa; padding:20px 38px; font-size:20px;}
.agree-item .agree-con{color:#888888; padding:20px 38px; line-height:1.5em; max-height:240px; overflow-y:auto;}
.agree-item .agree-check{border-top:1px solid #d7d7d7;  padding:12px 30px; color:#292929; text-align:right; font-weight:700;}
.agree-item .agree-check .check-group{justify-content: flex-end; gap:40px;}

.btn-app{min-width:270px;}

.app-end{border:3px solid #000; border-width:3px 0;padding:50px 45px;}
.app-end .end-tit{margin-bottom:40px;}
.app-end .end-tit h3{font-size:35px; font-weight:600; color:#000;}
.app-end .end-data .data-view th{width:220px;}

.end-data-view table{width:100%;}
.end-data-view th{padding:12px 0; font-weight:700; font-size:25px;}
.end-data-view td{padding:12px; font-size:25px;}
.end-data-view th:before{display:inline-block; content:''; width:12px;height:12px; box-sizing:border-box; border:3px solid #1858d4; border-radius:50%; margin-right:10px; margin-top:-3px; vertical-align:middle;}

/* 방송보기 */
.onair-wrap{text-align:center; padding:20px 0 0 0;}
.onair-wrap .tit{margin-bottom:60px; padding:0 30px;}

.onair-info{border-top:2px solid #4b4b4b; padding:60px 0 0 0; width:980px; margin:0 auto; max-width:100%; box-sizing:border-box;}
.onair-info .inner{display:inline-block; margin:0 auto;}
.onair-info .msg{font-size:35px; margin-bottom:20px;}
.onair-info .msg b{font-weight:800;}
.onair-info .time-wrap{display:flex; align-items: center;justify-content: center; flex-wrap:wrap; gap:10px 20px; text-align:center;}
.onair-info .time-tit{width:130px;height:46px; border-radius:6px; display:flex; align-items: center; justify-content: center; background-color:#0065b3; color:#fff; font-size:26px; font-weight:700;}
.onair-info .time{font-size:42px; color:#000000;}
.onair-info .time b{font-weight:700;}

.onair-dday{position:relative; width:980px; margin:60px auto 0 auto; max-width:100%; box-sizing:border-box; border-top:2px solid #4b4b4b; text-align:center;}
.onair-dday .time{font-size:40px; text-align:center; color:#000; padding:50px 0 30px;}
.onair-dday .time b{font-weight:700;}
.onair-dday .go-onair img{max-width:80%;}
.onair-dday .guide{color:#595959; display:inline-block; margin:35px auto 0 auto; text-align:left; max-width:100%; font-size:16px;font-weight:500;}
.onair-dday .guide p + p{margin-top:2px;}

.onair-after .title{border-top:2px solid #4b4b4b; padding:40px 0 20px 0; width:980px; margin:0 auto; max-width:100%; box-sizing:border-box; font-size:35px; color:#000000;}

.onair-video{aspect-ratio:1280/720; max-width:100%; width:100%; height:auto;}

/* 포스터 논문 */
.report-list{display:flex; flex-wrap:wrap; margin:-10px;}
.report-item{display:flex; flex-direction: column; margin:10px; box-sizing:border-box; border:1px solid #d7d7d7; padding:17px; width:calc(100% / 3 - 20px);  background-color:#fff;}
.report-item .sub-title{margin-bottom:10px;}
.report-item .photo{position:relative; overflow:hidden; padding-top:56.25%; background-color:#f1f1f1;}
.report-item .photo img{position:absolute;left:0;top:0; width:100%; height:100%;}
.report-item .info{padding:20px 10px; }
.report-item .info .tit{padding-bottom:20px; font-weight:600; font-size:20px;}
.report-item .info .director{padding-top:20px; border-top:1px solid #d7d7d7; color:#888888;}
.report-item .go-view{display:flex; align-items: center; justify-content: center; height:46px; background-color:#362a83; font-size:20px; color:#fff; font-weight:600; width:100%; margin-top:auto;}
.report-item1{display:flex; flex-direction: column; margin:10px; box-sizing:border-box; border:0px ; padding:17px; width:calc(100% / 3 - 20px); }

/* 지난심포지엄 */
.lastSympo-video{border-top:3px solid #000; padding-top:50px;}

.sympo-list{display:flex; flex-wrap:wrap; margin:-10px;}
.sympo-item{margin:10px; box-sizing:border-box; border:1px solid #d7d7d7; padding:14px; width:calc(50% - 20px); }
.sympo-item .photo{position:relative; overflow:hidden; padding-top:56.25%; background-color:#f1f1f1;}
.sympo-item .photo img,
.sympo-item .photo iframe{position:absolute;left:0;top:0; width:100%; height:100%;}
.sympo-item .tit{text-align:center; padding:10px 0 0 0; font-weight:500;}

.con-wrap + .con-wrap{margin-top:90px;}

.sympo-data{border:1px solid #000; border-width:3px 0 1px; padding:20px 30px; display:flex; align-items: center; justify-content:space-between; margin-bottom:70px; background-color:#fff;}
.sympo-data .subject{font-size:23px; font-weight:700; color:#000; margin-right:10px;}
.sympo-data .btn-down{display:inline-flex; align-items: center; padding:12px 20px; color:#0061cc; box-sizing:border-box; font-weight:700; }
.sympo-data .btn-down:after{display:block;content:''; width:22px;height:22px; background:url(../img/contents/ic_down.png) center center / cover no-repeat; margin-left:20px;}

.sympo-history{padding:0 30px;}
.sympo-history dl{display:flex; align-items:flex-start; position:relative;min-height:125px; box-sizing:border-box; padding-bottom:20px;}
.sympo-history dt{width:208px; flex-shrink: 0; font-size:42px; color:#362a83; font-weight:700; position:relative; }
.sympo-history dd{padding:18px 0 0 77px; flex:1; text-align:left; color:#000000;}
.sympo-history dl:before{display:block;content:''; width:2px; position:absolute;left:218px; top:52px;bottom:-10px; background:url(../img/contents/patt_dot.png) 0 0 repeat-y;}
.sympo-history dl:after{display:block;content:''; width:22px;height:22px; box-sizing:border-box; border:6px solid #362a83; border-radius:50%; position:absolute;left:208px;top:20px;}
.sympo-history .subject{font-size:20px; color:#000; font-weight:700;}
.sympo-history .sub-desc{color:#888888; margin-top:5px;}
.sympo-history dl:last-child:before{display:none;}

/* 로그인 */
.page-top.login{width:565px; max-width:100%; margin-left:auto; margin-right:auto;}
.login-wrap{width:565px; max-width:100%; margin:0 auto; text-align:left; }
.login-wrap .row{margin-bottom:35px;}
.login-wrap .input label{display:block; margin-bottom:10px; font-size:20px; font-weight:500; padding-left:6px;}
.login-wrap .input input{width:100%; height:56px; padding:0 20px;}
.login-wrap .row.guide{margin:-20px 0 50px; padding-left:6px; color:#7d7d7d; font-size:19px;}
.login-wrap .command{margin-bottom:0;}
.login-wrap .command .btn{width:100%;}
.login-wrap .find{margin:20px 0 0 0;}
.login-wrap .go-find{text-decoration:underline; font-size:19px;text-underline-offset:3px;}
.login-wrap .go-find:hover{color:#0061cc;}

.find-result-wrap{text-align:center;}
.find-result-wrap .main-txt{font-size:40px;color:#000; font-weight:800; line-height:1.2; margin-bottom:16px;}
.find-result-wrap .sub-txt{font-size:20px; font-weight:500;margin-bottom:36px;}
.find-result-wrap .pw-box{width:565px; max-width:100%; background-color:#f1f2f5; border-radius:6px; padding:50px 20px; box-sizing:border-box; font-size:20px;font-weight:500; margin:0 auto 26px auto;}
.find-result-wrap .pw-box .label:after{content:' : ';}
.find-result-wrap .pw-box .number{color:#d83c41;}
.find-result-wrap .go-login{width:565px; max-width:100%; margin:0 auto;}

/* 반응형 *************************************************** */

@media all and (max-width:1430px){

	.top-logo img{width:320px;}
	.top-nav .gnav > li > a{padding:0 28px;}
	.top-session{margin-left:15px;}

	.main-bg1{width:11.0416vw;max-width:212px;height:588px; background:url(../img/main/bg_shape1_s.png) 0 0 / contain no-repeat; position:absolute;left:0;top:0; transform:translate(-50%, 50%); opacity:0; animation:bgMotion1 2s forwards cubic-bezier(0.65, 0.05, 0.36, 1);}
	.main-bg2{width:19.91vw;max-width:344px;height:467px; background:url(../img/main/bg_shape2_s.png) right bottom / contain no-repeat; position:absolute;right:0;bottom:0;top:unset; transform:translateX(50%); opacity:0; animation:bgMotion2 2s 0.5s forwards cubic-bezier(0.65, 0.05, 0.36, 1);}

	.program-info{flex-wrap:wrap;}
	.program-info .head + .name,
	.program-info .subject + .name,
	.program-info .subject{width:calc(100% - 130px);}

}

@media all and (max-width:1280px){
	.top-nav .gnav > li > a{padding:0 14px;}

	.top-session{gap:11px;}
	.top-session a{font-size:16px;}
	.top-session .top-logout{margin-left:10px;}
	.top-session .top-logout:before{left:-12px; top:4px;}
}

@media all and (min-width:1100px){
	.sub-bg1{width:11.0416vw;max-width:212px;height:588px; background:url(../img/main/bg_shape1_s.png) 0 0 / contain no-repeat; position:absolute;left:0;top:0; transform:translate(-50%, 50%); opacity:0; animation:bgMotion1 2s forwards cubic-bezier(0.65, 0.05, 0.36, 1);}
	.sub-bg2{width:19.91vw;max-width:344px;height:467px; background:url(../img/main/bg_shape2_s.png) right bottom / contain no-repeat; position:absolute;right:0;bottom:0;top:unset; transform:translateX(50%); opacity:0; animation:bgMotion2 2s 0.5s forwards cubic-bezier(0.65, 0.05, 0.36, 1);}
}
@media all and (max-width:1100px){
	#header{height:60px; padding:0 16px; background-color:#fff;}
	.main #header{background:none;}
	.top-logo{max-width:calc(100% - 48px);}
	.top-logo img{width:250px;}
	.top-nav,
	.top-session{display:none;}
	.btn-menu{display:block;}

	.sub-container{padding:60px 0 100px;}
	.page-top{margin-left:30px; margin-right:30px; text-align:left;}
	.page-contents{margin:0 30px;}

	.sub-bg1{width:135px;height:210px; background:url(../img/layout/bg_shape_sub1.png) 0 0 / contain no-repeat; position:absolute;right:0;top:0; opacity:0; animation:bgSubMotion1 2s forwards cubic-bezier(0.65, 0.05, 0.36, 1);}
	.sub-bg2{width:210px;height:235px; background:url(../img/layout/bg_shape_sub2.png) right bottom / contain no-repeat; position:absolute;left:0;bottom:0; transform:translate(-50%, -30%); opacity:0; animation:bgSubMotion2 2s 0.5s forwards cubic-bezier(0.65, 0.05, 0.36, 1);}

	@keyframes bgSubMotion1 {
	  0% {transform: translate(50%, -30%); opacity:0;}
	  100% {transform: translate(0, 0); opacity:1;}
	}
	@keyframes bgSubMotion2 {
	  0% {transform: translate(-50%, 30%); opacity:0;}
	  100% {transform: translate(0, 0); opacity:1;}
}

	/* footer */
	#footer{background-color:rgba(255,255,255,0.8);}
	#footer footer{display:block;}
	.footer-info{font-size:14px; padding:0;}
	.footer-info .info li{padding:2px 0; position:relative; margin-right:15px;}
	.footer-info .info li:after{display:none;}
	.footer-site{width:100px; top:-8px;}

	/* main */
	.main #header{height:60px; border:none; background-color:rgba(255,255,255,0.6);}
	.main-container{padding:100px 15.625vw;}
	.main-contents{padding:0 20px 0 0;}
	.main-links li{flex:1;}
	.main-links a{width:100%;}


	/* 초대의 글 */
	.welcome-wrap{display:block; margin-top:0;}
	.welcome-wrap .photo{display:none;}
	.welcome-wrap .msg{font-size:16px; line-height:1.75;}
	.welcome-wrap .msg br{display:none;}

	/* 프로그램 */
	.program-info .name{width:100%; margin:0;}
	.program-info .head + .name,
	.program-info .subject + .name,
	.program-info .subject{width:100%;}
	.program-info .head{font-weight:700;}
	.program-info .subject,
	.program-info .name{padding-left:12px;}
	.program-info .session-head + .name{padding-left:0;}

}

@media all and (max-width:768px){

	.sub-container{width:100%; padding:50px 0 80px; min-height:calc(100vh - 146px - 60px);}

	.page-top{margin:0 20px 30px 20px;}
	.page-top.login{margin:0 20px 30px 20px; width:auto;}
	.page-top h2,
	.page-top.login h2{font-size:24px;}
	.page-contents{margin:0 20px;}

	/* footer */
	#footer{padding:20px; background-color:#000000; color:#c1c1c1; border:none; }
	.footer-logo{margin:0 0 10px 0; font-size:16px;}
	.footer-info{font-size:12px;}
	.footer-info .info li{margin-right:0; padding:0; width:100%;}
	.footer-info .info .copyright{font-size:12px;}
	.footer-site{top:unset; bottom:0;}

	/* main */
	.main-container{width:100%; padding:100px 11vw 100px 30px; box-sizing:border-box; min-height:calc(100vh - 146px - 60px);}
	.main-container:before{display:block;content:''; position:absolute;left:0;top:0;right:0;bottom:0; background:#fff url(../img/main/bg_shape_m.png) right top / auto 100% no-repeat; animation:bgMotion3 1s forwards linear;}
	.main-container-inner{flex-wrap:wrap;}
	.main-contents{width:100%; padding:0 0 30px 0; order:0;}
	.main-copy{text-align:left;}
	.main-copy-pc{display:none;}
	.main-copy-mobile{display:block; text-align:left;}
	.main-copy-mobile img{max-width:80%;}

	.main-bg1,
	.main-bg2{display:none;}

	/* 프로그램 */
	/* .p-table{display:none;} */
	.p-table thead th{font-size:16px; font-weight:700;}
	.p-table td{font-size:16px; padding:12px;}
	.p-table td.time{padding:12px 6px;}
	.p-table td.space{padding:12px;}
	.p-table td.session{padding:12px;}
	.program-info .head{font-weight:700;}
	.program-info .session-head{width:100%;}
	.program-info .session-head + .name{width:auto; margin:0;}
	.program-info .subject{width:100%; padding-left:12px;}
	.program-info .name{width:100%; margin:0; padding-left:12px;}
	/* .program-info .head + .name{padding-left:12px;} */
	.program-info .session-head + .name{padding-left:0;}

	/* 참가신청 */
	.app-guide{padding:0; margin-bottom:30px;}
	.app-guide .app-period{font-size:15px;}
	.app-guide .app-refer{font-size:14px;}
	.required-guide{font-size:14px;}

	/* 참가신청 */
	.data-regist table,
	.data-regist tbody,
	.data-regist tr,
	.data-regist th,
	.data-regist td{display:block;}
	.data-regist colgroup{display:none;}
	.data-regist{padding:20px 0;}
	.data-regist th{padding:20px 3px 5px; font-size:16px;}
	.data-regist td{padding:5px 3px; font-size:15px;}

	.agree-all{height:70px; font-size:18px;}

	.agree-item{font-size:14px;}
	.agree-item .agree-tit{padding:10px 15px; font-size:16px;}
	.agree-item .agree-con{padding:15px; max-height:120px;}
	.agree-item .agree-check{padding:10px 15px;}

	.app-end .end-tit{padding:20px 30px;}
	.app-end .end-tit h3{font-size:20px;}
	.app-end .end-data{padding:20px;}
	.app-end .end-data .data-view th{font-size:16px; }

	/* 방송보기 */
	.onair-wrap .tit{margin-bottom:40px; padding:0;}
	.onair-wrap .onair-info{padding:60px 40px; }
	.onair-info .msg{font-size:28px; margin-bottom:40px;}
	.onair-info .time-tit span{font-size:20px;}
	.onair-info .time{font-size:28px;}

	.onair-dday .time{font-size:28px;}
	.onair-after .title{font-size:24px;}

	/* 지난 심포지엄 */
	.sympo-item .tit{font-size:18px;}

	.sympo-data{flex-wrap:wrap; padding:20px; margin-bottom:40px;}
	.sympo-data .subject{width:100%; font-size:17px;}
	.sympo-data .btn-down{width:100%; height:44px; justify-content:center; color:#fff; background-color:#362a83; border-radius:25px; margin:16px 0 0 0; box-sizing:border-box; padding:0; font-size:16px;}
	.sympo-data .btn-down:after{background-image:url(../img/contents/ic_down_w.png);}

	.sympo-history{padding:0 20px;}
	.sympo-history dl{display:block; padding-left:40px;}
	.sympo-history dl:before{left:10px; top:48px;}
	.sympo-history dl:after{left:0; top:10px; transform:scale(0.7);}
	.sympo-history dt{font-size:26px;}
	.sympo-history dd{padding:0;}
	.sympo-history .subject{font-size:16px;}
	.sympo-history .sub-desc{font-size:15px;}

	/* 비밀번호 찾기 */
	.find-result-wrap{padding:30px 20px;}
	.find-result-wrap .main-txt{font-size:24px;}
	.find-result-wrap .sub-txt{font-size:16px;}
}

@media all and (max-width:599px){

	.btn{height:46px;}

	.input-email .split{width:20px;}
	.input-email select,
	.input-email input{width:calc(50% - 10px);}

	.input-tel .split{width:20px;}
	.input-tel select, .input-tel input{width:calc(100% / 3 - 60px/3)}

	/* button */
	.btn{padding:0 20px; font-size:14px;}
	.btn.big{height:56px; font-size:16px;}

	.btn-wrap .btn{margin:0 3px;}
	.btn-wrap.bottom{margin-top:30px;}

	.con-tit{font-size:20px; margin-bottom:20px;}

	/* main */
	.main-container{padding:60px 30px 40px;}
	.main-contents{padding:0;}
	.main-banner img{height:46px;}
	.main-links{margin-top:24px;}
	.main-links ul{flex-wrap:wrap; justify-content: flex-start;}
	.main-links li{width:100%; flex:unset; text-align:left;}
	.main-links a{width:50%; height:40px;padding:3px 20px; font-size:16px;}
	.main-links a .go{margin-left:10px; height:32px; font-size:13px; padding:0 3px 0 8px;}
	.main-links a .go:after{margin-left:0;}

	/* 초대의 글 */
	.welcome-wrap .msg{padding-top:20px;}

	/* 프로그램 */
	.p-table thead th{font-size:14px;}
	.p-table td{font-size:14px; padding:10px;}
	.p-table td.time{padding:10px 4px; font-size:13px;}
	.p-table td.space{padding:10px;}
	.p-table td.session{padding:10px;}
	.program-info .subject{padding-left:10px;}
	.program-info .name{padding-left:10px;}

	/* 참가신청 */
	.data-regist th{padding:15px 0 0 0; font-size:14px;}
	.data-regist td{padding:5px 0; font-size:14px;}
	.data-regist .btn{padding:0 10px; font-size:14px;}

	.input-guide{font-size:14px;}

	.agree-all{height:56px; font-size:16px;}
	.agree-all input[type=checkbox]{width:20px;height:20px; margin-right:10px; margin-top:1px;}

	.btn-app{width:100%;}

	.app-end .end-tit{padding:20px;}
	.app-end .end-data .data-view .view-th{width:110px;}
	.app-end .end-data .data-view th{font-size:15px; padding:10px 0;}

	/* 방송보기 */
	.onair-info .msg{font-size:22px; margin-bottom:30px;}
	.onair-info .msg b{display:block;}
	.onair-info .time-wrap .time{width:100%; font-size:24px;}

	.onair-dday{margin:40px 0;}
	.onair-dday .time{font-size:24px; padding:30px 0;}
	.onair-dday .time .txt-nowrap{display:block;}
	.onair-dday .guide{margin-top:40px;}

	.onair-wrap .tit{padding:0 10px;}
	.onair-wrap .onair-info{padding:40px 0;}

	/* 지난 심포지엄 */
	.sympo-item {width: calc(100% - 20px);}
	.sympo-item .tit{font-size:16px;}

	.con-wrap + .con-wrap{margin-top:50px;}

	/* 로그인 */
	.login-wrap{box-sizing:border-box; padding:0 30px; margin:40px 0;}
	.login-wrap .input label{font-size:18px;}
	.login-wrap .row{margin-bottom:20px;}
	.login-wrap .row.guide{margin:-5px 0 20px; font-size:16px;}

	.find-result-wrap .pw-box .label:after{display:none;}
	.find-result-wrap .pw-box .number{display:block;}

}

@media all and (max-width:430px){

	.btn-menu{right:15px;}

	.main-links a{padding-right:16px;}
	.main-links a:after{width:16px;}

}