@charset "utf-8";

/******************************
default
******************************/

body{ font-family:'NanumGothic', sans-serif;font-size:10px; font-weight:400; line-height:1.5; color:#666; text-align:left;}

#wrap,
.jquery-modal.blocker{font-size:3em;}
@media(max-width:1025px){
	#wrap,
	.jquery-modal.blocker{font-size:2em;}
}
@media(max-width:769px){
	#wrap,
	.jquery-modal.blocker{font-size:1.8em;}
}
@media(max-width:600px){
	#wrap,
	.jquery-modal.blocker{font-size:1.6em;}
}
@media(max-width:580px){
	#wrap,
	.jquery-modal.blocker{font-size:1.4em;}
}
@media(max-width:480px){
	#wrap,
	.jquery-modal.blocker{font-size:1.3em;}
}
@media(max-width:420px){
	#wrap,
	.jquery-modal.blocker{font-size:1.2em;}
}
@media(max-width:380px){
	#wrap,
	.jquery-modal.blocker{font-size:1.1em;}
}
@media(max-width:345px){
	#wrap,
	.jquery-modal.blocker{font-size:1em;}
}

.inner{position:relative; padding:0 5%;}
.inner:after{ display:block;content:""; clear:both;}

a{ color:#666;text-decoration:none;}
span.fonti{line-height:1 !important;}

.ft_wht{color:#fff !important}
.ft_blk{color:#222 !important;}
.ft_blu{color:#448dc7 !important;}
.ft_blu02{color:#458dc7 !important;}
.ft_red{color:#f44336 !important;} 

.ft_b{font-weight:800 !important;}

.bg_wht{background:#fff !important;}
.bg_gry{background:#888 !important;}
.bg_gry02{background:#ddd !important;}
.bg_pnk{background:#ef868d !important;}
.bg_grn{background:#32ba94 !important;}
.bg_blu{background:#458dc7 !important;}

.ta_c{text-align:center !important;}
.ta_l{text-align:left !important;}

/******************************
btn
******************************/

.btn_wrap{text-align:center;}
.btn_wrap .btn_type02{margin:0.7em 0 0;}
.btn_wrap .btn_type02:first-child{margin:0;}

/* btn_type */
.btn_cover{position:absolute; top:0; left:0; width:100%; height:100%; background:transparent; font-size:0;}
.external_link{font-size:1.2em; font-weight:700; color:#448dc7}
.external_link span.fonti{position:relative; top:0.08em; margin:0 0 0 0.5em;}

.btn_type01{ display:inline-block;position:relative; min-width:6em; padding:0 1.25em; font-size:1.2em; line-height:2.5em; text-align:center;}
.btn_type01:after{ display:block;content:""; position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid #ddd; box-sizing:border-box;}

.btn_type02{ display:block;position:relative; width:100%; padding:0.8em 0; font-size:1.4em; text-align:center;}
.btn_type02:after{ display:block;content:""; position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid #ddd; box-sizing:border-box;}

.btn_type03{font-size:1.2em; text-decoration:underline;}

/* btn_color */
.btn_bg_blu{ background:#448dc7 !important;color:#fff;}
.btn_bg_blu:after{border-color:#448dc7 !important;}

.btn_bg_blu2{background:#26c1fb !important;color:#fff;}
.btn_bg_blu2:after{border-color:#26c1fb !important;}

.btn_bg_blu3{ background:#2699fb !important;color:#fff;}
.btn_bg_blu3:after{border-color:#2699fb !important;}

.btn_bg_gry{ background:#666 !important;color:#fff;}
.btn_bg_gry:after{border-color:#666 !important;}

.btn_bg_gry02{ background:#ddd !important;color:#fff;}
.btn_bg_gry02:after{border-color:#ddd !important;}

.btn_bg_gry03{ background:#999 !important;color:#fff;}
.btn_bg_gry03:after{border-color:#999 !important;}

.btn_bg_grn{ background:#32ba94 !important;color:#fff;}
.btn_bg_grn:after{border-color:#32ba94 !important;}

.btn_bg_pnk{ background:#ef858c !important;color:#fff;}
.btn_bg_pnk:after{border-color:#ef858c !important;}

.btn_line_blu{color:#448dc7 !important;}
.btn_line_blu:after{border-color:#448dc7 !important;}




/******************************
contents
******************************/

/* tit */
.sec_tit{font-size:1.4em; font-weight:700; color:#222; text-align:left; word-break:keep-all}
.sec_desc{font-size:1.2em; word-break:keep-all}

/* box */
.gry_box{ padding:1.1em 1.5em 1.2em;border:1px solid #ddd; background:#f9f9f9;}

/* step */
ul.step{ border-bottom:1px solid #ddd;background:#f9f9f9;}
ul.step:after{ display:block;content:""; clear:both;}
ul.step li{position:relative; float:left; width:33.33%; line-height:3.6; color:#888; text-align:center;}
ul.step li:first-child{width:33.34%;}
ul.step li.on{font-weight:700; color:#448dc7;}
ul.step li.on:after{ display:block;content:""; position:absolute; left:0; bottom:-1px; width:100%; height:1px; background:#448dc7;}

ul.step02 li{position:relative; padding:1.6em 1.5em 1.7em; margin:3.6em 0 0; border:1px solid #ddd; text-align:center;}
ul.step02 li span.num{ display:inline-block;position:absolute; top:-0.45em; left:-0.15em; padding:0 1.4em 0.4em 0; background:#fff; font-size:1.4em; font-weight:800; color:#448dc7;}
ul.step02 li h2{text-align:center;}
ul.step02 li p{margin:0.6em 0 0;}
ul.step02 li .step_desc{ margin:0.9em 0 0;color:#888; word-break:keep-all;}
ul.step02 li span.fonti{position:absolute; left:50%; bottom:-2.4em;
-webkit-transform:translateX(-50%);
-moz-transform:translateX(-50%);
-o-transform:translateX(-50%);
transform:translateX(-50%);
}
ul.step02 li:first-child{margin:0;}
ul.step02 li:last-child{border-color:#448dc7;}
ul.step02 li:last-child h2{color:#448dc7;}

/* certi_type */
.certi_type{text-align:center;}
.certi_type span.fonti{width:2em; height:2em; border-radius:50%; background:#448dc7; font-size:4em; color:#fff;}
.certi_type span.fonti:before{position:relative; line-height:2em;}
.certi_type span.fonti.um-mobile-phone:before{left:0.15em;}
.certi_type span.fonti.um-info:before{left:0.3em;}
.certi_type h3{ margin:0.8em 0 0;font-size:1.4em; font-weight:700; color:#448dc7;}
.certi_type p{ margin:0.6em 0 0;font-size:1.2em;}
.certi_type .btn_wrap{margin:1.2em 0 0;}

ul.certi_type{border-top:2px solid #448dc7;}
ul.certi_type li{ padding:3em 0;border-bottom:1px solid #ddd;}

/* list_type */
ul.list_type01{word-break:keep-all;}
ul.list_type01 li{position:relative; padding:0 0 0 0.8em; margin:1.2em 0 0;}
ul.list_type01 li:first-child{margin:0 !important;}
ul.list_type01 li:after{ display:block;content:""; position:absolute; top:0.6em; left:0; width:0.3em; height:0.3em; background:#448dc7;}
ul.list_type01 li span.list_desc{color:#888;}
ul.list_type01 li a.btn_type03{font-size:1em; font-weight:700; color:#448dc7;}
ul.list_type01 li dl{ padding:1.2em 1.5em 1.2em;margin:1.2em 0 0 -0.8em;}
ul.list_type01 li dl dt{font-weight:700; color:#222;}
ul.list_type01 li dl dd{position:relative; padding:0 0 0 1em; margin:0.4em 0 0;}
ul.list_type01 li dl dd:first-child{margin:0;}
ul.list_type01 li dl dd:after{ display:block;content:""; position:absolute; top:0.6em; left:0; width:0.5em; height:0.2em; background:#ddd;}
ul.list_type01 li dl dd + dt{margin:0.9em 0 0;}

ul.list_type01 li.list_red{color:#f44336;}
ul.list_type01 li.list_red:after{background:#f44336;}
ul.list_type01 li.list_blu{color:#448dc7;;}
ul.list_type01 li.list_blu:after{background:#448dc7;;}

ul.list_type02{ padding:0 5%; border:1px solid #ddd; border-top:0;background:#fff;}
ul.list_type02 > li{position:relative; padding:1.6em 0 1.7em; border-top:1px solid #ddd;}
ul.list_type02 > li:first-child{border:0;}
ul.list_type02 > li span.num{display:block; position:absolute; top:0.1em; right:0; font-size:4em; font-weight:800; color:#ddd; z-index:1;}
ul.list_type02 > li h2{position:relative; font-size:1.2em; font-weight:700; color:#222; z-index:2;}
ul.list_type02 > li ul.list_type01{margin:1.4em 0 0;}
ul.list_type02 > li ul.list_type01 li{margin:0.9em 0 0;}

/* done */
.done{text-align:center;}
.done span.fonti{font-size:3em; color:#448dc7;}
.done h2{ margin:0.8em 0 0;text-align:center;}
.done p{ margin:0.6em 0 0;text-align:center;}

/* exclamation_wrap */
.exclamation_wrap{ padding:1.8em 2em 1.7em;border:1px solid #ddd; background:#f9f9f9; text-align:center;}
.exclamation_wrap span.fonti{font-size:3em; color:#ddd;}
.exclamation_wrap h2{ margin:0.75em 0 0;font-size:1.2em; font-weight:700; color:#f44336; text-align:center;}
.exclamation_wrap p{ margin:0.9em 0 0;font-size:1.1em;}

/* price */
.price_wrap{text-align:right;}
.price_wrap h2{font-size:1.2em;}
.price_wrap h2 strong{display:inline-block; padding:0 0 0 0.4em; font-size:1.6em; font-weight:900; vertical-align:baseline;}
.price_wrap p{margin:0.3em 0 0;}

/* app_list */
.app_list_wrap ul{margin:1.1em 0 0; border-top:1px solid #ddd;}
.app_list_wrap ul li{padding:1.2em 0; border-bottom:1px solid #ddd;}
.app_list_wrap ul li span.checkbox_desc{ padding:0 0.6em 0 0.5em;font-size:1.2em;}
.app_list_wrap ul li a.btn_type03{font-weight:700;}

.app_list_wrap ul li.app_list strong{ padding:0 0.5em 0 0;font-size:1.2em; font-weight:700; color:#222;}
.app_list_wrap ul li.app_list strong span{font-weight:400; color:#666;}
.app_list_wrap ul li.app_list > span{ padding:0 0.6em 0 0;font-size:1.2em;}
.app_list_wrap ul li.app_list a{font-weight:700;}

/* tab_list */
dl.tab_list{border-top:1px solid #ddd;}
dl.tab_list > dt{position:relative; padding:0.9em 5% 1em; border-bottom:1px solid #ddd; font-size:1.2em; font-weight:700; color:#222;}
dl.tab_list dt span.cross_ico{display:block; position:absolute; top:50%; right:5%;
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-o-transform:translateY(-50%);
transform:translateY(-50%); width:1.25em; height:1.25em;
}
dl.tab_list dt span.cross_ico span{display:block; position:absolute; top:50%; left:50%;
-webkit-transform:translate(-50%, -50%);
-moz-transform:translate(-50%, -50%);
-o-transform:translate(-50%, -50%);
transform:translate(-50%, -50%); background:#448dc7;
}
dl.tab_list dt span.cross_ico span.bar_h{width:100%; height:1px;}
dl.tab_list dt span.cross_ico span.bar_v{width:1px; height:100%;}
dl.tab_list > dd{ overflow:hidden;height:0; background:#f9f9f9;}
dl.tab_list dd .tab_contents{padding:5%; border-bottom:1px solid #ddd;}
dl.tab_list dd .tab_contents .tab_contents_inner{ padding:5%;border:1px solid #ddd; background:#fff;}

/* 190402 */
dl.tab_list dd .tab_contents .tab_contents_inner.tab_contents_inner_table{padding:0;}


dl.tab_list dd .tab_contents ul.board_list li{padding:1.1em 0 1.2em;}

/* teacher_list */
ul.teacher_list li{ padding:5% 0;border-top:1px solid #ddd;}
ul.teacher_list li:after{ display:block;content:""; clear:both;}
ul.teacher_list li:first-child{border:0;}
ul.teacher_list li .teacher_list_thumb{float:left; width:30%; border:1px solid #ddd; background:#f9f9f9; box-sizing:border-box;}
ul.teacher_list li .teacher_list_thumb img{display:block; width:100%;}
ul.teacher_list li dl.teacher_list_info{float:left; width:70%; padding:1.1em 0 0 1.5em; box-sizing:border-box;}
ul.teacher_list li dl.teacher_list_info dt{font-size:1.2em}
ul.teacher_list li dl.teacher_list_info dt strong{font-size:1.2em; font-weight:700; color:#222; vertical-align:baseline;}
ul.teacher_list li dl.teacher_list_info dd{word-break:keep-all;}
ul.teacher_list li dl.teacher_list_info dt + dd{position:relative; padding:0.8em 0 0; margin:0.6em 0 0;}
ul.teacher_list li dl.teacher_list_info dt + dd:after{ display:block;content:""; position:absolute; top:0; left:0; width:1.5em; height:0.1em; background:#ddd;}


/* status_box */
.status_box{display:inline-block; padding:0 0.55em; margin:0 0.7em 0 0; line-height:1.8; color:#fff;}

.status_box.blu{background:#448dc7;}
.status_box.grn{background:#32ba94;}
.status_box.pnk{background:#ef858c;}
.status_box.gry{background:#666;}
.status_box.gry02{background:#ddd; color:#fff}

/* progress_bar_list */
ul.progress_bar_list li{margin:1.1em 0 0;}
ul.progress_bar_list li:first-child{margin:0;}
ul.progress_bar_list li .progress_bar_wrap{position:relative; width:100%; height:3.2em; margin:0.6em 0 0; border:1px solid #ddd; background:#f9f9f9; box-sizing:border-box;}
ul.progress_bar_list li .progress_bar_wrap .progress_bar{position:absolute; top:0; left:0; min-width:6em; height:100%; text-align:right;}
ul.progress_bar_list li .progress_bar_wrap .progress_bar.grn{background:#32ba94;}
ul.progress_bar_list li .progress_bar_wrap .progress_bar.blu{background:#448dc7;}
ul.progress_bar_list li .progress_bar_wrap .progress_bar span{display:inline-block; padding:0 15px; font-size:1.2em; font-weight:800; line-height:2.4; color:#fff;}

/* training_status */
ul.training_status{display:table; width:100%; word-break:keep-all;}
ul.training_status:after{ display:block;content:""; clear:both;}
ul.training_status li{display:table-cell; width:50%; padding:1.2em 0 1em; border:1px solid #ddd; background:#f9f9f9; text-align:center; box-sizing:border-box; vertical-align:middle;}
ul.training_status li h2{font-size:1.1em;}
ul.training_status li p{ margin:0.2em 0 0;font-size:1.4em; font-weight:800; color:#448dc7;}
ul.training_status li.blu{ border:0;background:#448dc7;}
ul.training_status li.blu h2{font-size:1.2em; color:#fff;}
ul.training_status li.blu p{ margin:-0.2em 0 0;font-size:2em; color:#fff;}

/******************************
form
******************************/

/* table */
table.form01{width:100%; border-top:2px solid #448dc7;}
table.form01 tbody th{ padding:1.5em 0; border-bottom:1px solid #ddd;font-size:1.1em; color:#222; vertical-align:middle;}
table.form01 tbody td{padding:1.5em 0; border-bottom:1px solid #ddd; vertical-align:middle;}

/* input */
input[type=text],
input[type=number],
input[type=password]{width:100%; height:3em; padding:0.6em 0.8em 0.7em; box-sizing:border-box;}
input.readonly{background:#f9f9f9;}

/* checkbox */
.checkbox_wrap{ display:inline-block;position:relative;}
.checkbox_wrap input[type=checkbox] + label{font-size:1.2em; font-weight:700; color:#222;}
.checkbox_wrap input[type=checkbox] + label span.fonti{position:relative; top:0.08em; margin:0 0.5em 0 0; background:#fff;}
.checkbox_wrap input[type=checkbox] + label span.fonti.um-square-o{ display:inline-block;color:#888;}
.checkbox_wrap input[type=checkbox] + label span.fonti.um-check-square-o{ display:none;color:#448dc7;}
.checkbox_wrap input[type=checkbox]:checked + label span.fonti.um-square-o{display:none;}
.checkbox_wrap input[type=checkbox]:checked + label span.fonti.um-check-square-o{display:inline-block;}

/* radio */
.radio_wrap{ display:inline-block;position:relative;}
.radio_wrap input[type=radio] + label{ margin:0 1em 0 0;font-size:1.2em; font-weight:700; color:#222;}
.radio_wrap input[type=radio] + label span.fonti{position:relative; top:-0.08em; margin:0 0.5em 0 0;}
.radio_wrap input[type=radio] + label span.fonti.um-circle-thin{ display:inline-block;color:#888;}
.radio_wrap input[type=radio] + label span.fonti.um-check-circle-o{ display:none;color:#448dc7;}
.radio_wrap input[type=radio] + label span.fonti.um-circle{color:#bbb;}
.radio_wrap input[type=radio]:checked + label span.fonti.um-circle-thin{display:none;}
.radio_wrap input[type=radio]:checked + label span.fonti.um-check-circle-o{display:inline-block;}

/* select */
.select_wrap{ display:inline-block;position:relative; width:100%;}
.select_wrap select{width:100%; height:3em; padding:0.7em 0.8em 0.6em;}
.select_wrap:after{ display:block;content:""; position:absolute; top:1.5em; right:1.1em;
border-top:0.25em solid #222;
border-left:0.25em solid transparent;
border-right:0.25em solid transparent;
border-bottom:0.25em solid transparent; z-index:1;
}

/* email */
.email input[type=text]{width:46%;}
.email > span{display:inline-block; width:5%; text-align:center; vertical-align:middle;}
.email .select_wrap{display:block; margin:1em 0 0;}

/* phone */
.phone input[type=text],
.phone input[type=number],
.phone .select_wrap{width:28%;}
.phone > span{display:inline-block; width:5%; text-align:center; vertical-align:middle;}

/* address */
.address ul li{margin:1em 0 0;}
.address ul li:first-child{margin:0;}

/* business_num */
.business_num input[type=text]{width:28%;}
.business_num > span{display:inline-block; width:5%; text-align:center; vertical-align:middle;}

/* etc */
.form_btn{ display:block;position:relative; width:100%; padding:0.7em 0 0.65em; margin:0.9em 0 0; font-size:1.1em; text-align:center;}
.form_btn:after{ display:block;content:""; position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid #ddd; box-sizing:border-box;}
.input_desc{ margin:0.7em 0 0;color:#888;}
.agree_desc{margin:0.9em 0 0; color:#888;}
.agree_desc strong{display:inline-block; padding:0 0 0.4em; font-weight:700; color:#448dc7;}

/* editor_wrap */
.editor_wrap > textarea{display:block; width:100%; height:9em; padding:0.6em 0.8em 0.7em; margin:1.1em 0 0; border:1px solid #ddd; box-sizing:border-box; resize:none;}

/******************************
table
******************************/

/* table_type01 */
table.table_type01{width:100%; border-top:2px solid #448dc7; word-break:keep-all;}
table.table_type01 tbody th{ padding:1.2em 0 1.1em; border-bottom:1px solid #ddd;font-size:1.1em; font-weight:700; color:#222; vertical-align:middle;}
table.table_type01 tbody td{ padding:1.2em 0 1.1em; border-bottom:1px solid #ddd;font-size:1.1em; vertical-align:middle;}

table.table_type01 tbody td.table_btn_wrap{padding:1em 0 3em; border:0;}
table.table_type01 tbody td.table_btn_wrap a{margin:0;}

table.table_type01 tbody + tbody tr:first-child th{border-top:2px solid #448dc7;}
table.table_type01 tbody + tbody tr:first-child td{border-top:2px solid #448dc7;}

/* table_type02 */
table.table_type02{width:100%; border-top:2px solid #448dc7; background:#fff; word-break:keep-all;}
table.table_type02 > thead > tr > th{ padding:0.8em 0 0.6em; border-left:1px solid #ddd; border-right:1px solid #ddd; background:#448dc7;font-size:1.1em; font-weight:700; color:#fff; text-align:center; vertical-align:middle;}
table.table_type02 > tbody > tr > th{ padding:0.8em 0 0.7em; border:1px solid #ddd; background:#f9f9f9;font-size:1.1em; font-weight:700; color:#222; text-align:center; vertical-align:middle;}
table.table_type02 > tbody > tr > td{ padding:0.8em 0.9em 0.7em; border:1px solid #ddd;font-size:1.1em; vertical-align:middle;}
table.table_type02 > tbody > tr > td.center{text-align:center}
table.table_type02 > tbody > tr > td p{margin:0.4em 0 0;}
table.table_type02 > tbody > tr > td p + p{margin:0.3em 0 0;}
table.table_type02 > tbody > tr > td ul.list_type01{padding:0 0 0.1em;}
table.table_type02 > tbody > tr > td ul.list_type01 li{margin:0.4em 0 0;}

table.table_type02 tbody td.table_btn_wrap{padding:0.95em;}
table.table_type02 tbody td.table_btn_wrap a{margin:0;}

table.table_type02 tbody td.table_test{padding:0.8em 0.95em 0.95em; text-align:center;}
table.table_type02 tbody td.table_test a{margin:0.6em 0 0;}

/* inner_table */
.inner_table_wrap{padding:0 !important;}

table.inner_table{width:100%; border:0; text-align:center;}
table.inner_table thead th{ padding:0.7em 0 0.6em; border:0; border-bottom:1px solid #ddd; background:#f9f9f9;font-weight:400; color:#222 !important; vertical-align:middle;}
table.inner_table thead th + th{border-left:1px solid #ddd;}
table.inner_table tbody th,
table.inner_table tbody td{padding:0.7em 0.6em 0.6em; border:0; vertical-align:middle;}
table.inner_table tbody td + td{border-left:1px solid #ddd;}
table.inner_table tbody th + td{border-left:1px solid #ddd;}

/* table_type03 */
table.table_type03{width:100%; border-top:2px solid #448dc7; background:#fff; text-align:center; word-break:keep-all;}
table.table_type03 th{ padding:0.8em 1em 0.7em; border:1px solid #ddd; background:#f9f9f9;font-size:1.1em; font-weight:700; color:#222; vertical-align:middle;}
table.table_type03 td{position:relative; padding:0.8em 1em 0.7em; border:1px solid #ddd; font-size:1.1em; vertical-align:middle;}
table.table_type03 td span.fonti{ position:absolute; top:50%; left:-0.35em;
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-o-transform:translateY(-50%);
transform:translateY(-50%); margin:-0.05em 0 0;color:#448dc7;
}
table.table_type03 tbody th{font-weight:400; color:#888;}
table.table_type03 tbody + thead th{border-top:2px solid #448dc7;}


/******************************
board
******************************/

/* default*/
.board_info{color:#888;}
.board_info span.fonti{position:relative; top:0.2em; margin:0 0.5em 0 0; vertical-align:text-top;}
.board_info span.date,
.board_info span.user{font-size:1.1em;}
.board_info span + span.fonti{margin:0 0.5em 0 0.8em;}
.board_info span.status_box{margin:0 0 0 0.7em;}

/* search */
.board_search:after{ display:block;content:""; clear:both;}
.board_search .select_wrap{float:left; width:29%;}
.board_search .search_wrap{position:relative; float:right; width:69%;}
.board_search .search_wrap a{ display:block;position:absolute; top:0; right:0; width:3.3em; height:100%; text-align:center;}
.board_search .search_wrap a span.fonti{font-size:1.5em; line-height:2.2em !important;}

/* list */
ul.board_list{border-top:2px solid #448dc7;}
ul.board_list li{position:relative; padding:1.3em 0 1.2em; border-bottom:1px solid #ddd;}
ul.board_list li .board_tit p{font-size:1.1em; color:#448dc7;}
ul.board_list li .board_tit h2{ display:inline-block; overflow:hidden; white-space:nowrap; width:80%;font-size:1.2em; color:#222; text-overflow:ellipsis; word-wrap:normal;}
ul.board_list li .board_tit span.fonti{margin:0 0 0 0.3em; font-size:1.2em; color:#448dc7;}
ul.board_list li .board_tit p + h2{margin:0.25em 0 0;}
ul.board_list li .board_tit p + h2 + span.fonti{margin:0.5em 0 0 0.3em;}
ul.board_list li .board_info{margin:0.5em 0 0;}
ul.board_list li > span.fonti{position:absolute; top:50%; right:-0.3em;
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-o-transform:translateY(-50%);
transform:translateY(-50%);
}
.board_search + ul.board_list{margin:1.5em 0 0;}
ul.board_list + ul.board_list{border:0;}

ul.board_list.board_notice li{padding:1.1em 0 1.2em;}
ul.board_list.board_notice li .board_tit h2{ width:66%;font-weight:700;}

/* paging */
.board_paging{ margin:1.5em 0 0;text-align:center;}
.board_paging > a{display:inline-block; width:2.5em; height:2.5em; margin: 0 10px; _margin:1.3em 0 0; border:1px solid #ddd; line-height:2.2; box-sizing:border-box;}
.board_paging ul.page_list{display:inline-block;}
.board_paging ul.page_list li{display:inline-block;border:0}
.board_paging ul.page_list li a{display:inline-block; width:2.5em; height:2.5em; border:1px solid #ddd; line-height:2.3; box-sizing:border-box;}
.board_paging ul.page_list li a.current{ border-color:#448dc7;background:#448dc7; color:#fff;}

/* view */
.board_view{}
.board_view .board_view_info{text-align:center; word-break:keep-all;}
.board_view .board_view_info p{font-size:1.5em; color:#448dc7;}
.board_view .board_view_info h2{font-size:2em; font-weight:700; color:#222;}
.board_view .board_view_info p + h2{margin:0.3em 0 0;}
.board_view .board_view_info .board_info{margin:2.2em 0 0;}
.board_view .board_view_con{ margin:2.7em 0 1.5em;font-size:1.1em;}
.board_view .board_view_con *{word-break:break-all;}
.board_view .board_view_con img{display:block; max-width:100%;}
.board_view .board_view_file {padding:1.5em 0 0;}
.board_view .board_view_file ul{border-top:1px solid #ddd;}
.board_view .board_view_file ul li{border-bottom:1px solid #ddd;}
.board_view .board_view_file ul li a{ display:block;position:relative; padding:0.95em 0 1em; font-size:1.2em; font-weight:700; color:#448dc7}
.board_view .board_view_file ul li a span.fonti{position:absolute; top:50%; right:0;
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-o-transform:translateY(-50%);
transform:translateY(-50%);
}

.board_view_btn{ padding:1.5em 0 0;margin:1.5em 0 0; border-top:1px solid #ddd;}
.board_view_btn:after{ display:block;content:""; clear:both;}
.board_view_btn a.form_btn{float:right; width:30%; margin:0;}

.board_view .board_view_file + .board_view_btn{padding:0; border:0;}

/* board_tab */
dl.board_tab{border-top:2px solid #448dc7;}
dl.board_tab dt{position:relative; padding:1.3em 0 1.2em; border-bottom:1px solid #ddd;}
dl.board_tab dt p{font-size:1.1em; color:#448dc7;}
dl.board_tab dt h2{ display:inline-block; overflow:hidden; white-space:nowrap; width:90%; margin:0.25em 0 0;font-size:1.2em; color:#222; text-overflow:ellipsis; word-wrap:normal;}
dl.board_tab dt > span.fonti{position:absolute; top:50%; right:0;
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-o-transform:translateY(-50%);
transform:translateY(-50%);
}
dl.board_tab dd{ overflow:hidden;height:0;}
dl.board_tab dd .board_tab_con_wrap{position:relative; padding:5%; border-bottom:1px solid #ddd; background:#f9f9f9;}
dl.board_tab dd .board_tab_con_wrap .board_tab_con{font-size:1.1em; word-break:keep-all;}
dl.board_tab dd .board_tab_con_wrap .board_info{margin:1em 0 0;}
.board_search + dl.board_tab{margin:1.5em 0 0;}

/* video */
ul.video_list{margin:-1.2em 0 0 -1em;}
ul.video_list:after{ display:block;content:""; clear:both;}
ul.video_list li{float:left; width:49%; padding-left:1%; margin:15px 0 0;}
ul.video_list li:nth-child(2n+1){clear:left}
ul.video_list li .video_thumb{position:relative;}
ul.video_list li .video_thumb img{display:block; width:100% !important; height:auto !important;}
ul.video_list li .video_thumb a.video_link{ display:block;position:absolute; top:0; left:0; width:100%; height:100%; background:url(/images/contents/play_ico.png) no-repeat center center; background-size:3.5em; text-indent:-9999px;}
ul.video_list li h3{ margin:0.6em 0 0;text-align:center; word-break:keep-all;}
ul.video_list li h3 a{font-size:1.2em; font-weight:700; color:#222;}

/*webzine*/
ul.webzine_list li{padding:3em 0; border-top:1px solid #ddd;}
ul.webzine_list li:first-child{ padding:0 0 3em 0;border:0;}
ul.webzine_list li:after{ display:block;content:""; clear:both;}
ul.webzine_list li > div.webzine_thumb img{display:block; width:100%;}
ul.webzine_list li > div.webzine_info{margin:1.1em 0 0; word-break:keep-all;}
ul.webzine_list li > div.webzine_info h2{font-size:1.4em; font-weight:700; color:#222;}
ul.webzine_list li > div.webzine_info p{ margin:0.8em 0 0;font-size:1.1em;}
ul.webzine_list li > div.webzine_info a.btn_type02{margin:0.85em 0 0;}


/******************************
layer_popup
******************************/
.jquery-modal.blocker{padding:5%; background-color:rgba(0,0,0,0.3); z-index:9999;}
.jquery-modal.blocker .modal{ width:100%;max-width:100%; padding:0;
-webkit-border-radius:0;
-moz-border-radius:0;
-o-border-radius:0;
-ms-border-radius:0;
border-radius:0;

-webkit-box-shadow:none;
-moz-box-shadow:none;
-o-box-shadow:none;
-ms-box-shadow:none;
box-shadow:none;
}
.jquery-modal.blocker .modal a.close-modal{display:none;}

.layer_popup_wrap .layer_popup{background:#fff;}
.layer_popup_wrap .layer_popup .layer_popup_tit{position:relative;}
.layer_popup_wrap .layer_popup .layer_popup_tit h2{ padding:0 5%; background:#448dc7;font-size:1.4em; font-weight:700; line-height:3em; color:#fff;}
.layer_popup_wrap .layer_popup .layer_popup_tit .layer_popup_close{display:block; position:absolute; top:0; right:0; width:4.2em; height:4.2em; line-height:4.2em; color:#fff; text-align:center;}
.layer_popup_wrap .layer_popup .layer_popup_contents{padding:0 0 5%;}
.layer_popup_wrap .layer_popup .layer_popup_contents p{ padding:0.9em 5% 0;font-size:1.1em; word-break:keep-all;}
.layer_popup_wrap .layer_popup .layer_popup_contents p.gry_box{padding:1.15em 1.3em 1.1em; margin:5%;}
.layer_popup_wrap .layer_popup .layer_popup_contents h2{ padding:0 5%; margin:2.5em 0 0;font-size:1.1em; font-weight:700; color:#222;}
.layer_popup_wrap .layer_popup .layer_popup_contents ul.list_type01 + h2{margin:2.3em 0 0;}
.layer_popup_wrap .layer_popup .layer_popup_contents h3{ padding:0 5%; margin:2.3em 0 0;font-size:1.1em; color:#448dc7;}
.layer_popup_wrap .layer_popup .layer_popup_contents h2 + h3{margin:1.5em 0 0;}
.layer_popup_wrap .layer_popup .layer_popup_contents p + table.table_type02{margin:1.2em 0 0; border-top:1px solid #ddd;}
.layer_popup_wrap .layer_popup .layer_popup_contents table.table_type02{border:0;}
.layer_popup_wrap .layer_popup .layer_popup_contents table.table_type02 tbody th,
.layer_popup_wrap .layer_popup .layer_popup_contents table.table_type02 tbody td{border:0; border-bottom:1px solid #ddd;}
.layer_popup_wrap .layer_popup .layer_popup_contents table.table_type02 tbody td{border-left:1px solid #ddd;}
.layer_popup_wrap .layer_popup .layer_popup_contents ul.list_type01{ padding:0 5%;margin:0.9em 0 0;}
.layer_popup_wrap .layer_popup .layer_popup_contents ul.list_type01 li a.btn_type03{font-size:1em; font-weight:700;}
.layer_popup_wrap .layer_popup .layer_popup_contents ul.list_type01 + table.table_type02{margin:1.5em 0 0;}
.layer_popup_wrap .layer_popup .layer_popup_contents .editor_wrap{ padding:0 5%;margin:2.8em 0 0;}
.layer_popup_wrap .layer_popup .layer_popup_contents .editor_wrap h2{ padding:0;margin:0;}
.layer_popup_wrap .layer_popup .layer_popup_contents .btn_wrap{ padding:0 5%;margin:2.7em 0 0;}
.layer_popup_wrap .layer_popup .layer_popup_contents ul.list_type01 + .btn_wrap{margin:3em 0 0;}

.layer_popup_wrap .layer_popup .layer_popup_contents.unable_support ul.list_type01{margin:5% 0 0;}

.layer_popup_wrap .layer_popup .layer_popup_contents.center_info ul.list_type01{margin:1.2em 0 0;}
.layer_popup_wrap .layer_popup .layer_popup_contents.center_info ul.list_type01 li{margin:0.9em 0 0;}
.layer_popup_wrap .layer_popup .layer_popup_contents.center_info ul.list_type01 + .btn_wrap{margin:2.7em 0 0;}

.layer_popup_wrap .layer_popup .layer_popup_contents.self_pay > p{padding:5% 5% 0;}
.layer_popup_wrap .layer_popup .layer_popup_contents.self_pay ul.list_type01{margin:1.2em 0 0;}
.layer_popup_wrap .layer_popup .layer_popup_contents.self_pay ul.list_type01 li{margin:0.9em 0 0;}
.layer_popup_wrap .layer_popup .layer_popup_contents.self_pay ul.list_type01 + .btn_wrap{margin:2.7em 0 0;}

.layer_popup_wrap .layer_popup .layer_popup_contents.progress_detail .btn_wrap,
.layer_popup_wrap .layer_popup .layer_popup_contents.score .btn_wrap,
.layer_popup_wrap .layer_popup .layer_popup_contents.survey_form .btn_wrap{margin:3em 0 0;}

.layer_popup_wrap .layer_popup .layer_popup_contents.terms h2:first-child{margin:5% 0 0;}

.layer_popup_wrap .layer_popup .layer_popup_contents img{width:100%;}

.layer_popup_wrap .layer_popup .layer_popup_contents.edu_request .btn_wrap{margin:3em 0 0;}

.layer_popup_wrap .layer_popup .layer_popup_contents.edu_enquire .btn_wrap a{overflow:hidden; border-radius: 5px;}
.layer_popup_wrap .layer_popup .layer_popup_contents.edu_enquire .btn_wrap a .btn_box {display: inline-block; width: 156px; text-align: left;}
.layer_popup_wrap .layer_popup .layer_popup_contents.edu_enquire .btn_wrap a .btn_box > img{max-width: 24px; margin-right: 20px;}
.layer_popup_wrap .layer_popup .layer_popup_contents.edu_enquire .btn_wrap a .btn_box > span {text-align: left;}


table.song{width:100%; border:1px solid #ddd; border-top:2px solid #448dc7;}
table.song caption{display:none;}
table.song thead th{padding:9px 5px; border:1px solid #ddd; background:#f9f9f9; font-weight:700; color:#222; text-align:center; vertical-align:middle; word-break:keep-all;}
table.song thead td{padding:10px 19px 9px; border:1px solid #ddd; text-align:left;}
table.song tbody td{padding:9px 5px; border:1px solid #ddd; text-align:center; vertical-align:middle; word-break:keep-all;}
table.song tbody td.ta_l{ padding:9px 20px;text-align:left;}
table.song thead th .hover_desc{display:inline-block; margin:-1px 0 0 7px;}
table.song thead th input[type=checkbox],
table.song tbody td input[type=checkbox]{vertical-align:middle;}
table.song tbody td .hover_desc{float:right; margin:2px 0 0; font-size:14px; text-align:left;}
table.song tbody td .hover_desc .hover_desc_detail{ top:39px; right:-17px;min-width:214px;}
table.song tbody td .hover_desc .hover_desc_detail h4{font-weight:700; color:#222;}
table.song tbody td.table02_empty{padding:56px !important; text-align:center;}
table.song tbody td.table02_empty p{font-size:14px;}
table.song tbody td.table02_empty p strong{font-weight:700; color:#448dc7;}
table.song tbody td.table02_empty02{ padding:26px 30px 25px; background:#f9f9f9;font-size:16px; font-weight:700; color:#222;}
table.song tbody td.center_info{padding:9px 20px; text-align:left;}
table.song tbody td.center_info dl dt{font-weight:700; color:#448dc7;}
table.song tbody td.center_info dl dd{margin:2px 0 0;}
table.song tbody td .table02_input_wrap{ padding:0 9px;text-align:left;}
table.song tbody td .table02_input_wrap input{width:100%; font-size:11px; box-sizing:border-box;}
table.song tbody td .table02_input_wrap p.require{ margin:3px 0 0;text-align:right;}
table.song tbody td .table02_select_wrap{padding:0 9px; text-align:left;}
table.song tbody td .table02_select_wrap select{width:100%; font-size:11px;}
table.song tbody td ul.table02_radio_list{ padding:0 0 0 15px;text-align:left;}
table.song tbody td ul.table02_radio_list li{padding:3px 0 0;}
table.song tbody td ul.table02_radio_list li:first-child{margin:0;}
table.song tbody td ul.table02_radio_list li label{margin:0 0 0 6px;}
table.song tbody td a.delete{display:block; font-size:11px; color:#f44336;}
table.song tbody td a.delete span{font-size:14px;}
table.song tbody td a.delete strong{display:block; margin:7px 0 0; font-weight:700;}
table.song tbody td strong.big{font-size:20px; font-weight:700; color:#448dc7;}
table.song tbody tr.bg_gry td{background:#f9f9f9;}
table.song tbody tr.fw_b td{font-weight:700; color:#222;}

/******************************
Toast
******************************/
#toast {overflow: hidden;visibility: hidden;position: fixed;left: 50%;bottom: 30px;transform: translate(-50%, 10px);padding: 15px 20px;border-radius: 30px;background: rgba(0, 0, 0, .8);font-size: .8rem;color: #fff;transition: opacity .5s, visibility .5s, transform .5s;z-index: 10000;opacity: 0;}
#toast.reveal {visibility: visible;transform: translate(-50%, 0);opacity: 1}



/*
@date 220214
@author 황기석
@desc 특강페이지 나의 특강현황 팝업 css

.speci_view_btn_area {margin: 8px;text-align: right;}
.speci_view_btn_area .myShowSpeci{background: #448dc7;border-radius: 12px;color: #fff;display: inline-block;padding: 6px 12px;}
.speci_view_btn_area .insertSpeci{float: left; background: #31b0d5;border-radius: 5px;color: #fff;display: inline-block;_width: 90px;height: 30px;line-height: 30px;font-size: 13px;text-align: center;padding: 0 15px; }
*/
.speci_view_btn_area {margin-top: 20px;margin-right: 5%;text-align: right;}
.speci_view_btn_area > a{display: inline-block;height: 30px;padding: 0 15px;border-radius: 5px;font-size: 13px;line-height: 30px;color: #fff;text-align: center;cursor: pointer;}
.speci_view_btn_area a.myShowSpeci{background: #31b0d5;}
.speci_view_btn_area a.insertSpeci{background: #448dc7;}


/**
 * @date 220608
 * @modify 황기석
 * @desc 8주년이벤트 css
 */
/*이벤트 상단 기본 css*/
section.win_top { background: #cde8ff;text-align: center; }
section.win_top .win_chk {min-height: 60px;text-align: center}
section.win_top .win_chk button{ width: 80%;  border:none;margin: 0 auto; }
section.win_top .win_ret {display: none;min-height: 50px;padding-bottom: 30px;}
section.win_top .win_ret > div {}
section.win_top .win_ret_content dl.my {padding-top: 0 ;padding-bottom: 0;}

section.win_list img{width: 100%;}
/*이벤트 하단 기본 css*/
section.more_win_content {background: #feecee;padding-top: 50px;}
section.more_win_content .win_list_tit {color: #ff5f6e;font-size: 28px;font-weight: bold;text-align: center;}
section.more_win_content dl.my {padding-bottom:0; }
section.more_win_content dl.my.winner dd span{padding-left: 40px;}
section.more_win_content dl.my.winner dd span:before { background: url(/images/con220608/pc_crown.png) no-repeat;content: "";display: inline-block;width: 35px;height: 25px;background-size:contain ;position: absolute;left:12px;top: 12px; }
section.more_win_content dl.edu {padding-top: 0; padding-bottom:10px;}
section.more_win_content dl.edu dd {border-top-left-radius: 0;border-top-right-radius: 0;border-top:none;}
section.more_win_content .btn_area{text-align: center;padding-bottom: 50px;}



/* paging css override */
section.more_win_content .board_paging {margin-bottom: 15px;}
section.more_win_content .board_paging .first
, section.more_win_content .board_paging .last {border: none; background: none;font-weight: bold;color:#333;}
section.more_win_content .board_paging .current {background: #ff5f6e!important;border-color: #ff5f6e!important;}
section.more_win_content .board_paging a {border: none!important;cursor: pointer}

/*이벤트 당첨 리스트 공용 css*/
.win_ret_content{padding-bottom: 0;}
.win_ret_content > p {font-weight: bold;font-size: 20px;margin-bottom: 15px;}
.win_ret_content dl {padding: 15px ;}
.win_ret_content dl dt {font-weight: bold;font-size: 16px;margin-bottom: 5px;}
.win_ret_content dl dd {background: #fff;border: 1px solid #ddd;padding: 15px;width: 100%;border-radius: 10px;box-sizing: border-box;display: inline-block}
.win_ret_content dl dd span {display: inline-block;margin-bottom: 10px;}
.win_ret_content dl dd span a {font-weight: bold}
.win_ret_content dl dd div {text-align: left;}
.win_ret_content dl.my {text-align: left;padding-bottom: 0;}
.win_ret_content dl.my dd {}

.win_ret_content dl.my.winner dd {position: relative;border-bottom-left-radius: 0;border-bottom-right-radius: 0;}
.win_ret_content dl.my dt {margin-left: 10px;}
.win_ret_content dl.edu {text-align: right;padding-top: 0}
.win_ret_content dl.edu dt {margin-right: 10px;}
.win_ret_content dl.edu dd {min-height: 140px;position: relative;background: #f1f9ff;border-top-left-radius: 0;border-top-right-radius: 0;border-top:none;}
.win_ret_content dl.etc_discuss dd {width: 100% !important;}

.btn_type09 {padding:5px 10px;border: none;display: inline-block;font-size: 16px;_font-weight: bold;cursor: pointer;border-radius: 5px;}
.btn_type09.pink {background: #ff5f6e;color:#fff;}





#new-layerPopup{ display: none; position: fixed;top: 0; left: 0; z-index: 100;width: 100%;height: 100%;}
#new-layerPopup .new-overlay{position:fixed;top: 0; left: 0; z-index: 5;width: 100%;height: 100%; background: rgba(0,0,0,0.2);}
#new-layerPopup .new-wrap{ position: fixed;z-index: 10;min-width: 280px;min-height: 250px;border: 1px solid #AAA;border-radius: 8px;background: #fff; box-shadow: 2px 2px 2px #888;}
#new-layerPopup .new-wrap > div {position: relative;height: 100%}
#new-layerPopup .new-wrap ul{margin: 0}
#new-layerPopup .new-wrap li{padding: 5px 0;line-height: 22px;list-style: none;-moz-margin-start: 0;vertical-align: middle;}
#new-layerPopup .new-wrap label{margin: 0;}
#new-layerPopup .new-wrap input[type=radio]{margin: -3px 6px 0 0;}
#new-layerPopup .new-wrap .new-title{position: relative;width: 100%;border-bottom: 1px solid #ccc;border-top-left-radius: 8px;border-top-right-radius: 8px;background: #448dc7; font-size: 18px;line-height: 50px;color: #fff;text-align: center;}
#new-layerPopup .new-wrap .new-title img {position: absolute;right:0;width: 18px;height: 18px;margin: 16px 10px 0 0 ;cursor: pointer}
#new-layerPopup .new-wrap .new-content {overflow:auto;min-height: 250px;padding: 5px 12px 25px 12px}
#new-layerPopup .new-wrap .new-footer {position: absolute;bottom: 0;width: calc(100% - 8px);padding: 8px 4px;border-top: 1px solid #ccc;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;background: #fff;line-height: 25px;text-align: right;}
#new-layerPopup .new-wrap .new-footer button {min-width: 70px;margin-right: 8px;}