@charset "UTF-8";
*{
	margin:0; padding:0; border:0; outline:none ;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
html{overflow-y:scroll;}
html, body, pre{
	width:100%; height:100%;
	font-family:'맑은고딕', sans-serif; font-size:1em; font-weight:normal; color:#222;}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0;vertical-align:middle;}
img,fieldset{vertical-align:middle; border:0; outline:none;}
img {
    image-rendering: -moz-crisp-edges;
}
form{clear:both}
input,textarea,button,select{
	outline:0; border-radius:0 !important; font-family:'맑은고딕', sans-serif; font-size:100%; vertical-align:0pt;
	-webkit-appearance: none; -webkit-border-radius:0px;
}
select{
	border:1px solid #ddd; padding:1pt; height:22pt; vertical-align:-1px; min-width:80px;
	-webkit-appearance: menulist;
}
select::-ms-expand{
  background:white; border:0; color:#666;
}
input[type='checkbox']{-webkit-appearance:checkbox !important;}
input[type='radio']{-webkit-appearance:radio !important; -webkit-border-radius:15px !important;}

input[type=text], input[type=password],input[type=number],input[type=tel],input[type=email]{border:1px solid #ddd; height:22pt; padding:1pt; text-indent:5pt; max-width:90%; margin:2pt 0; width:96%;}
input[type=tel]{width:80px;}
input[type=file]{border:0; background:#fff; }
input[type=checkbox], input[type=radio]{height:12pt; width:12pt; vertical-align:-2.5pt; margin-right:3pt;}

.bbs .write input[type=text], .bbs .write input[type=password],.bbs .write input[type=number],.bbs .write input[type=tel],input[type=email] {border:1px solid #ddd; height:22pt; padding:1pt; text-indent:5pt; max-width:200px; margin:2pt 0; width:96%;}
.bbs .write  input[type=text].tit {max-width:96%}
label, label.checkbox, label.radio{cursor:pointer; margin-right:10pt;  }
label:last-child, label.checkbox:last-child,label.radio:last-child{margin-right:0;}

textarea {padding:5px; border:1px solid #ddd;}
ul,ol, li, dd, dl{list-style:none; padding:0; margin:0;}
em,address{font-style:normal}
a{
	color:#515151; cursor:pointer;
	text-decoration:none; display:block;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
a:visited, a:active, a:hover{color:#000;}
i{vertical-align:middle;}
button{cursor:pointer; text-decoration:none;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;}

span.small{font-size:80%; display:inline-block; line-height:100%;}
span.small i{font-size:120%;}
table, td, th{border-collapse:collapse;}
.clear{clear:both;}
.clear:after{visibility:hidden; display:block; content:""; clear:both; height:0;}
.inner{position:relative; margin:0 auto; width:1100px;}
.inner:after{visibility:hidden; display:block; content:""; clear:both; height:0;}
.fl{float:left;}
.fr{float:right;}
.en{font-family: 'Muli', 'Noto Sans KR', 'Noto Sans CJK KR', 'Noto Sans', '맑은고딕', sans-serif;}
.tl{text-align:left !important;}
.tc{text-align:center !important;}
.tr{text-align:right !important;}
.strike{text-decoration:line-through;}
.hidden{display:none;}
.pos_ab{
	position:absolute; top: 50%; left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform:translate(-50%, -50%);
    -moz-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
}
.str{font-weight:600; color:#000; font-weight:100%;}

#top_section{background:#252525;}
#top_section .family_total{background:#fff; border-bottom:2px solid #000; padding:10px; display:none;}
#top_section .family_total h1{position:relative; display:block;}
#top_section .family_total h1 span{
	display:inline; background:#cf1429; padding:3px 10px 2px 10px; color:#fff; font-size:14px; letter-spacing:0.5px;
	border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px;
}
#top_section .family_total h1 .f_close{position:absolute; right:0; top:0px; color:#cf1429; cursor:pointer;}
#top_section .family_total h1 .f_close i{font-size:xx-large;}
#top_section .family_total ul{display:inline-block; padding:10px 0; font-size:0;}
#top_section .family_total ul li{display:inline-block; width:32%; font-size:12px; cursor:pointer; color:#999; margin:3px 0 0 10px;}
#top_section .family_total ul li h1{display:inline-block; min-width:70px; font-size:13px; font-weight:bold; color:#252525; padding-right:10px;}
#top_section .family_total ul li h1:before{content:"·"; color:#c51917; font-weight:900;}
#top_section .family_total ul li span{vertical-align:-2px; color:#555;}


#top_section .top_section{height:30px; overflow:hidden;}
#top_section .top_section a{color:#959595;}
#top_section .top_section a:hover{color:#fff;}
#top_section .top_section a.login{font-weight:500; color:#ccc;}
#top_section .top_section a.login:hover{color:#fff;}
#top_section .top_section a > img{}
#top_section .top_section ul{font-size:0;}
#top_section .top_section ul li{display:inline-block; padding:0 10px; border-left:1px solid rgba(255,255,255,0.1); font-size:12px; line-height:28px;}
#top_section .top_section ul li:last-child{border-right:1px solid rgba(255,255,255,0.1);}
#top_section .top_section ul li.btn_educhosun{background:#fff; height:30px;}
#top_section .top_section ul li.btn_educhosun img{margin-top:-5px; max-width:100%;}
#top_section .top_section ul li.family_link{font-size:0;}
#top_section .top_section ul li.family_link a{display:inline-block; font-size:11px; margin-right:10px;}
#top_section .top_section ul li.family_link a.s_btn{display:inline; background:rgba(255,255,255,0.15); color:#fff; font-size:7pt; font-weight:200; padding:0px 3px 1px 1px; margin-right:0; cursor:pointer;}
#top_section .top_section ul li.family_link a.s_btn:hover{background:rgba(255,255,255,0.5);}
#top_section .top_section ul li.family_link a.s_btn i{color:#fff; font-size:9pt;}
#top_section .top_section ul.fr a i{display:none; line-height:30px; padding:0 5px;}

/* Footer */
footer{width:100%; padding:30pt 0; border-top:3px solid #252525; z-index:0;}
footer .logo{margin-bottom:20pt;}
footer .logo img{max-width:230px;}
footer .copyright{padding-left:46pt; font-size:0; color:#555; line-height:12px;}
footer .copyright a{display:inline-block; font-size:10pt; color:#555;}
footer .copyright a:after{content:"|"; font-size:8pt; font-weight:300; color:#c4c4c4; margin:0 5pt; vertical-align:1.5pt}
footer .copyright a:last-child:after{display:none;}
footer .copyright span{display:inline-block; font-size:9pt; word-break:break-all;}
footer .copyright span:after{content:"|"; font-size:8pt; font-weight:300; color:#c4c4c4; margin:0 5pt; vertical-align:1.5pt}
footer .copyright span:last-child:after{display:none;}
footer .copyright p{padding-top:5pt; font-weight:400; font-size:8pt;}
footer .familysite{position:absolute; top:0; right:0; z-index:0; }
footer .familysite > label > select{
    padding:5px 10px; margin:0; background:#fff; border:1px solid #ccc; color:#666; min-width:150px; height:27pt;
	font-family:'Noto Sans KR', 'Noto Sans', '맑은고딕', sans-serif; font-size:10pt;
    outline:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
}
footer .familysite > label > select::-ms-expand {display: none;}

.diagonal_box_mem {float:left;width:46%;min-width:300px;margin-right:30px;margin-bottom:30px;}
.diagonal_box_mem td {padding:7px 10px;}
.diagonal_box_nonmem {float:left;width:46%;min-width:300px;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    footer .familysite > label > select {padding-right:18px}
}
footer .familysite > label {position:relative}
footer .familysite > label:after {
    content:'>';
    font:13px "Consolas", monospace;
    color:#666;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    right:8px; top:5px;
    padding:0 0 2px;
    position:absolute;
    pointer-events:none;
}


@media only screen and (max-width: 980px) {
	#top_section .family_total{padding-left:0; padding-right:0;}
	#top_section .family_total h1 span{font-size:13px;}
	#top_section .family_total ul li h1 {font-size:100%;}
	#top_section .family_total ul li span {font-size:90%; vertical-align:-1px;}
}
@media only screen and (max-width:880px) {
	#top_section .family_total ul li{width:48%;}
	#top_section .family_total ul li {margin-top:0px; margin-bottom:0;}

	.diagonal_box_mem {float:left;width:100%;}
	.diagonal_box_nonmem {float:left;width:100%}
}
@media only screen and (max-width:600px) {
	#top_section .family_total ul li{width:30%;}
	#top_section .family_total ul li span{display:none;}
	#top_section .top_section ul li.family_link a{display:none;}
	#top_section .top_section ul.fr li {padding:0; border:0;}
	#top_section .top_section ul.fr a{font-size:0;}
	#top_section .top_section ul.fr a i {display:block; font-size:medium;}
}

/*20190307 */
.main_program{background:#fff; padding:10pt; overflow-x:hidden;}
.main_program h1{position:relative; color:#333; text-align:center; margin-top:10pt;}
.main_program h1 .line{
	position:absolute; border-top:2px solid #dedede; width:90%; height:1px; left:50%; top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform:translate(-50%, -50%);
}
.main_program h1 span{position:relative; padding:0 20pt; display:inline-block; background:#eee; font-size:xx-large; font-weight:700; letter-spacing:2pt; z-index:1;}
.main_program .program_slider{margin-top:0pt;}
.main_program .program_slider li{text-align:center;}
.main_program .program_slider li .symbol{display:block; width:100%; height:70px; line-height:70px;}
.main_program .program_slider li .symbol img{max-height:50px;}
.main_program .program_slider li h1{color:#cf1429; font-size:110%; font-weight:600; display:block; margin-top:0pt;}
.main_program .program_slider li span{width:80%; margin:2pt auto; color:#666666; display:block; font-size:small; font-weight:400; line-height:120%;}
.main_program .program_slider li button{display:block; margin:10pt auto; background:#333; color:#fff; padding:4pt 6pt; font-size:x-small; font-weight:500; letter-spacing:0.5pt;}
.main_program .program_slider li button:hover{background:#000;}
.main_program .program_slider li button i{font-size:70%; vertical-align:0pt;}
.main_program .bx-controls{
	position:absolute; left:0; top: 50%; height:0; width:100%; margin-top:-20pt;
	transform: translate(0, -50%);
	-webkit-transform:translate(0, -50%);
}

.main_program .bx-controls a{display:block;color:rgba(0,0,0,0.2); font-size:25pt;}
.main_program .bx-controls a:hover{color:rgba(0,0,0,0.5);}
.main_program .bx-controls .bx-prev{float:left; margin-left:-20pt;}
.main_program .bx-controls .bx-next{float:right; margin-right:-20pt;}


.program_slider2{overflow:hidden; padding:0 5pt; box-sizing: border-box;}
.program_slider2 li{float:left; text-align:center; font-size:1em; width:20%;}
.program_slider2 li .symbol{display:block; width:100%; height:70px; line-height:70px;}
.program_slider2 li .symbol img{max-height:50px;}
.program_slider2 li .p_name{
	color:#cf1429; font-size:1em; font-weight:800; display:block;
	line-height: 1em; height:2em;	
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.program_slider2 li .p_info{
	width:80%; margin:2pt auto; color:#666; display:block; font-size:1em; font-weight:400;
	overflow: hidden; text-overflow: ellipsis; line-height: 1.2em;	height: 1.2em;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap:break-word;
}
.program_slider2 li button{display:block; margin:5pt auto; background:#333; color:#fff; padding:3pt 5pt; font-size:xx-small; font-weight:500; letter-spacing:0.5pt;}
.program_slider2 li button:hover{background-color:red;}
.program_slider2 li button i{font-size:70%; vertical-align:0pt;}

/*cust */
/* 메인 컨텐츠 */
.main_con{position:relative; display:table; margin:30pt auto;}
.main_con div{vertical-align:top;}

.main_con .customer > article{display:table; width:100%; min-height:220px;}

.main_con .customer .center{background:#fbe462; text-align:center;}