@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@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');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Brush+Script&display=swap');

* { -webkit-text-size-adjust: none;} /* ¾ÆÀÌÆù ÅؽºÆ® ÀÚµ¿È®´ë ¸·±â */
a { color: inherit; text-decoration: none; }
a:hover { text-decoration: none; }
a.link:hover { text-decoration: underline;	 }
.colorBlack { color: #111 !important; }
.colorPink { color: #d41385 !important; }
body { min-width:1200px; }
.mobile { display: none !important; }
.pc { display: block !important; }
.pc_table { display: table !important; }
.mobile_table { display: none !important; }
.main_color { color: #0b4191 !important; }
.small { font-size: 15px; }
.keepall, .keepall td { word-break:keep-all !important; }

/*
³ëÅä»ê½º '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%; background: #1f2b64; position: relative; }
.top-Bg { width: 100%; background: #000;}
.topVisual { width: 100%; height: 180px;  position:relative; overflow:hidden; }
.topVisual img { min-width: 1300px; min-height: 200px; }
.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.jpg'); 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.jpg'); -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: 0 0; }

@keyframes imageAnimationA {
	0% { opacity: 0; -ms-animation-timing-function: ease-in; }
	10% { opacity: 1; -ms-animation-timing-function: ease-out; -webkit-transform: scale(1.05) translate(2%, 1); }
	20% { opacity: 1; -webkit-transform: scale(1.15) translate(4%, 2%); }
	30% { opacity: 0; -webkit-transform: scale(1.2) translate(5%, 2.5%) }
	100% { opacity: 0 }
}
@keyframes imageAnimationB {
	0% { opacity: 0; }
	20% { opacity: 0;transform: translateX(10%); }
	40% { opacity: 1; }
}
@keyframes imageAnimationC {
    0% { opacity: 0 }
    50%{ opacity: 0; transform: translateX(-0%); }
    70% { opacity: 1; }
    100% { opacity: 0; }
}

.top_wrap { width: 1200px; height: 140px; margin:2.5px auto 0; overflow: hidden; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; position: absolute; left: 0; right: 0; top: 20px; z-index: 999; box-sizing: border-box;}
.top_wrap .logo { height: 140px; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; cursor: pointer; }
.top_wrap .logo_left img { animation-name: rotatebox; animation-duration: 2s; animation-timing-function: linear; animation-iteration-count: infinite; }

@keyframes rotatebox{
	0%{transform: rotateY(0); }
	100%{transform: rotateY(360deg); }
}

.top_wrap .logo .logo_right { float: left; margin-left: 17px; color: #fff; font-size: 15px; line-height: 20px; font-weight: 600; }
.top_wrap .logo .logo_right span { color: #959595; display: block; border-bottom: 1px solid #959595; padding-bottom: 5px; }
.top_wrap .logo .logo_right img { margin-top: 10px; }
.top { height: 140px; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: space-between; align-items: flex-end; padding-bottom: 15px; }
.top_title { font-size: 28px; font-weight: 600; color: #fff; font-style: italic; letter-spacing: -1px; margin-right: 10px; text-shadow: 0 0 3vw #fff; animation: neon 8s ease infinite; text-align: right; }
.top_title span { display: none; }
.mobile600 { display: none; }

@keyframes neon {
	0% {text-shadow: 0 0 .5vw transparent, 0 0 1.5vw transparent, 0 0 1vw transparent, 0 0 1vw transparent, 0 0 .2vw transparent, .0vw .0vw .1vw transparent; }
	16.6% { text-shadow: 0 0 .5vw #642891, 0 0 1.5vw #642891, 0 0 1vw #642891, 0 0 1vw #642891, 0 0 .2vw #642891, .0vw .0vw .1vw #642891; }
	33.2% { text-shadow: 0 0 .5vw transparent, 0 0 1.5vw transparent, 0 0 1vw transparent, 0 0 1vw transparent, 0 0 .2vw transparent, .0vw .0vw .1vw transparent; }
	49.8% { text-shadow: 0 0 .5vw #5270ff, 0 0 1.5vw #5270ff, 0 0 1vw #5270ff, 0 0 1vw #5270ff, 0 0 .2vw #5270ff, .0vw .0vw .1vw #5270ff; }
	66.4% { text-shadow: 0 0 .5vw transparent, 0 0 1.5vw transparent, 0 0 1vw transparent, 0 0 1vw transparent, 0 0 .2vw transparent, .0vw .0vw .1vw transparent; }
	83% { text-shadow: 0 0 .5vw #02b350, 0 0 1.5vw #02b350, 0 0 1vw #02b350, 0 0 1vw #02b350, 0 0 .2vw #02b350, .0vw .0vw .1vw #02b350; }
	100% { text-shadow: 0 0 .5vw transparent, 0 0 1.5vw transparent, 0 0 1vw transparent, 0 0 1vw transparent, 0 0 .2vw transparent, .0vw .0vw .1vw transparent; }
}

.global { float: right; overflow: hidden; border: 1px solid #fff; padding: 10px 10px; border-radius: 20px; transition:0.3s; }
.global:hover { border-color: #fff799; }
.global li { float: left; font-size: 16px; padding: 0 10px 0 9px; color: #e1e1e1; cursor: pointer; margin-left: 5px; background: url("/images/common/global_line.jpg") right 5px no-repeat; line-height: 100%; }
.global li:last-child { background: none; }
.global li:hover { color: #fff799; }


/* gnb */
.gnb_wrap { width: 100%; background: #08296b; }
.gnb { width: 1200px; height: 65px; margin: 0 auto; position: relative; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content:space-between;}
.gnb > li { height: 65px; font-weight: 400; letter-spacing: -0.5px; text-align: center; position: relative; cursor: pointer; color: #fff; }
.gnb > li > a { display: block; height: 65px; color: #fff; font-size: 18.5px; font-weight: 600; letter-spacing: -0.5px; line-height: 110%; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; align-items: center;}
.gnb > li:hover > a, .gnb > li.on > a { color: #fff799; }

.gnb > li:after { content:''; width: 0; height: 4px; background: #fff799; display: block; position: absolute; left: 0; right: 0; bottom: 0; margin: 0 auto; transition:0.3s; }
.gnb li:hover:after, .gnb li.on:after { width: 100%; }

.snb { width: 200px; ; position: absolute; top: 65px; z-index: 999;  display: none; }
.snb > li { font-size: 14px; border-bottom: 1px solid #222; color: #eee; background: rgba(0,0,0,0.8); text-align: left; cursor: pointer; letter-spacing: 0; padding-left: 20px; padding: 10px 0 13px 20px; position: relative; }
.snb > li a { font-size: 14px; color: #eee; }
.snb > li:hover, .snb > li:hover > a { color: #fff799; background: rgba(0,0,0,0.9); }
.snb_inner { display: none; width: 200px; position: absolute; top: 0; left: 100%; background: rgba(0,0,0,0.8); }
.snb_inner a { padding: 5px 0 8px 20px; display: inline-block; }
.snb_inner a:hover { color: #fff799; }
.snb > li:last-child { border-bottom: none; }

.snb01 { left: -65px; }
.snb02 { left: -65px; }
.snb03 { left: -55px; }
.snb04 { left: -65px; }
.snb05 { left: -55px; }
.snb06 { left: -55px; }

/*visual*/
.visual { width: 100%; height: 515px; position:relative; overflow:hidden; }
.visuBg { position: relative; }
.visual .swiper-container { position: relative; height: 515px;}
.visual .swiper-slide { width: 100%; }
.swiper-slide.visual_00 { width: 100%; background: #000; }
.swiper-slide.visual_00 li:nth-child(1) span { background-image: url('/images/main/main_visu_01.png'); animation: imageAnimationA 14s linear infinite; background-position: 50% 30%; }
.swiper-slide.visual_00 li:nth-child(2) span { background-image: url('/images/main/main_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%; }
.swiper-slide.visual_00 li:nth-child(3) span { background-image: url('/images/main/main_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%; }
.swiper-slide.visual_01 { background: url("/images/main/visu_01.png") center no-repeat; background-size: cover; text-align:center; color:#fff; }
.swiper-slide.visual_02, .swiper-slide.visual_03, .swiper-slide.visual_04 { background: url("/images/main/visu_02.jpg") no-repeat top center; background-size: cover; text-align:center; color:#fff; }

.swiper-slide.visual_02 .visuTxt_wrap { background: url("/images/main/mSpeaker_01.png") 80px bottom no-repeat; }
.swiper-slide.visual_03 .visuTxt_wrap { background: url("/images/main/mSpeaker_02.png") 80px bottom no-repeat; }
.swiper-slide.visual_04 .visuTxt_wrap { background: url("/images/main/mSpeaker_03.png") 80px bottom no-repeat; }


.visuTxt_wrap { width: 1200px; height: 100%; position: absolute; left: 0; right: 0; top: 0; z-index: 100000; 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: -20px; }
.visuTxt_wrap02 { align-items:flex-start; }
.visuTxt_wrap_inner { left: 45%; width: 60%; position: absolute; margin-top: -20px; }
.visuTxt { letter-spacing: -0.5px; font-weight: 600; color: #fff; }
.visuTxt_title01 { font-size: 37px; font-weight: 900; color: #0b4191;  text-shadow:-3px -3px 0 #fff, 3px -3px 0 #fff, -3px 3px 0 #fff, 3px 3px 0 #fff; line-height: 35px; text-align: center;}
.visuTxt_title01 span { color: #ffd21d; }
.visuTxt_turque { font-size: 31px; line-height: 140%; margin-top: 20px; padding: 5px 25px 10px; background: #08296b; font-style: italic; border-radius: 30px; }
.visuTxt_date { font-size: 30px; font-weight: 900; text-shadow: 2px 2px 3px rgba(0,0,0,0.5);}
.visuTxt_date:before { content:''; display: block; width: 50px; height: 1px; background: #fff; margin: 35px auto 20px;}
.visuTxt_venue { font-size: 30px; color: #ffd21d; font-weight: 900; }

.visuTxt_green { display: inline-block; font-style: italic; font-size: 32px; font-weight: 700; color: #65b777; text-underline-offset: 12px; text-decoration: solid underline #65b777 3px; text-underline-position: under; }
.visuTxt_title { font-size: 30px; color: #003050; line-height: 43px; margin-top: 20px; letter-spacing: -2px; line-height: 120%; }
.visuTxt_blue:before { content:''; display: block; width: 50px; height: 1px; background: #fff; margin: 35px 0 20px;}
.visuTxt_blue { font-size: 28px; color: #111; }
.visuTxt_affiliation { font-size: 23px; color: #707070; font-weight: 500; letter-spacing: -1px;}

.visu_04_txt { font-size: 25px; color: #08296b; font-weight: 600; text-align: center; margin-top: 40px; }

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

/* mSpon_wrap*/
.mSpon_wrap { width: 100%; border-top: 1px solid #ddd; margin-top: 0;}
.mSpon h4 { margin-bottom: -20px; margin-top: 20px; text-align: left; font-size: 24px; color: #003663; font-weight: 600; }
.mSpon { width: 1645px; max-width:85%; margin: 0 auto; position: relative; }
.mSpon_list { height: 195px; 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: 195px; }
/*.mSpon_list .swiper-wrapper { transition-timing-function: linear; }*/
.mSpon .mSpon_prev { width: 16px; height: 56px; top: 0px; bottom: 0; left: -65px; margin: auto 0; background:  url('/images/main/mSpon_prev.jpg') center no-repeat; z-index: 100000;}
.mSpon .mSpon_next { width: 16px; height: 56px; top: 0px; bottom: 0; right: -65px; margin: auto 0; background: url('/images/main/mSpon_next.jpg') center no-repeat; z-index: 100000;}

/* .mSpon_02 h4:after { content:''; display: block; width: 50px; height: 1px; background: #666; margin: 20px 0 0; } */
.mSpon_02 .mSpon_prev { display: none; }
.mSpon_02 .mSpon_next { display: none;  }
.mSpon_02 .swiper-slide { margin-right: 30px; }



/* important_date */
.mContents_wrap { width: 100%; padding: 60px 0;}
.mContents_wrap01 {  background: url('/images/main/mWelcome_bg.jpg') 0 bottom no-repeat; background-size: 100% auto; }
.mContents { width: 1200px; margin: 0 auto; }
.mContents_wrap h3 { font-size: 31px; color: #08296b; margin-bottom: 45px; font-weight: 900; text-align: center; }
.mContents_wrap h3:nth-child(1) { margin-top: 0; }
.mPlus { transition:0.3s; }
.mPlus:hover { transform:rotate(180deg) }
.important_date_box .swiper-wrapper { padding-bottom: 20px; }
.important_date_wrap { margin-bottom: 40px;  }
.important_date_info { background: #fff; height: 205px !important; border: 1px solid #ffd21d; padding: 45px 40px 0; position: relative; box-sizing: border-box; border-radius: 20px; box-shadow: 3px 3px 4px rgba(0,0,0,0.1);}
.important_date { font-size: 25px; font-weight: 600; color: #f7941d; line-height: 120%; }
.important_date:after { content:''; width: 37px; height: 1px; background: #f7941d; display: block; margin: 25px 0; }
.important_txt { font-weight: 300; color: #fff; line-height: 130%; padding: 3px 10px 5px; background: #003663; display: inline-block; }
.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}

/* mWelcome */
.mWelcome {  }
.mWelcome_txt { text-align: justify; font-weight: 300; color: #111; padding: 40px 40px; border-radius: 30px; background: rgba(255,255,255,1); overflow: hidden;}
.mWelcome_txt_members {font-size: 20px; font-weight: 500; border-top: 1px solid #ddd; padding-top: 30px; margin-top: 80px; margin-bottom: 20px; color: #0b4191; letter-spacing: -0.5px; clear: both;}
.welcome_committee { font-size: 16px; font-weight: 500; color: #111; float: right; }
.welcome_committee_member { border: 0; width: 100%; }
.welcome_committee_member td { border: 0; padding-right: 20px; }
.welcome_committee_member_mobile { display: none; }

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

.view_btn.btn_over { height: 48px;	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') 150px center no-repeat !important; transition:0.3s; padding: 0 105px 0 30px; box-sizing: border-box; display: block; height: 100%; line-height: 43px; }
.view_btn.btn_over:hover a { color: #fff; background: url('/images/main/mMore_arr_wh.png') 150px center no-repeat !important;}
.view_btn.btn_over:before, .mTitle .view_btn.btn_over:hover::before { background: #003663 !important; }


/* mCommittee */
.mCommittee { margin-top: 45px; }
.mCommittee_title { line-height: 65px; color: #fff; font-size: 30px; font-weight: 600; text-shadow: 1px 1px 3px rgba(0,0,0,0.6); background: #f7941d; padding: 0 40px; box-sizing: border-box; border-radius: 20px 20px 0 0;}
.mCommittee_title .more { cursor: pointer; z-index: 999;  border-radius: 30px; float: right; margin-top: 12px; border: 1px solid #fff; background: transparent;}
.mCommittee_title .more a { padding: 3px 25px 5px; transition:0.3s; text-shadow: none; color: #fff; font-weight: 400; }
.mCommittee_title .more:hover a { color: #08296b;}
.mCommittee_title .more:before, .mCommittee_title .more:hover:before { background: #fff; }
.mCommittee_list { padding: 40px 65px 60px; overflow: hidden; cursor: pointer; /*border-radius: 0 0 30px 30px;*/ }
.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: 24px; color: #111; font-weight: 700; margin-bottom: 20px; font-style: italic; padding-left: 16px; background: url('/images/main/mCommittee_title_bar.png') left 10px no-repeat; }
.mCommittee_list_left { width: 460px; float: left;}
.mCommittee_name { font-weight: 500; color: #363636; }
.mCommittee_name span { color: #0b4191; clear: both; }
.gou_name { float: left; }
.gou_name_div { width: 540px; display: inline-block; margin-left: 4px; font-weight: 500;  color: #363636; }

.mCommittee_list_right { width: calc(100% - 460px); float: right;}
.mCommittee_list_right li + li { margin-top: 25px; }
.mCommittee_list_right li > div > span{font-weight:500;}

.btns { position: absolute; right: 158px; top: 16px; z-index: 9999; }
.btns img { margin-right: 10px; cursor: pointer;}
.mCommittee .swiper-pagination { width: 135px !important; bottom: 0; top: 25px; left: auto !important; right: 220px; z-index: 999; }
.mCommittee .swiper-pagination-bullet { width: 14px !important; height: 14px !important;  border-radius:14px !important; 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: 25px; }
.mCommittee .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #fff !important; border: 0px !important; }

/* mNotice */
.mNotice_list { margin-top: 0; overflow: hidden;  }
.mNotice_list li {  border-bottom: 1px solid #d5d5d5; overflow: hidden; padding-left: 20px; 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: 24.5px; }
.mNotice_list .mNotice_txt { width: 360px; font-weight: 500; 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: #fff799; 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: #fff799; }
.mNotice_date { font-weight: 300; color: #fff; text-align: right; }

/* quick_wrap */
.mContents_wrap02 { overflow: hidden; background: url('/images/main/mQuick_bg.jpg') 0 0 no-repeat; background-size: cover; }
.mQuick { display: flex; flex-wrap: wrap; justify-content: center; align-items: stretch; gap: 60px; 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 { color: #fff; line-height: 120%; font-weight: 300; transition:0.3s; }
.mQuick li img { margin-bottom: 10px; transition:0.3s; }
.mQuick li:hover img { transform:scale(1.11) }

/* mVenue_wrap */
.mVenue_wrap {width: 1200px; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }
.mVenue_wrap li { width: 580px; }
.mVenue_img { position: relative; overflow: hidden; margin-top: 20px; width: 100%; color: #ffffff; background-color: #000000; -webkit-transform: translateZ(0); transform: translateZ(0); cursor: pointer;}
.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 { 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: 19px 20px; font-size: 16px; background: #0b4191; margin-top: 1px; color: #fff; box-sizing: border-box; }
.mVenue_title span { display: inline-block; font-size: 23px; font-weight: 600; color: #fff;  border-bottom: 1px solid #fff; padding-bottom: 1px; margin-bottom: 16px; }
.mVenue_title img { cursor: pointer; }
.mVenue_title img:hover { opacity: 0.8; }

.font_brush { font-family: 'Nanum Brush Script', cursive; font-size: 41px !important; margin-bottom: 33px !important; }
.mVideo { width: 580px; text-align: center; box-sizing: border-box; position: relative; overflow: hidden;}
/*.mVideo iframe { width: calc(100% + 14px); height: 320px; left: -7px; top: 0; position: relative; }*/

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

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


/**** sVisual ****/
.sVisual { width:100%; height: 300px; position: relative; background: url('/images/sub/sVisu_01.jpg') 0 0 no-repeat; background-size:cover;}
.sVisuTxt_wrap { width: 1200px; padding: 50px 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: 32px; font-weight: 900; color: #003050;  text-shadow:-2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, 2px 2px 0 #fff; line-height: 35px; text-align: center;}
.sVisu_top span { color: #ffd21d; }
.sVisu_bottom { width: 100%; font-size: 32px; font-weight: 700; color: #fff; text-align: right; letter-spacing: -0.5px; text-shadow: 2px 2px 4px rgba(0,0,0,0.5);}
.sVisu_bottom span { color: #ffd21d; display: block; }

/* sContainer */
.sContainer { width: 1200px; margin: 0px auto; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; align-items: flex-start;  }
.lnb_box {width:100%; width: 240px; margin-top: -67.5px; position: relative; }
.lnb_titile { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center; align-items: center; line-height: 110%;  height: 135px; background: #08296b; text-align: center; color: #fff; font-size: 32px; font-weight: 500; letter-spacing: -1px; }
.lnb > li + li { margin-top: -1px; }
.lnb > li > a { width: 100%; height: 50px; color: #666; font-size: 16px; position: relative; padding-left: 26px; box-sizing: border-box;  border: 1px solid #dfdfdf; transition: background 0.3s; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: flex-start; align-items: center; line-height: 120%; background-position: 192px center;}
.lnb > li:hover > a, .lnb > li.on > a { color: #0b4191; position: relative; z-index: 1; background: #f4f9fe; border: 1px solid #555; background: #f4f9fe url('/images/sub/lnb_ov.png') 200px center no-repeat;}


/* sub contents */
.right { width: 915px; min-height:700px; margin-bottom: 100px;}
.title { margin: 0 auto; text-align:center; display:block; padding: 0 0 20px; border-bottom: 1px solid #e4e4e4; margin-bottom: 50px; }
.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: 15px;}
.title .location > li {height:12px; line-height:12px; font-size: 15px; letter-spacing: -0.5px; padding:0 10px 0 15px; display: inline-block; color:#888; background:url('/images/common/locationDot.png') no-repeat left 2.5px; box-sizing: border-box;}
.title .location > li:first-child { background:url('/images/common/home.jpg') no-repeat left 0px; padding-right: 5px; }
.title .location > li:last-child { padding-right: 0; }

.sContents { margin: 0 auto; min-height:400px; box-sizing: border-box; position: relative; word-break:keep-all;}
.sContents h4 { font-size: 27px; margin:45px 0 15px; line-height: 33px; font-weight: 700; color: #111; overflow: hidden; padding-left: 35px; background: url('/images/sub/conTitle.jpg') left 5px no-repeat; }
.sContents h4:nth-child(1) { margin-top: 0; }
.sContents h5 { font-size: 21px; font-weight: 700; color:#08296b; margin: 35px 0 10px; text-decoration: underline; 	}
.sContents h6 { font-size: 17px; font-weight: 700; color:#111; margin: 25px 0 10px; }
.boardTable + .boardTable { margin-top: 30px; }
.boardTable + .table-scroll { margin-top: 30px; }
.txtBox + .imgBox { margin-top: 20px; }
.imgBox + .boardTable { margin-top: 30px; }
.imgBox img { max-width:100%; }
.sContents h4 + h5 { margin-top: 0; }
.boardTable + .txtBox { margin-top: 10px; }
.txtBox { overflow: hidden; }

.lineBox { border: 1px solid #08296b; border-radius: 15px; padding: 28px; text-align: justify; margin-top: 20px;}
.lineBox span { font-size: 29px; font-weight: 600; color: #a3c504; display: block; text-align: center; margin-bottom: 20px;}

.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; }
.sContents h4 .more a:hover { color: #898989; }

.sub_tab { margin: 0 auto 60px; 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; }
.sub_tab li a { width: 200px; height: 60px; background: #eaeaea; background-position: -200px 200px; text-align: center; border-radius: 10px; transition:0.3s; font-size: 14px; 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: 20px; 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') 130px 120px no-repeat;display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; align-items: flex-start; text-align: justify; }
.greeting_left { width: 220px; }
.greeting_right { width: calc(100% - 280px); }
.greeting_right span { display: block; color: #08296b; font-size: 25px; font-weight: 600; margin-bottom: 40px;}

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

/* Committee */
.committee_wrap + .committee_wrap  { margin-top: -1px; }
.committee { border-top: 1px solid #ddd; }
.committee > li{ padding:25px 0; border-bottom: 1px solid #ddd; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; align-items: flex-start; }
.committee > li > strong {width:220px;font-weight:400;color:#111;display:inline-block;padding: 0 20px 0 30px; background:url('/images/sub/committeeLine.jpg') no-repeat right 8px; vertical-align:top; word-break:keep-all; text-align: left; box-sizing: border-box;}
.committee > li > div {display:inline-block; width: calc(100% - 225px); padding-left: 40px; box-sizing: border-box;}
.committee > li > div > span{ color: #08296b; }

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

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

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

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

/* welcome */
.welcome { background-image:url('/images/sub/welcome_line01.png'), url('/images/sub/welcome_line02.png'); background-size:100%; background-position:0px 0 ,0 bottom; background-repeat:no-repeat; padding: 70px 70px 90px 60px; 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_pink { background: #fde6e8; color: #111;}
.pro_blue { background: #e6eefd; color: #111;}
.pro_purple { background: #fde6fd; color: #111;}
.pro_yellow { background: #fdf7e6; color: #111;}
.pro_green { background: #f6fde6; color: #111;}

.pro_bg td { color: #111; font-weight: 400; position: relative; padding-left: 28px; }
.room_green { color: #fff; font-weight: 400; padding: 5px 20px; float: right; margin-top: -2.5px; background: #4fd787; margin-left: 15px; display: inline-block;}
.pro_bg td:before { content:''; display: block; position: absolute; left: 16px; top: 27px; 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_bg.pro_vendor { background: #f6fde6; }

.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: 20px;}

/* social */
.social { display: flex; flex-wrap: nowrap; flex-direction: row; justify-content:space-between; align-items: stretch; margin-bottom: 50px; }
.social_right { width: 360px; }
.social_info li { display: flex; flex-wrap: nowrap; flex-direction: row; justify-content:flex-start; align-items: center; margin-top: 25px; }
.social_info li img { width: 25px; margin-right: 12px; }
.social_txt { font-weight: 400; }

/* 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 13px !important; }
.venue_info { line-height: 160%; border: 1px solid #dedede; border-top: 0; padding: 30px 50px; 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: 10px 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%; }

/* General*/
.billTable tr td { width: 25%; }


/* Location */
.map_iframe { width: 100% !important; height: 370px;}
.map_list { padding: 25px 0; border-bottom: 1px solid #d4d4d4; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center; align-items: center; }
.map_list li { position: relative; padding-left: 10px;}
.map_list li:before { content:''; width: 3px; height: 3px; background: #7c7c7c; position: absolute; left: 0; top: 0; bottom: 0; margin: auto 0; }
.map_list li + li { margin-left: 25px; }

.subway { overflow: hidden; }
.subway_left { color: #111; font-weight: 400; float: left;}
.subway_left img { margin-right: 10px; }
.subway_left:after { width: 1px; height: 15px; display: inline-block; background: #ddd; content:'';	margin: 0 15px; }
.subway_right { float: left; width: 600px; }

.accomo_btn_wrap { display: flex; flex-direction:row; justify-content:center;  }
.accomo_btn_wrap .btn_over { margin-right: 20px; }


/* spon_info */
.spon_info { border-top: 1px solid #ddd; }
.spon_info > li{ padding:25px 0; border-bottom: 1px solid #ddd;}
.spon_info > li > strong{width:200px;font-weight:400;color:#111;display:inline-block;padding: 0 20px 0 30px; background:url('/images/sub/committeeLine.jpg') no-repeat right 8px; vertical-align:top; word-break:keep-all; text-align: left; box-sizing: border-box;}
.spon_info > li > div {display:inline-block; width: calc(100% - 205px); padding-left: 60px; box-sizing: border-box;}
.spon_info > li > div > span{ color: #28a7d7; }

.spon_info02 { overflow: hidden; display:flex; flex-direction:row; flex-wrap:wrap; }
.spon_info02 li{padding:10px 0 5px 0px; width: 50%; overflow: hidden; box-sizing: border-box;}
.spon_info02 li > .spon_tit{width:130px;font-weight:500; display:inline-block; padding:7px 0; margin:0 20px 0 0; vertical-align:top; color: #111; text-align: center; border-radius: 7px; }
.spon_info02 li > .spon_txt {width: calc(100% - 160px); 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;  }


/* sponsor*/
.sponsor { width: 100%; display: flex; flex-wrap: wrap; flex-direction: row; justify-content:flex-start; }
.sponsor li {text-align:center; width: 32%; margin-right: 1.6%;margin-bottom: 10px;border:1px solid #d4d4d4; transition:0.3s; display: flex; flex-wrap: wrap; flex-direction: column; justify-content:center; align-items:center; }
.sponsor li a { display: block; width: 100%; height: 100%; padding:20px 10px; box-sizing: border-box;}
.sponsor li:nth-child(3n) { margin-right: 0; }
.sponsor li img { max-width:100%; }
.sponsor li:hover { border-color: #08296b; transform: translateY(-5px); }

/* 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; margin-top: 5px;}
.btn_zoom a { font-size: 14px;  padding: 0 10px; cursor: default;}
.btn_zoom:hover a { color: #fff; }
.btn_zoom:hover::before { display: none; }

.btn_recorded { background: #d41385; border-color: #d41385; border-radius: 20px; margin-top: 5px;}
.btn_recorded a { font-size: 14px;  padding: 0 10px; cursor: default;}
.btn_recorded:hover a { color: #fff; }
.btn_recorded:hover::before { display: none; }

.boardTable td.subject {text-align:left; max-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

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




/* popup_video */
.popTitle { border-bottom: 0; }
.popup_load { width: 1200px; padding: 0 5px 0px; overflow: hidden; box-sizing: border-box; }
.popVideo_left { width: 780px; height: 100%; float: left; }
.popVideo_left .popVideo > img { width: 100%; }
.popVideo_left	iframe { width: 100%; height: 439px; }
.popVideo_left .Rd_down { text-align: center; }
.popVideo_left .Rd_down a { width: 220px; height: 32px; line-height: 28px; background: #464646; border: 2px solid #464646; color: #fff; text-align: center; margin: 15px auto; border-radius: 3px; cursor: pointer; font-size: 13px; display: inline-block; }
.popVideo_left .Rd_down a.Rd_down_link { width: auto; padding: 0 8px;}
.popVideo_left .Rd_down a:hover { color: #464646; background: #fff; }
.popVideo_left .Rd_down img { margin-left: 8px; margin-top: -4px; }

.PB_down { text-align: center; }
.PB_down a { width: 220px; height: 32px; line-height: 28px; background: #464646; border: 2px solid #464646; color: #fff; text-align: center; margin: 15px auto; border-radius: 3px; cursor: pointer; font-size: 13px; display: inline-block; }
.PB_down a:hover { color: #464646; background: #fff; }
.PB_down img { margin-left: 8px; margin-top: -4px; }


.popComment_wrap { padding: 0; }
.popComment_wrap { width: 100%; padding:0px; box-sizing: border-box; }
.write_upload_btn_box { width: 100%; height: 48px;	text-align: right; overflow: hidden; background: #15427b; border-radius: 5px 5px 0 0; color: #fff; padding: 0 10px; box-sizing: border-box;}
.write_upload_btn_box > div { float: left; line-height: 48px; }
.write_upload_btn_txt01 { float: left; color:#fff; font-size: 18px; letter-spacing: -1px; overflow: hidden; }
.write_upload_btn_txt02 { float: left; color: #a1a1a1; font-size: 13px; }
.write_upload_btn_txt02 .displayByte { color: #fff !important; }
.write_upload_btn_txt02 > img { margin: 0 9px 0 11px; }

.write_upload_btn_txt02 a.login_bt { color: #000; font-size: 15px; 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: 48px; font-size: 15px;	color:#fff; float: right; padding: 0; border-radius: 4px; cursor: pointer;}
.write_upload_btn_box a.write_upload_btn > img { width: 17px; margin: -4px 0 0; }
.cbox_write_textarea { height: 105px; line-height: 140%; font-size: 14.75px; padding: 20px 15px; box-sizing: border-box; border: none; overflow: auto; margin-bottom: 0px; color: #666; resize:none; letter-spacing: -0.5px; border: 1px solid #ddd; border-radius: 0 0 5px 5px; text-align: justify; }
.cbox_write_textarea::placeholder { color: #aaa; }

/* popVideo_right */
.popVideo_right { width: 400px; height: 100%; float: right; margin-top: 60px;  }
.popVideo_right .refresh_btn { width: 100%; height: 38px; line-height: 38px; color: #fff; font-size: 15px; 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: 613px; margin-top: 5px; clear: both; background: #cfd7e2; padding: 20px 18px; box-sizing: border-box; }
.popComment_box ul { height: calc( 100% - 50px); overflow: auto; }
.popComment_box ul li { width: 93%; margin-bottom: 18px; }
.popComment_box .comment_id { color: #88898c; font-size: 15px; 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: 13.5px; word-break:break-all;}
.popComment_box ul li.comment_me .comment_txt { background: #fff799 ; }
.popComment_box ul li.comment_other .comment_txt { background: #fff; }

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

.commnet_paging a:hover, .video_new .commnet_paging a.on { color: #fff; background: #444; border: 1px solid #444; }
.commnet_paging a.off { color: #ddd; cursor: default; }
.commnet_paging a.off:hover { color: #ddd; background: #fff; border: 1px solid #ddd; }

.commnet_paging a.paging_arr:hover { background: #ddd; border: 1px solid #ddd; }
.commnet_paging a.paging_arr.off { cursor: default; background: #eee; }
.commnet_paging a.paging_arr.off img { opacity: 0.4; }


/* popup _ Video */
.only_video .popup {width:1200px; height:740px; background:#fff; position: relative; overflow: hidden; box-sizing: border-box; }
.only_video .popVideo { width: 100%; }
.only_video .popVideo iframe { width: 100%; height: 675px; }
.popVideo { text-align: center; }

/* popup > pdfViwer */
#outerContainer { width: calc( 100% - 415px ); float: left; }
.post_comment.popVideo_right { margin-top: 0; height: 100%; }
.post_comment.popVideo_right .cbox_write_textarea { height: 140px; margin-bottom: 10px;}
.post_comment.popVideo_right .popComment_box { height: calc( 100% - 244px ); }