@charset "utf-8";
#contents {width:100%; max-width:1280px;  margin:0 auto;}
/*---------------------------------------
01. Welcome Remarks
---------------------------------------*/
.remark_wrap {position: relative; font-size: 1.12em; line-height: 150%; color:#333;}
.remark_wrap > img {margin-right:20px; margin-bottom:20px; display: block; width: 20rem; }
.remark_wrap p {margin-bottom:3rem	;}
.remark_wrap p strong {font-weight: bold;}
.remark_wrap p sup {font-size:12px;}
.remark_wrap .sign {}
.remark_wrap .sign strong {font-weight: bold;font-size: 1.25em;}
.remark_wrap .sign p {margin:5px 0;}
.remark_wrap .remark_bg {width: 100%; height: 380px; margin-bottom: 50px; background: url(../image/welcome/welcome_img.png) no-repeat center / cover;}

@media screen and (max-width: 768px) { 
	.remark_wrap .remark_bg  {height: 20rem;}
	.remark_wrap > img {width: 30%;}
}
/*---------------------------------------
02. Program 
---------------------------------------*/
/* video */
.video_wrap {display: none; position: relative; width:100%; height:auto; top: 0;}
.video_wrap .video-area {width:100%; height:720px; border:1px solid;}
.video_wrap .info {width:100%; height:auto; padding:32px 0; position:relative;}
.video_wrap .info .bt-video-play {float:left; width:56px; height:56px; padding:11px; border-radius:100%; border:4px solid currentColor; color:#9bd226; font-size:0;}
.video_wrap .info .bt-video-play .i-play:before {border-width:8px; top:4px;}
.video_wrap .info p {float:left; display:inline-block; padding:0 24px; margin-left:16px; height:56px; line-height:56px; border-radius:50px; background-color:#f5f5f5; font-weight:500;}
.video_wrap .info blockquote {float:left; padding:0 24px; line-height:56px;}
.video_wrap .info h3 {float:left; width:100%; margin-top:24px; font-weight:500; font-size:20px; color:#181818;}
.video_wrap .info .bt-more {position:absolute; top:-13rem; right:0; display:inline-block; transition: all 0.2s linear; padding:0 24px; height:50px; line-height:50px; box-sizing:border-box; border-radius:50px; border:2px solid #000; color:#000 !important; font-weight:600;}
.video_wrap .info .bt-more:hover {background:var(--main-color2);}
.video_wrap .info .bt-more .i-more {display:inline-block; vertical-align:middle; width:24px; height:24px; top:-2px;}
.video_wrap .info .bt-more .i-more:before {width:12px; height:12px; border-width:2px; border-left-width:0; border-top-width:0; top:6px; left:2px;}

/* conference view : lecturer info */
.lecturer_info {width:100%; height:auto; margin-bottom:50px;}
.lecturer_info.title_area {}
.lecturer_info.title_area .lect_info_box {border-bottom:2px solid #000; padding-bottom:2rem;}
.lecturer_info.title_area .lect_info_box .num_code {display: inline-block;margin-bottom: 2rem; border-radius:.5rem;	font-weight: bold; padding:.5rem 1rem; color:#fff;	background-color: var(--main-color1);	}
.lecturer_info.title_area .lect_info_box h3 {font-size: 1.5em;font-weight: bold;width: 100%;margin-bottom: 1rem;}
.lecturer_info.title_area .lect_info_box span {font-size: 1em; color:#666;font-weight: 500;line-height: 130%;}

.lecturer_info.guide_area {}
.lecturer_info.guide_area .guide_txt{ width: 100%; display: inline-block; line-height:1.5; font-size:1em;}
.lecturer_info.guide_area .schdu_introduce {width: 100%;}
.lecturer_info.guide_area .schdu_introduce .date{font-weight: bold;margin-bottom: 1rem;}
.lecturer_info.guide_area .schdu_introduce .date strong {display: block; }
.lecturer_info.guide_area .schdu_introduce .date span {display: block;font-weight: normal;}
.lecturer_info.guide_area .schdu_introduce .info_box{background-color: #fcfcfc; border: 1px dashed #ccc;}
.lecturer_info.guide_area .schdu_introduce .info_box ul {display: block; margin: 0; padding: 1rem 2rem;}
.lecturer_info.guide_area .schdu_introduce .info_box li{width: 100%; margin: 1rem 0;display:flex;} 
.lecturer_info.guide_area .schdu_introduce .info_box li em {width: 10%;font-weight: 700; display: inline-block;}
.lecturer_info.guide_area .schdu_introduce .info_box li p {width: auto;margin-right: 4rem;display: flex; flex-direction: column;}
.lecturer_info.guide_area .schdu_introduce .info_box li p span {width: 100%;font-size: .85em; color: #777; height: auto;}

.lecturer_info.guide_area .schdu_introduce .poster_posting{background-color: #fcfcfc; border: 1px dashed #ccc;}
.lecturer_info.guide_area .schdu_introduce .poster_posting ul {display: block; margin: 0; padding: 1rem 2rem;}
.lecturer_info.guide_area .schdu_introduce .poster_posting li{width: 100%; margin: .5rem 0;display:flex;} 
.lecturer_info.guide_area .schdu_introduce .poster_posting li em {width:8%;font-weight: 700; display: inline-block; color:#1dac6a;}
.lecturer_info.guide_area .schdu_introduce .poster_posting li span {width: 100%;font-size: .95em; color: #666; height: auto;}



.schdu_introduce {width: 100%;}

.schdu_introduce .info_box p.yss_intro {padding:10px 20px;	}
.schdu_introduce .info_box p.yss_intro em {display: block;font-weight: bold;color:#1dac6a; font-size: .9em;}
.schdu_introduce .info_box p.yss_intro span {font-weight: bold;color:#1dac6a; margin-right:5px}
.schdu_introduce .yss_table {margin-top:20px;border-top:1px solid #1dac6a}
.schdu_introduce .yss_table tbody {}
.schdu_introduce .yss_table tbody tr{border-bottom:1px solid #ddd;}
.schdu_introduce .yss_table tbody th{padding:10px;vertical-align:middle;}
.schdu_introduce .yss_table tbody th p {}
.schdu_introduce .yss_table tbody th span {font-weight: 400;}
.schdu_introduce .yss_table tbody td{padding:10px;}
.schdu_introduce .yss_table tbody td p {margin-bottom: 10px;font-weight: bold; color:#1dac6a}
.schdu_introduce .yss_table tbody td span {	font-weight: bold;}
.schdu_introduce .yss_table tbody td span em {font-weight: normal;font-size: .9em;}



.lecturer_info.infomaiton_area {}
.lecturer_info.infomaiton_area h3 {font-size: 1.5em;}
.lecturer_info.infomaiton_area ul {width:100%; height:auto; margin-top:3rem; overflow:hidden; display:flex; flex-wrap: wrap;}
.lecturer_info.infomaiton_area ul li { width:50%; height:auto; margin-bottom:3rem; display:flex;}
.lecturer_info.infomaiton_area ul li span {display:table-cell; vertical-align:top; width:15rem; height:18rem;}
.lecturer_info.infomaiton_area ul li span img {width: 100%;}
.lecturer_info.infomaiton_area ul li .no-image { position: relative; background-color:#fafafa;width:15rem; height:18rem; display: inline-block;}
.lecturer_info.infomaiton_area ul li .no-image i {position: absolute; left: 50%; top: 50%;transform: translate(-50%, -50%); opacity:0.2; font-size: 2em;}
.lecturer_info.infomaiton_area ul li dl {display:table-cell; vertical-align:top; width:calc(100% - 15rem); padding:0 2rem;}
.lecturer_info.infomaiton_area ul li dt {color:var(--main-color1);     font-weight: 600;}
.lecturer_info.infomaiton_area ul li dt em {display:block; color:#555; margin-top:.5rem; font-weight: 400;font-size:.85em;}
.lecturer_info.infomaiton_area ul li dt mark {display:inline-block; font-weight:700; font-size:.85em; padding:4px 8px; margin-bottom:2rem; border:1px solid currentColor;border-radius:.5rem;}
.lecturer_info.infomaiton_area ul li dd {margin-top:1.5rem;  padding-top:1.5rem; line-height:1.2; position: relative;}
.lecturer_info.infomaiton_area ul li dd::before {width:2rem; height:2px; background: var(--main-color2); content:''; position: absolute; left:0; top:0;}
.lecturer_info.infomaiton_area ul li dd em {font-size:1em;font-weight: bold;color:#333;}
.lecturer_info.infomaiton_area ul li dd mark {display:inline-block; font-weight:700; font-size:1em; padding:4px 8px; margin-bottom:16px; border:1px solid currentColor; border-radius:5px;}
.lecturer_info.infomaiton_area ul li dt .btn-view {background: var(--main-color2); color:#fff; font-size:.8em; padding:4px 8px; border-radius:5px;}


/*---------------------------------------
03. program view  + poster_view
---------------------------------------*/
/* program view  + poster_view */
.poster_view_wrap {}
.poster_view_wrap .util_box {position: relative; width:100%; height:auto; font-size:1em; }
.poster_view_wrap .util_box a.bt_more {position:absolute; top:-12rem; right:0; transition: all 0.2s linear; padding:0 2rem; height:4rem; box-sizing:border-box; border-radius:1rem; border:2px solid var(--main-color1); color:var(--main-color1) !important; font-weight:600;display: flex; align-items: center;}
.poster_view_wrap .util_box a.bt_more:hover {background:var(--main-color1); color:#fff !important;}
.poster_view_wrap .util_box a.bt_more i {margin-left: 1rem;}

.poster_view_wrap .view_cont {width:100%; height:auto; display:table; text-align: center; padding:3rem 0;}
.poster_view_wrap .view_cont img {width: auto;}
.poster_view_wrap .view_cont #pdf_viewer {display:table-cell; vertical-align:top; width:50%; height:10rem; border:1px solid;}
.poster_view_wrap .view_cont .document_info {display:table-cell; vertical-align:top; width:50%; text-align:left;		}
.poster_view_wrap .view_cont .document_info .pst_num {display:inline-block;padding:.7rem 1rem; border-radius:3px; font-weight:700; font-size:1em;  background-color:var(--main-color1); color:#fff; text-align:center;}
.poster_view_wrap .view_cont .document_info .selecteds{ display:inline-block; background:url("../image/sub/ico_selected.png") 10px 0 no-repeat; padding-left:55px; height:36px; line-height:36px; font-size:1.25em; font-weight:600; vertical-align:middle; color:#ff9600}
.poster_view_wrap .view_cont .document_info h3 {font-size: 2.2rem; font-weight:500; line-height:1.2; margin-top:8px;}
.poster_view_wrap .view_cont .document_info h3 p {font-family: inherit !important;text-align:left !important; font-size: 2.2rem !important; line-height: 1.2 !important;}
.poster_view_wrap .view_cont .document_info h3 span  {font-size: 2.2rem !important; font-family: inherit !important;color:#000 !important;line-height:  1.2 !important;}
.poster_view_wrap .view_cont .document_info .bul-lst {width: 100%; padding-bottom:3rem; margin:3rem 0; font-size: .9em; border-bottom:1px solid #d7d7d7;}
.poster_view_wrap .view_cont .document_info .bul-lst li:not(:nth-child(1)) {margin-top:1rem;}
.poster_view_wrap .view_cont .document_info .pdf-explain {width:100%; height: auto; min-height: 210px; padding:32px;  line-height:1.5; background-color:#f5f5f5; overflow-y:auto;}
.poster_view_wrap .view_cont .document_info .pdf-explain p {font-size: 1em !important; font-family: inherit !important;  word-break: keep-all !important; line-height: 150% !important;;background:transparent !important; }
.poster_view_wrap .view_cont .document_info .pdf-explain span {font-size: 1em !important; font-family: inherit !important;    line-height: 150% !important;background:transparent !important;}

/* question */
.question_wrap {width:100%; height:auto;}
.question_wrap h3 span {display:inline-block; padding-left:24px; color:#797979; font-weight:400; font-size:18px;}
.question_wrap .user-reply {color:var(--main-color1);}
.question_wrap .comment-lst {margin-top:24px;}
.question_wrap .comment-write {margin-top:30px;   }
.question_wrap .comment-write fieldset{width: 100%; display: flex;    align-items: center; justify-content: space-between;}
.question_wrap .comment-write textarea {resize:none; width:80%; height:100px; padding:25px; border:1px solid #d7d7d7; font-size: 1em;font-family: inherit; letter-spacing:-1px;}
.question_wrap .comment-write button { width:18%; height:100px; font-weight:500; font-size:1.25em; background-color:var(--main-color2); color:#fff;}
.question_wrap .comment-content {width:100%; height:auto; margin:24px 0 0; }
.question_wrap .comment-content.refresh { max-height:300px; overflow:hidden; overflow-y:auto; }
.question_wrap .bt-prev-comm {width:100%; height:auto; border-top:1px solid #423947; padding:16px 0; font-size:16px;}
.question_wrap .bt-prev-comm .i-arrow {display:inline-block; vertical-align:middle; transform:rotate(-180deg);}
.question_wrap .bt-prev-comm:hover {background-color:#423947; color:#fff;}
.question_wrap .bt-next-comm {width:100%; height:auto; border-top:1px solid #423947; padding:16px 0; font-size:16px;}
.question_wrap .bt-next-comm .i-arrow {display:inline-block; vertical-align:middle;}
.question_wrap .bt-next-comm:hover {background-color:#423947; color:#fff;}
.question_wrap .com-lst { width:100%; height:auto; font:normal 16px 'Montserrat','Malgun Gothic'; letter-spacing:-1px;  }
.question_wrap .com-lst li, .question_wrap .com-lst dt {border-bottom:1px solid #d7d7d7; padding:24px; transition: all 0.2s linear;}
.question_wrap .com-lst li:hover {background:#f5f5f5;}

.btn-wrap{ display: inline-block; position: relative; width:100%; padding:20px 0; text-align: center;}
.btn-wrap a {padding:15px 0; min-width:200px; display: inline-block;text-align: center;}
.btn-wrap a.go_list {background-color:var(--main-color1); color:#fff;}



/* comment */
.comment-box {width:100%; height:auto; overflow:hidden; position:relative;}
.comment-box .poster-subject {display:block; margin-bottom:16px; color:#181818; font-weight:500;}
.comment-box .poster-subject em {font-style:italic; color:#797979; border-bottom:1px solid currentColor;}
.comment-box .info {float:left; width:auto; height:auto;}
.comment-box .info em {display:inline-block; padding:4px 16px; margin-right:8px; border-radius:50px; color:#fff; font-weight:700; font-size:14px;}
.comment-box .info strong {font-weight:700; color:#181818;}
.comment-box .info span {padding-left:8px; color:#797979; letter-spacing:0; font:normal 13px 'Montserrat';}
.comment-box .info p {padding-top:16px;}
.comment-box .info .i-q {background-color:#da4949;}
.comment-box .info .i-a {background-color:#1593d5;}
.comment-box .setting {position:absolute; top:0; right:0;}
.comment-box .setting .button {border:1px solid #d7d7d7; padding:7px 12px; box-sizing:border-box; font-size:11px; background:#fff; display:inline-block;}
.comment-box .setting .button:hover {border:1px solid #000; background:#423947; color:#fff !important;}
.comment-box.reply {padding-left:16px;}


.reply-layer {display:none; width:100%; max-width:1024px; height:auto; padding:32px; position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); background:#fff; z-index:10;}
.reply-layer .comment-write {margin-top:24px;}
.bg-reply-layer {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:9; cursor:pointer;}


a.link_btn { background: #333;  color:#fff; font-size: 12px; padding:2px 5px;}


/* contents padding */

@media screen and (max-width: 1280px) {

}



@media screen and (max-width: 568px) { 
	.poster_view_wrap .util-box .bt-more {height: auto;line-height: inherit; padding: 10px 20px; font-size: .9em;}
}



@media screen and (max-width: 1366px) {
	.question_wrap .comment-write button  {font-size: inherit;	}
}
@media screen and (max-width: 1280px) {

}
@media screen and (max-width: 1024px) {
	.video-wrap  {position: relative;}
	.video-wrap .info {height: 40px;  padding: 0;}
	.video-wrap .info .bt-more {height: auto;padding:10px 24px; line-height: initial;;}
	.lecturer_info.infomaiton_area ul li {width:100%; }
	.poster_view_wrap .view_cont  img {width:90%;} 
}
@media screen and (max-width: 768px) { 
	.lecturer_info.infomaiton_area ul li .no-image {width: 30%;	}
	.lecturer_info.infomaiton_area ul li span {width: 30%;}
	.lecturer_info.infomaiton_area ul li dl {    width: calc(100% - 30%); padding:0 0 0 5%;}

	.lecturer_info.infomaiton_area .lect_info_box h3 {font-size: 24px;}
	.lecturer_info.infomaiton_area .lect_info_box span {font-size:14px}
	.lecturer_info.guide_area .schdu_introduce .info_box li {flex-direction: column;}
	.lecturer_info.guide_area .schdu_introduce .info_box li em {width: 100%;}
	.lecturer_info.guide_area .schdu_introduce .info_box li p {margin-right:0;}


}
@media screen and (max-width: 568px) { 
	.question_wrap .comment-write fieldset {flex-direction: column;}
	.question_wrap .comment-write textarea {width: 100%;}
	.question_wrap .comment-write button { width:100%; height:50px;padding:5%;margin-top: 5px;}
	.question_wrap h3 {font-size: 1.2em;}
	.question_wrap h3 span {font-size: .9em;}
	.question_wrap .comment-lst {}
	.poster_view_wrap .view_cont .document_info .pdf-explain {padding:5%;}
}




/*---------------------------------------
04. Abstracts 
---------------------------------------*/

/*search_bar*/
.poster_list .poster_search {width:100%; margin:20px 0; background:#f7f7f7; text-align: center; padding:20px;    display: inline-block;}
.poster_list .poster_search fieldset {display:flex; justify-content: center;}
.poster_list .poster_search .pst-sc-select {border:1px solid #ddd;padding:0 10px; height:50px;width:150px;font-size: 0.9em;}
.poster_list .poster_search .pst-sc-input {border:1px solid #ddd;padding:0 10px; height:50px;width:40%;margin:0 0.5%;}
.poster_list .poster_search .pst-sc-submit {height:50px;background: var(--main-color1); width:100px;color:#fff;}
.poster_list .poster_search .pst-sc-submit:hover {background: #333;}
.poster_list .poster_search .pst-sc-submit i {margin-right:5px;}
.poster_list .poster_search .search_radio {display:flex;align-items: center;}
.poster_list .poster_search .search_radio p {margin:0 10px;display:flex;}

/* poster research */
.poster_list .poster_research {width:100%; height:auto; margin-bottom:72px;}
.poster_list .poster_research p {margin-top:16px;}
.poster_list .poster_research .inner {width:100%; height:auto;  margin-top:32px; overflow:hidden;}

/* poster list */
.poster_list {position:relative;}

/* poster top menu */
.poster_list h3 {}
.poster_list .pst-top-menu {display:flex;justify-content: space-between; align-items: center;}
.poster_list .pst-move {display:table; width:400px;  top:60px; right:0; background:#f3f3f3; border-radius:25px;}
.poster_list .pst-move > p {display:table-cell; vertical-align:middle; width:20%; padding-left:20px; color:#333;font-size:18px;}
.poster_list .pst-move .pst-sel {display:table-cell; vertical-align:middle; width:80%; font-size:16px; font-weight:500; position:relative;}
.poster_list .pst-move .pst-sel p {width:100%; padding:16px; color:#181818; cursor:pointer;}
.poster_list .pst-move .pst-sel p .i-arrow {display:inline-block; vertical-align:middle; margin-left:8px; position:absolute; top:16px; right:16px;}
.poster_list .pst-move .pst-sel ul {position:absolute; top:50px; left:0; width:100%; height:290px; overflow-y:scroll; border:1px solid #181818; background:#fff;z-index:2;}
.poster_list .pst-move .pst-sel ul li {}
.poster_list .pst-move .pst-sel ul li a {display:block; padding:16px;}
.poster_list .pst-move .pst-sel ul li .active {color:var(--main-color1); background-color:#f7f7f7;}

/*Posters by track*/
.poster_list .bul-lst-box {width:100%;  position: relative; display: flex;  flex-wrap: wrap;}
.poster_list .bul-lst-box li {width:33.33%; flex-basis:50%;}
.poster_list .bul-lst-box li a {border:1px solid #ddd; display:block; margin:5px; padding:30px;height:140px;background-color:#fff;transition: all 0.2s linear; display: flex; flex-direction: column;    align-items: flex-start;  justify-content: space-between;}
.poster_list .bul-lst-box li a:hover {color:#000; background:#fafafa; border:1px solid #000;}
.poster_list .bul-lst-box li a span {margin-top: 0; display: inline-block;padding:5px 8px;border-radius:5px;font-weight: bold;  background-color: var(--main-color2); color:#fff; font-size: 0.8em;}
.poster_list .bul-lst-box li a p {font-weight:bold;font-size: 1.2em;}

/*Posters list*/
.poster_list .pst-lst {width:100%; height:auto; text-align:center;margin-top:20px;}
.poster_list .pst-lst li {float:left; width:380px; height:750px; padding:20px; position:relative; }
.poster_list .pst-lst li:nth-child(3n+2) {margin-left:70px; margin-right:70px;}
.poster_list .pst-lst li a {display:block; width:100%; height:100%;}
.poster_list .pst-lst li span {display:table-cell; vertical-align:top; width:380px; height:515px;}
.poster_list .pst-lst li .no-image {padding:200px 0; background-color:#f7f3f9; text-align:center;}
.poster_list .pst-lst li span.thumb {border:1px solid #ddd; font-size:0}
.poster_list .pst-lst li .tt-box {padding:24px 16px 0;}
.poster_list .pst-lst li div.tit {display:inline-block; font-weight:500; color:#181818; line-height:1.3;}
.poster_list .pst-lst li div.tit span {display:inline; width:auto; height:auto; word-break:break-word;}
.poster_list .pst-lst li div.tit  {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3; /* 라인수 */-webkit-box-orient: vertical;word-wrap:break-word; line-height: 1.2em; height: 3.6em;}
.poster_list .pst-lst li blockquote {display:inline-block; padding:0 24px; margin-top:10px;color:#888888;font-size:.8em; /* height:48px; line-height:48px; border-radius:50px;  background-color:var(--main-color1); color:#fff; */font-weight:500;}
.poster_list .pst-lst .comm-num {display:inline-block; width:40px; height:26px; line-height:26px; border-radius:3px; font-weight:700; font-size:14px; letter-spacing:0; background-color:#eba90c; color:#fff; position:absolute; top:468px; right:16px;}
.poster_list .pst-lst .comm-num:after {content:''; height:0; width:0; display:block; border:12px transparent solid; border-bottom-width:0; border-right-width:0; border-top-color:#eba90c; position:absolute; top:22px; left:28px;}
.poster_list .pst-lst .pst-num {display:inline-block; width:auto; padding:0 10px; height:32px; line-height:32px; border-radius:3px; font-weight:700; font-size:16px; letter-spacing:0; background-color:var(--main-color1); color:#fff; /*position:absolute; top:8px; left:8px;*/ margin-bottom:10px;}
.poster_list .pst-lst .pst-yss {display:inline-block; width:90px; height:32px; padding-left:30px; line-height:32px; border-radius:3px; font-weight:700; letter-spacing:0; background:url("../image/mobile/ico_mic.png") 0 0 / 32px no-repeat #f4bb34; color:#fff; /* position:absolute; top:8px; left:70px; */ text-align:left;}
.poster_list .pst-lst .selecteds {display:inline-block; width:76px; height:32px; font-size:0; background:url("../image/sub/ico_selected.png") 0 0 no-repeat; color:#fff; } 

.poster_list .type-list {border-top:2px solid #333; position:relative; overflow:hidden;}
.poster_list .type-list li .no-image {float:left;width:150px; height:150px;border:1px solid #ddd;padding:25px 0; background-color:#f7f3f9;display:inline-block; text-align:center;}
.poster_list .type-list li {width:100% !important; border-bottom:1px solid #ddd;height:auto; min-height:150px;display:block;transition: all 0.2s linear;display: flex; align-items: center; justify-content: center;}
.poster_list .type-list li .tt-box {text-align:left;     padding: 0 !important;  }
.poster_list .type-list li:hover {background: #f5f5f5;}
.poster_list .type-list li:nth-child(3n+2) {margin-left:0px; margin-right:0px;}
.poster_list .type-list li blockquote  {padding:0;}
.poster_list .type-list .pst-num {text-align:center;}
.poster_list .type-list li span {width:150px; height:150px;}
.poster_list .type-list li span.thumb {float:left; display:inline-block; overflow:hidden;}
.poster_list .type-list li div.tit  {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; /* 라인수 */-webkit-box-orient: vertical;word-wrap:break-word; line-height: 1.2em; height:auto;}
.poster_list .type-list .comm-num {top:40%; right:30px;}

.poster_list .pst-type-lst {float:right;position:absolute; right:0; top:60px;}
.poster_list .pst-type-lst li {float:left;margin-left: 5px;}
.poster_list .pst-type-lst li a {border:1px solid #ddd; width:50px; height:50px; border-radius:50%;display:block;text-align:center;line-height:50px;}
.poster_list .pst-type-lst li a:hover {background:#ddd ; color:#fff ;}
.poster_list .pst-type-lst li a.active {background:var(--main-color1); color:#fff;}

/* hover */
.poster_list .pst-lst li a:hover {}
.poster_list .pst-lst li a:hover em {color:var(--main-color1);}
.poster_list .pst-lst li a:hover blockquote { /*background-color:#423947;*/}

@media screen and (max-width: 1366px) {
	.poster_list .bul-lst-box li a p {font-size: 1em;}
	.poster_list .bul-lst-box li a { padding:7%;}
}
@media screen and (max-width: 1024px) {
	.poster_list .bul-lst-box li {width: 50%; flex-basis:50%;}
	.poster_list .bul-lst-box li a {height:auto;}

}
@media screen and (max-width: 768px) { 
	.poster_list .bul-lst-box li a { padding:5%;}
	
}
@media screen and (max-width: 568px) { 
	.poster_list .bul-lst-box li {width: 100%; flex-basis:100%;}

	.pst-top-menu {flex-direction: column; align-items: flex-start;}
	.poster_list .type-list li {min-height:auto;}
	.poster_list h3 {font-size: 1.4em;}
	.poster_list .pst-lst .pst-num {font-size: 14px;height: auto; line-height: initial; padding: 5px 10px;}
	.poster_list .pst-move {width: 100%; margin-top: 20px;}
	
	.poster_list .poster_search fieldset {flex-direction: column;}
	.poster_list .poster_search .pst-sc-input {margin:.5% 0; width: 100%;height: 40px;}
	.poster_list .poster_search .pst-sc-select {width: 100%;height: 40px;}
	.poster_list .poster_search .pst-sc-submit {width: 100%;height: 40px;}

}




/*---------------------------------------
04. Sponsor 
---------------------------------------*/
/* pst view */
.pst_title {text-align: center; width: auto; margin:0 auto;font-size: 2em;padding:50px 0; color:#333; font-weight: bold;border-bottom:1px dashed #ccc;}
.pst-view-wrap {}
.pst-view-wrap .view-contents {width:100%; height:auto; display:table; text-align: center; padding:30px 0;}
.pst-view-wrap .view-contents  img {width: auto;}
.pst-view-wrap .view-contents #pdf_viewer {display:table-cell; vertical-align:top; width:50%; height:800px; border:1px solid;}
.pst-view-wrap .view-contents .document-info {display:table-cell; vertical-align:top; width:50%; text-align:left;		}
.pst-view-wrap .view-contents .document-info .pst-num {display:inline-block;padding:8px; border-radius:3px; font-weight:700; font-size:16px; letter-spacing:0; background-color:var(--main-color1); color:#fff; text-align:center;}

.pst-view-wrap .view-contents .document-info .selecteds{ display:inline-block; background:url("../image/sub/ico_selected.png") 10px 0 no-repeat; padding-left:55px; height:36px; line-height:36px; font-size:1.25em; font-weight:600; vertical-align:middle; color:#ff9600}

.pst-view-wrap .view-contents .document-info .fb24 {font-weight:500; color:var(--main-color1); line-height:1.2; margin-top:8px;}
.pst-view-wrap .view-contents .document-info .bul-lst {width: 100%; padding-bottom:32px; margin:32px 0; font-size: .9em; border-bottom:1px solid #d7d7d7;}
.pst-view-wrap .view-contents .document-info .bul-lst li:not(:nth-child(1)) {margin-top:8px;}
.pst-view-wrap .view-contents .document-info .pdf-explain {width:100%; height: auto; min-height: 210px; padding:32px; font-size:16px; line-height:1.5; background-color:#f5f5f5; overflow-y:auto;}


.pst-view-wrap .util-box {width:100%; height:auto; font-size:16px; }
.pst-view-wrap .util-box a {display:block; float:left; padding:0 16px; margin-right:16px; height:56px; line-height:56px; border:2px solid #1439af; border-radius:50px;color:#333;}
.pst-view-wrap .util-box a:hover {border:2px solid #1439af;}
.pst-view-wrap .util-box a .max-ico {display:inline-block; vertical-align:middle;}
.pst-view-wrap .util-box .bt-acrobat .max-ico {width:32px; height:32px; margin-right:8px; background:url("../image/common/ico_acrobat.jpg") 0 0 no-repeat; border-radius:100%; overflow:hidden;}
.pst-view-wrap .util-box .bt-acrobat:hover {color:#c11e07 !important; border:1px solid #c11e07;}
.pst-view-wrap .util-box .bt-acrobat:hover .max-ico {background-position:-32px 0;}
.pst-view-wrap .util-box .audio-area {float:left; width:auto; height:56px; padding:0 16px 0 24px; line-height:56px; background-color:#f1f3f4; border-radius:50px;}
.pst-view-wrap .util-box .audio-area p {float:left; color:#181818; padding-top:2px;}
.pst-view-wrap .util-box .audio-area audio {display:inline-block; vertical-align:middle; width:300px; margin-left:8px; border-radius:50px;}

.pst-view-wrap .filedown {display: block; margin:20px 0 50px;}
.pst-view-wrap .filedown h5 {margin-bottom:20px;}
.pst-view-wrap .filedown li {margin-bottom:5px;width: 100%;}
.pst-view-wrap .filedown li a {display: block;padding:20px 0 20px 30px; background: #fafafa; border:1px solid #ddd}
.pst-view-wrap .filedown li a:hover {border:1px solid #9BD226; background: #9BD226; color:#fff;}
.pst-view-wrap .filedown li a i {margin-right:20px;}

.pst-view-wrap .btn-wrap{ display: inline-block; position: relative; width:100%; padding:20px 0; text-align: center;}
.pst-view-wrap .btn-wrap a {padding:15px 0; min-width:200px; display: inline-block;text-align: center;}
.pst-view-wrap .btn-wrap a.go_list {background-color:var(--main-color1); color:#fff;}

@media screen and (max-width:1024px) { 
	.pst_title {padding:1em 0;}
	.pst-view-wrap .view-contents  img {width:90%;} 
}
@media screen and (max-width: 568px) { 
	.pst_title {font-size: 1.5em;	} 
	.question-wrap h3 {font-size: 1.2em;}
	.question-wrap h3 span {font-size: .9em;}
	.question-wrap .comment-lst {}
	.pst-view-wrap .view-contents .document-info .pdf-explain {padding:5%;}
}


/* exhibit */
.exhibit-wrap {text-align:center;}
.exhibit-wrap .tab {width:100%; height:auto; font-weight:500; font-size:20px; margin:0 0 16px;}
.exhibit-wrap .tab li {display:inline-block; margin:0 16px;}
.exhibit-wrap .tab li button {color:#bcb8be;}
.exhibit-wrap .tab li button .i-arrow {margin:0 auto; display:none;}
.exhibit-wrap .tab li .active {color:var(--main-color1);}
.exhibit-wrap .tab li .active .i-arrow {display:block;}
.exhibit-wrap .tab_cont {width:100%; height:auto; line-height:1.2;}

/* video-lst */
.video-lst {width:100%; height:auto; overflow:hidden;display:flex; flex-wrap: wrap; /* justify-content: space-between; */}
.video-lst li {width: 32%; flex-basis:32%; padding-bottom:32px; position:relative;  overflow:hidden; margin-left:2rem;}
.video-lst li:nth-child(3n+1) {margin-left:0;}
.video-lst li a {display:block; width:100%; height:100%;}
.video-lst li .max-ico {width:32px; height:32px; /* opacity:.5; */ position:absolute; top:8px; left:8px; z-index:1;}
.video-lst li .max-ico img {width:100%;}
.video-lst li strong {display:block; width:100%; height: auto; margin-top: 10px; text-align:center;}
.video-lst li span {display:block; width:100%; min-height:auto;background-color:#f5f5f5;;}
.video-lst li span img {width: 100%;}
.video-lst li .no-image {padding:88px 0; background-color:#f7f3f9; text-align:center;}
.video-lst li .no-image img {width:64px;}

@media screen and (max-width: 1366px) { 
	.video-lst li {margin-left:1.4rem;}
}
@media screen and (max-width: 1024px) { 
	.video-lst {justify-content: space-between;}
	.video-lst li {width: 49%; flex-basis:49%; margin-left: 0;}
}
@media screen and (max-width: 568px) { 
	.video-lst li {width: 100%; flex-basis:100%;}
	.video-lst li span { min-height:150px;}
	.video-lst li strong {font-size: 1em;}
}

/* history */
.history-lst {width:100%; height:auto; overflow:hidden;}
.history-lst li {float:left; width:31.33%; min-height:410px; margin:0 1% 32px; border-bottom:1px solid #eee;}
.history-lst li a {display:block; width:100%; height:100%;}
.history-lst li span {display:block; width:100%; height:240px;}
.history-lst li .no-image {padding:88px 0; background-color:#f7f3f9; text-align:center;}
.history-lst li .no-image img {width:64px;}
.history-lst li .tt-box {width:100%; height:auto; margin-top:16px; line-height:1.2;}
.history-lst li .tt-box .fb20 {margin-bottom:8px;}
.history-lst li .tt-box p {font-size:16px;}





/* view layer */
.view-layer {position:fixed; top:50%; left:50%; z-index:2; transform:translate(-50%, -50%); overflow:hidden; overflow-y:auto; max-height:94%}
.view-layer::before { position:absolute; content:''; right:-10px; top:-10px; width:100px; height:100px; }
.bg-layer {width:100%; height:100%; position:fixed; top:0; left:0; background-color:rgba(0,0,0,.75); z-index:1; cursor:pointer;}
.bg-layer button {position:absolute; right:5%; top:5%; width:100px; height:100px; font-size:0; }
.bg-layer button i { font-size:60px; color:#fff; cursor:pointer;}

.view-close {text-align:right;margin-bottom:20px;position:absolute; right:50%; z-index:9;top:0;}
.view-close a {color:#fff; }
.view-close a:hover {color:#fff; }

.view-layer .filedown {position:absolute; left:1.3em; top:1.3em; }
.view-layer .filedown li {text-align:left; margin-bottom:5px; padding:10px; border:1px solid #424242;} 
.view-layer .filedown li:hover a {color:#ffd245 !important;}
.view-layer .filedown li i {}
.view-layer .filedown li span {}



/* poster comment reply modify */
.bo_vc_w { display:block; }
.bo_vc_w form { display:block; padding-top:1em; }
.bo_vc_w form textarea { float: left; width:80%; height: 100px; padding: 24px; border: 1px solid #d7d7d7; font: normal 16px 'Malgun Gothic'; letter-spacing: -1px;}
.bo_vc_w form button {float:right; width:18%; height:100px; font-weight:500; font-size:24px; background-color:var(--main-color1); color:#fff;}

/* btn_link */
.btn_link {text-align:center; margin:32px auto 0; width:250px;}
.btn_link a {display:block; padding:0 20px; height:56px; line-height:56px; background-color:var(--main-color1); color:#fff !important; margin:0 auto; text-decoration:none !important;}
.btn_link a:hover {background-color:#222;}




@media screen and (max-width: 900px) {
	.conference .confer_tt .thumb {float:none; width:100%;}
	.conference .confer_tt .tt_box {float:none; width:100%; padding-bottom:0;}
	.conference .confer_tt .tt_box h3 {font-size:2em;}
	.conference .tab_cont .msc_txt {display:block;}
	.conference .mo_scroll {width:100%; height:auto; overflow-y:auto;}
	.conference .mo_scroll table {table-layout:fixed; width:800px;}
}
@media screen and (max-width: 568px) {
	.conference .confer_tt .tt_box h3 {font-size:1.6em;}
	.conference .tabmenu {display:block;}
	.conference .tabmenu li {display:inline-block; width:49.44%;}
}




/*---------------------------------------
05. Location 
---------------------------------------*/
.map {width: 100% !important; height: 450px;}
.location_schedule {text-align: center; }
@media screen and (max-width: 568px) {
	.map { height: 300px; }
}

/*---------------------------------------
06. Search Results 
---------------------------------------*/
/* search Tab */
.search_tab .tab_wrap {position:relative; display:flex; flex-wrap:wrap;border-bottom: 1px solid #ddd;}
.search_tab .tab_wrap li {position:relative;}
.search_tab .tab_wrap li a {position: relative; color:#bbb; font-size: 1.125em;font-weight:600; display: block; width: 18rem;height: 7rem;}
.search_tab .tab_wrap li a span {position: absolute;top:50%; left:50%; transform:translate(-50%, -50%); width: 100%; text-align: center;}
.search_tab .tab_wrap li a::before {content:''; position: absolute; width:100%; height:.3rem; background-color:#eee;left:0; bottom:-1px;}
.search_tab .tab_wrap li a.active {color:var(--main-color1);}
.search_tab .tab_wrap li a.active::before {background-color:var(--main-color1);}
.search_tab .content_area {}
.search_tab .content_area .title {display:flex;justify-content: space-between; align-items: center;}
.search_tab .content_area .more_view {margin-top:30px;color:#fff; padding:20px 0;border-radius:10px; font-size: 18px;width: 100%; display:flex;background-color: var(--main-color2);justify-content: center;   align-items: center;;}



/*---------------------------------------
07. ETC
---------------------------------------*/