@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');
@font-face {
    font-family: 'S-CoreDream-3Light';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
body {background:#fff; font-family:'nanumgothic','돋움',dotum,Helvetica,'Apple SD Gothic Neo',sans-serif; background: #f2f2f2; }

legend, caption{position:absolute; left:-2000%;}
textarea, button{vertical-align:middle;}
input, select{ vertical-align:middle; background:#fff; border:1px solid #475056; color:#333; height:15px; padding:5px; font-size:12px;  }
textarea{padding:3px; vertical-align:middle; background:#fff; border:1px solid #475056; color:#333; font-size:13px; }


a{color:#555; text-decoration:none;}
a:hover, a:active, a:focus{color:#000;  text-decoration:underline;}
table{border-collapse:collapse}

.top_menu ul li { width:calc(100%/5); height: 50px; background-color:#2197d9; float:left; border-right:1px solid #fff; border-bottom:1px solid #ccc; box-sizing:border-box; text-align:center;  }
.top_menu ul li:last-child { border-right:none; }
.top_menu a{color: #fff; text-decoration:none; display:block; font-weight:600; padding:18px 0 15px 0; font-size: 14px; font-family: 'S-CoreDream-3Light';}
.top_menu a:hover, a:active, a:focus{color: #fff; text-decoration:none;}


.copy {  width:100%; margin:0; padding:0; left:0px; top:0px; }

.sub_conwrap { width:95%; margin:0 auto; padding-top:10px; }
.sub_title { float:left; width:100%; text-align:center; margin:30px 0 20px 0; font-size:20pt; font-weight:600; color:#000;}


.bo_none { border:none;}
.pay_color1 { color:#003dd7;   }
.pay_color2 { color:#027261; font-weight:600;  }

.app_top { width:100%; }

.top a{color:#f8f8f8; font-weight:600; text-decoration:none; }
.top a:hover, a:active, a:focus{color: #f8f8f8; font-weight:600; text-decoration:none;}

.top_wrap { position:fixed; top:0; width:100%; }
footer { position:fixed; bottom:0;  height:60px; width:100%; margin:0 auto; text-align: center; background-color:#ebebeb; }



/* div#contents .TITLE{ */


@media only screen and (min-width:1px) and (max-width:800px) {
.top_menu ul li { width:calc(100%/5); background-color:#2197d9; float:left; border-right:1px solid #fff; border-bottom:1px solid #ccc; box-sizing:border-box; text-align:center; font-size:14px; font-weight:600;   }
.bg1 { background:#ecf1ff;  }
.main_img img { width:100%;  }
.wrap { width:100%; margin:0 auto; padding:22px 0 0 0;  }
.top { width:100%; height:73px; top:0; background: #203c70;  }
.top_home { text-align:center; width:100%; padding:25px 0 0 0px;  font-size:15px; font-weight:600; line-height:23px; letter-spacing:-1px; color:#fff;font-family: 'S-CoreDream-3Light';}
.top_home br{display: none;}

.top_logo { float:right; text-align:right; width:20%; padding:10px 10px 0 0;  }
.top_logo img {width:60px;  }
.top_menu { width:100%;  }

.main_sns { text-align:center; padding:10px 0;  }
.main_sns img { width:40px;  }

.body0 { background:#ecf1ff; }
.body1 { background:#ecf1ff; }

}



@media only screen and (min-width: 800px) {
.main_img img { width:768px;  }
.wrap { width:768px; margin:0 auto; padding:25px 0 0 0;     }
.top { width:768px; height:80px; top:0;  background: #203c70; margin:0 auto;   }
.top_home { float:left; text-align:center; width:100%;  padding:25px 0px 20px 0px; font-size:25px; font-weight:700;  color:#fff;line-height:25px; letter-spacing:-0.5px; font-family: 'S-CoreDream-3Light';  }
.top_home br{display: none;}

.top_logo { float:right; text-align:right; width:80px; padding:3px 10px 0 0;  }
.top_menu { width:768px; margin:0 auto;  }

.main_sns { text-align:center; padding:10px 0;  }
.main_sns img { width:40px;  }
}