@charset "utf-8";
/* NTS Joontop */
/*웹폰트*/
@font-face {
	font-family: 'NanumBarunGothic';
	font-weight: 400;
	src: local("나눔바른고딕"),
		 url("font/NanumBarunGothicSubset.woff2") format('woff2');
}

@font-face{
	font-family:"nbg";
	font-weight: 400;
	src: local("나눔바른고딕"),
		 url("font/NanumBarunGothicSubset.woff2") format('woff2');
}

@font-face {
	font-family: 'nbgb NanumBarunGothicBold';
	font-weight: 400;
	src: local("나눔바른고딕 Bold"),
		 url("font/NanumBarunGothicBoldSubset.woff2") format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 100;
	src: local("Pretendard Thin"),
		 url("font/Pretendard-Thin.woff2") format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 200;
	src: local("Pretendard ExtraLight"),
		 url("font/Pretendard-ExtraLight.woff2") format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 300;
	src: local("Pretendard Light"),
		 url("font/Pretendard-Light.woff2") format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	src: local("Pretendard Regular"),
		 url("font/Pretendard-Regular.woff2") format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	src: local("Pretendard Medium"),
		 url("font/Pretendard-Medium.woff2") format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 600;
	src: local("Pretendard SemiBold"),
		 url("font/Pretendard-SemiBold.woff2") format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
	src: local("Pretendard Bold"),
		 url("font/Pretendard-Bold.woff2") format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 800;
	src: local("Pretendard ExtraBold"),
		 url("font/Pretendard-ExtraBold.woff2") format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 900;
	src: local("Pretendard Black"),
		 url("font/Pretendard-Black.woff2") format('woff2');
}
@font-face {
	font-family: 'GmarketSans';
	src: url('font/GmarketSansLight.woff2') format('woff2');
	font-weight: 300; /* Light */
}
  
@font-face {
	font-family: 'GmarketSans';
	src: url('font/GmarketSansMedium.woff2') format('woff2');
	font-weight: 500; /* Medium */
}

@font-face {
	font-family: 'GmarketSans';
	src: url('font/GmarketSansBold.woff2') format('woff2');
	font-weight: 700; /* Bold */
}
.nbg{font-family:"NanumBarunGothic", nbg, dotum, sans-serif;}
.nbgb{font-family: "NanumBarunGothicBold", nbgb, dotum, sans-serif;}


