/* Basic Code */
@font-face{
	font-family:"Noto Sans Regular";
	src:url('../font/eot/NotoSansKR-Regular.eot');
	src:local(※),
	url('../font/woff/NotoSansKR-Regular.woff') format('woff');
}

@font-face{
	font-family:"Noto Sans Thin";
	src:url('../font/eot/NotoSansKR-Thin.eot');
	src:local(※),
	url('../font/woff/NotoSansKR-Thin.woff') format('woff');
}

@font-face{
	font-family:"Noto Sans Bold";
	src:url('../font/eot/NotoSansKR-Bold.eot');
	src:local(※),
	url('../font/woff/NotoSansKR-Bold.woff') format('woff');
}

@font-face{
	font-family:"Noto Sans Light";
	src:url('../font/eot/NotoSansKR-Light.eot');
	src:local(※),
	url('../font/woff/NotoSansKR-Light.woff') format('woff');
}

@font-face{
	font-family:"Noto Sans Medium";
	src:url('../font/eot/NotoSansKR-Medium.eot');
	src:local(※),
	url('../font/woff/NotoSansKR-Medium.woff') format('woff');
}

@font-face{
	font-family:"Nanum Myeongjo";
	src:url('/include/font/eot/NanumMyeongjo.eot');
	src:local(※),
	url('/include/font/woff/NanumMyeongjo.woff') format('woff');
}

@font-face{
	font-family:"Nanum Myeongjo Bold";
	src:url('/include/font/eot/NanumMyeongjoBold.eot');
	src:local(※),
	url('/include/font/woff/NanumMyeongjoBold.woff') format('woff');
}

@font-face{
	font-family:"Myriad-Pro-Regular";
	src:url('../font/eot/Myriad-Pro-Regular.eot');
	src:local(※),
	url('../font/woff/Myriad-Pro-Regular.woff') format('woff');
}

@font-face{
	font-family:"Myriad-Pro-Light";
	src:local(※),
	url('../font/Myriad-Pro-Light.ttf') format('truetype');
}

body {margin:0; font-size:14px; font-family: "Noto Sans Regular", sans-serif; word-break:inherit; word-wrap:break-word; letter-spacing:-0.7px; min-width:1000px;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
body .scrollup {background: url("../../images/scroll_up.png") no-repeat scroll center center transparent; border:1px solid #c7c7c7; border-radius:5px; width:45px; height:45px; position:fixed; right:1.5%; bottom:95px; display:none; text-indent:-9999px; z-index:9999}
a {text-decoration:none; border:none; outline:0; color:#414141}
a img {border:0}
input[type=text], input[type=button], input[type=button], input[type=password], input[type=submit], textarea {-webkit-appearance: none; -webkit-border-radius:0; border-radius:0}
input[type=radio] {background:none; border:1px solid #000; border-radius:10px}
ul {margin:0; padding:0; letter-spacing:-0.1em;}
ul li {list-style:none}
table, tbody, tr, tr td {margin:0; padding:0; border-collapse:collapse; border-spacing: 0}
input {padding:0; margin:0; border:none}
input:focus {background:#feffb7; color:#212121; outline:none}
textarea:focus {background:#feffb7}
input, select {border:1px solid #c7c7c7; color:#212121}
input, .ui-widget {font-family:"Noto Sans Light" , "Arial"}

.width {width:100%}
.width670 {width:670px}
.width830 {width:830px}
.width1000 {width:1000px}
.width1920 {max-width:1920px}
.padding_header {padding-top:0}
.f_left {float:left}
.f_right {float:right}
.margin {margin:0 auto}
.txleft {text-align:left}
.txcenter {text-align:center}
.txright {text-align:right}
.p_re {position:relative}
.p_ab {position:absolute}

h1 {font-size:30px; line-height:40px; margin:0; padding:0}
h2 {font-size:25px; line-height:35px; margin:0; padding:0}
h3 {font-size:20px; line-height:30px; margin:0; padding:0}
h4 {font-size:16px; line-height:20px; margin:0; padding:0}
h5 {font-size:14px; line-height:18px; margin:0; padding:0}

#kcp_progress {width:50%}
#kcp_progress .spinner {width:10% !important; height:10% !improtant}

/* End Basic Code */

/* ===================================================================================================================== */


/* Smartphones (portrait and landscape) ----------- */
@media only screen and (max-device-width: 1400px) {
	body {min-width:1050px}
	body #header .menu_bottom .nav .nav_menu .main_nav {padding:8px 10px}
	#lecture {position:fixed}
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (max-device-width: 1024px) {
	body {min-width:1050px}
	#header {position:relative !important; top:0; width:1050px}
	body #header .menu_bottom .nav .nav_menu .main_nav {padding:8px 10px}
	body #b2b_login .width1000 {padding-top:110px}
	#lecture {position:fixed}
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (max-device-width: 768px) {
	body {min-width:1050px}
	body #header .menu_bottom .nav .nav_menu .main_nav {padding:8px 10px}
	#board {min-height:900px}
	#lecture {position:inherit}
}