@charset "euc-kr";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700;800&display=swap');

/*
³ëÅä»ê½º 'Noto Sans KR - 3,4,5,7,9'
³ª´®½ºÄù¾î 'NanumSquare - 3,4,7,8'
 */

.mobile { display: none !important; }
.pc { display: block !important; }
* { box-sizing: border-box; }
* a, a:hover, a:visited { color:inherit; text-decoration: none; cursor: pointer; }
.link { cursor: pointer; }
.link:hover { text-decoration: underline !important; }
.main_color { color: #0069ac !important; }
.fw400 { font-weight: 400 !important; }
.tj { text-align: justify !important;  }
 
/* gnb */
header { width: 100%; background: rgba(0,0,0,0.7); position: relative; position: fixed; left: 0; top: 0; z-index: 9999999;}
.top_wrap { width: 1200px; padding: 30px 0; margin: 0 auto; overflow: hidden; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; align-items: center; box-sizing: border-box;}
.top_wrap .logo { overflow: hidden;}
.top_wrap .logo .logo_left { float: left; margin-right: 30px; }
.top_wrap .logo_right { height: 100%; border: 1px solid rgba(255,255,255,0.7); font-size: 18px; font-weight: 700; color: #fff; display: flex; flex-wrap: wrap; flex-direction: row;  align-items: flex-end; align-content:flex-start; padding: 8px 11px 18px; margin-left: 20px; box-sizing: border-box; position: relative;} 
.top_wrap .logo_right div { font-size: 18px; font-weight: 700; color: #fff; line-height: 140%;  }
.top_wrap .logo_right div span { display: inline-block; margin-bottom: 15px; font-weight: 600; color: #ffc000; font-size: 16px; position: relative; z-index: 11; }
.top_wrap .logo_right div:after { content:''; width: 125px; height: 32px; display: block; position: absolute; left: -6px; top: 2px; background: url('/images/main/ribon.png') 0 0 no-repeat; z-index: 1; }
.top_wrap .logo_right span.logo_orange { color: #ffc000; line-height: 140%; }
.top_wrap .logo_right span.logo_yellow { color: #ffff00; margin-left: 5px; line-height: 140%; }

.global_wrap { height: 90px; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: space-between; align-items: space-between;  }
.global { width: 205px; height: 40px; padding: 0 15px; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-around; align-items: center; }
.global a { color: #fff; font-size: 13px; }  
.global a:hover { color: #111; }
.global { background: rgba(255,255,255,0.5); border-radius: 10px;}
.sns_wrap { background: rgba(255,255,255,0.5); }
.sns_wrap a:hover { opacity: 0.8; }
.gHome { margin-right: 3px; margin-top: -3px; }

.gnb_wrap { width: 100%; border-top: 1px solid rgba(255,255,255,0.3); }
.gnb { width: 1200px; height: 50px; margin: 0 auto; position: relative; border-left: 1px solid rgba(255,255,255,0.3);  }
.gnb > li { float: left; height: 50px; font-weight: 400; letter-spacing: -0.5px; text-align: center; position: relative; cursor: pointer; color: #fff; box-sizing: border-box; border-right: 1px solid rgba(255,255,255,0.3); display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; align-items: center; }
.gnb > li a { display: block; padding: 0 54px; color: #fff; font-size: 17.5px; font-weight: 400; 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: #2ba738;  }

.gnb > li > ul { width: 250px; min-width:100%; position: absolute; top: 50px; z-index: 999;  display: none; left: 0px;}
.gnb > li > ul > li { font-size: 14px; border-bottom: 1px solid #222; font-weight: 500; color: #eee; background: rgba(0,0,0,0.8); text-align: left; cursor: pointer; letter-spacing: 0; padding-left: 20px; padding: 10px 0 10px 20px;}
.gnb > li > ul > li:hover { color: #2ba738; background: rgba(0,0,0,0.9); }
.gnb > li > ul > li:last-child { border-bottom: none; }

/* visual */
.visual { width: 100%; height: 478px; position:relative; overflow:hidden; }
.visual .swiper-slide { width: 100%; height: 100%;}

.swiper-slide.visual_01 { background:url("/images/main/visu_01.jpg") center no-repeat; text-align:center; color:#fff; background-size: cover; }
.swiper-slide.visual_02 { background:url("/images/main/visu_02.jpg") center no-repeat; text-align:center; color:#fff; background-size: cover; }
.swiper-slide.visual_03 { background:url("/images/main/visu_03.jpg") center no-repeat; text-align:center; color:#fff; background-size: cover; }
.swiper-slide.visual_04 { background:url("/images/main/visu_04.jpg") center no-repeat; text-align:center; color:#fff; background-size: cover; }
.swiper-slide.visual_05 { background:url("/images/main/visu_05.jpg") center no-repeat; text-align:center; color:#fff; background-size: cover; }
.swiper-slide.visual_06 { background:url("/images/main/visu_06.jpg") center no-repeat; text-align:center; color:#fff; background-size: cover; }
.swiper-slide.visual_07 { background:url("/images/main/visu_07.jpg") center no-repeat; text-align:center; color:#fff; background-size: cover; }
.swiper-slide.visual_08 { background:url("/images/main/visu_08.jpg") center no-repeat; text-align:center; color:#fff; background-size: cover; }
.swiper-slide.visual_09 { background:url("/images/main/visu_09.jpg") center no-repeat; text-align:center; color:#fff; background-size: cover; }

/*.swiper-pagination { bottom: 120px !important; left: 0; right: 0; margin: 0 auto; z-index: 999999999 !important; width: 1200px !important; }*/
.swiper-pagination-bullet { width: 16px !important; height: 16px !important;  border-radius:17px ; background-color: #fff !important; border: 4px solid #fff !important; box-sizing: border-box; text-align: center; opacity: 1 !important; margin-bottom: 10px !important; }
.swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #0069ac !important; border: 4px solid #0069ac !important;  }

.visuTxt_wrap { width: 1200px; height: calc(100% - 200px); position: absolute; left: 0; right: 0; top: 200px; z-index: 99; display: flex; flex-direction:row; justify-content: center; align-items: center; margin: 0 auto; text-align: center; }
.visuTxt_box { width: 100%; display: flex; flex-direction:row; justify-content: space-between; align-items: stretch;  }
.visuTxt_left { text-align: right; }
.visuLine { display: block; width: 1px; background: #fff; }
.visuTxt_rigth { text-align: left;	 }
.visuTxt { text-shadow: 2px 0 3px rgba(0,0,0,0.7); line-height: 140%; letter-spacing: -0.5px; } 
.visuTxt00 { font-weight: 900; font-size: 32px; color: #fff; margin-top: -10px; margin-bottom: 10px; }
.visuTxt01 { color: #0069ac; font-size: 65px; font-weight: 900; line-height: 100%;  }
.visuTxt01 span { color: #2ba738; }
.visuTxt02 { color: #fff; font-size: 20px; font-weight: 300; letter-spacing: 0; }
.visuTxt03 { color: #fff; font-size: 37px; font-weight: 300; margin-top: 25px; }
.visuTxt04 { color: #93cff1; font-size: 33px; font-weight: 900; line-height: 100%; }
.visuTxt05 { color: #fff; font-size: 23px; font-weight: 900; text-align: left; margin-top: 40px; }

h3 { font-size: 28px; font-weight: 600; letter-spacing: -1px; color: #111; text-align: center; }	


/* important_date */
.mContents_wrap { width: 100%; padding: 60px 0; background: url('/images/main/mContents_bg.jpg') 0 0 no-repeat; background-size: cover;}
.mContents { width: 1200px; margin: 0 auto; }
.mContents_wrap h3 { color: #fff; margin-bottom: 45px;}
.important_date_box { padding-top: 110px; margin: -80px auto 0;}
.important_date_box .swiper-wrapper { margin-top: 45px; }
.important_date_info { background: rgba(255,255,255,0.9); height: auto !important; padding: 48px 25px; margin: 50px 0; text-align: center; box-shadow: 3px 3px 5px rgba(0,0,0,0.75); position: relative;}
.important_date { font-size: 25px; font-weight: bold; color: #0069ac; line-height: 120%; }
.important_txt{ font-size: 18px; line-height: 130%; color: #000; margin-top: 30px;	 }
.important_date_first { background: #b6dff5; }
.date_dday { width: 100px; height: 28px; line-height: 28px; font-weight: 600; position: absolute; right: 0px; top: 10px; color: #fff; background: url('/images/main/dday_bg.jpg') 0 0 no-repeat;	 }
.date_dday span { font-weight: 400; }

.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: 17px; font-weight: 300; display: inline-block; cursor: pointer;}
.more span:after { content:''; width: 100%; border-bottom: 1px solid #fff; display: block; margin-top: 5px; }

.mNews_wrap { overflow: hidden; }
.mNews_wrap > div { width: 50%; height: 485px; float: left; padding: 60px 55px; box-sizing: border-box;}
.mNotice { background: #2ba738; }

.mNotice_list { margin-top: 20px; 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: 4px; height: 4px; content:''; display: block; background: #fff; position: absolute; left: 0; top: 13px; }
.mNotice_list li + li { margin-top: 14px; }
.mNotice_txt { float: left; width: calc(100% - 140px); font-size: 17px; position: relative; overflow: hidden;cursor: pointer; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; color: #fff;}
.mNotice_txt:hover { color: #111; }
.mNotice_date { width: 120px; font-size: 17px; text-align: right; float: right; color: #fff;}

.mWelcome { background: #0069ac; }
.mWelcome_txt { text-align: justify; color: #fff; }

/*.contactTable { max-width:800px; }*/
.contactTable img { margin-right: 15px; }
.contactTable th { text-align: left; padding-left: 20px; min-width:100px;}


/* speaker */
.speaker_wrap { padding: 22px 0; }
.speaker_box { width: 1300px; margin: 0 auto; padding: 60px 0; background: #93cff1 url('/images/main/speaker_bg.jpg') 0 bottom repeat-x; }
.speaker_box .speaker { width: 1200px; padding-top: 85px; margin: -40px auto 0; padding-bottom: 10px;}
.speaker .speaker_info { box-shadow: 3px 3px 6px rgba(0,0,0,0.35); background: #fff;  }
.speaker_txt { padding: 40px 15px; text-align: center;}
.speaker_name { font-size: 20px; font-weight: bold; color: #2ba738; line-height: 130%; }
.speaker_name:after { content:''; display: block; width: 1px; height: 26px; margin: 10px auto; background: #a1a1a1; }
.speaker_name span { font-size: 15px; font-weight: bold; color: #16427b; line-height: 130%; }
.speaker_postion{ font-size: 15px; line-height: 130%; color: #363636; margin-top: 15px;	 }
.speaker .swiper-slide { height: auto; }
.speaker .swiper-slide img { width: 100%; }
.speaker {}

.speaker .swiper-button-prev { width: 10px; height: 19px; left: 0px; top: 23px; background: url('/images/main/speaker_prev.png') center no-repeat; }
.speaker .swiper-button-next { width: 10px; height: 19px; right: 0px; top: 23px; background: url('/images/main/speaker_next.png') center no-repeat; }

/* quick_wrap */
.quick_wrap { background: url('/images/main/quick_bg.jpg') 0 0 no-repeat; background-size: cover; padding: 60px 0; }
.quick { width: 1200px; overflow: hidden; margin: 0 auto;	}
.quick li { float: left; width: 270px; height: 240px; display: flex; justify-content: center; align-items: center; flex-direction:column; position: relative; cursor: pointer; transition:0.3s; overflow: hidden; transition: all 0.4s ease-out; box-sizing: border-box; margin-top: -1px; margin-left: -1px; } 
.quick li + li { margin-left: 37px; }
.quick li img { margin-bottom: 15px; transition:0.3s;}
.quick_txt { position: relative; z-index: 9999; display: flex; justify-content: center; align-items: center; flex-direction:column; color: #fff; font-size: 17px; font-weight: 500;  }
.quick li .quick_bg { position: absolute; left:0; right: 0; top: 0; bottom: 0; margin: auto; }
.quick li .quick_bg img { transition:0.3s; width: 100%;	height: 100%; }
.quick li:hover .quick_bg img { transform:scale(1.2)}


/* quick animation */
.quick li:hover .quick_txt img {animation-name:quick-img;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;}


@keyframes quick-img {
	16.65% {
	-webkit-transform: translateY(6px);transform: translateY(6px);
  }
  33.3% {
	-webkit-transform: translateY(-4px);
	transform: translateY(-4px);
  }
  49.95% {
	-webkit-transform: translateY(3px);
	transform: translateY(3px);
  }
  66.6% {
	-webkit-transform: translateY(-2px);
	transform: translateY(-2px);
  }
  83.25% {
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
  }
  100% {
	-webkit-transform: translateY(0);
	transform: translateY(0);
  }
}

/* sponsor_wrap */
.sponsor_wrap { width: 1200px; margin: 0 auto; overflow: hidden; padding: 60px 0; }
.sponsor_wrap h3 { text-align: left; margin-bottom: 45px; position: relative; }
.sponsor_wrap h3 span { position: relative; background: #fff; padding-right: 10px;	 }
.sponsor_wrap h3:after { content:''; width: 100%; height: 1px; background: #8695ad; position: absolute; left: 0; top: 0;bottom: 0; margin: auto 0;display: block; z-index: -1;}

.host_wrap { display: flex; flex-direction:row; justify-content: space-between; align-items: center;  }
.host_wrap > div { width: 47.5%; }
.sponsor .sponsor_list { min-height:50px; display: flex; flex-wrap:wrap; flex-direction:row; justify-content: space-between; align-items: center; }
.sponsor { margin-top: 40px; }

.sponsor_list.sponsor_list_block {  display: flex; flex-wrap:wrap; flex-direction:row; justify-content: flex-start; margin-top: 40px;}
.sponsor_list_block a + a { margin-left: 40px; }
.sponsor_list.sponsors_list a img { margin-bottom: 40px; }  
.sponsor_list.sponsors_list a:nth-child(4), .sponsors_list.sponsors_list a:nth-child(5) { margin-bottom: 0; } 



/*
.sponsor_wrap_list { width: calc(100% - 145px); overflow: hidden; float: left; }
.sponsor_wrap_list li { float: left; margin-right: 36px; }
*/

.spon_price { clear: both; position: relative; }
.spon_price b { font-weight: 500; color: #111; margin-bottom: 15px; }
.spon_price li { position: relative; }
.spon_product { display: inline; position: relative; }
.spon_product:after { content:'-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------'; width: 10000%; position: absolute; left: calc( 100% + 15px); top: 2px; font-weight: 400; color: #666; }
.product_price { width: 60px; position: absolute; right: 0; top: 0; background: #fff; text-align: right;}

/* Footer */
footer { width: 100%; background: #282828; padding: 70px 0;}
.footer_wrap { width: 1200px; height: 260px;  margin: 0 auto; position: relative; overflow: hidden; color: #888888; font-size: 14px; display: flex; justify-content: space-between; align-items: flex-start; }
.footer_left { display: flex; flex-direction:row; justify-content: space-between; align-items: flex-start; }
.footer_logo { margin-right: 20px; } 
.footer_wrap .footer_txt { color: #888888; font-size: 16px; font-weight: 300; }
.footer_wrap .footer_txt a.link { color: #fdf7e6; font-weight: 300; }

.footer_right { height: 100%; display: flex; flex-direction:column; justify-content: space-between; align-items: space-between;  }
.footer_right .footer_email { color: #fff; font-size: 16px; font-weight: 500; }
.footer_right .footer_email input { width: 350px; height: 40px; font-weight: 300; border:1px solid #ddd; padding:8px; margin: 15px 0 6px; box-sizing: border-box;}
.footer_right .footer_button_wrap { text-align: right; }  
.footer_right .footer_button_wrap  button { background: #1b2365; line-height: 40px; width: 170px; border: none; color: #fff; font-size: 15px; transition:0.3s; cursor: pointer; }
.footer_right .footer_button_wrap  button:hover { background: #171d55; }
.footer_wrap .footer_terms { display: flex; flex-direction:row; justify-content: space-between; align-items: space-between; }
.footer_wrap .footer_terms a { display: inline-block; line-height: 40px; text-align: center; width: 170px; transition:0.3s; font-size: 15px; background: #111; color: #fff; }
.footer_wrap .footer_terms a:hover { color: #111; background: #fff; position: relative; z-index: 1; }

.top-btn-wrap { position: fixed; width: 65px; height: 65px; left: 50%; bottom:230px; margin: 0 0 0 660px; z-index: 9999999; box-sizing: border-box; cursor: pointer; display: none;}
.top-btn { width: 65px; height: 65px; background: #464646 url('/images/common/top.png') center no-repeat; opacity: 0.8; transition:0.3s; display: flex; flex-wrap: wrap; justify-content:center; align-items: center; }
.top-btn:hover { background: #393939 url('/images/common/top.png') center no-repeat; }
.top-btn { margin-bottom: 5px; }


/* sVisual */
.sVisual { width:100%; height: 465px; background: url('/images/sub/sVisu.jpg') 0 0 no-repeat; background-size:cover; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; align-items: center; position: relative; font-size: 40px; font-weight: 700;text-shadow: 1px 1px 5px rgba(0,0,0,0.8); line-height: 130%; color: #fff; position: relative; padding-top: 200px; }

.snb_box {width:100%; margin: 255px auto 150px; }
.snb { width: 1200px; height: auto; line-height: 53px; text-align: center; margin: 45px auto 0; }
.snb > li { float: left;  margin-left: -1px; margin-top: -1px; box-sizing: border-box;}
.snb > li > a { width: 100%; height: 53px; line-height: 120%; text-align: center; font-size: 17px; color: #666; box-sizing: border-box; border: 1px solid #d0d0d0; font-weight: 400; position: relative; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; }
.snb > li > a:after {content:''; z-index:-1; position:absolute; left:0; top:0; display:block; width:100%; height:0%; background:#f9f9f9; transition: all 0.3s ease 0s; }
.snb > li > a:hover { color: #111; border-color: #a1a1a1;}
.snb > li.on > a { color: #fff; background: #0069ac; }
.snb > li > a:hover:after,.snb > li > a:focus:after {height:51px; transition: all 0.3s ease 0s;} 

.snb.s2 > li {width:calc(50% + 1px);}
.snb.s3 > li {width:calc(33.3333% + 1px);}
.snb.s4 > li {width:calc(25% + 0.9px);}
.snb.s5 > li {width:calc(20% + 1px);}
.snb.s6 > li {width:calc(33.3333% + 1px);}
.snb.s7 > li {width:calc(14.285% + 1px);}
.snb.s8 > li {width:calc(12.5% + 1px);}

/* sContainer */
.sContainer { width: 100%; height: 100%; margin: 255px auto 150px; overflow: hidden; }
.sContainer .title { width: 1200px; margin: 70px auto; text-align:center; display:block; padding: 0 0 50px; background: url('/images/sub/title_bg.jpg') bottom center no-repeat;}
.sContainer .title h2 {font-size:39px; color:#111; font-weight:700; letter-spacing:-0.5px; line-height:100%; display:block; text-align:center;}

/* sContents */
.sContents { width: 1200px;  margin: 0 auto; min-height:400px; box-sizing: border-box; position: relative; }
h4 {font-size:25px; color:#252525; font-weight:600; line-height:100%; margin: 50px 0 18px; background:url('/images/common/conTitle.jpg') no-repeat left 5px; padding: 2px 0 2px 30px; }
h4 span { color: #0069ab; font-size: 20px; margin-left: 15px; }
h4:nth-child(1) { margin-top: 0; }
h5 { font-size: 20px; margin-bottom:10px; margin:40px 0 18px; font-weight: 500; color: #0069ac; display: inline-block; border-bottom: 1px solid #0069ac; }
.boardTable + h5 { margin-top: 20px; }
.sContents .imgBox { margin-bottom: 20px; }
.sContents .txtBox { text-align: justify;}	

.sub_tab { margin-bottom: 50px; overflow: hidden; padding-top: 1px; padding-left: 1px;}
.sub_tab > li { line-height: 53px; float: left;  margin-left: -1px; margin-top: -1px; box-sizing: border-box;}
.sub_tab > li > a { width: 100%; height: 53px; line-height: 53px; text-align: center; font-size: 17px; display: block; box-sizing: border-box; border: 1px solid #d7d7d7; font-weight: 400; position: relative;}
.sub_tab > li > a:after {content:''; z-index:-1; position:absolute; left:0; top:0; display:block; width:100%; height:0%; background:#f9f9f9; transition: all 0.3s ease 0s; }
.sub_tab > li > a:hover { color: #111; border-color: #a1a1a1;}
.sub_tab > li.on > a { color: #fff; background: #636363; }
.sub_tab > li > a:hover:after,.snb > li > a:focus:after {height:51px; transition: all 0.3s ease 0s;} 

.sub_tab.s2 > li {width:calc(50% + 1px);}
.sub_tab.s3 > li {width:calc(33.3333% + 1px);}
.sub_tab.s4 > li {width:calc(25% + 1px);}
.sub_tab.s5 > li {width:calc(20% + 1px);}
.sub_tab.s6 > li {width:calc(33.3333% + 1px);}
.sub_tab.s7 > li {width:calc(14.285% + 1px);}
.sub_tab.s8 > li {width:calc(12.5% + 1px);}


/* welcome */
.welcome { background: url('/images/sub/welcome_bg.jpg') top center no-repeat; }
.welcome_title { color: #0069ab; font-size: 25px; font-weight: 600; text-align: center; margin-bottom: 70px; }
.welcome_people_wrap {float: right; overflow: hidden; }
.welcome_people { float: left; margin-left: 60px; }
.welcome_people_name { color: #2ba738; font-size: 25px; font-weight: 600;  }
.welcome_people_position { font-size: 15px; line-height: 130%; letter-spacing: -0.2px; }

/* commitees */
.commitees { overflow: hidden; }
.commitees li { width: 100%; overflow: hidden; display: flex; justify-content: flex-start; align-items: flex-start; flex-direction:row; box-sizing: border-box;} 
.commitees_name { width: 270px;  color: #2ba738; font-size: 18px; font-weight: 500; letter-spacing: -1px; }
.commitees_affiliation { width: calc(100% - 270px); color: #000; font-size: 15px; letter-spacing: -0.5px; line-height: 130%; }
.commitees_wrap .commitees_inner { float: left; }
.commitees_wrap .commitees_inner + .commitees_inner { margin-left: 25px; }
.commitees_wrap h4 { margin: 55px 0 18px; }

/* program */
.table-scroll { width: 100%; overflow-x:auto; }
.table-scroll table td {  }

.pro_table tr td { padding: 8px 10px; font-size: 14px; line-height: 120%; word-break:keep-all;}
.pro_darkBlue  { background: #bdd7ee; color: #111; font-weight: 500; }
.pro_sky { background: #eaf4fa; color: #111; font-weight: 500; }
.pro_pink { background: #ffcccc; color: #111; font-weight: 500; }
.pro_green { background: #dcf8e5; color: #111; font-weight: 500; }
.pro_yellow { background: #ffffcc; color: #111; font-weight: 500; }
.pro_darkyellow { background: #fff2cc; color: #111; font-weight: 500;}
.pro_orange { background: #fce4d6; color: #111; font-weight: 500; }
.pro_purple { background: #eae7fd; color: #111; font-weight: 500;}
.pro_brown { background: #d6a07b; color: #111; font-weight: 500; }
.pro_lightpurple { background: #f8d4f5; color: #111; font-weight: 500;}
.pro_red { background: #ff7d7d; color: #111; font-weight: 500;} 
.pro_green { background: #a7e069; color: #111; font-weight: 500;} 
.pro_lightgreen { background: #e2efda; color: #111; font-weight: 500;} 
.pro_lightpink { background: #fcece2; color: #111; font-weight: 500;} 
.pro_gray { background: #fafafa; color: #111; font-weight: 500; }
.pro_realorange { background: #ffd966; color: #111; font-weight: 500; }


/* date */
.date_left { width: 575px; float: left; padding-bottom: 255px; background: url('/images/sub/important_bg.jpg') bottom center no-repeat;}
.date_right { width: 555px; float: right; }

.date_left li { width: 100%; color: #fff; font-size: 19px; font-weight: 600; background: #0069ac; border-radius: 10px; padding: 15px 30px; margin-bottom: 15px; }
.date_left li span { color: #ffc000;  }
.important { overflow: hidden; }
.date_round { width: 105px; height: 105px; border: 1px solid #828282; border-radius: 105px; display: flex; justify-content: center; align-items: center; float: left; }
.date_txt { width: calc(100% - 135px); float: right; }
.date_txt b { color: #111; }

/* Topic */
.grayBox { background: #efefef; padding: 10px; } 
.topic_title {font-size:25px; font-weight:600; margin: 50px 0 18px; color: #252525;}
.topic_title span { display: inline-block; background: #0069ac; color: #fff; border-radius: 5px; padding: 3px 10px; margin-right: 10px; }

/* sSpeaker */
.sSpeaker { margin-top: 10px; border-top: 1px solid #d4d4d4; }
.sSpeaker > li { border-bottom: 1px solid #d4d4d4; padding: 50px 0; overflow: hidden;}
.sSpeaker_img { width: 180px; float: left; margin-right: 50px;}
.sSpeaker_txt_wrap { width: 832px; float: left; position: relative; }
.sSpeaker_txt { padding: 40px 15px; text-align: center;}
.sSpeaker_name { font-size: 25px; font-weight: bold; color: #2ba738; line-height: 138%; }
.sSpeaker_position { font-size: 17px; color: #1b2365; margin: 10px 0; }
.sSpeaker_down { width: 150px; height: 36px; background: #0069ac; color: #fff; border: 3px solid #0069ac;border-radius: 5px; display: flex; justify-content: center; align-items: center; flex-direction:row; transition:0.2s; cursor: pointer;}
.sSpeaker_down img { margin-left: 15px; }
.sSpeaker_down:hover { background: #fff; color: #0069ac; }
.sSpeaker_title { color: #0069ac; font-size: 18px; font-weight: 500; margin-top: 35px; }
.speaker_txt_right { position: absolute; right: 0;top: 0; }
.sSpeaker_keynote .sSpeaker_img { margin-bottom: 10px; }
.keynote_title { clear: both; width: 100%; text-align: center; border: 1px solid #dfdfdf;padding: 10px; }

/* invited speaker */
.invited_img_wrap { overflow: hidden; }
.invited_img_wrap .imgBox { float: left; margin-right: 30px; }

/* event_img */
.event .dotList { margin-top: 10px; }
.event .dotList li { margin-bottom: 0; }
.event_img { width: 280px; }
.event_txt_wrap { width: 870px; text-align: justify; }
.event_txt_wrap .dotList li span { font-weight: 600; }

/* tour_process */
.tour_process { display: flex; justify-content: space-between; align-items: stretch; flex-wrap:wrap;  }
.tour_process li { width: 250px; background: #efefef; color: #222; box-sizing: border-box; transition:0.3s; position: relative; box-sizing: border-box; margin-bottom: 15px;  }
.tour_process li img { width: 100%; box-shadow: 5px 5px 8px rgba(0,0,0,0.1); }
.tour_process li.regi_dot { width: 35px; padding: 0; display: block; background: url('/images/sub/tour_arr.png') center no-repeat; border: 0; background-size: 30px;}

.tour_list { margin-top: 50px; }
.tour_list li { background: #efefef; display: flex; justify-content: space-between; align-items: stretch; flex-wrap:wrap; padding: 30px; box-sizing: border-box; }
.tour_img { width: 400px; }
/*.tour_img img { height: 100%; }*/
.tour_txt { width: calc(100% - 430px); }
.tour_tit { font-size: 25px; color: #111; font-weight: 500; margin-top: -7px;}

.tour_list .btn_over {  border: 2px solid #0069ac !important; border-radius: 0; background: #0069ac !important; margin-top: 20px;}
.tour_list .btn_over a { width: 120px; display: block; height: 100%; padding: 7px 20px; color: #fff !important; line-height: 140%; } 
.tour_list .btn_over:before { background: #fff !important; }
.tour_list .btn_over:hover a {  color: #0069ac !important; position: relative;	}


/* regi_process */
.regi_process { display: flex; justify-content: space-between; align-items: stretch; flex-wrap:wrap;  }
.regi_process li { width: 200px; padding: 15px 20px 25px; background: #efefef; color: #222; box-sizing: border-box; transition:0.3s; display: flex; justify-content: space-between; flex-direction:column; position: relative; box-sizing: border-box;}
.regi_process li.regi_dot { width: 35px; padding: 0; display: block; background: url('/images/sub/process_dot.jpg') center no-repeat; border: 0;}
.process_txt1 { font-size: 20px; font-weight: 600; letter-spacing: -0.5px; text-align: right; color: #0069ac;}
.process_txt2 { font-size: 20px; font-weight: 600; color: #111; letter-spacing: -1px; line-height: 115%; margin-top: 15px; }

/*sponsor_list*/
.sponsor_list { margin-top: 0; }
.sponsor_list .sSpeaker_img { width: 215px; margin-bottom: 10px;}  
.sponsor_list .sSpeaker_txt_wrap { width: 932px; }
.sponsor_list .sSpeaker_txt_wrap b { color: #111; font-weight: 500; margin-top: 15px; display: block;}
.sub_sponsor img { max-width:100%;  margin-right: 20px; margin-bottom: 20px; }


.sponsorship_title { font-size: 25px; font-weight: 600; margin-bottom: 10px; }
.Platinum { color: #7f7f7f; }
.Gold { color: #bf9000; }
.Silver { color: #c7c7c7; }
.Bronze { color: #7f6000; }

.sponsorship_title + div { min-height:60px; margin-bottom: 20px; }
.sponsorship_title + div img { margin-right: 30px; margin-bottom: 20px;}


.seoul_img_wrap {}

/* ȸ¿ø°¡ÀÔ ¾È³» */
.mem_guide .boardTable tr td { word-break:keep-all; }
.mem_guide .payment_guide { font-size: 14px; }
.mem_guide .ruleBtn { padding: 7.5px 5px !important; }
.mem_guide .ruleBtn img { margin-right: 5px; vertical-align: top; }

@keyframes quick-img {
  16.65% {-webkit-transform: translateY(6px);transform: translateY(6px);}
  33.3% {-webkit-transform: translateY(-4px);transform: translateY(-4px);}
  49.95% {-webkit-transform: translateY(3px);transform: translateY(3px);}
  66.6% {-webkit-transform: translateY(-2px);transform: translateY(-2px);}
  83.25% {-webkit-transform: translateY(0px);transform: translateY(0px);}
  100% {-webkit-transform: translateY(0);transform: translateY(0);}
}


.policyTxt {word-break:keep-all; padding:30px;}
.policyTxt p.policyTitle {font-size:22px; color:#333; font-weight:600; margin-bottom:20px; padding:0 0 10px 30px; border-bottom:1px solid #ddd; background:url('../images/common/policyDot.gif') no-repeat left 10px;}
.policyClose > a {width:50px; height:30px; line-height:30px; text-align:center; background:#bbb; font-size:10px; font-weight:bold; color:#fff; position:absolute; top:35px; right:30px;}
.policyClose > a:hover {background:#999; text-decoration:none;}

.memberEdit_education { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-around; align-items: center; }
.memberEdit_education li { width: 32%; }

.mem_guide .dotList li { background: none; position: relative; }
.mem_guide .dotList li:before { content:'-'; position: absolute; left: 0; top: 0; }


.btn_over:before { display: block; content:''; width: 120%; height: 100%; position: absolute; left: 0; top: 0; background: #000; -webkit-transform-origin: right top; -ms-transform:translateX(-101%) skewX(-17.620001deg); transform: translateX(-101%) skewX(-17.620001deg); -webkit-transform-origin: right top; -ms-transform-origin: right top; 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: 1px solid #000; background: #fff; cursor: pointer; position: relative; overflow: hidden; transition: color .55s; text-align: center; border-radius: 20px; }
.btn_over:hover a { color: #fff; }
.btn_over:hover::before { background: #000; -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; width: 100%; height: 100%; position: relative; z-index: 100; transition: color .55s;}

.down_wrap { overflow: hidden; text-align: center;  }
.main_down_wrap { display: flex; flex-direction:row; justify-content: space-between; align-items: stretch; }
.file_down.btn_over {  border: 3px solid #0069ac !important; border-radius: 50px; background: #0069ac !important; }
.file_down.btn_over a { width: 330px;display: block; height: 100%;  padding: 10px 90px 10px 50px; color: #fff !important; background: url('/images/sub/pg_down_ov.png') 85% center no-repeat !important; line-height: 140%; display: flex; justify-content: center; align-items: center; } 
.file_down.btn_over:before { background: #fff !important; }
.file_down.btn_over:hover a {  background: transparent url('/images/sub/pg_down.png') 85% center no-repeat !important; color: #0069ac !important; position: relative;	}

.platform_btn.btn_over { width: calc(100% - 350px);  border: 3px solid #2ba738 !important; border-radius: 50px; background: #2ba738 !important; }
.platform_btn.btn_over a { width: 100%; height: 100%;  padding: 30px 90px 30px 50px; color: #fff !important; background: url('/images/main/more_arr.png') 90% center no-repeat !important; line-height: 140%;  display: flex; flex-direction:row; justify-content: center; align-items: center; font-size: 20px; } 
.platform_btn.btn_over:before { background: #fff !important; }
.platform_btn.btn_over:hover a {  background: transparent url('/images/main/more_arr_ov.png') 90% center no-repeat !important; color: #2ba738 !important; position: relative;	}


/* korea_culture */
.koreaImg { display: flex; flex-direction:row; justify-content: space-between; align-items: flex-start;  }
.seoul_img_wrap { overflow: hidden; }
.seoul_img_wrap .imgBox { float: right; margin-left: 30px; }

.korea_culture { margin-bottom: 30px; display: flex; flex-direction:row; justify-content: space-between; align-items: stretch;  }
.korea_culture > li { width: 285px; height: auto; padding:15px; border:1px solid #ddd; box-sizing: border-box;}
.korea_culture > li img {width:100%; margin-bottom:15px; background:#f9f9f9;}
.korea_culture > li .korea_title { font-size: 25px; color: #2ba738; font-weight: 600; }
a.blue_more { color: #0069ac; transition:0.3s; font-size: 17px; font-weight: 400;}
a.blue_more:hover { color: #252525; }
.blue_more .blue_arr { margin: -3.5px 30px 0 10px; }

.korea_video { display: flex; flex-direction:row; justify-content: flex-start; align-items: flex-end; }
.korea_video .imgBox { transition:0.3s; }
.korea_video:hover .imgBox { opacity: 0.8; }
.korea_video .blue_more { display: block; margin-bottom: 20px; margin-left: 50px; }


/* venue */
.venue_txt_wrap { overflow: hidden; }
.venue_imgBox01 { float: right; margin-left: 30px; }
.venue_imgBox02 { width: 641px; float: left; margin-right: 30px; }
.venue_txtBox { width: 510px; float: right; }
.venue_title { font-size: 100px; color: #0069ac; font-weight: 600; font-style: italic; margin: -25px 0 35px; line-height: 120%; letter-spacing: -1px;}
.venue_title span { font-size: 25px; color: #252525; display: block; line-height: 70%; }

/* transportation */
.transLogo { text-align: center; margin-top: 30px;	 }
.transLogo a + a { margin-left: 30px; margin-bottom: 10px;}


/* Accommodation */
.accomo_iframe { width: 100%; height: 450px; border: 0; }
.accomoTable_wrap { display: flex; flex-direction:row; justify-content: space-between; align-items: flex-start; margin-top: 10px;}
.accomoTable_wrap .accomoTable tr td { padding: 0 5px 10px 5px; }
.accomoTable_wrap .boardTable { width: calc(100% - 650px); }
.accomoTable .btn_over {  border: 2px solid #aaa !important; border-radius: 0; background: #aaa !important; }
.accomoTable .btn_over a { width: 150px; display: block; height: 100%; padding: 7px 20px; color: #fff !important; line-height: 140%; } 
.accomoTable .btn_over:before { background: #fff !important; }
.accomoTable .btn_over:hover a {  color: #aaa !important; position: relative;	}


.greetingTable { border-top: 0; }
.greetingTable b:nth-child(1) { color: #111; font-weight: 600; font-size: 18px; }
.greetingTable b:nth-child(5) { color: #111; font-weight: 600; font-size: 16px; }
.greetingTable td { background: #deebf7; border: 2px solid #fff; }

.billTable b { color: #111; font-weight: 600; display: block; margin-top: 10px;}

.click { display: inline-block; padding: 10px 0 55px; position: relative; margin: 0 0 20px;}
.click a { display: block; padding: 10px 110px 10px 20px; background: #0069ac; border: 3px solid #0069ac; border-radius: 12px; font-size: 20px; color: #fff; transition:0.3s; }
.click a:hover { background: #fff; color: #0069ac; }
.click a:after { width: 75px; height: 75px; background: url('/images/sub/click_bg.png') 0 0 no-repeat; content:''; display: block; position: absolute; bottom: 0; right: 15px; z-index: 99; }


.flexBox { display: flex; flex-direction:row; justify-content: flex-start; align-items: flex-start;  color: #fff; cursor: pointer; box-sizing: border-box; transition:0.3s; text-align: center; }
.flexBox div { text-align: left; }