@charset "utf-8";
@import url('common.css');
@import url('tbl.css');
@import url('layout.css');
@import url('btn.css');

@import url(https://cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css);
@import url(https://cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/nanumgothic.css);
@import url(https://cdn.jsdelivr.net/font-nanumsquare/1.0.0/nanumsquare.css);
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);


.form_lecture { padding:0 0 20px;}
.form_lecture.wd3 .picbox > ul > li { width:31.3333% !important; }
.picbox { padding:20px 10px; margin-bottom:30px; border:1px solid #ddd;}
.picbox > ul:after { content:""; display:block; clear:both;}
.picbox > ul > li { float:left; position:relative; margin:10px 1%; width:48%; min-height:110px;}
.picbox > ul > li.wd100 { width:100%;}
.picbox > ul > li .img { position:absolute; left:0; top:0; width:100px; text-align: center;}
.picbox > ul > li .txt { padding-left:120px;}
.picbox > ul > li .txt strong { display:block; padding-top:22px; padding-bottom:5px; font-size:16px; font-weight:500; line-height:20px;}
.picbox > ul > li .txt p { position: relative; font-size:14px; color:#888; line-height:19px;}
.picbox > ul > li .txt p span.bar { margin:0 4px; color:#333; font-weight:bold;}
.picbox > ul > li .txt p span.cont { position: absolute; left:0; }
.picbox > ul > li .txt p.conwd { padding-left:35px; }
.picbox > ul > li .txt p.conwd2 { padding-left:45px; }
.picbox > ul > li .txt p.conwd25 { padding-left:55px; }
.picbox > ul > li .txt p.conwd3 { padding-left:60px; }
.picbox > ul > li .txt p.conwd35 { padding-left:65px; }
.picbox > ul > li .txt p.conwd4 { padding-left:70px; }
.picbox > ul > li .txt p.conwd45 { padding-left:75px; }
.picbox > ul > li .txt p.conwd48 { padding-left:80px; }
.picbox > ul > li .txt p.conwd5 { padding-left:85px; }
.picbox > ul > li .txt p.conwd55 { padding-left:90px; }
.picbox > ul > li .txt p.conwd6 { padding-left:100px; }
.picbox > ul > li .txt p.conwd65 { padding-left:120px; }

.overview.eng li { position: relative; padding-left:15px; }
.overview.eng li:after { content:""; position: absolute; left:0; top:10px; width:8px; height:1px; background:#333;}

.program .prolist {display:table; width:100%;}
.program .prolist > li { display:table-cell; padding:10px 0; border-top:1px solid #ddd; border-left:1px solid #ddd; text-align: center; vertical-align: middle;}
.program .prolist > li.wd1 { width:16%; }
.program .prolist > li.wd2 { width:64%; }
.program .prolist > li.wd3 { width:20%; }

.program .prolist2 {display:table; width:100%;}
.program .prolist2 > li { display:table-cell; padding:10px 0; border-top:1px solid #ddd; border-left:1px solid #ddd; text-align: center; vertical-align: middle;}
.program .prolist2 > li.wd1 { width:16%; }
.program .prolist2 > li.wd2 { width:32%; }
.program .prolist2 > li.wd3 { width:52%; }
.sslist_wrap { padding:0 !important; }
.sslist > li {display:table; width:100%;}
.sslist .left { display:table-cell; padding: 12px 1.5%; width:32%; box-sizing: border-box; -webkit-box-sizing: border-box;
    /* vertical-align: top; */
    border-bottom:1px solid #dadada;
    word-break: keep-all;
    text-align: left;
    color: #444;}
.sslist .right { display:table-cell; padding: 12px 1.5%; width:20%; outline-left: 1px solid #DADADA; border-bottom:1px solid #dadada;}


.formarea_wrap { border-top:2px solid #2294e5;}
.formarea { display:table; width:100%;}
.formarea > .fl { float:none !important; display:table-cell; padding:10px; height:50px; width:20%; border-bottom:1px solid #dadada; background:#f8f8f8; text-align:center; vertical-align:middle; box-sizing:border-box;}
.formarea > .fr { float:none !important; display:table-cell; padding:10px; height:50px; width:80%; border-bottom:1px solid #dadada; vertical-align:middle; box-sizing:border-box;}
.formarea2 > .fl { width:60%;}
.formarea2 > .fr { width:40%;}
.formarea2 > .fl > .fl { float:none !important; display:table-cell; padding:10px; height:50px; width:20%; border-bottom:1px solid #dadada; background:#f8f8f8; text-align:center; vertical-align:middle; box-sizing:border-box;}
.formarea2 > .fl > .fr { float:none !important; display:table-cell; padding:10px; height:50px; width:40%; border-bottom:1px solid #dadada; vertical-align:middle; box-sizing:border-box;}
.formarea2 > .fr > .fl { padding:10px; height:53px; width:50%; border-bottom:1px solid #dadada; background:#f8f8f8; text-align:center; vertical-align:middle; box-sizing:border-box; line-height:33px;}
.formarea2 > .fr > .fr { padding:10px; height:53px; width:50%; border-bottom:1px solid #dadada; vertical-align:middle; box-sizing:border-box;}
.formarea3 > .fl { float:none !important; display:table-cell; padding:10px; height:50px; width:20%; border-bottom:1px solid #dadada; background:#f8f8f8; text-align:center; vertical-align:middle; box-sizing:border-box;}
.formarea3 > .fr { float:none !important; display:table-cell; padding:10px; width:80%; border-bottom:1px solid #dadada;}
.formarea3 > .fr li {padding:5px 0;}


.formarea_wrap2 .formarea2 > .fl { width:40%;}
.formarea_wrap2 .formarea2 > .fr { width:60%;}
.formarea_wrap2 .formarea2 > .fl > .fl { width:40%;}

/*모시는글*/
.invite { text-align: justify; }
.invite .sec01 {font-size: 14px;overflow: hidden;/* margin-left: 400px; */}
.invite .sec01 span { display: block; font-size: 16px; line-height: 1.6; color: #0083CD }
.invite .fl {width:35%;margin-top: 40px; text-align: center;}
.invite .fr { width:60%; margin-top: 40px;}

/*오시는길*/
.loc .manage_list2 {overflow: hidden;padding: 20px 0;}
.loc .manage_list2 .left { width: 50%; float: left }
.loc .manage_list2 dl { }
.loc .manage_list2 dt { zoom: 1; background-color: #6e7383; padding: 1px 10px; font-size: 14px; color: #fff; margin-bottom: 3px; display: inline-block; min-width: 50px; border-radius: 4px; text-align: center; }
.loc .manage_list2 dd { margin-bottom: 14px; font-size: 14px; padding: 2px 0 2px 16px; background: url(/img/bul_dot_gray.gif) no-repeat 6px 11px; }
.loc .manage_list2 .right { width: 50%; float: left }
.loc .manage_list2 .right dt { background: #0188CB }

/*프로그램*/
.program { }
.program .listtit { display:table; width:100%;}
.program .listtit > li { display:table-cell; padding:10px 0; border-top:1px solid #ddd; border-left:1px solid #ddd; text-align:center; vertical-align: middle;}
.program .listtit .wd1 { width:16%; }
.program .listtit .wd2 { width:64%; }
.program .listtit .wd3 { width:20%; }
.program .list { display:table; width:100%;}
.program .list > li { display:table-cell; padding:10px 0; border-top:1px solid #ddd; border-left:1px solid #ddd; text-align:center; vertical-align: middle;}
.program .list .wd1 { width:16%; }
.program .list .wd2 { width:64%; }
.program .list .wd3 { width:20%; }
.program .sec01 h5 { margin-top: 37px; margin-bottom: 20px; font-size: 18px; color: #111; border-left: 3px solid #0083CD; line-height: 1; padding-left: 5px; }

/*사전등록*/
.reg { }
.reg .top_prog { text-align: center; padding: 20px 0 50px }
.reg .info { }
.reg .info .top_txt { }
.reg .info dl { }
.reg .info dt { }
.reg .info dd { }
.reg .info .top_exp { font-size: 16px; padding-bottom: 17px; line-height: 1.6; }
.reg .sec01 { padding: 0 2% 30px; border: 1px solid #ccc; background-color: #fafafa; }
.reg .sec01 h5 { margin-top: 27px; margin-bottom: 10px; font-size: 14px; color: #111; border-left: 3px solid #0083CD; line-height: 1; padding-left: 5px; }
.reg .sec01 .textarea_wrap>div { overflow: auto; white-space: pre-line; background: none; max-height: 150px; padding: 15px 2%; }
.reg .sec01 label { line-height: normal; font-size: 12px; color: #0083CD; }
.reg .sec02 {padding-top: 30px;/* border-top: 1px solid; */}
.reg .sec02 .top_txt02 { border: 1px solid #0093E9; padding: 10px; margin-bottom: 20px; background: #FFF7EE; }
.reg .sec02 h5 { font-size: 18px; }


.reg .t_form{/* display: none; */}
.reg .box01{padding: 140px 20px;text-align: center;border: 5px solid #0093e9;font-size: 18px;/* display: none */}
.reg .box01 p{font-size: 24px;color: #0093e9;}
.reg .sec02 .formwrap .left {display: inline-block;width:25%;padding: 8px 10px;background:#f4f4f4;border: 1px solid #ccc;/* border-top:none; */font-size: 15px;line-height: 1.5;vertical-align: middle;text-align: center;}
.reg .sec02 .formwrap .right {display: inline-block;width: 46%;padding: 15px 10px;/* border: 1px solid #ccc; *//* margin-top: 10px; */border-left:none;/* border-top:none; */vertical-align: middle;align-items: center;}
.reg .sec02 .formwrap {text-align: center;}
.reg .sec02 .formwrap .formarea {/* display:table; */width: 40%;min-width: 300px;display: inline;}
.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:250px; */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_number .sec02 .formwrap .txt {color: #0e59a9;text-align: center;font-weight: 500;font-size: 18px;line-height: 1.5;padding: 40px;}


/*연사소개*/
.speakers h1 { padding: 20px 0 10px }
.speakers h2 { line-height: 24px; padding: 10px 2%; background: #FFFFE2; border: 1px solid #eee; font-size: 18px; margin-top: 20px }
.speakers h2 strong { display: block; color: #0083c7; text-transform: none }
.speakers .stit { padding-bottom:10px; font-size:16px; }
.speakers .fl01 li div { min-height:100px; }
.speakers .fl01 li { min-height:auto; }
.speakers .section {overflow: hidden;/* border: 1px solid #d9d9d9; */margin-bottom: 46px;/* padding: 3%; */}
.speakers .profile { overflow: hidden; padding-bottom: 20px; text-align: center; width: 20%; padding: 30px 2%; float: left; }
.speakers .profile .thumb { /* width: 150px; */ /* float: left; */ /* margin-right: 20px */ }
.speakers .profile .tit { line-height: 22px; /* margin-left: 140px; */ padding-top: 15px; font-size: 16px }
.speakers .profile .tit strong { display: block; color: #0083c7; font-weight: normal;/* display: none; */ }
.speakers .profile .tit2 { line-height: 18px; padding-top: 15px; font-size: 13px; }
.speakers .profile .tit2 strong { color: #0083c7; font-weight: normal; font-size: 12px; line-height: normal; display: block; padding-top: 4px; }
.speakers .para { padding: 30px 3%; /* text-align: justify; */ word-break: break-word; width: 70%; float: right; font-size: 16px; /* border: 1px solid #ddd; line-height: 1.6; */background-color: #f8f8f8; min-height: 290px}
.speakers .para .txt { font-size: 13px; padding-top: 10px }


.s_tit01 { font-size: 16px; margin: 40px 0 5px; background: url(../../img/line_skew.png) no-repeat; padding-left: 9px; padding-top: 5px }



/*상단탭*/
.tab {overflow: hidden;margin-bottom: 15px}
.tab li { float: left; padding-bottom: 5px;  width: 50%}
.tab li a {display: block;text-align: center;font-size: 14px;margin-right: 3px;border: 1px solid #ccc;color: #111;padding: 10px 35px;background-color: #fff;text-transform: uppercase;}
.tab li a.on {background: #2294e5;border-color: #2294e5;color: #fff;}
.ready { border: 7px solid #e9e9e9; padding: 140px 70px; text-align: center; font-size: 18px;/* width: 60%; */ margin: 0 auto; }
.reg_com { font-size: 12px; display: block; color: #0083CD; }



.form_ready {text-align: center;padding: 68px 1%;bor;border: 1px solid #dbdbdb;size: 15px;background-color: #fbfbfb;border-radius: 40px;}
.form_ready strong{font-size: 16px;}
.form_ready>p{font-size: 14px;/* padding-bottom: 10px; */color: #3f3f3f;}


.form_ready1 {text-align: center;padding: 0px 3%;bor;border: 1px solid #dbdbdb;size: 14px;background-color: #fbfbfb;border-radius: 40px;}
.form_ready1 strong{font-size: 18px}
.form_ready1>p{font-size: 14px;padding-bottom: 15px;color: #3c4147;}



.form_success { text-align: center; padding: 100px 1%; border: 3px solid #333; font-size: 15px; }
.form_success strong{font-size: 25px}
.form_lecture>p{font-size: 17px; padding-bottom: 10px;}
.form_lecture table{margin-bottom: 50px}


.reperence ul{overflow: hidden}
.reperence ul li{float: left;width: 260px;margin: 15px 10px;}
.reperence ul li a{display: block;text-decoration: none;text-align: center;padding: 25px 15px 15px;border: 1px solid #eee;}
.reperence ul li a:hover{border: 1px solid #19191A;}

.reperence ul li .titLink{position: relative;padding-top: 20px;border-top: 1px solid #eee;line-height: 1;display: block;margin-top: 15px;height: 30px;line-height: 1.3;}
.reperence ul li .titLink strong{font-size: 13px;/* text-transform: uppercase; */color: #000;}





/* Media Querya*/

@media (max-width: 1200px) {
	#sub .content_wrap,
	.sub_visual .inner,
    .inner {padding-left:2% !important;padding-right:2% !important;width:auto !important;}

    .util_wrap .util { width:auto;}
    .form_lecture.wd3 .picbox > ul > li { width:48% !important; }
    .sub_visual { position: relative; height:250px;background:url(/img/common/bg_sub_visual01_1.jpg) no-repeat center; }
    .sub_visual .inner .img { position: relative;  left:0%; top:65px; margin:0 0 0 0px;}
}

@media all and (max-width: 999px) {
	.nav_toggle { display:block !important;}

	#header .inner { position:relative; padding:0 !important; height:70px;}
	#header .inner h1 { float:none; position:absolute; left:2%; top:11px; margin-top:0; width:120px;}
	#header .inner .lnb_wrap { position:absolute; left:0; top:64px; z-index:9999; padding:0; width:100%;}
	#header .inner .lnb > li { float:none; margin-left:0; cursor: pointer;}
	#header .inner .lnb > li.nolink > a { pointer-events:none;}
	#header .inner .lnb > li > a { position:relative; padding:7px 0 !important; background:#fff; border-bottom:1px solid #eee; font-size:14px; color:#333; text-align:center;}
	#header .inner .lnb > li > a:after { content:""; position:absolute; right:3%; top:15px; border:8px solid transparent; border-top:8px solid #888;}
	#header .inner .lnb > li > a:before { content:""; position:absolute; right:3%; top:12px; z-index:10;  border:8px solid transparent; border-top:8px solid #fff;}
	#header .inner .lnb .depth { position:static; padding:5px 0; min-width:auto !important;}
	#header .inner .lnb .depth > li { float:none; margin-left:0; text-align:center;}
	#header .inner .lnb .depth > li > a { display:block; font-size:13px; padding:5px 0; }
	#header .inner .lnb > li:hover .depth { display:none; }
	#header.eng .inner .lnb > li { margin-left:0; }
	#header.eng .inner .lnb > li .depth { width:auto !important; }

	#sub .content_wrap .subnav { display:none;}
	#sub .content_wrap .content { margin-left:0;}

	.visual .txt01 { margin:0 auto; width:90%;}
	.visual .txt02 { margin:0 auto; width:90%; }

	.manage_list2 th { width:15%;}
	.manage_list2 td { width:85%;}

}

@media all and (max-width: 999px) {
	#main .info .top { font-size:22px;}
	#main .info .top span {font-size:22px;}
	#main .info .btm span { margin-left:0; margin-right:5px; padding-left:0; font-size:18px;}
	#main .info .bar:after { display:none;}
	#main .info .btm img { height:32px;}

	#footer .inner .com_info { padding:25px 0; }
	#footer .inner { height:auto; }

	.visual .txt02.pt50 { padding-top:40px !important;}
	.btn_reg { font-size:18px;}

	.formarea_wrap { border-top:2px solid #2294e5;}
	.formarea { display:block;}
	.formarea_wrap .fl,
	.formarea_wrap .fr {float:none !important;display:block !important;width:auto !important;height:auto !important;/* text-align:center !important; */}
	.formarea_wrap .fr li { text-align:left !important;}
	.formarea_wrap span.f_red.ml10 { display:block; margin-left:0 !important;  }
	.pop02{top:100px; left:50px !important;;}

	.reperence ul li { margin:0 1% 15px; width:31.3333%; }

}

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

	#main.eng .info	,
	#main .info { padding:10px 3%;}
	#main .info
	#main .info .bar { padding-left:0;}
	#main .info .top { font-size:18px;}
	#main .info .top span {font-size:18px;}
	#main .info .btm > div { display:block; margin:10px 0;}
	#main .info .btm span { font-size:15px;}

	#sub .content_wrap .content > h2 { padding:10px 0 25px; font-size:25px;}
	.tbl_st2 td strong.f_big {font-size: 14px; display: inline-block; margin-top: 10px;}

	.sub_visual { height:200px;}
	.sub_visual .inner .img {margin:0 0 0 0px;top: 35px;}
	.btn_subreg { padding:3px 15px; margin:0 0 0 -72px; font-size:14px;}

	.program .tbl_st2 th,
	.program .tbl_st2 td { font-size:12px;}

	.reg .sec01 .textarea_wrap>div { font-size:12px;}
	.reg .sec02 h5 { font-size: 16px; }
	.reg .info .top_exp { font-size: 14px; padding-bottom: 15px; line-height: 1.6; }

	.reg .tbl_st2 th,
	.reg .tbl_st2 td { font-size:12px;}
	.reg .tbl_st3 th,
	.reg .tbl_st3 td { font-size:12px;}
	.reg .tbl_st2 span.f_red.ml10 { display:block !important; margin:0 !important;}

	.invite .fl { float:none !important; margin:0 auto 50px; max-width:300px; width:100%; text-align:center;}
	.invite .fr { float:none !important; width:100%;}
	.invite .sec01 span { font-size:16px; line-height:23px; }

	.reperence ul li { width:48%; }

	.picbox > ul > li { float:none; width:100%; margin:0; padding:10px 0;}
	.form_lecture.wd3 .picbox > ul > li { width:100% !important; }
}



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

	#main .inner { padding-bottom:100px; }
	#main .visual .m_btn { padding:35px 0;}
	#main .visual .m_btn .btn_white:after { top:10px; border-width:6px !important;}
	#main .visual .m_btn .btn_white:before { top:10px; border-width:6px !important;}
	#main .visual .m_btn .btn_orange:after { top:10px; border-width:6px !important;}
	#main .visual .m_btn .btn_orange:before { top:10px; border-width:6px !important;}

	#main .info .top { font-size:14px;}
	#main .info .top span { font-size:14px;}
	#main .info .btm span { font-size:14px;}

	.sub_visual { height:160px;}
	.sub_visual .inner .img {top: 0px;padding: 25px;/* width:350px; *//* margin:0 0 0 0px; *//* text-align: center; */}
	.btn_subreg { padding:3px 15px; margin:0 0 0 -60px; font-size:12px;}

	.visual .txt02.pt50 { padding-top:30px !important;}
	.btn_reg { font-size:13px;}
	.directions iframe { height:300px !important;}
	.directions .manage_list2 th,
	.directions .manage_list2 td { display:block; padding:12px 10 !important; width:auto !important; border-top:none !important; }

	.program .tbl_st2 th,
	.program .tbl_st2 td {padding:12px 1% ; border-top:none !important;}
	/*.program .tbl_st2 thead th { display:none !important;}*/
	.program .tbl_st2 tbody tr:first-child th:first-child { border-top:2px solid #3EA2E0 !important;}

	.reg .info .tbl_st2 td,
	.reg .tbl_st3 td { text-align:left;}
	.ftlogo { bottom:40px; }
	.ftlogo img { width:130px; }

	.tab li { float:none; margin:0; width:100%;}
	.tab li a { margin:0;}

	.form_lecture th,
	.form_lecture td { display:block; padding:10px 5px !important; border-top:none !important; width:auto; text-align:center;}

	.media-no-text { display:none; }
	#sub #mw_basic .mw_basic_list_thumb,
	#sub #mw_basic .list_thumb_img { max-width:100% !important; width:auto !important; }
	#sub #mw_basic .mw_basic_list_subject a { display:block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
	.sec01 .tbl_st2 td {min-width: 87px;}

	.form_lecture > p { font-size:17px; line-height:22px; }

	.content iframe { height:350px !important; }

	.td_blank { display:none !important; }
	.overview.eng li { padding-left:12px; }
	.overview.eng li:after { content:""; position: absolute; left:0; top:8px; width:5px; height:1px; background:#333;}

}

@media all and (max-width: 479px) {
	#main .info .bar { margin-left:5px;}
	#main .info .top span,
	#main .info .top { font-size:12px;}
	#main .info .btm span { display:block; margin-left:0; font-size:12px;}
	#main .info .btm img { height:20px;}

	#sub .content_wrap .content > h2 { padding:10px 0 20px; font-size:20px;}

	.visual .txt02.pt50 { padding-top:20px !important;}

	.tbl_st2 th,
	.tbl_st2 td { font-size:12px;}

	.formarea_wrap * { font-size:12px !important; }

	.sub_visual { height:140px;}
	.sub_visual .inner .img {/* top:35px; */padding: 35px;/* width:280px; *//* margin:0 0 0 -140px; */}
	.btn_subreg { bottom:20px; padding:3px 15px; margin:0 0 0 -60px; font-size:12px;}

	.reperence ul li { float:none; margin:0 0 15px; width:auto; }

	.content #mw_basic h1 { font-size:16px; }
	.content iframe { height:250px !important; }
}