@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:'Noto Sans KR', 'Noto Sans CJK KR', 'Noto Sans', '맑은고딕', 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:'Noto Sans KR', 'Noto Sans CJK KR', 'Noto Sans', '맑은고딕', 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;}
}