@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,300;1,400;1,500;1,700;1,900&display=swap');


* { -webkit-text-size-adjust: none;} /* ¾ÆÀÌÆù ÅؽºÆ® ÀÚµ¿È®´ë ¸·±â */
a { color: inherit; text-decoration: none; }
a:hover { text-decoration: none; }
a.link:hover { text-decoration: underline;	 }
.colorPink { color: #d41385 !important; }
body { min-width:320px; }
.pc { display: none !important;	 }
.mobile { display: block !important; }
.pc_table { display: none !important; }
.mobile_table { display: table !important; }
.small { font-size: 11.5px; }

/*
³ëÅä»ê½º 'Noto Sans KR - 3,4,5,7,9'
³ª´®½ºÄù¾î 'NanumSquare - 3,4,7,8'
Roboto - 1,3,4,5,7
font-family: 'Titillium Web', sans-serif;
font-family: 'Lato', sans-serif;
font-family: 'NanumSquare', sans-serif;
*/



/* top */
header { width: 100%; min-width:320px; background: none; position: relative; }
.top-Bg { width: 100%; background: #000;}
.topVisual { width: 100%; height: 80px !important;  position:relative; overflow:hidden; }
.top_wrap { width: 100%; height: 80px; position: absolute; left:0%; right: 0; top: 0; margin: auto; z-index: 999; box-sizing: border-box; padding: 0 2.5%;}
.top_wrap .logo { cursor: pointer; height: 80px; margin: 0; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; align-items: flex-start;  }
.top_wrap .logo .logo_left { float: left; }
.top_wrap .logo_left img { animation-name: rotatebox; animation-duration: 2s; animation-timing-function: linear; animation-iteration-count: infinite; }
.top_wrap .logo .logo_right { float: left; margin-left: 17px; color: #fff; font-size: 11.5px; line-height: 14px; font-weight: 500; letter-spacing: -0.5px;}
.top_wrap .logo .logo_right span { color: #959595; }
.top_wrap .logo .logo_right img { margin-top: 5px; height: 30px; }
.top {padding-bottom: 15px; position: relative;height: auto; }
.top_title { width: 600px; height: 80px; text-align: right;position: absolute; right: 30px; top: 0; color: #fff; font-size: 1.8vw; font-weight: 600; font-style: italic; letter-spacing: 0; margin-right: 0px; text-shadow: 0 0 3vw #fff; animation: neon 8s ease infinite; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: flex-end; align-items: center; }
.top_title span { display: inline-block; }

@media all and (max-width:600px) {  /**/
	.top_title { width: 400px; line-height: 140%; letter-spacing: 0.5px; right: 35px; }
	.mobile600 { display: block; }

	.top_wrap .logo .logo_left img { height: 45px; }
	.top_wrap .logo .logo_right { float: left; margin-left: 12px; color: #fff; font-size: 10px; line-height: 12px; font-weight: 500; letter-spacing: -0.5px;}
	.top_wrap .logo .logo_right span { color: #959595; }
	.top_wrap .logo .logo_right img { margin-top: 5px; height: 15px; }

}/**/


.topVisual li span { width: 100%; height: 100%;position: absolute;top: 0px;left: 0px;color: transparent; background-size: cover; background-repeat: none; opacity: 0; z-index: 0; -webkit-backface-visibility: hidden;}
.topVisual li:nth-child(1) span { background-image: url(/images/main/top_visu_01.png); animation: imageAnimationA 14s linear infinite; background-position: 50% 30%; }
.topVisual li:nth-child(2) span { background-image: url(/images/main/top_visu_02.png); -webkit-animation-delay: 6s; -moz-animation-delay: 6s; -o-animation-delay: 6s; -ms-animation-delay: 6s; animation-delay: 6s; animation: imageAnimationB 14s linear infinite; background-position: 20% 30%; }
.topVisual li:nth-child(3) span { background-image: url(/images/main/top_visu_03.png); -webkit-animation-delay: 8s; -moz-animation-delay: 8s; -o-animation-delay: 8s; -ms-animation-delay: 8s; animation-delay: 8s; animation: imageAnimationC 14s linear infinite; -webkit-animation-fill-mode:both; background-position: 50% 30%; }

.global { float: right; overflow: hidden; }
.global li { float: left; font-size: 14.5px; padding: 0 10px 0 9px; color: #fff; cursor: pointer; margin-left: 5px; background: url("/images/common/global_line.jpg") right center no-repeat;}
.global li:last-child { background: none; padding-right: 0; }
.global li:hover { color: #5270ff; }

/* gnb */
header {position:fixed;top:0;left:0;right:0;z-index:999999;min-height:50px; }
.all_menu {position:absolute;right:20px;top:16px;display:none;width:20px;height:18px;font-size:0;line-height:0;margin: 0; padding: 0; cursor: pointer; background: transparent; outline:none; border: 0; z-index: 999999;}
.all_menu .ico_cate, .all_menu .ico_cate:before, .all_menu .ico_cate:after {display:block;position:absolute;left:0;width:100%;height:2px;background:#fff;content:'';-webkit-transition: .25s ease-in;transition: .25s ease-in}
.all_menu .ico_cate {top:8px}
.all_menu .ico_cate:before {top:-8px}
.all_menu .ico_cate:after {top:8px}
.all_menu.close .ico_cate {background-color:transparent}
.all_menu.close .ico_cate:before {transform:rotate(135deg);top:0}
.all_menu.close .ico_cate:after {transform:rotate(45deg);top:0}

header .gnb_wrap {width:100%; min-width:320px; height: 80px;}
header .gnb_wrap h1 {position:absolute;top:0px;right: 0; bottom: 0; left:0;margin:auto;float:none; text-align: center;}
header h1 img { width: auto; height: 50px; }
header .all_menu {display:block}

header .gnb_m {display: none;position:fixed;right:-100%;width:100%;top:80px;bottom:0;height:auto;padding-bottom:65px;overflow-x:hidden;overflow-y:auto;z-index:102;background-color:#fff;-webkit-transition: .25s ease-in;transition: .25s ease-in;}
header .gnb_m.block,.gnb_m.block .gnb_fix {right:0}
header .gnb_m > ul { border-top: 1px solid #e1e1e1; height: 100%; overflow-y:auto; }
header .gnb_m > ul > li > ul {position:static}
header .gnb_m > ul > li {position:relative;float:none;width:auto}
header .gnb_m > ul > li > a:after {bottom:0}
header .gnb_m > ul > li > ul {height:auto;width:100%}
header .gnb_m > ul > li > span {position:relative;display:block;height:50px;padding-left:27px;line-height:50px;font-size:16px;color:#363636;text-align:left;}
header .gnb_m > ul > li:before {content:'';position:absolute;z-index:2;left:15px;top:23px;width:3px;height:3px;background-color:#dcddde;border-radius:50%}
header .gnb_m > ul > li > span:after {position:absolute;bottom:0;left:0;right:0;height:1px;background-color:#e1e1e1;content:''}
header .gnb_m > ul > li.on {background-color:#f1f2f2}
header .gnb_m > ul > li.on > span {color:#0b4191;font-weight: 600;background-color:#fff}
header .gnb_m > ul > li.on > span:before {transform:rotate(180deg)}
header .gnb_m > ul > li > span:before {content:'';position:absolute;right:20px;top:50%;margin-top:-4px;width:10px;height:7px;transition: .25s ease-in; background: url('/images/common/gnb_arr.svg') 0 0 no-repeat; }
header .gnb_m > ul > li.bgNone > span:before { background: none; }
header .gnb_m > ul > li > ul {padding:0;border-bottom:1px solid #e3e6e8;display: none;}
header .gnb_m > ul > li > ul > li:first-child {padding-top:0}
header .gnb_m > ul > li > ul > li {display: block;width: 100%;padding-left:27px;font-size:15px;text-align:left;line-height:50px; cursor: pointer; box-sizing: border-box;}
header .gnb_m > ul > li > ul > li.on , header .gnb_m > ul > li > ul > li:hover { text-decoration: underline;}
header .gnb_m > ul > li > ul > li ~ li {border-top:1px solid #e3e6e8}

.gnb_fix {position:fixed;z-index:3;right:-100%;bottom:0;width:100%;height:65px;padding-top:12px;text-align:center;border-top:1px solid #1e1a1b;background-color:#fff;-webkit-transition: .25s ease-in;transition: .25s ease-in}
.gnb_fix:after {content:'';display:table;clear:both}
.gnb_fix .global_m, .gnb_fix .select_history {position:static;display: block;width:calc(100% - 20px);margin:0 10px;vertical-align:middle}
.global_m ul { overflow: hidden; text-align: center;}
.global_m ul li {display: inline-block;}
.global_m ul li a { padding: 3px 12px;line-height: 22px; border: 1px solid #ccc; font-size: 12.5px; color: #898989; text-align: center; box-sizing: border-box; letter-spacing: 0px; font-weight: 400; display: block; margin-top: 5px; }
.global_m ul li + li { margin-left: 1px; }
.global_m ul li a:hover { background: #ccc; color: #fff; }

/*visual*/
.visual { width: 100%; height: 45vw; position:relative; overflow:hidden; margin-top: 80px;}
.visuBg { position: relative; }
.visual .swiper-container { position: relative; height: 45vw;}
.visual .swiper-slide { width: 100%; height: 45vw;}
.swiper-slide.visual_02, .swiper-slide.visual_03, .swiper-slide.visual_04, .swiper-slide.visual_05 { background: url("/images/main/visu_02.jpg") 35% center no-repeat; background-size: cover; text-align:center; color:#fff; }
.swiper-slide.visual_02 .visuTxt_wrap { background: url("/images/main/mSpeaker_01.png") 12% bottom no-repeat; background-size: 35%;}
.swiper-slide.visual_03 .visuTxt_wrap { background: url("/images/main/mSpeaker_02.png") 12% bottom no-repeat; background-size: 35%;}
.swiper-slide.visual_04 .visuTxt_wrap { background: url("/images/main/mSpeaker_03.png") 12% bottom no-repeat; background-size: 35%;}

.visuTxt_wrap { width: 95%; height: 100%; position: absolute; left: 0; right: 0; top: 0px; z-index: 99; display: flex; flex-direction:column; justify-content: center; align-items: flex-start; margin: 0 auto; text-align: left; }
.visuTxt_wrap01 { left: 0; width: 100%; align-items:center; margin-top: -2vw; }
.visuTxt_wrap02 { align-items:flex-start; }
.visuTxt_wrap_inner { left: 43%; width: 55%; position: absolute; }
.visuTxt { letter-spacing: -0.5px; font-weight: 600; }
.visuTxt_title01 { font-size: 3vw; font-weight: 900; color: #0b4191;  text-shadow:-0.2vw -0.2vw 0 #fff, 0.2vw -0.2vw 0 #fff, -0.2vw 0.2vw 0 #fff, 0.2vw 0.2vw 0 #fff; line-height: 130%; text-align: center;}

.visuTxt_turque { font-size: 2.7vw; margin-top: 1.5vw; padding: 0.5vw 2vw; background: #693eaa; font-style: italic;  }
.visuTxt_date { font-size: 2.7vw; }
.visuTxt_date:before { content:''; display: block; width: 5.5vw; height: 1px; background: #fff; margin: 3.2vw auto 2vw}
.visuTxt_venue { font-size: 2.7vw; }

.visuTxt_green { display: inline-block; font-style: italic; font-size: 2.5vw; font-weight: 700; text-underline-offset: 0.8vw; text-decoration: solid underline #65b777 2px; text-underline-position: under;}
.visuTxt_title { font-size: 2.5vw; color: #0b4191; line-height: 130%; margin-top: 2vw;}
.visuTxt_blue:before { content:''; display: block; width: 5.5vw; height: 1px; background: #fff; margin: 3.2vw 0 2vw; }
.visuTxt_blue { font-size: 2.1vw; color: #111; }
.visuTxt_affiliation { font-size: 2.0vw; color: #707070; font-weight: 500; letter-spacing: -0.5px;}

.visu_04_txt { font-size: 2.0vw; color: #693eaa; font-weight: 600; text-align: center; margin-top: 2vw; }
.visu_04_txt img { width: 2.0vw; }

.visual .swiper-pagination { width: 100%; bottom: 15px !important; left: 0; right: 0; margin: 0 auto; z-index: 999; }
.swiper-pagination-bullet {  width: 10px !important; height: 10px !important; background-color: transparent !important; border: 0; border-radius:2px !important; box-sizing: border-box; text-align: center; opacity: 1 !important; border: 2px solid #fff; }
.visual .swiper-pagination-bullet + .swiper-pagination-bullet { margin-left: 5px !important; }
.swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #fff799 !important; border: 0px !important; }

/* mSpon_wrap*/
.mSpon_wrap { width: 100%; border-top: 1px solid #ddd; margin-top: 0;}
.mSpon { width: 100%; max-width:calc(95% - 60px); margin: 0 auto; position: relative; }
.mSpon_list { height: 100px; overflow: hidden; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; align-content:center; }
.mSpon_list .swiper-slide { width: auto; display:flex; align-items:center; height: 100px; }
.mSpon_list .swiper-slide img { height: 45px; }
.mSpon .mSpon_prev { width: 16px; height: 56px; top: 30px; bottom: 0; left: -30px; margin: auto 0; background:  url('/images/main/mSpon_prev.jpg') center no-repeat; z-index: 100000;}
.mSpon .mSpon_next { width: 16px; height: 56px; top: 30px; bottom: 0; right: -30px; margin: auto 0; background: url('/images/main/mSpon_next.jpg') center no-repeat; z-index: 100000;}

.mSpon h4 { margin-bottom: 0; margin-top: 20px; text-align: left; font-size: 20px; }
.mSpon_02 .mSpon_prev { display: block; background-position: center 100%; top: 30px;}
.mSpon_02 .mSpon_next { display: block; background-position: center 100%; top: 30px;}
.mSpon_02 .swiper-slide { margin-right: 0; }


@media all and (max-width:800px) {  /**/
	.mSpon_list, .mSpon_list .swiper-slide { height: 80px; }
	.mSpon_list .swiper-slide img { height: 30px; }
}/**/

/* important_date */
.mContents_wrap { width: 100%; padding: 30px 0;}
.mContents_wrap01 {  background: url('/images/main/mWelcome_bg.jpg') 0 bottom no-repeat; }
.mContents { width: 95%; margin: 0 auto; }
.mContents_wrap h3 { font-size: 23px; color: #08296b; margin-bottom: 20px; font-weight: 900; text-align: center; }
.important_date_box { padding-top: 110px; margin: -80px auto 0;}
.important_date_box .swiper-wrapper { margin-top: 45px; padding-bottom: 20px;}
.important_date_wrap { margin-bottom: 20px;  }
.important_date_info { background: #fff; min-height:160px; height: auto !important; border: 1px solid #ffd21d; padding: 30px 25px 30px; margin: 30px 0 0; position: relative; box-sizing: border-box;}
.important_date { font-size: 18px; font-weight: 600; color: #f7941d; line-height: 120%; }
.important_date:after { content:''; width: 30px; height: 1px; background: #f7941d; display: block; margin: 18px 0; }
.important_txt { font-weight: 300; line-height: 130%; }
.important_date_wrap .swiper-button-prev { width: 10px; height: 19px; left: 0px; top: 23px; background: url('/images/main/date_prev.png') center no-repeat;  z-index: 9999 !important;}
.important_date_wrap .swiper-button-next { width: 10px; height: 19px; right: 0px; top: 23px; background: url('/images/main/date_next.png') center no-repeat; z-index: 9999 !important}

.more { text-align: center; margin-top: 50px; }
.more span { color: #fff; font-size: 13px; font-weight: 300; display: inline-block; }
.more span:after { content:''; width: 100%; border-bottom: 1px solid #fff; display: block; margin-top: 5px; }

/* mWelcome */
.mWelcome_txt { font-weight: 300; color: #111; padding: 30px 35px; border-radius: 30px; background: rgba(255,255,255,1); }
.mWelcome_txt_members { font-size: 16px; font-weight: 500; border-top: 1px solid #ddd; padding-top: 20px; margin-top: 60px; margin-bottom: 20px; color: #693eaa; }
.welcome_committee { font-size: 12px; font-weight: 500; color: #111;}
.welcome_committee_member { border: 0; width: 100%; }
.welcome_committee_member td { border: 0; padding-right: 30px; }

@media all and (max-width:900px) {  /**/
	.welcome_committee_member { display: none; }
	.welcome_committee_member_mobile { display:flex; flex-wrap:wrap;  }
	.welcome_committee_member_mobile li { width: 50%;  }
}/**/

@media all and (max-width:600px) {  /**/
	.welcome_committee_member_mobile li { width: 100%;  }
}/**/

.mWelcome_txt_roll { overflow: hidden; display: none; margin-top: 30px; }

.view_btn.btn_over { height: 40px; border: 3px solid #003663; cursor: pointer; z-index: 999;  border-radius: 30px; margin: auto; background: transparent; border-radius: 10px;}
.view_btn.btn_over a { font-weight: 600; color: #003663; background: url('/images/main/mMore_arr.png') 110px center no-repeat !important; transition:0.3s; padding: 0 80px 0 20px; box-sizing: border-box; display: block; height: 100%; line-height: 43px; background-size: 35px !important;}
.view_btn.btn_over:hover a { color: #fff; background: url('/images/main/mMore_arr_wh.png') 110px center no-repeat !important;background-size: 35px !important;}
.view_btn.btn_over:before, .mTitle .view_btn.btn_over:hover::before { background: #003663 !important; }


/* mCommittee */
.mCommittee { margin-top: 30px; }
.mCommittee_title { line-height: 28px; padding: 10px 15px 38px; color: #fff; font-size: 23px; font-weight: 800; text-shadow: 1px 1px 3px rgba(0,0,0,0.6); border-radius: 15px 15px 0 0; position: relative; background: #f7941d; background-size: cover;}
.mCommittee_title .more { cursor: pointer; z-index: 999; border-radius: 30px; float: none; position: absolute; bottom: 12.5px; right: 20px; margin-top: 0; border: 1px solid #fff; background: transparent;}
.mCommittee_title .more a { padding: 3px 20px 5px; transition:0.3s; text-shadow: none; color: #fff; }
.mCommittee_title .more:hover a { color: #693eaa; }
.mCommittee_title .more:before, .mCommittee_title .more:hover:before { background: #fff; }
.mCommittee_list { padding: 40px 30px 60px; overflow: hidden; /*border-radius: 0 0 20px 20px;*/}
.mCommittee_01 .mCommittee_list { background: #fde6fd; }
.mCommittee_02 .mCommittee_list { background: #fde6e8; }
.mCommittee_03 .mCommittee_list { background: #fdf7e6; }
.mCommittee_04 .mCommittee_list { background: #e6fdfd; }
.mCommittee_05 .mCommittee_list { background: #dcf6e8; }
.mCommittee_06 .mCommittee_list { background: #d4f8fb; }

.mCommittee_list h4 { font-size: 18px; color: #111; font-weight: 700; margin-bottom: 10px; font-style: italic; padding-left: 13px; background: url('/images/main/mCommittee_title_bar.png') left 9px no-repeat; background-size: auto 12px; }
.mCommittee_list_left { width: 380px; float: left;}
.mCommittee_name { font-weight: 500; color: #363636; }
.mCommittee_name span { color: #0b4191; clear: both; }
.gou_name { float: left; }
.gou_name_div { width: calc(100% - 90px);  display: inline-block; margin-left: 4px; font-weight: 500;  color: #363636; }
.mCommittee_list_right { width: calc(100% - 400px); float: right;}
.mCommittee_list_right li + li { margin-top: 15px; }
.mCommittee_list_right li > div > span{font-weight:500;}

.btns { position: absolute; right: 120px; top: 39px; z-index: 9999; }
.btns img { margin-right: 10px; cursor: pointer;}
.mCommittee .swiper-pagination { width: 120px !important; bottom: auto !important; top: 45px; left: auto !important; right: 180px; z-index: 999; }
.mCommittee .swiper-pagination-bullet { width: 12px !important; height: 12px !important;  border-radius:10px ; background-color: transparent !important; box-sizing: border-box; text-align: center; opacity: 1 !important; border: 3px solid #fff !important; }
.mCommittee .swiper-pagination-bullet + .swiper-pagination-bullet { margin-left: 10px; }
.mCommittee .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #fff !important; border: 0px !important; }

@media all and (max-width:800px) {  /**/
	.mCommittee_list_left { width: 100%; float: left;}
	.mCommittee_list_right { width: 100%; float: right; margin-top: 20px;}
}/**/

@media all and (max-width:400px) {  /**/
	.mCommittee_title { height: 94px; }
	.mCommittee .swiper-pagination { width: 120px !important; bottom: auto !important; top: 70px; left: auto !important; right: 165px; z-index: 999; }
	.btns { position: absolute; right: 110px; top: 63px; z-index: 9999; }
}

/* mNotice */
.mNotice { margin-top: 30px; }
.mNotice_list { margin-top: 0; overflow: hidden;}
.mNotice_list li {  border-bottom: 1px solid #d5d5d5; padding-left:10px; overflow: hidden; padding-left: 15px; padding-bottom: 15px; box-sizing: border-box; position: relative; }
.mNotice_list li:before { width: 15px; height: 6px; content:''; display: block; background: url('/images/main/mNotice_ico.png') 0 0 no-repeat; position: absolute; left: 0; top: 10px; }
.mNotice_list li + li { margin-top: 25px; }
.mNotice_list .mNotice_txt { width: calc(100% - 90px); color: #fff; display: block; position: relative; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; }
.mNotice_list .mNotice_txt span { position: relative; }
.mNotice_list .mNotice_txt span:after { content:''; width: 0; height: 1px; background: #ffd21d; position: absolute; left: 0; bottom: 0; transition: all 0.3s ease-out; display: block;  }
.mNotice_list .mNotice_txt:hover span:after { width: 100%; }
.mNotice_list .mNotice_txt:hover { color: #ffd21d; }
.mNotice_date { font-weight: 300; color: #fff; text-align: right; }

/* quick_wrap */
.mQuick_wrap { margin-top: 0; }
.mQuick { width: 100%; display: flex; flex-wrap: wrap; align-items: flex-start; gap: 20px; padding-left: 1px; padding-top: 1px;}
.mQuick li { transition: all 0.4s ease-out; text-align: center; margin-left: -1px; margin-top: -1px; }
.mQuick li:hover .mQuick_title { color: #ffd21d; }
.mQuick li a { padding-top: 25px; display: flex; justify-content: flex-start; align-items: center; flex-direction:column; }
.mQuick li .mQuick_title { line-height: 120%; font-weight: 300; transition:0.3s; }
.mQuick li img { width: 75px; margin-bottom: 10px; transition:0.3s; }
.mQuick li:hover { color: #0050a2; }
.mQuick li:hover img { transform:scale(1.11) }

@media all and (max-width:650px) {  /**/
	.mQuick li { width: calc(32% - 15px); }
}

/* mVenue_wrap */
.mVenue_wrap {width: 95%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }
.mVenue_wrap li { width: 100%; }
.mVenue_img { position: relative; overflow: hidden; width: 100%; color: #ffffff; background-color: #000000; -webkit-transform: translateZ(0); transform: translateZ(0); }
.mVenue_img *, .mVenue_img *:before, .mVenue_img *:after { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.mVenue_img > img { width: 100%; backface-visibility: hidden; vertical-align: top; }
.mVenue_img figcaption { width: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
.mVenue_img figcaption:before, .mVenue_img figcaption:after, .mVenue_img figcaption div:before, .mVenue_img figcaption div:after { opacity: 0; -webkit-transform: scale(0.05); transform: scale(0.05); }
.mVenue_img figcaption:before, .mVenue_img figcaption:after { height: 50%; width: 50%; position: absolute; content: ''; background-color: #080808; }
.mVenue_img figcaption:before { top: 0; left: 0; }
.mVenue_img figcaption:after { bottom: 0; right: 0; }
.mVenue_img figcaption div:before, .mVenue_img figcaption div:after { width: 50%; height: 50%; position: absolute; content: ''; background-color: #000000; }
.mVenue_img figcaption div:before { top: 0; right: 0; }
.mVenue_img figcaption div:after { bottom: 0; left: 0; }
.mVenue_img .mVenue_ico { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; opacity: 0; }
.mVenue_img:hover > img { zoom: 1; filter: alpha(opacity=50); -webkit-opacity: 0.5; opacity: 0.5; }
.mVenue_img:hover .mVenue_ico { opacity: 0.7; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; }

.mVenue_img:hover figcaption:before, .mVenue_img:hover figcaption:after, .mVenue_img:hover figcaption div:before, .mVenue_img:hover figcaption div:after { -webkit-transform: scale(1); transform: scale(1); opacity: 0.8; }
.mVenue_img:hover figcaption:before { -webkit-transition-delay: 0; transition-delay: 0; }
.mVenue_img:hover figcaption:after { -webkit-transition-delay: 0.3s; transition-delay: 0.3s;}
.mVenue_img:hover figcaption div:before { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; }
.mVenue_img:hover figcaption div:after { -webkit-transition-delay: 0.2s; transition-delay: 0.2s;}

.mVenue_title { width: 100%; padding: 15px 20px; font-size: 14px; box-sizing: border-box;background: #0b4191; }
.mVenue_title span { display: inline-block; font-size: 17px; font-weight: 600; border-bottom: 1px solid #fff; padding-bottom: 1px; margin-bottom: 3px; }
.mVenue_title img { cursor: pointer; }
.mVenue_title img:hover { opacity: 0.8; }

.font_brush { font-family: 'Nanum Brush Script', cursive; font-size: 31px !important; margin-bottom: 20px !important; margin-top: 30px !important; }
.mVideo { width: 100%; text-align: center; box-sizing: border-box; position: relative; height: auto; /*padding-bottom: 62%;*/ clear: both; }
/*.mVideo iframe { position: absolute; width: 100%; height: calc(100% + 5px); left: 0; top: 0; margin-top: 90px;}*/

/* Footer */
footer { width: 100%; background: #363636; }
.footer_wrap { width: 95%; margin: 0 auto; position: relative; overflow: hidden; color: #fff; font-size: 11.5px; display: flex; justify-content: space-between; align-items: center; padding: 20px 0; }
.footer_txt_left { float: left; margin-right: 30px; line-height: 16px; padding-top: 8px;}
.footer_txt_right { float: left; color: #ffffff; font-size: 11.5px; line-height: 18px;}
.footer_txt_right a { color: #ffffff; font-size: 11.5px; line-height: 18px;}
.footer_wrap .footer_txt { color: #888888; font-size: 11.5px; }
.footer_copyright { border-top: 1px solid #5e5e5e; }
.footer_copyright p { max-width: 1200px; margin: 0 auto; font-size: 11.5px; font-weight: 300; color: #ffffff; padding: 10px 0 12px; text-align: right; }

@media all and (max-width:950px) {  /**/
	.footer_wrap { display: block; text-align: center;}
	.footer_txt_left { float: none; margin-right: 0px; line-height: 15px; padding-top: 0px; }
	.footer_txt_left img { height: 50px; margin-bottom: 15px; }
	.footer_txt_right { float: none; font-size: 11.5px; line-height: 15px;}
	.footer_logo img { height: 40px; margin-top: 10px;  }
	.footer_wrap .footer_txt { display: block; }
	.footer_copyright p { text-align: center; }
}/**/



/**** sVisual ****/
.sVisual { width:100%; height: 30vw; position: relative; margin-top: 80px; }
.sVisual01 { background: url('/images/sub/sVisu_01.jpg') 0 0 no-repeat; background-size:cover;  }
.sVisual02 { background: url('/images/sub/sVisu_02.jpg') 0 0 no-repeat; background-size:cover;  }
.sVisual03 { background: url('/images/sub/sVisu_03.jpg') 0 0 no-repeat; background-size:cover;  }
.sVisual04 { background: url('/images/sub/sVisu_04.jpg') 0 0 no-repeat; background-size:cover;  }
.sVisual05 { background: url('/images/sub/sVisu_05.jpg') 0 0 no-repeat; background-size:cover;  }
.sVisual06 { background: url('/images/sub/sVisu_01.jpg') 0 0 no-repeat; background-size:cover;  }
.sVisual07 { background: url('/images/sub/sVisu_02.jpg') 0 0 no-repeat; background-size:cover;  }
.sVisuTxt_wrap { width: 95%; padding: 3vw 0; height: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: space-between; align-items: flex-start; box-sizing: border-box; }
.sVisu_top { font-size: 2.8vw; font-weight: 900; color: #003050;  text-shadow:-0.2vw -0.2vw 0 #fff, 0.2vw -0.2vw 0 #fff, -0.2vw 0.2vw 0 #fff, 0.2vw 0.2vw 0 #fff; line-height: 130%; text-align: center;}
.sVisu_bottom { width: 100%; font-size: 2.7vw; font-weight: 700; color: #fff; text-align: right; letter-spacing: -0.5px;}

/* sContainer */
.sContainer { width: 100%; margin: 0px auto; overflow: hidden; }
.lnb_box {width:100%; width: 240px; float: left; margin-top: 45px; display: none;}
.m_area_subnav { width:100%; height:35px; line-height:35px; color: #fff; background: #08296b; box-sizing: border-box; position: relative; }
.m_area_subnav .sub_arr { position: absolute; right: 2.5%; top: 14.5px; transform:rotate(180deg); cursor: pointer; transition:0.3s; }
.m_area_subnav .sub_arr.rotate { transform:rotate(0deg);  }
.m_area_subnav .m_sub_nav_title { font-size: 14px; display: block; padding-left: 2.5%; cursor: pointer; }
.m_area_subnav .m_sub_nav { width:100%; padding:0; margin:auto; border-bottom: 1px solid #ddd; background: #fff; box-shadow: 0 2px 15px rgba(0,0,0,0.2); padding: 10px 2.5%; display: none; position: absolute; left: 0; top: 35px;	 z-index: 9999; }
.m_area_subnav .m_sub_nav:after { clear:both; display:block; content:"";}
.m_area_subnav .m_sub_nav li { width:100%; height:100%;	margin:0; font-size:14px; padding: 5px 0; color:#111; display:block; cursor: pointer; }
.m_area_subnav .m_sub_nav li:hover { color: #08296b; }


/* sub contents */
.right { width: 95%; min-height:400px; float: none !important; margin: 0 auto 50px; }
.title { margin: 0 auto; text-align:center; display:block; padding: 0 0 20px; border-bottom: 1px solid #e4e4e4; margin-bottom: 30px; }
.title h2 { margin-top: 25px; font-size:32px; color:#111; font-weight:500; letter-spacing:-0.5px; line-height:100%; display:block; text-align:left;}
.title .location { text-align: right; margin-top: 5px; display: none;}


.sContents { margin: 0 auto; min-height:300px; box-sizing: border-box; position: relative; word-break:keep-all;}
.sContents h4 { font-size: 20px; margin:30px 0 15px; line-height: 130%; font-weight: 700; color: #111; overflow: hidden; padding-left: 25px;  background: url('/images/sub/conTitle.jpg') left 4px no-repeat; background-size: 17px;}
.sContents h4:nth-child(1) { margin-top: 0; }
.sContents h5 { font-size: 16px; font-weight: 700; color:#693eaa; margin: 20px 0 10px; text-decoration: underline;	}
.sContents h6 { font-size: 13px; font-weight: 700; color:#111; margin: 25px 0 10px; }
.sContents h4 + h5 { margin-top: 0; }
.boardTable + .txtBox { margin-top: 10px; }
.txtBox { overflow: hidden; }
.imgBox img { max-width:100%; }

.boardTable + .boardTable { margin-top: 20px; }
.boardTable + .table-scroll { margin-top: 20px; }
.txtBox + .imgBox { margin-top: 15px; }
.imgBox + .boardTable { margin-top: 20px; }
.sContents h4 + h5 { margin-top: 0; }
.boardTable + .txtBox { margin-top: 10px; }
.txtBox { overflow: hidden; }

.lineBox { border: 1px solid #5270ff; border-radius: 15px; padding: 20px; text-align: left; margin-top: 15px;}
.lineBox span { font-size: 21px; font-weight: 600; color: #a3c504; display: block; text-align: center; margin-bottom: 15px;}

.sContents h4 .more { cursor: pointer; z-index: 999; border-radius: 30px; border: 2px solid #898989; float: right; background: #898989;}
.sContents h4 .more a { text-shadow: none; color: #fff; font-weight: 500; position: relative; padding: 2px 19px 4px 19px; }


.sub_tab { margin: 0 auto 15px; text-align: center; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center; align-items: center;}
.sub_tab li + li { margin-left: 10px; font-weight: 400;}
.sub_tab li { position: relative; margin-bottom: 20px; }
.sub_tab li a { width: 140px; height: 60px; background: #eaeaea; text-align: center; border-radius: 10px; transition:0.3s; font-size: 11.5px; line-height: 100%; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; align-items: center; }
.sub_tab li a span { display: block; font-size: 15px; font-weight: 600; line-height: 100%; margin-bottom: 5px; }
.sub_tab li.on a, .sub_tab li:hover a { background: url('/images/sub/sub_tab_bg.jpg') center no-repeat; background-size: cover; color: #fff; }
.sub_tab li:after { content:''; bottom: -20px; transition:0.3s; }
.sub_tab li.on:after, .sub_tab li:hover:after { content:''; width: 10px; height: 10px; border-radius: 10px; background: #08296b; display: block; position: absolute; left: 0; right: 0; bottom: -13px; margin: 0 auto; }


/* Greeting */
.greeting_wrap { background:  url('/images/sub/greeting_bg.jpg') 80px 80px no-repeat; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; align-items: flex-start; text-align: justify; background-size: 200px; }
.greeting_left { width: 150px; }
.greeting_left img { width: 150px; }
.greeting_right { width: calc(100% - 200px); }
.greeting_right span { display: block; color: #08296b; font-size: 18px; font-weight: 600; margin-bottom: 20px;}

.president_txt { margin-top: 20px; letter-spacing: -1px; }
.president_txt span { font-size: 17px; font-weight: 500; color: #111; display: block; margin-bottom: 15px;}

@media all and (max-width:600px) {  /**/
	.greeting_wrap { display: block; background:  url('/images/sub/greeting_bg.jpg') 100% 100px no-repeat; background-size: 200px; }
	.greeting_left { width: 100%; text-align: center; }
	.greeting_right { width: 100%; margin-top: 30px;}
}/**/


/* Committee */
.committee { border-top: 1px solid #ddd; }
.committee > li{ padding:20px 0; border-bottom: 1px solid #ddd;}
.committee > li > strong{width:170px;font-weight:400;color:#111;display:inline-block;padding: 0 15px 0 20px; background:url('/images/sub/committeeLine.jpg') no-repeat right 3px; vertical-align:top; word-break:keep-all; text-align: left; box-sizing: border-box;}
.committee > li > div {display:inline-block; width: calc(100% - 170px); padding-left: 20px; box-sizing: border-box;}
.committee > li > div > span{ color: #08296b; }

.committee.icgsk > li > strong { width: 200px; }
.committee.icgsk > li > div { width: calc(100% - 205px); }

.committee_wrap { display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: space-between; align-items: stretch; }
.committee_left { width: calc(100% - 100px); }
.committee_right { width: 100px; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: center; align-items: center; border-left: 1px solid #ddd;}

@media all and (max-width:500px) {  /**/
	.committee > li > strong { background:url('/images/sub/committeeLine02.jpg') no-repeat 20px bottom; padding-bottom: 5px; margin-bottom: 5px; }
	.committee > li > div {width: 100%; padding-left: 20px; }
	.committee.icgsk > li > strong { width: 100%; }
	.committee.icgsk > li > div { width: 100%; }
}/**/

/* welcome */
.welcome { background-image:url('/images/sub/welcome_line01.png'), url('/images/sub/welcome_line02.png'); background-size:100% auto; background-position:0px 0 ,0 bottom; background-repeat:no-repeat; padding: 50px 50px 50px 50px; overflow: hidden; box-sizing: border-box; text-align: justify;}

/* Program */
.Legend_live { color: #111; position: relative; padding-left: 15px; margin-right: 15px; margin-bottom: 15px; display: inline-block;}
.Legend_live:before { background: #e6eefd; content:''; display: inline-block; width: 10px; height: 10px; position: absolute; left: 0; top: 7px; }
.Legend_record { color: #111; position: relative; padding-left: 15px; }
.Legend_record:before { background: #fde6e8; content:''; display: inline-block; width: 10px; height: 10px; position: absolute; left: 0; top: 7px; }
.pro_record { background: #fde6e8; color: #111;}
.pro_live { background: #e6eefd; color: #111;}

.pro_bg td { color: #111; font-weight: 400; position: relative; padding-left: 28px;}
.room_green { color: #fff; font-weight: 400; padding: 3px 20px; margin-left: 20px; margin-top: -1.5px; display: inline-block;}
.pro_bg td:before { content:''; display: block; position: absolute; left: 16px; top: 17px; width: 3px; height: 3px; background: #7c7c7c; }
.pro_bg.pro_Plenary { background: #fde6fd; }
.pro_bg.pro_leader { background: #e6fdfd; }
.pro_bg.pro_special { background: #fde6e8; }
.pro_bg.pro_symposia { background: #fdf7e6; }
.pro_img { float: left; width: 105px; height: 140px; margin-right: 25px;}
.pro_txt { float: left; width: calc(100% - 130px);}
.pro_title { color: #111; font-weight: 400; }
.pro_name { color: #28a7d7; margin-top: 10px;}
.table-scroll table.boardTable { width: 100%; table-layout:fixed; min-width:600px; margin-bottom: 10px;}
.table-scroll table td { word-break:break-all; }

@media all and (max-width:600px) {  /**/
	.table-scroll { overflow-x: auto; }
	.speaker_table colgroup col:nth-child(1) { width: 80px !important; }
	.pro_img { width: 100%; text-align: center; margin-bottom: 20px;}
	.pro_txt { width: 100%; }
}

/* social */
.social { display: flex; flex-wrap: wrap; flex-direction: row; justify-content:space-between; align-items: stretch;  }
.social_left { width: 55%; }
.social_left img { width: 100%; }
.social_right { width: 40%; }
.social_info li { display: flex; flex-wrap: nowrap; flex-direction: row; justify-content:flex-start; align-items: flex-start; margin-top: 20px; }
.social_info li img { width: 18px; margin-right: 15px; }

@media all and (max-width:600px) {  /**/
	.social_left { width: 100%; }
	.social_right { width: 100%; margin-top: 15px; }
}

/* Registration */
.color_link { color: #0b4191 !important; text-decoration: underline !important; display: inline-block;}
.btn_wrap { margin-top: 10px; }
.boardTable.colorTable tr td:nth-child(1) { background: #fde6e8; color: #111; font-weight: 400; text-align: center;}
.boardTable.colorTable caption { display: block; text-align: left; margin-bottom: 10px; }

/* venue */
.bexco_h4 { background-position: 0 11px !important; }
.venue_info { line-height: 160%; border: 1px solid #dedede; border-top: 0; padding: 20px 35px; text-align: center; margin: 0 0; box-sizing: border-box;}
.venue_info span { margin-right: 25px; }
.venue_iframe { width: 100%; height: 350px; border: 0; }

.venue_busan { display: flex; flex-wrap: wrap; flex-direction: row; justify-content:space-between; align-items: stretch; margin-top: 30px; }
.venue_busan li { width: 49%; margin-bottom: 20px; border-bottom: 3px solid #0b4191; }
.venue_busan li img { width: 100%; }
.venue_busan_txt { text-align: center; padding: 7px 0; }

.venue_busan02 { margin-top: 0; margin-bottom: 0;}
.venue_busan02 li { width: 32%; margin-bottom: 25px;}

.busan_imgBox img { width: 49%;  }
.busan_imgBox img + img { margin-left: 2%; }

@media all and (max-width:600px) {  /**/
	.venue_busan02 li { width: 48%; }
}/**/


@media screen and (max-width:800px) {
	.General_info .tableForm td, .General_info .tableForm th { display: block; }
	.billTable { width: 100%; }
	.billTable col { width: 100% !important; }
	.billTable tr { width: 100%; display: block; }
	.billTable tr th { width: 100%; display: block; box-sizing: border-box;}
	.billTable tr td { width: calc(50% + 0.5px); height: 140px; vertical-align: middle; margin-top: -1px; float: left; display: flex; flex-wrap:wrap; flex-direction:column; justify-content:center; align-items:center; box-sizing: border-box;}
	.billTable tr td:nth-child(2n) { margin-left: -1px; }
	.billTable tr td img { max-width:90%; margin-bottom: 5px; }
	.billTable tr td p { width: 100%; }
}


/* spon_info */
.spon_info02 { overflow: hidden; }
.spon_info02 li{padding:10px 0 0px 0px; width: 50%; overflow: hidden; box-sizing: border-box;}
.spon_info02 li > .spon_tit{width:100px;font-weight:500; display:inline-block; padding:5px 0; margin:0 15px 0 0; vertical-align:top; color: #111; text-align: center; border-radius: 7px; }
.spon_info02 li > .spon_txt {width: calc(100% - 125px); display:inline-block; padding-top: 5px; box-sizing: border-box; }
.spon_info02.w100 li { width: 100%; }

.spon_info02 .spon_tit_green { background: #daede5;  }
.spon_info02 .spon_tit_blue { background: #e6eefd;  }
.spon_info02 .spon_tit_purple { background: #fde6e8;  }

.sponTable ul { padding-left: 5px !important; }

@media screen and (max-width:800px) {
	.spon_info02 li { width: 100%; }
}

/* sponsor */
.sponsor { display: flex; flex-wrap: wrap; flex-direction: row; justify-content:flex-start; }
.sponsor + .sponsor { margin-top: 20px; }
.sponsor li { text-align:center; width:32%; margin-right: 2%; margin-bottom: 10px; border:1px solid #d4d4d4; box-sizing: border-box; transition:0.3s;  }
.sponsor li:nth-child(3n) { margin-right: 0%; }
.sponsor li img { max-width:100%; }


/* Btn */
.btn_over:before { display: block; content:''; width: 120%; height: 100%; position: absolute; left: 0; top: 0; background: #fff; transform: translateX(-101%) skewX(-17.620001deg); transform-origin: right top; transition: transform .55s cubic-bezier(.52, .08, .18, 1), -webkit-transform .55s cubic-bezier(.52, .08, .18, 1); }
.btn_over { display: inline-block; border: 2px solid #898989; background: #898989; cursor: pointer; position: relative; overflow: hidden; transition: color .55s; text-align: center; border-radius: 30px; }
.btn_over:hover a { color: #898989; }
.btn_over:hover::before { background: #fff; -webkit-transform:translateX(0) skewX(-17.62deg); -ms-transform:translateX(0px) skewX(-17.620001deg); transform: translateX(0px) skewX(-17.620001deg); -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; }
.btn_over a { display: block; position: relative; z-index: 100; color: #fff; transition: color .55s; padding: 8px 25px 8px 25px; font-weight: 500; }

.btn_zoom { background: #007aff; border-color: #007aff; border-radius: 20px; }
.btn_zoom a { font-size: 11.5px;  padding: 0 10px;}
.btn_zoom:hover a { color: #007aff; }

.btn_recorded { background: #d41385; border-color: #d41385; border-radius: 20px; }
.btn_recorded a { font-size: 11.5px;  padding: 0 10px;}
.btn_recorded:hover a { color: #d41385; }



/* popup */
.popup_wrap {width:100%; min-width:320px; height:100%; background: url('/images/main/popBg.png'); position:fixed; top:0; left:0; z-index:999999; }
.popup {width:95%; height:90%; top: 0; background:#fff; overflow:auto; position: relative;}
.popTitle { width: 95%; min-width:256px; height:40px; background: #fff url(/images/sub/sub_icon.jpg) 12px 12px no-repeat; padding-left:10px; box-sizing: border-box; position: fixed; border-bottom: 1px solid #cdcdcd; font-size: 15px; z-index: 99; }
.popTitle div { width: calc( 100% - 55px );line-height:40px; color: #252525; font-weight:500; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.popTitle p.close_bt { position:absolute; top:5px; right:10px; z-index:999999;}
.popTitle p.close_bt img { width: 30px;  }
.popVideo { width: 100%; height: 51.5vw; margin-top: 40px; }
.popup_load { padding-bottom: 30px; }
.popup_load.popPhoto_load { padding-bottom: 0; }
.popVideo.popPhoto { text-align: center; overflow: auto; }
.hidden {height:100%; min-height:100%; overflow:hidden !important; touch-action:none;}

.scrollOff { position:fixed;overflow:hidden;height:100%; }

@media all and (max-width:500px){
 .popup.popup_photo { height: auto; }
}

.sche_btn { margin-bottom: 20px; }
.sche_btn .more { border: 2px solid #ffb410; cursor: pointer; z-index: 999;  border-radius: 30px; background: #ffb410; }
.sche_btn .more a { padding: 10px 30px; font-size: 17px; }
.sche_btn .more:hover a { color: #ffb410; }
.sche_btn .btn_over::before { background: #fff !important; }




/* popup_video */
.popTitle { border-bottom: 0; }
.popup_load { width: 100%; padding: 0 0 15px 0; margin: 0 auto;overflow: hidden; box-sizing: border-box; }
.popVideo_left .popVideo { width: 100%; height: 51vw; }
.popVideo_left .popVideo > img { width: auto; height: 100%; }
.popVideo_left { width: 100%; height: auto; float: left; }
.popVideo_left iframe { width: 100%; height: 51vw; }
.popVideo_left .Rd_down { width: 95%; margin: 0 auto; text-align: center; }
.popVideo_left .Rd_down a{ width: 280px; height: auto; line-height: 115%; background: #464646; border: 2px solid #464646; color: #fff; text-align: center; margin: 15px auto; border-radius: 3px; cursor: pointer; padding: 7px 10px; font-size: 12.5px; }
.popVideo_left .Rd_down a.Rd_down_link { width: auto; padding: 7px 5px 7px 20px;}
.popVideo_left .Rd_down a.Rd_down_link.mobile_mb { margin-bottom: 5px; }
.popVideo_left .Rd_down a.Rd_down_link + a.Rd_down_link { margin-top: 0; }
.popVideo_left .Rd_down a:hover { color: #464646; background: #fff; }
.popVideo_left .Rd_down img { margin-right: 15px; margin-top: -3px; height: 14px; }
.w630.mobile { display: none; }

.popComment_wrap { padding: 0; }
.popComment_wrap { width: 95%; padding:0px; margin: 0 auto; box-sizing: border-box; }
.write_upload_btn_box { width: 100%; height: auto; text-align: right; overflow: hidden; background: #15427b; border-radius: 5px 5px 0 0; color: #fff; padding: 0 10px; }
.write_upload_btn_box > div { float: left; line-height: 35px; }
.write_upload_btn_txt01 { float: left; color:#fff; font-size: 15px; letter-spacing: -1px; overflow: hidden; }
.write_upload_btn_txt01 img { margin: 0 11px 0 13px; }
.write_upload_btn_txt02 { float: left; color: #a1a1a1; font-size: 10.5px; }
.write_upload_btn_txt02 a.login_bt { color: #000; font-size: 12px; font-weight: 700; }
.write_upload_btn_txt02 a.enter_bt { color: #fff; font-weight: 500; }

.write_upload_btn_box a.write_upload_btn { line-height: 35px; font-size: 13px; color:#fff; float: right; padding: 0; border-radius: 4px; margin-left: 10px; }
.write_upload_btn_box a.write_upload_btn > img { width: 10px; margin-top: -2px; }
.cbox_write_textarea { height: auto; line-height: 140%; font-size: 13px; padding: 20px 15px; box-sizing: border-box; border: none; overflow: auto; margin-bottom: 5px; color: #666; resize:none; letter-spacing: -0.5px; border: 1px solid #ddd; border-radius: 0 0 5px 5px; }
.cbox_write_textarea::placeholder { color: #aaa; }

@media all and (max-width:820px){ /**/
 .popVideo_left .Rd_down a { width: auto; }
 .popVideo_left .Rd_down a.Rd_down_link { width: 100%; padding: 7px;}
 .popVideo_left .Rd_down img {  margin-right: 0; margin-top: -2px; }
 .write_upload_btn_txt02 > img { margin: 0 5px 0 0; }
} /**/
@media all and (max-width:400px){ /**/
 .w630.mobile { display: block; }
} /**/

.popVideo_right { width: 95%; height: 100%; float: none; margin: 0 auto; clear: both; }
.popVideo_right .refresh_btn { width: 100%; height: 33px; line-height: 29px; color: #fff; font-size: 13px; background: #666; border-radius: 5px; text-align: center; cursor: pointer; box-sizing: border-box; border: 2px solid #666;}
.popVideo_right .refresh_btn:hover { color: #666; background: #fff; }

.popComment_box { width: 100%; height: 600px; margin-top: 5px; clear: both; background: #cfd7e2; padding: 20px 18px; box-sizing: border-box; }
.popComment_box ul { height: calc( 100% - 80px); overflow: auto; }
.popComment_box ul li { width: 95%; margin-bottom: 18px; }
.popComment_box .comment_id { color: #88898c; font-size: 11px; margin-bottom: 5px; }
.popComment_box .comment_id span { color: #333; font-weight: 500; margin-right: 10px; }
.popComment_box .comment_txt { display: inline-block; color: #333; background: #fff; border-radius: 5px; clear: both; padding: 8px; line-height: 130%; font-size: 13px; word-break:break-all;}

.commnet_paging { width: 100%; overflow: hidden; margin-top: 10px; }
.commnet_paging a, .video_new .commnet_paging a.paging_arr.on { width: 7.14%; height: 4.8vw; float: left; background: #fff; color: #333; border: 1px solid #ddd; box-sizing: border-box; font-size: 10px; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; align-items: center; line-height: 100%; }
.commnet_paging a:hover { color: #fff; background: #444; border: 1px solid #444; }

@media all and (max-width:500px){
 .commnet_paging a, .video_new .commnet_paging a.paging_arr.on { width: 14.28%; height: 6.7vw; }
}

/* popup_login */
.popup_login .popup { width: 70%; height: 100%; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; align-items: center; position: static; background: transparent; }
.popup_login .popup .popup_load { width: 100%; padding: 0; }
.popup_login .popup .popup_load .checkPoint { text-align: left; background-position: 0px 2px !important; }
.popup_login .popup .popup_load .loginWrap { width: 100%; }

.login_close_bt { height:auto !important; background: #f6f6f6; text-align: right !important; cursor: pointer; padding: 10px; margin-bottom: 0 !important;}
.login_close_bt img { width: 30px; }


@media all and (max-width:800px){/**/
 .popup_login .popup div.loginBox { width: 80% ; }
 .popup_login .popup .popup_load .loginWrap .mt25 { width: 80% !important; }
}/**/

.ui-widget-content.ui-draggable.main-popup { width: 90% !important; box-sizing: border-box; top: 65px !important; left: 5% !important; }
.ui-widget-content.ui-draggable.main-popup img { width: 100% !important; box-sizing: border-box; }
.ui-widget-content.ui-draggable.main-popup > div { width: 100% !important; }
.ui-widget-content.ui-draggable.main-popup .main-popup-contents {  }
.ui-widget-content.ui-draggable.main-popup .main-popup-contents iframe { width: 100%; height: 48.45vw; }
.ui-widget-content.ui-draggable.main-popup .donot_ment { padding: 10px 0 0 !important; }

.only_video .popVideo { position: relative; width: calc(100% - 10px); padding-bottom: 56.25%; margin: auto; margin-top: 40px;}
.only_video .popVideo iframe { position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.only_video .popup {width:95%; height:calc(53vw + 40px); background:#fff; overflow:hidden; position: relative;}
.only_video iframe { position: absolute; width: 100%; height: 100%; left: 0; top: 0;}

/* pdfViwer */
#outerContainer { width: 100%; float: none; margin-bottom: 20px;}
.post_comment.popVideo_right { width: 100%; margin-top: 0px; }

@media all and (max-width:580px){
 #outerContainer  { height: 118vw; }
}

#mainContainer > #viewerContainer > #viewer.pdfViewer .page { height: auto !important; }
#mainContainer > #viewerContainer > #viewer.pdfViewer .page .canvasWrapper { width: 100% !important; height: auto !important; }
#mainContainer > #viewerContainer > #viewer.pdfViewer .page .canvasWrapper canvas { width: 100% !important; }
#mainContainer > #viewerContainer > #viewer.pdfViewer .page .textLayer { height: auto !important; }


.post_comment.popVideo_right .comment_write { overflow: hidden;}
.post_comment.popVideo_right .cbox_write_textarea { height: 140px; margin-bottom: 10px;}