@charset "utf-8";

@import url('common.css');
@import url('layout.css');
@import url('font.css');
@import url('btn.css');
@import url('tbl.css');



#ready_wrap {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); z-index: 99999;}
#ready_wrap p {position: absolute; top: 50%; left: 50%; margin-left: -200px; width: 537px;   -webkit-transform:translateY(-50%); transform:translateY(-50%); z-index: 1;}

@media all and (max-width:486px){
	#ready_wrap p {width: 90%; left: 5%; margin-left: 0;}
}

/*관리자버튼*/
.btnAdm { display:inline-block; background: #696969; color: #FFF!important; font-family: tahoma,sans-serif; font-size: 10px; padding: 1px 5px; vertical-align: middle; border-radius: 4px; text-transform: uppercase; line-height:15px;}
.btnAdm.btnTs { background:#fff !important; color:#fff !important; }

.notxt strong { display:block; margin-bottom:20px; font-size:23px; }

/*탭버튼*/
.tab { margin-bottom:30px;}
.tab li { float: left; padding-bottom: 5px; width:50%;}
.tab li span { display: block; position: relative; padding: 12px 10px; border: 1px solid #ddd; background-color: #fff; font-size: 16px; color: #888; font-weight:500; text-align: center; cursor: pointer;}
.tab li span:after { display:none; content:""; position: absolute; left:50%; bottom:-16px; margin-left:-7px; border:7px solid transparent; border-top:7px solid #3c5c99;}
.tab li + li span { border-left: none;}
.tab li span.on { color: #3c5c99; border-bottom-color: #3c5c99; border-bottom-width: 3px;}
.tab li span.on:after { display:block; }
.tab.wd2 li { width:50%; }

.stabmenu { margin-bottom:50px; text-align: center; }
.stabmenu li { display:inline-block; margin:0 10px;}
.stabmenu li a { display:block; padding:5px 50px; border:1px solid #ddd; font-size:16px; 	}
.stabmenu li.on a { border-bottom:3px solid #3c5c99; color:#3c5c99;}

.s_tabmenu { margin-bottom:50px; text-align: center; }
.s_tabmenu li { display:inline-block; margin:0 3px;}
.s_tabmenu li a { display:block; padding:5px 30px; border:1px solid #ddd; font-size:16px; background-color: #ccc; color: #fff; border-radius:100px;	transition:.25s;}
.s_tabmenu li.on a,
.s_tabmenu li a:hover{ background-color: #3a97e9;}


/*-----SUB - 프로그램-----*/
.program dl dt { margin-bottom:10px; padding:12px 0; background: #5ba7d8; font-size:18px; color:#fff; font-weight:500; text-align: center;}
.program .session > span {font-size:14px;color: #eb8e23;font-weight:700;}
.program .session > p { font-size:16px; font-weight:500; }
.program .session > p > span { font-size:15px; color:#666; }
.program .bul_st02 li { margin:3px 0; }
.program .ss_speaker { font-size:14px; color:#666; font-weight:500; }



/*-----SUB - 등록-----*/
.stepbox {padding:20px 0 40px;margin-bottom:50px;border-bottom:1px solid #ddd;text-align: center;}
.stepbox ol {margin:0 auto; max-width:800px;}
.stepbox ol li {float:left; position: relative; margin: 0 1%; width: 48%; text-align:center; line-height:18px;}
.stepbox ol li > div { position: relative;}
.stepbox ol li .ico{margin: 0 auto 10px;width: 120px;height: 120px;border-radius: 120px;}
.stepbox ol li.step01 .ico {background: #888 url(/img/ico/ico_step01.png) no-repeat 57% center;}
.stepbox ol li.step02 .ico { background: #888888 url(/img/ico/ico_step03.png) no-repeat 51% center;}
.stepbox ol li p{ padding-bottom:5px; font-size: 15px; color: #888888; font-weight: bold; font-family:'Roboto',sans-serif; text-transform: uppercase;}
.stepbox ol li span {font-size: 18px;color: #999;font-weight:500;font-family:'Noto Sans KR',sans-serif;}
.stepbox ol li span.arr{ display: block; position: absolute; top: 28%; left: -8%; width: 11px; height: 25px; background: url(/img/bu/bu_arrow_step.png) no-repeat center;}
.stepbox ol li.on .ico{background-color: #358bc6!important;}
.stepbox ol li.on p,
.stepbox ol li.on span {color: #358bc6!important;}

.reg h3 { font-size:20px;}
.reg .top_prog { text-align: center; padding: 20px 0 50px }
.reg .sec01 { /*padding: 0 2% 30px; border: 1px solid #ccc;  background-color: #fafafa; */ }
.reg .sec01 .textarea_wrap h3 { font-size: 15px;color: #333;/* border-left: 3px solid #0083CD; */line-height: 1;/* padding-left: 5px; */font-weight:600;padding: 15px 0;}
.reg .sec01 .textarea_wrap>div {overflow: auto;/* white-space: pre-line; */background: none;max-height: 150px;padding: 0 2% 15px 2%;background-color: #f2f8fa;font-size: 13px;}
.reg .sec01 .textarea_wrap>div>div{padding: 0 10px 10px 0;}
.reg .sec01 .textarea_wrap>div>div>div{padding: 0 10px;}
.reg .sec01 .textarea_wrap>div>div>div>div{padding: 0 10px;}
.reg .sec01 .textarea_wrap>div>div ul{padding: 0 10px;}
.reg .sec01 label {line-height: normal;color: #111;font-size: 14px;}
.reg .sec02 { padding-top: 30px; }

.reg .sec02 .formwrap { border-top:1px solid #333; }
.reg .sec02 .formwrap .formarea { display:table; width:100%;}
.reg .sec02 .formwrap .left { display:table-cell; width:25%; padding: 15px 10px; background:#f4f4f4; border: 1px solid #ccc; border-top:none; font-size: 15px;line-height: 1.5; vertical-align: middle;}
.reg .sec02 .formwrap .right { display:table-cell; width:75%; padding: 15px 10px; border: 1px solid #ccc; border-left:none; border-top:none; vertical-align: middle;}

.reg .sec02 .textarea_st01 { display:block; width:100%; min-height:150px; background:#fff; border-radius:0; border:1px solid #ccc; font-size:14px; line-height:20px; box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; -o-appearance:none; appearance:none;}
.reg .sec02 .formwrap .formarea .input_st01 { display:inline-block; max-width:200px; width:100%; padding:10px; height:40px; background:#fff; border-radius:0; border:1px solid #ccc; line-height:20px; box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; -o-appearance:none; appearance:none; font-size:13px;}
.reg .sec02 .formwrap .formarea .select_st01 { display:inline-block; padding:2px 5px; max-width:200px; width:100%; height:40px; border:1px solid #ccc; line-height:40px; box-sizing: border-box; -webkit-box-sizing: border-box;}
.reg .sec02 .formwrap .formarea .mailform .input_st01 { max-width:150px; }
.reg .sec02 .formwrap .formarea .mailform .select_st01 { max-width:150px; }

.reg .sec02 .formwrap .formarea .callform .input_st01 { max-width:100px; }




.reg .sec02 .top_txt02 { border: 1px solid #0093E9; padding: 10px; margin-bottom: 20px; background: #FFF7EE; }
.reg .sec02 h5, .reg .sec02 h4 { font-size: 18px; }

.form_success{ padding:50px 30px; border:1px solid #ddd;}
.form_success strong{ display: block; padding-bottom: 0px; font-size: 24px; color: #08639c;}

/*모시는 글*/
.invite .sec01 { padding-bottom:30px; }
.invite .sec01 strong { display:block; font-size:25px; color:#2d5586; font-weight:500; line-height:35px; word-break: keep-all; }
.invite .sec02 { word-break: keep-all;}

/* 온라인 워크숍 */
.workshop .con_wrap {padding: 60px; margin-top: 60px; background-color: #f2fbfe;  }
.workshop .con_wrap .con {margin-bottom: 40px;}
.workshop .con_wrap .con_tit {display: inline-block; width: 270px;height: 50px; line-height: 50px;  border-radius:60px; text-align: center; background-color: #f9b233; color: #fff;font-size: 22px; font-weight: 500; margin-bottom: 20px; }

.workshop .con1 {font-size: 0;}
.workshop .con1 .lt,
.workshop .con1 .rt {display: inline-block; vertical-align: top; width: 50%; font-size: 18px; color: #333;}
.workshop .con1 dl:first-child { margin-bottom: 30px;}
.workshop .con1 .lt dl:first-child { margin-bottom: 60px;}
.workshop .con1 dl img {display: inline-block; padding: 0 5px;}
.workshop .con1 dt {font-size: 22px; font-weight: 700;}
.workshop .con1 dd {line-height: 1.7;}
.workshop .con1 .rt dd p:first-child {margin-bottom: 10px;}
.workshop .con1 .rt dd p span {display: inline-block;}
.workshop .con1 .rt dd p span.txt { width: 115px; border: 1px solid #333; border-radius:50px; text-align: center; line-height: 30px;}
.workshop .con1 .rt dd p span.icon {min-width: 80px;}

.workshop .workshop_list {margin: 0 -23px;}
.workshop .workshop_list li { float: left; width: calc(33.33% - 46px); margin: 0 23px; background-color: #fff; padding: 30px 40px 50px; text-align: center; position: relative;}
.workshop .workshop_list li:after {content:''; display: block; width: 28px; height: 100%; background: url('/img/common/m2_arr.png') 0 50% no-repeat; position: absolute; top: 0; left: -36px;}
.workshop .workshop_list li:first-child:after {display: none;}
.workshop .workshop_list li h3 {margin: 18px 0; text-align: center; border-radius:50px; padding: 3px 0; background-color: #312783; color: #fff; font-size: 18px; font-weight: 500; letter-spacing: -1px;}
.workshop .workshop_list li p {font-size: 18px; line-height: 1.5; color: #666; letter-spacing: -1px;}
.workshop .con + .btn_wrap {text-align: center;}
.workshop .con + .btn_wrap a {display: inline-block; padding: 15px 55px; border-radius:50px; background-color: #28bbed; /* background: url('/img/common/main_sec2_btn.jpg') 0 0 no-repeat; background-size:auto 100%; */ color: #feff95; font-size: 20px; font-weight: 500; transition:.25s;}
.workshop .con + .btn_wrap a:hover {background-color: #312783;color: #fff;}

/*오시는 길*/
.mapbox { padding:30px 0; margin-bottom:30px; border:1px solid #ddd; }
.loca_info { overflow: hidden; padding: 0 0 30px;}
.loca_info .fl,
.loca_info .fr { width: 49%; border-top:1px solid #dbdbdb;}
.loca_info dl { border-bottom: 1px solid #dbdbdb; background-color: #fff; }
.loca_info dl:after { content:""; display:block; clear: both; }
.loca_info dt,
.loca_info dd { padding:10px 0; font-size: 15px; }
.loca_info .bg {background:#e9ffea;}
.loca_info dt { float: left; width:100px; zoom: 1; color: #2d5586; text-align: center;}
.loca_info dd { padding-left:120px; color: #333;}

/* ADMIN */
.adm { width: 100%; height: 100%; position: relative; background-color: #666666 }
.adm .box_login {/*  width: 360px; height: 200px; */ width: 500px; height: 300px; position: relative; top: 330px; margin: 0 auto; background: url(/img/login_bg.png) no-repeat; padding: 150px 72px 0; overflow: hidden; }
.adm .box_login ul { float: left; width: 291px; }
.adm .box_login ul li { padding: 2px 0; }
.adm .box_login ul li input { width: 190px; display: inline-block; zoom: 1; *display: inline}
.adm .box_login b { display: inline-block; zoom: 1; *display: inline; width: 70px; }
.adm .box_login p { float: left; padding-top: 5px; }


/*댓글이벤트*/
.comment_event { padding:40px 0 20px; }
.comment_event h3 { margin-bottom:10px; }
.comment_event textarea { padding:5px 10px; width:100%; border:1px solid #ddd; font-size:14px;}
.comment_event .txt01 { margin-bottom:20px; padding:20px; border:1px solid #ddd; background:#f4f4f4; font-size:18px; line-height:28px;}
.comment_event .txt01 .color01 { color:#5698ff; font-weight:500;}
.comment_event .txt01 .color02 { color:#ff9232; font-weight:500;}
.comment_event .txt02 { margin-top:20px; padding:15px 20px 20px; background:#d48161; }
.comment_event .txt02 li {position: relative; padding-left: 15px; margin:5px 0; color:#fff; line-height:24px;}
.comment_event .txt02 li:before{content: '*'; position: absolute; left: 0; top: 2px; color:#fff;}
.comment_event .txt02 li span {color:#fcfa55;}


/*댓글이벤트 페이징*/
.pg_nav a,
.pg_nav b{display:inline-block;zoom:1;*display:inline;vertical-align:top;width: 25px;height: 25px;border: 1px solid #ccc;background: #fff;font-size:14px;color:#333;line-height:24px;}
.pg_nav b.on{border-color: #404040 !important;background: #404040 !important;color:#fff !important;}
.pg_nav a.pg_first{overflow: hidden;text-indent: -9999px;background: #fff url(/img/bu/bu_left.png) no-repeat center;}
.pg_nav a.pg_last{overflow: hidden;text-indent: -9999px;background: #fff url(/img/bu/bu_right.png) no-repeat center;}
.pg_nav a.pg_sm_first{overflow: hidden;text-indent: -9999px;background: #fff url(/img/bu/bu_sm_left.png) no-repeat center;}
.pg_nav a.pg_sm_last{overflow: hidden;text-indent: -9999px;background: #fff url(/img/bu/bu_sm_right.png) no-repeat center;}


/*연사소개*/
.speakers h3 { margin:0 1% 5px; font-size:20px; font-weight:500; }
.speakers > div { margin-bottom:30px; }
.speakers .sp_list > li { float:left; margin:0 1% 15px; width:23%;}

.profile { padding:20px; border:1px solid #ddd; cursor:pointer;}
.profile .img { padding:0 10px; text-align: center;}
.profile:hover { border-color:#0f5cbb99;}
.profile .txt dl { display:none;}
.profile .title { padding-top:15px;text-align:center;}
.profile .title > span.ss { font-size:14px; color:#eb8e23; font-weight:400; line-height:16px;}
.profile .title > p.sstit { display:none; }
.profile .title > p.affi { min-height:40px; font-size:14px; color:#666; font-weight:400; line-height:18px; height: 36px; overflow: hidden; word-break:keep-all;  overflow: hidden; text-overflow: ellipsis; /* 여러 줄 자르기 추가 스타일 */ white-space: normal;  word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.profile .title > p.name { margin-bottom:7px; font-size:19px; font-weight:500; line-height:20px;}


/*연사팝업*/
.popMask { background: #000; opacity: .7; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; display: none;}
.pop { display: none; overflow: auto; position: fixed; top: 10%; left: 50%; padding: 60px 25px 50px; margin: 0px 0 0 -350px; max-width: 700px; width:100%; min-height:400px; height:50%; background: #fff; z-index: 10000;}

.pop .popClose { position: absolute; top: 20px; right: 20px; width: 30px; height: 30px; background:url(/img/ico/ico_close.png) no-repeat center; cursor: pointer;}
.pop .profile { padding:0; border:none; cursor: initial; }
.pop .profile:after { content:""; display:block; clear:both; }
.pop .profile:hover { border-color:initial;}
.pop .profile .img { float:left; width:30%; padding:0;}
.pop .profile .txt { float:right; width:65%; }
.pop .profile .txt dl { display:block;}
.pop .profile .txt .title { padding:0 0 20px; margin-bottom:20px; border-bottom:1px dotted #ccc; text-align: left;}
.pop .profile .txt .title > span.ss { font-size:16px; color:#eb8e23; font-weight:400; line-height:14px;}
.pop .profile .txt .title > p.sstit { display:block; margin-bottom:15px; font-size:23px; line-height:28px; font-weight: 700; color: #2c328c ; word-break: keep-all;}
.pop .profile .txt .title > p.name { margin-bottom:10px; font-size:20px; font-weight:500;}
.pop .profile .txt .title > p.affi { font-size:15px; color:#666; font-weight:400; line-height:1.5; word-break:keep-all; word-wrap:break-word;}
.pop .profile .txt dl { margin-bottom:10px; }
.pop .profile .txt dl dt { margin-bottom:5px; font-size:16px; color:#3c5c99; font-weight:500; }
.pop .profile .txt dl dd li { margin-bottom:5px; }

.invite  {max-width:1000px; margin: 0 auto;}

/* 등록안내 */
.online_wrap .con_wrap {padding: 60px; margin-top: 40px; background-color: #f2fbfe;  }
.online_wrap .con_wrap .con {margin-bottom: 40px;}
.online_wrap .con_wrap .con_tit {display: inline-block; width: 170px;height: 50px; line-height: 50px;  border-radius:60px; text-align: center; background-color: #f9b233; color: #fff;font-size: 22px; font-weight: 500; margin-bottom: 20px; }
.online_wrap .con + .btn_wrap {text-align: center;}
.online_wrap .con + .btn_wrap a {display: inline-block; padding: 15px 55px; min-width:300px; text-align: center; border-radius:50px; background-color: #28bbed; /* background: url('/img/common/main_sec2_btn.jpg') 0 0 no-repeat; background-size:auto 100%; */ color: #feff95; font-size: 20px; font-weight: 500; transition:.25s;}
.online_wrap .con + .btn_wrap a:hover {background-color: #312783;color: #fff;}


/* 히스토리 */
.pastevent_wrap {}
.pastevent_wrap .pastevent .poster_wrap {display: inline-block; vertical-align: middle; width: 30%;}
.pastevent_wrap .pastevent .tbstyle04 {display: inline-block; vertical-align: middle;  margin-left: 20px; width: calc(70% - 25px);}

.pastevent_wrap .btn_down {display: inline-block; width: 200px;  height: 50px; border-radius:60px; line-height: 50px; background-color: #3a97e9; color: #fff; font-size: 18px; transition:.25s;}
.pastevent_wrap .btn_down:hover {background-color: #333;}


@media all and (max-width: 1200px) {
	.inner { padding:0 15px; width:100%; }
	 #main .visual .vslider .slide1 .conwrap { margin:0 20px; width:auto; }

	 #main .section02 ul li {padding: 30px;}
	 #main .section02 ul li h3 {font-size: 16px;}
	 #main .section02 ul li p {font-size: 16px; word-break:keep-all;}

	 #sub .sub_contents .inner {  padding:50px 15px 100px; width:auto; min-height:auto; }

	.workshop .con_wrap {padding:40px 20px;}
	.workshop .con_wrap .con_tit {font-size: 20px; height: 45px; line-height: 45px;}

	.workshop .con1 .lt, .workshop .con1 .rt {font-size: 16px;}
	.workshop .con1 dt {font-size: 20px;}

	 .workshop .workshop_list li {padding: 30px;}
	 .workshop .workshop_list li h3 {font-size: 16px;}
	 .workshop .workshop_list li p {font-size: 16px; word-break:keep-all;}

	.online_wrap .con_wrap {padding:40px 20px;}
	.online_wrap .con_wrap .con_tit {font-size: 20px; height: 45px; line-height: 45px;}
}
@media all and (max-width: 1024px) {
  #main .visual .vslider .slick-prev { left:20px; }
  #main .visual .vslider .slick-next { right:20px; }
  #main .visual .vslider .slick-arrow { background-color:#ddd; }

  #main .visual .vslider .slick-slide.slide1 { }

  
  

  .loca_info .fl,
  .loca_info .fr { float:none !important; width:auto; }
  .loca_info .fr { border-top:none; }

  .speakers .sp_list > li { width:31.3333%; }

  .pop { left:3%; margin:0; padding:0; max-width:none; width:94%; }
  .pop .popCont { padding:50px 20px;}
  .pop .profile .img { width:25%; }
  .pop .profile .txt { width:70%; }

  #mw_basic .gall_list div.gall_subject { width:100% !important; }
 
  
  #main .section01 .fl,
  #main .section01 .fr { float:none !important; width:auto; }
  #main .section01 .fr { margin-top:50px; text-align: center;}
  #main .section01 .fr .btn_type04 { padding:50px 20px 50px 100px; background-position: 40% center;}
  #main .section01 .slick-dots li { margin:0 3px; }
  #main .section01 .slick-dots li button { width:7px; height:7px; }

	.star_list,
	.bar_list {font-size: 16px;}
	#main .section02 ul li {float: none; width: 70%; margin: 50px auto; min-height: auto;}
	#main .section02 ul li p.icon {display: inline-block; vertical-align: middle;width: 230px;}
	#main .section02 ul li .txt_wrap {display: inline-block; vertical-align: middle; width: calc(100% - 235px);padding-left: 30px; text-align: left;	}
	#main .section02 ul li .txt_wrap h3 {display: inline-block; width: 150px;padding: 3px 15px; }
	#main .section02 ul li:after {width: 28px; height: 45px; left: 50%; top: -46px; margin-left: -14px; -webkit-transform:rotate(90deg); transform:rotate(90deg);}
	#main .section02 ul + p a {font-size: 18px; padding: 10px 35px;}

	.workshop .con1 .lt,
	.workshop .con1 .rt {display: block; width: 100%;}
	.workshop .con1 .lt {margin-bottom: 30px;}
	.workshop .con1 .lt dl:first-child {margin-bottom: 30px;}
	.workshop .workshop_list li {float: none; width: 70%; margin: 50px auto;}
	.workshop .workshop_list li p.icon {display: inline-block; vertical-align: middle;width: 230px;}
	.workshop .workshop_list li .txt_wrap {display: inline-block; vertical-align: middle; width: calc(100% - 235px);padding-left: 30px; text-align: left;	}
	.workshop .workshop_list li .txt_wrap h3 {display: inline-block;padding: 3px 15px; }
	.workshop .workshop_list li:after {width: 28px; height: 45px; left: 50%; top: -46px; margin-left: -14px; -webkit-transform:rotate(90deg); transform:rotate(90deg);}
	.workshop .con + .btn_wrap a {font-size: 18px; padding: 10px 35px;}

	.online_wrap .con + .btn_wrap a {font-size: 18px; padding: 10px 35px;}
}


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

  #footer .inner .fl,
  #footer .inner .fr { float:none !important; width:auto; text-align: center;}
  #footer .inner .fr { margin:30px 0 0; }
  #footer .inner .info {text-align: center;}

  .invite .sec01 strong { font-size:20px; line-height:1.5; }
  .invite .sec02 { font-size:14px; line-height:1.8; }

  .tbstyle02 > table th,
  .tbstyle02 > table td { font-size:14px; }

  .comment_event .txt01 { font-size:16px; line-height:25px; word-break: keep-all;}
  .comment_event .txt02 li { font-size:15px; word-break: keep-all;}

  #main .visual .vslider .slick-slide { height:auto; }
  #main .visual .vslider .slide1 { background:url(/img/common/bg_slide01_m.jpg) no-repeat 20% center; background-size:cover;}
  #main .visual .vslider .slide1 .conwrap { height:auto; }
  #main .visual .vslider .slide1 .conwrap .left { position:static; margin:0; padding:50px 0 0; width:auto; height:auto; -webkit-transform:translateY(0); transform:translateY(0);}
  #main .visual .vslider .slide1 .conwrap .left img { max-width:320px; }
  #main .visual .vslider .slide1 .conwrap .right { position:static; width:auto; height:auto;-webkit-transform:translateY(0); transform:translateY(0);}
  #main .visual .vslider .slide1 .conwrap .right img { max-width:350px; }

	#main .section02 ul li {width: 100%; font-size: 0;}
	#main .section02 ul li p.icon {width: 30%;}
	#main .section02 ul li .txt_wrap {width: 70%; padding-left: 20px;}

  

	.workshop .con_wrap .tit_wrap {text-align: center;}
	.workshop .con_wrap .con_tit {font-size: 18px; height: 40px; line-height: 40px;}
	.workshop .con1 .lt,
	.workshop .con1 .rt {font-size: 14px;}
	.workshop .con1 dt {font-size: 16px;}
	.workshop .con1 dl img {height: 30px;}
	.workshop .con1 .rt dd p:first-child {margin-bottom: 0;}
	.workshop .con1 .rt dd p span {margin-bottom: 10px;}
	.workshop .con1 .rt dd p span.icon {width: calc(100% - 120px);}
	.workshop .workshop_list {margin: 0;}
	.workshop .workshop_list li {width: 100%; font-size: 0;}
	.workshop .workshop_list li p.icon {width: 30%;}
	.workshop .workshop_list li .txt_wrap {width: 70%; padding-left: 20px;}

	.online_wrap .con_wrap .tit_wrap {}
	.online_wrap .con_wrap .con_tit {width: 150px; font-size: 16px; height: 35px; line-height: 35px;}


	/* 히스토리 */
	.pastevent_wrap .s_tabmenu li {width: 20%; margin:  2px;}
	.pastevent_wrap .pastevent .poster_wrap {display:block; width: 100%; margin-bottom: 50px;}
	.pastevent_wrap .pastevent .tbstyle04 {display: block; margin-left: 0px; width: 100%;}

}
@media all and (max-width: 767px) {
  #footer .sponsor { padding:23px 20px; }
  .program dl dt { font-size:16px; word-break: keep-all;}
  .tbstyle05 { border-bottom:1px solid #ddd; }
  .tbstyle05 > table thead th { display:none; }
  .tbstyle05 > table tbody th { display:block; border:none !important; border-top:1px solid #ddd !important;}
  .tbstyle05 > table tbody td { display:block; padding:15px 10px; border:none !important; border-top:1px solid #ddd !important; text-align: center;}
  .tbstyle05 > table tbody .none { display:none !important; }
  .tbstyle05 > table tbody td.time { padding:5px 10px; background:#e5e5e5 !important; font-weight:bold;}
  .tbstyle05 > table tbody tr.section th { border:1px solid #5ba7d8 !important; font-size:15px;}
  .tbstyle05 > table tbody tr.section th.ttxt { padding:10px 10px 5px; border-top:1px solid #5ba7d8 !important;}
  .tbstyle05 > table tbody tr.section th.tstxt { padding:5px 10px 10px; border-bottom:1px solid #5ba7d8 !important; }
  .tbstyle05 > table tbody td.session { background:#f5f5f5; }

  .tbstyle05 > table tbody td.name { border-top:none !important; }
  .tbstyle05 > table tbody td.name .ss { display:block; position: relative;}
  .tbstyle05 > table tbody td.name .ss:after { content:""; position: absolute; left:50%; top:-15px; margin-left:-8px; width:16px; height:2px; background:#333; }
  .tbstyle05 > table tr.break td { background:none; }
  .tbstyle05 > table tbody td.discussion { padding:7px 10px !important; font-weight:bold;}

  .speakers .sp_list > li { width:48%; }

  .pop .profile .txt .title > p.sstit { font-size:19px; word-break: keep-all;}
  .pop .profile .txt dl dd li { font-size:14px; word-break: keep-all;}

  .stepbox ol li p { font-size:14px; }
  .stepbox ol li span { font-size:15px; }

  .comment_event .txt01 { padding:15px; font-size:15px; }
  .comment_event .txt02 { padding:15px 10px; }
  .comment_event .txt02 li { font-size:14px; }

  .btn_type01 { padding:0 40px; font-size:16px; line-height:45px;}
  .btn_type01 em.arr { margin-top:-2px; }
  .btn_type02 { padding:0 40px; font-size:16px; line-height:45px;}
  .btn_type02 em.arr { margin-top:-2px; }
  .form_success strong{ font-size: 20px; word-break: keep-all;}

  .reg input[type="text"] { max-width:200px !important; width:100% !important;}
  .reg .selc_st { max-width:200px !important; width:100% !important;}
  .reg .tbstyle02 > table th,
  .reg .tbstyle02 > table td { display:table-row; width:100%; }
  .mailform input[type="text"] { width:100px !important; }
  .mailform select { display:block; /* margin:10px 0 0; */ max-width:100px; width:100% !important; }
  .callform input[type="text"] { width:70px !important; }
	.mailform .input_st01,
	.select_st01 {max-width: 80px !important; width: 80px !important;}

	.s_tabmenu li {width: 40%;}
	.s_tabmenu li a {font-size: 14px; padding: 5px 0; width: 100%; text-align: center;}

	.star_list, .bar_list {font-size: 15px;}
}

@media all and (max-width: 600px) {
  #sub .sub_contents .inner > h2 { margin-bottom:30px; font-size:21px; }
	.tit_type01 {font-size: 18px;}
  #footer .sponsor img { max-width:320px; width:100%;}

  .invite .sec01 strong { font-size:18px; line-height:1.5; }

  .tbstyle04 > table { border-bottom:1px solid #ddd; }
  .tbstyle04 > table th { display:block !important; padding:10px 20px; border-left:none; border-right:none; font-size:14px; text-align: center;}
  .tbstyle04 > table td { display:block !important; padding:20px; border:none; font-size:14px; text-align: center; word-break: keep-all;}

  .loca_info dt,
  .loca_info dd { font-size:14px; line-height:1.6; word-break: keep-all;}

  .btn_type03 { font-size:16px; font-family: 'Noto Sans KR',sans-serif; font-weight:400; word-break: keep-all;}
  .btn_type03 em.arr { margin-top:-2px; }

  #sub #mw_basic h1 { font-size:17px !important; }
  #sub #mw_basic .media-list-search .select_st01 { max-width:80px !important; }
  #sub #mw_basic .media-list-search .input_st01 { padding:5px !important; max-width:100px !important;}

  #sub #mw_basic .mw_basic_list_gall { width:48% !important; }
  #sub #mw_basic .gall_list { margin:0 auto; }

  .notxt strong { font-size:18px; }
  .notxt div { font-size:14px;}
}

@media all and (max-width: 479px) {
  .speakers .sp_list > li { float:none; margin:0 auto 20px; width:auto; }
  .speakers .sp_list > li img { max-width:120px; }
  .profile .title > p.affi { min-height:auto; }
  .profile:hover { border-color:#ddd; }

  .pop .popCont { padding:30px 20px; }
  .pop .profile .img { float:none; width:auto; text-align: center;}
  .pop .profile .img img { max-width:150px; }
  .pop .profile .txt { float:none; margin:30px 0 0; width:auto; }
  .pop .profile .txt .title > p.sstit { font-size:17px; }

  .stepbox ol li .ico { width:90px; height:90px; }

  .tbstyle03 > table th { display:none; }
  .tbstyle03 > table td { display:block; border:none; border-top:1px solid #ddd; text-align: center;}
  .tbstyle03 > table td.connum { padding:5px 10px; background:#f4f4f4; }
  .pg_nav a, .pg_nav b { margin:3px 1px; width:23px; height:23px; font-size:13px; }

  .reg .sec02 .formarea { display:block; }
  .reg .sec02 .formwrap .left { display:block; padding:10px; width:auto; border-right:none; border-left:none; text-align: center;}
  .reg .sec02 .formwrap .right { display:block; padding:10px; width:auto; border-right:none; font-size:14px; text-align: center;}
  .reg .sec02 .formwrap .formarea .input_st01 { padding:5px; height:35px; line-height:35px;}
  .reg .sec02 .formwrap .formarea .select_st01 { height:35px; line-height:35px; }

  #mw_basic .mw_basic_list_subject > a {  overflow:hidden; display:block; width:80%; white-space: nowrap; text-overflow: ellipsis;}

	#main .section01 .slick-prev,
	#main .section01 .slick-next {width: 30px; height: 30px; background-size:cover;}

	#main .section02 ul li p.icon {width: auto;display: block; text-align: center; margin: 0 auto;}
	#main .section02 ul li .txt_wrap {display: block; width: 100%; padding-left: 0; text-align: center;}
	#main .section02 ul li .txt_wrap h3 {display: block; margin: 10px auto;}

	.workshop .workshop_list li p.icon {width: auto;display: block; text-align: center; margin: 0 auto;}
	.workshop .workshop_list li .txt_wrap {display: block; width: 100%; padding-left: 0; text-align: center;}
	.workshop .workshop_list li .txt_wrap h3 {display: block;}
	#main .section02 ul li p {font-size: 15px;}

}