*,
*:after,
*:before {
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}
html, body {height:100%; width:100%;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,select,textarea,p,blockquote,th,td,button{margin:0;padding:0;color:#666;font-size:13px;line-height:20px;  font-family:"Pretendard", nbg, dotum, sans-serif;  }
header,footer,section,article,aside,nav,hgroup,details,menu,figure,figcaption{display:block}
button,input[type=submit],input[type=reset],input[type=button]{cursor:pointer;overflow:visible}

a{color:#333333;line-height:1.25em;text-decoration:none; outline:none; select-dummy:expression(this.hideFocus=true);}
a:hover{text-decoration:underline; color:#333333;text-decoration:none; outline:none; select-dummy:expression(this.hideFocus=true);}
form,fieldset,img{border:0 none;}
table{ border-collapse:collapse;table-layout:fixed;border-collapse:collapse;border-spacing:0}
em{font-style:normal}
ul,ol,li{list-style:none;}
input,select{vertical-align:middle; outline:0;}

img{vertical-align:top}


.price {font-family: "NanumBarunGothic", nbgb, dotum, sans-serif;font-size:12px; color:#999;text-decoration:line-through;font-weight: normal;}
.price2 {font-family: "NanumBarunGothicBold", nbgb, dotum, sans-serif;font-size:14px ;color:#000000;}
.price3 {font-size:15px ;color:#187BC2;  font-weight:bold;}
.price4 {font-family: "NanumBarunGothic", nbgb, dotum, sans-serif;font-size:12px; color:#999;font-weight: normal;}

.point_color {color:#4db3de;}
.point_color2 {color:#ff6600;}
.point_color3 {color:#82b323;}
.point_color_b {color:#4db3de; font-weight:bold}
.point_color_b2 {color:#4db3de; font-weight:bold; font-size:14px}
.point_color_b3 {color:#666; font-weight:bold; font-size:12px}
.point_color_b4 {color:#0166b4; font-weight:bold; font-size:12px}
.point_color_b5 {color:#4db3de; font-weight:bold; font-size:18px}

/* 상세페이지 테이블 */
.s_font {color:#999; font-size:11px}
.font_st01 {color:#4db3de; font-size:12px}
.font_st02 {color:#FF0000; font-size:10.5px}
.font_st03 {color:#8F8F8F ; font-size:10.5px}
.font_st04 {font-size:12px ;color:#187BC2;}
.font_st05 {font-size:12px ;color:#8F8F8F;}
.font_st06 {font-size:12px ;color:#cc3333;}
.font_st07 {color:#187BC2; font-size:12px}
.font_st08 {color:#666; font-size:13px}
.font_st09 {font-size:14px ;color:#000;}
.font_st10 {font-size:11px ;color:#0066cc;}
.font_st11 {font-size:11px ;color:#4c4591;}
.font_st12 {font-size:11px ;color:#379d32;}
.font_st99 {font-size:12px ;color:#ee5a6f;}
.mr_b_5 { margin-bottom:5px}
.mr_t_5 { margin-top:5px}
.btn_accept{
    width:50px;
    height:21px;
    border:1px solid #dfdfdf;
    background-color:#dfdfdf;
    color:#000000;
    margin-left : 5px;
    cursor:hand;
    font-size:13px;
    border-radius: 5px;
}

.tb_01 {
 width:100%;
}

.tb_01 thead th{
	height:40px;  border-bottom:1px solid #bfbfd4; color:#333; font-size:13px;  text-align:center; background-color:#f7f7f7;  border-right:1px solid #dfdfdf; font-weight:normal
}
.tb_01 thead th.end{
  border-bottom:1px solid #bfbfd4; color:#333; font-size:13px;  text-align:center; background-color:#f5f5f5;    border-right:none; text-align:center; font-weight:normal
}

.tb_01 tbody th{
	border-bottom:1px solid #dfdfdf;
	padding:8px 0px 8px 30px;
	text-align:left;
	font-weight:normal;
	color:#666;
	background-color:#fbfbfb;
	background-image: url(../_img/product/icon_ar02.gif);
	background-repeat: no-repeat;
	background-position: 10px center; font-size:12px
}
.tb_01 tbody th.color{
 border-bottom:1px solid #dfdfdf;
border-right:1px solid #dfdfdf;
 padding:8px 0px 8px 0px ; text-align:center; font-weight:normal;   background-color:#fafafa;
}

.tb_01 tbody td {
 padding:8px 10px 8px 10px ;
 line-height:20px;
 border-bottom:1px solid #dfdfdf; COLOR:#333; font-size:12px; color:#666
}
.tb_01 tbody td p.left_p{ margin-left:20px; font-size:12px ;color:#666}


/* 게시판 뷰 타입1 */
.tb_03_box{
 width:100%;
 border-top:3px solid #333; float:left
}

.tb_03 {
 width:100%;
}

.tb_03 thead th{
	height:40px;   color:#333; font-size:13px;  text-align:center; background-color:#f7f7f7;   font-weight:normal
}
.tb_03 thead th.end{
 color:#333; font-size:13px;  text-align:center; background-color:#f5f5f5;    border-right:none; text-align:center; font-weight:normal
}

.tb_03 tbody th{
 border-bottom:1px solid #dfdfdf;
border-right:1px solid #dfdfdf;
 padding:8px 0px 8px 0px ; text-align:center; font-weight:normal; color:#000; background-color:#f7f7f7;
}
.tb_03 tbody th.color{
 border-bottom:1px solid #dfdfdf;
border-right:1px solid #dfdfdf;
 padding:8px 0px 8px 0px ; text-align:center; font-weight:normal; color:#000;  background-color:#fafafa;
}

.tb_03 tbody td {
 padding:8px 10px 8px 10px ;
 line-height:20px;
 border-bottom:1px solid #dfdfdf; COLOR:#333;  border-right:1px solid #dfdfdf;
}

.tb_03 tbody td.left{
 padding:8px 10px 8px 10px ;
 line-height:20px;
 border-bottom:1px solid #dfdfdf; COLOR:#333;  border-right:1px solid #dfdfdf; text-align:left
}

.tb_03 tbody tr.color{background-color:#f7f7f7;
}
.tb_03 tbody tr.hot{
	background-color:#fdf9f4;
	background-image: url(/cyberteacher2014/images/common/icon_hot2.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.tb_03 tbody tr.new{
	background-color:#f6f9fe;
	background-image: url(/cyberteacher2014/images/common/icon_new2.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.tb_03 tbody td.end{
padding:8px 10px 8px 10px ;
 line-height:20px;
 border-bottom:1px solid #dfdfdf; COLOR:#333; border-right:none
}

.tb_04_box{
 width:100%;
 border-top:3px solid #333; float:left
}

.tb_04 {
 width:100%;
}

.tb_04 thead th{
  color:#333; font-size:13px;  text-align:center; background-color:#f7f7f7;   font-weight:normal;border-right:1px solid #dfdfdf; line-height:16px; padding:10px 0px; border-bottom:1px solid #dfdfdf;
}
.tb_04 thead th.end{
 color:#333; font-size:13px;  text-align:center; background-color:#f5f5f5;    border-right:none; text-align:center; font-weight:normal
}

.tb_044 tbody th{
 border-bottom:1px solid #dfdfdf;
border-right:1px solid #dfdfdf;
 padding:8px 0px 8px 0px ; text-align:center; font-weight:normal; color:#000; background-color:#f7f7f7;
}
.tb_04 tbody th.color{
 border-bottom:1px solid #dfdfdf;
border-right:1px solid #dfdfdf;
 padding:8px 0px 8px 0px ; text-align:center; font-weight:normal; color:#000;  background-color:#fafafa;
}

.tb_04 tbody td {
 padding:8px;
 line-height:20px;
 border-bottom:1px solid #dfdfdf; COLOR:#333;  border-right:1px solid #dfdfdf; text-align:center; font-size:13px; line-height:16px
}

/*
.tb_04 tbody td.left{
 padding:8px 10px 8px 10px ;
 line-height:20px;
 border-bottom:1px solid #dfdfdf; COLOR:#333;  border-right:1px solid #dfdfdf; text-align:left
}
*/

.tb_04 tbody td.left{ text-align:left
}
.tb_04 tbody td.right{ text-align:right; padding-right:10px
}
.tb_04 tbody td.color{background-color:#5891de; color:#fff
}


.tb_04 tbody tr.color{background-color:#f7f7f7;
}
.tb_04 tbody tr.hot{
	background-color:#fdf9f4;
	background-image: url(/cyberteacher2014/images/common/icon_hot2.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.tb_04 tbody tr.new{
	background-color:#f6f9fe;
	background-image: url(/cyberteacher2014/images/common/icon_new2.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.tb_04 tbody td.end{
padding:8px 10px 8px 10px ;
 line-height:20px;
 border-bottom:1px solid #dfdfdf; COLOR:#333; border-right:none;font-size:13px; line-height:16px
}