@charset "utf-8";
/* *******************************************************
 * filename : reset.css
 * description : 태그초기화 CSS
 * date : 20210414
******************************************************** */

html {
	/*
    -ms-overflow-style: none;
	*/
    overflow: auto;
}
/*
html::-webkit-scrollbar {
    display:none;
}
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	word-break: keep-all;
    /*word-break: break-word;*/
	word-wrap: break-word;
}
/*div { box-sizing: border-box; }*/
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary {
	display:block;
}
audio, canvas, video {
    display:inline-block;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
audio, canvas, img, video {
	vertical-align:middle;
}
body {
	line-height:1;
}
ul {
	list-style:none;
}
ol>li {
    list-style: decimal !important;
    line-height: 1.6em;
    margin-left: 24px;
    padding-left: 2px;
}

blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:"";
	content:none;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
img, fieldset {
	border:0;
	/*max-width: 100%;
	max-height: 100%;*/
	vertical-align: middle;
}
input, select, textarea {
	line-height:1.2;
	vertical-align:middle;
}
/*
input[type="text"],input[type="password"],select {
    border: 1px solid #c1c1c1;
    height: 34px;
    border-radius: 2px;
	padding:0 4px;
}
*/
textarea {
    border: 1px solid #ccc;
    border-radius: 2px;
	padding:12px;
	font-size:14px;
}

a[href^=tel] { text-decoration:inherit; color: inherit; }
input[type="checkbox"] { visibility:hidden; position:absolute; }
input[type="checkbox"] + label { display:inline-block; position:relative; }
input[type="checkbox"] + label:before { content:''; display:inline-block;/* padding-left:25px; */background-image: url(//img.eduwill.net/resources/b2b/live/images/check-square-off.png); background-repeat:no-repeat; cursor: pointer;width: 24px;height: 24px;float: left;margin-right: 8px;}
input[type="checkbox"]:checked + label:before { content:''; background-image:url(//img.eduwill.net/resources/b2b/live/images/check-square-on.png); background-repeat:no-repeat; }
input[type="radio"] { visibility:hidden; position:absolute; }
input[type="radio"] + label { display:inline-block; position: relative; }
input[type="radio"] + label:before { content:''; display:inline-block;/* padding-left: 8px; */background-image: url(//img.eduwill.net/resources/b2b/live/images/radio-off.png); background-repeat:no-repeat; cursor: pointer;width: 21px;height: 20px;float: left;margin-right: 8px;}
input[type="radio"]:checked + label:before { content:''; background-image:url(//img.eduwill.net/resources/b2b/live/images/radio-on.png); background-repeat:no-repeat; }
.check_group::after, .radio_group::after { content: ''; clear: both; display: table; }
.radio_box span { float:left; padding: 4px 0; }
.check_box span { float:left; padding: 6px 0; }

body, table, th, td, input,
textarea, button, select {
	font-family:"AppleSDGothicNeoM", sans-serif, Dotum, Arial;
	font-size:14px;
	color:#000;
	font-weight:300;
}
@media screen and (max-width: 1100px) {
    * {
        font-family: 'Montserrat', 'Apple SD Gothic Neo', HelveticaNeue-Light, AppleSDGothicNeo-Light, sans-serif;
    } 
}
button {
	outline:0;
}
button, select {
	text-transform:none;
}
button, input {
	line-height:normal;
}
textarea {
	resize:vertical;
	overflow:auto;
}
address, caption, cite, code,
dfn, em, var {
	font-style:normal;
	font-weight:normal;
}
label {
	cursor:pointer;
}
/* For Screen Reader */
legend {
	display:none;
	visibility:hidden;
}
/* For Screen Reader */
caption {
	display:none;
	visibility:hidden;
}
hr {
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #ccc;
	margin:1em 0;
	padding:0;
}
p {
	word-break: keep-all;
}
a {
	color:#666;
	text-decoration:none;
}
a:active, a:hover, a:focus {
	text-decoration:none;
}
button{
	margin:0px;
	padding:0px;
	cursor:pointer;
	border:0px;
	background:none;
}

.flex { /*display:flex;*/ overflow:hidden; }
.fr { float: right; }
.fl { float: left; }

.mt10 { margin-top:10px !important; }
.mt20 { margin-top:20px !important; }
.mt30 { margin-top:30px !important; }
.mt40 { margin-top:40px !important; }
.mt50 { margin-top:50px !important; }

.mb10 { margin-bottom:10px !important; }
.mb20 { margin-bottom:20px !important; }
.mb30 { margin-bottom:30px !important; }
.mb40 { margin-bottom:40px !important; }
.mb50 { margin-bottom:50px !important; }

.align_c { text-align: center !important;  }
.align_r { text-align: right !important;  }
.align_l { text-align: left !important;  }

/*text */
.inline { display: inline-block; margin-right: 20px; }
.byte { display: inline-block; line-height: 32px; padding: 0 8px; }
.bd { font-weight: bold; }
.point { color: #dc040e; }
.pt { font-weight: 500; }

@media screen and (max-width:840px) {
	input[type="checkbox"] + label:before { background-image: url(//img.eduwill.net/resources/b2b/live/images/check-square-off@3x.png ); background-size:24px; }
	input[type="checkbox"]:checked + label:before { background-image:url(//img.eduwill.net/resources/b2b/live/images/check-square-on@3x.png); background-size:24px; }
	input[type="radio"] + label:before { background-image: url(//img.eduwill.net/resources/b2b/live/images/radio-off@3x.png); background-size:20px; }
	input[type="radio"]:checked + label:before { background-image:url(//img.eduwill.net/resources/b2b/live/images/radio-on@3x.png); background-size:20px; }
}