@charset "utf-8";
/* reset */
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, 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;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
	box-sizing: border-box;
	/*font-family: "Malgun Gothic", "Noto Sans KR", sans-serif; */
}
a{
  text-decoration: none;
 }
ol, ul, li {
  list-style: none;
}

/* 공통 타이틀 */

.board h3{
	display:block;
	width:100%;
	text-align:center;
	font-size: 38px;
    font-weight: 500;
    color: #222;
    padding: 40px 0px 45px 0px;
    letter-spacing: -1px;
}
.board h3 span{
	display: block;
    text-align: center;
    font-size: 22px;
    color: #ccc;
    margin-top: 10px;
}

/* 셀렉트 */
.board select::-ms-expand  {display:none; }
.board select{
	appearance: none; -webkit-appearance: none; font-family: 'Noto Sans KR', sans-serif;
	width:130px; height:40px;
	line-height:38px;
	padding-left:15px;
	background:url('./../images/new/selarr.png') right 50% no-repeat,#fff !important;
	border:1px solid #ddd;
}

/*  체크 박스  */
.board input[type='checkbox']{
	width:18px;height:18px;
	margin: 0 3px 2px 0;
	background: #fff;
    border: solid 1px #e1e0df;
	overflow:hidden;
	position:relative;
	vertical-align: middle;
}
.board input[type='checkbox']:checked:after {
	content:"";display:block;clear:both;
	width:16px;height:16px;
	background:url('./../images/new/checkicon.png') 50% 50% no-repeat,#fff;
	background-size:60%;
	position:absolute;top:1px;left:1px;
	vertical-align: middle;
	box-sizing:border-box;
}

/*  라디오 박스  */
.board input[type='radio']{
	width:18px;height:18px;
	margin: 0 3px 2px 0;
	background: #fff;
    border: solid 1px #e1e0df;
	border-radius:50%;
	vertical-align: middle;
	-webkit-appearance: none;
}
.board input[type='radio']:checked:after {
	content:"";display:block;clear:both;
	width:10px;height:10px;
	border-radius:50%;
	background:#696461;
	position:relative;top:3px;left:3px;
}
.board label{margin-right:15px;}

/* input */
.board input[type='text'], .board input[type='tel']{
	height:36px;
	line-height:34px;
	padding-left:15px;
	background:#fff;
	border:1px solid #ddd;
}
.board button[type='submit']{
	height:40px;
	line-height:38px;
	background:#fff;
	border-top:1px solid #ddd;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	border-left:1px solid #fff;
	color:#000;
	font-size:21.5px;
	padding-right:10px;
	margin-left:-1px;
	cursor:pointer;
}
/* .board input[type='submit']{
	width:310px; height:57px;
	line-height:57px;
	background:url('./../images/new/submiticon.png') 65% 53% no-repeat,#333;
	color:#fff;
	font-size:17.5px;
	font-weight:500;
	cursor:pointer;
} */

.board span.cmnt{
  font-weight: bold;
  color: #cb0f16;
  font-size: 12px;
  margin-left: 5px;
}

.board span.nicons{
	display:inline-block;
	width:18px;height:18px;
	font-family: 'Roboto', sans-serif;
	font-weight:400;
	font-size:10.5px;
	color:#fff;
	border-radius:50%;
	background:#0082ff;
	margin-left:7px;
	line-height:19px;
	padding-left:5px;
}


/* 게시판 */
.listboard,.boardview{
	padding-top:50px;
	width:1170px;
	margin:auto;
	display: flex;flex-direction: column;
}
.listboard {
	padding-bottom:120px;
}
.listboard.gallery_list {
	padding-bottom:0px;
}
.listboard .dbst{
  /* width:100%;  */
  height:60px;
	border:1px solid #ddd;
	background:#fff;
	padding:0 30px;
}
.listboard .dbst p{
	display:inline-block;
	float:left;
	color:#333;
	font-size:13.5px;
	line-height:58px;
	text-align:left;
}
.listboard .dbst p span{color:#0082ff;}
.searchbox{
	height:40px;
	position:relative;
	float:right;
	margin-top:9px;
	/*width:989px;*/
}
.searchbox select{
	/*position:absolute; */
	left:0;top:0;
	vertical-align:bottom;
	padding: 0px 25px 0px 15px;
}
.searchbox select#lecture {
	width: 230px;
}
.searchbox input[type='text']{
	width:210px;
	/*position:absolute; */
	left:139px;top:0;
  vertical-align:bottom;
  height:40px;
}
.searchbox button[type='submit']{
	/*position:absolute; */
	right:0;top:0;
	vertical-align:bottom;
}

/* 텍스트 게시판 */
.textboard table{
	width:100%;
  margin-top:20px;
  border-collapse: collapse;
  border-spacing: 0;
}
.textboard th{
	height:50px;
	text-align:center;
	vertical-align:middle;
	border:1px solid #ddd;
	border-top:1px solid #282828;
	color:#000;
	background:#fff;
}
.textboard .notice td{
	height:60px;
	text-align:center;
	vertical-align:middle;
	/* border:1px solid #ddd; */
  color:#666;
  background:#f7f7f7;
}
.textboard td{
	height:60px;
	text-align:center;
	vertical-align:middle;
	border:1px solid #ddd;
	color:#666;
	font-size: 15px;
	line-height: 1.5;
	letter-spacing: -0.5px;
}
.textboard td:nth-child(2){
	padding-left:30px;
	text-align:left;
}
.textboard .fl_left{
  padding-left: 30px;
  text-align: left;
}
.textboard .fl_center{
  padding: 0px 10px !important;
  vertical-align: middle;
  text-align: center !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 116px;
  line-height: 60px;
  border: none;
  border-bottom: 1px solid #ddd;
  display: inline-block;
  position: relative;
	top: 1px;
}
.textboard td a{
	color:#666;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width:95%;
	display: inline-block;
}
.textboard td.fl_left a{
	color:#666;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 700px;
	display: inline-block;
}
.textboard td a:hover{
	text-decoration:underline;
	color:#000;
}
.textboard td.nonedb{
	padding:0;
	text-align:center;
	background:#fff;
}
/* 갤러리 게시판 */
.galleryboard ul{
	width:100%;
	margin-top:20px;
}
.galleryboard li{
	width:282px; 
	float:left;
	background:#fff;
	border:1px solid #ddd;
	margin-right:24px;
	margin-bottom:24px;
}
.galleryboard .sketch li{height:278px;}
.galleryboard li:nth-child(4n+4){margin-right:0;}
.galleryboard li a{display:block;}
.galleryboard li img{width:100%;}
.galleryboard .sketch li:hover img{opacity:1;}
.galleryboard li div{
	background: #fff;
  border-top: 1px solid #ddd;
  padding: 18px 15px;
}
.galleryboard li div strong{
	display:block;
	font-size: 16px;
	color: #222;
	font-weight: bold;
	letter-spacing: -0.5px;
	text-align:left;
	margin-bottom: 10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.galleryboard li div em{
	display:block;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	color: #666;
	text-align:left;
}
.galleryboard li div em span{
	display:inline-block;
	font-family: 'Noto Sans KR', sans-serif;
	font-size:12.5px;
	color:#333;
	margin-left:10px;
	padding-left:10px;
	position:relative;
}
.galleryboard li div em span:before{
	content:"";display:block;clear:both;
	width:1px;height:12px;
	background:#ddd;
	position:absolute;
	left:0;top:50%;
	margin-top:-6px;
}

/* 게시판 페이징 */
.pagebox{
	width:100%;
	/* margin:85px 0px 100px 0px; */
	margin-top:40px;
  text-align:center;
  clear: both;
}
.pagebox .pages{
	display:inline-block;
}
.pagebox .pages a{
	display:block;
	width:40px;height:40px;
	line-height:40px;
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	font-size:15.5px;
	text-align:center;
	border:1px solid #ddd;
	color:#666;
}
.pagebox .pages .prev,.pagebox .pages .next,.pagebox .pages ul,.pagebox .pages .prev a,.pagebox .pages .next a,.pagebox .pages li{
	float:left;
	margin-left:-1px;
}
.pagebox .pages li.on a{
	background:#b8b8b8;
	color:#fff;
}
.pagebox .pages .prev a i, .pagebox .pages .next a i{
  padding-top: 12px;
}


/* 게시판 뷰페이지 */
.viewbox{
	width:100%;
	border-top:1px solid #282828;
	/* padding-bottom:130px; */
}
.viewbox .vtitle{
  /* width:100%; */
  height:60px;
	border-bottom:1px solid #ddd;
	line-height:60px;
	padding:0 20px;
}
.viewbox .vtitle strong{
	color: #959595;
    font-size: 16px;
    font-weight: bold;
	letter-spacing: -0.8px;
	width: 80%;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.viewbox .vtitle strong .instructor_name {
	font-size: 18px;
	color:#333;
	display: inline-block;
	margin-right: 20px;
}
.viewbox .vtitle p{
	float:right;
	color: #ababab;
    font-size: 14px;
    font-weight: bold;
}
.viewbox .vtitle p span {color:#333;}
.viewbox .vtitle p span.view_hit{
	margin-left:10px;
	padding-left:10px;
	position:relative;
}
.viewbox .vtitle p span.view_hit:before{
	content:"";display:block;clear:both;
	width:1px;height:12px;
	background:#ddd;
	position:absolute;
	left:0;top:50%;
	margin-top:-5px;
}
.viewbox .vadd{
	width:100%;
	height:auto;
	border-bottom:1px solid #ddd;
	padding:20px;
	font-size: 15px;
}
.viewbox .vadd span{
	margin-left:10px;
	padding-left:10px;
	position:relative;
	display: inline-block;
}
.viewbox .vadd span:before{
	content:"";display:block;clear:both;
	width:1px;height:12px;
	background:#ddd;
	position:absolute;
	left:0;top:50%;
	margin-top:-5px;
}
.viewbox .vadd span:first-child {
	margin-left:0px;
	padding-left:0px;	
}
.viewbox .vadd span:first-child:before{
	display:none;
}
.viewbox .vadd.file_add {
	height: auto;
	line-height: 50px;
	font-size: 14px;
	border-bottom: none;
	padding: 0;
}
.viewbox .vadd.file_add li {
	border-bottom: 1px solid #ddd;
	padding: 0 20px;
}
.viewbox .vadd.file_add li strong {
	font-weight: bold;
	display: inline-block;
}
.viewbox .vadd.file_add li strong:after {
	content:'';
	display:inline-block;
	width: 1px;
	height: 12px;
	background: #ddd;
	margin: 0px 8px 0px 13px;
	vertical-align: middle;
}
.viewbox .vadd.file_add li strong > img {
	vertical-align: middle;
}
.viewbox .vadd.file_add li a:hover {
	text-decoration: underline;
}
.viewbox .vadd.file_add span {
	margin-left: 0px;
	padding-left: 0px;
}
.viewbox .vadd.file_add span:before {
	display:none;
}
.viewbox .vbox{
	border-bottom:1px solid #ddd;
    /* text-align: center; */
    padding: 60px 0;
		display: flex;
		flex-direction: column;
}
.viewbox .vbox img{
	display: block;
    /* margin: 0 auto; */
    max-width: 100%;
		height: auto !important;
}

/* 하단 버튼 */
.board .btn{
	/* width:100%; */
  margin-top:40px;
  margin-bottom: 120px;
  background-color: #fff;
}
.btn li{
	/* float:left; */
	text-align:left;
}
.btn .controlbtn{text-align:right;}
.btn li a{
	display:inline-block;
	width:69px;height:35px;
	line-height:35px;
	font-size:14.5px;
	color:#000;
	text-align:center;
	margin-right:4px;
}
.btn li a:last-child{margin-right:0;}
.btn li.listbtn{
 /* position: absolute; */
 float: left;
}
.btn li.listbtn a{background:#eee;}
.btn li.controlbtn a{
	background:#fff;
	border:1px solid #d1d1d1;
}
.btn li.listbtn a.listb,.btn li.controlbtn a.write{
	color:#fff;
	background:#323a45;
	border:none;
}
.board .btn.opinion_btn {
	margin:0px 0px 20px 0px;
}
.btn.opinion_btn li a {
	width:auto;
	padding:0px 20px;
	padding: 0px 44px;
	height: 45px;
	line-height: 45px;
}

/* portfolio */
.portfolio_board_list {
  /* height: 400px; */
  padding-top: 20px;
}
.portfolio_board_list:after {
	content:'';
	display:block;
	clear:both;
}
.portfolio_board_list li{
  border: 1px solid #ddd;
  width: calc(100%/3 - 20px);
  float: left;
  margin-right: 30px;
  margin-bottom: 30px;
}
.portfolio_board_list li:nth-child(3n+3){margin-right:0;}
.portfolio_board_list li .portfolio_imgbox {
    width: 100%;
    height: 260px;
    overflow: hidden;
    position: relative;	
}
.portfolio_board_list li .portfolio_imgbox img{
	width: auto !important;
	height: 260px !important;
	object-fit: cover;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	position: absolute;
}
.portfolio_board_list li a {text-decoration: none; cursor: pointer;}
.portfolio_img_tt p{
	text-align: left;
	font-size: 18px;
	font-weight: bold;
	margin: 0;
	padding: 20px;
	color: #222;
	letter-spacing: -0.8px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.portfolio_img_tt span{
	text-align: left;
    font-size: 15px;
    float: left;
    padding:5px 20px 15px 20px;
    color: #282828;
    line-height: 20px;
    display: inline-block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*  강사포트폴리오 강사 사진  */
.portcategory_img {
	position: relative;
    width: 1250px;
    left: 50%;
    margin-left: -625px;
	padding: 30px 40px 100px 40px;
}
.portcategory_img .swiper-slide {
	text-align: center;
	font-size: 12px;
    color: #222;
	font-weight: bold;
	letter-spacing: -0.5px;
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
	display: block;
	padding:0px 25px;
}
.portcategory_img .swiper-slide > a > p {
	margin-bottom: 8px;
	width: 64px; 
	height: 64px; 
	border-radius: 50%;
	overflow: hidden;
	position: relative;
}
.portcategory_img .swiper-slide > a > p > img{
	width: auto !important;
	height: 64px !important;
	object-fit: cover;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
  position: absolute;
  opacity: 0.5;
}
.portcategory_img .swiper-slide > a.active > p > img{
  opacity: inherit;
}
.swiper-button-next:focus, .swiper-button-prev:focus {outline: none;}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
	opacity: 1 !important; 
	cursor: pointer !important;
	pointer-events: visible !important;
  }
.portcategory_arrow {
	position: absolute;
    width: 100%;
    left: 0px;
    top: 77px;
  }
.portcategory_img .swiper-button-next {
	width: 10px;
	height: 16px;
	background-image: url('./../images/new/portcategory_next.png');
	background-size: auto;
	right: 0px;
  }
.portcategory_img .swiper-button-prev {
	width: 10px;
	height: 16px;
	background-image: url('./../images/new/portcategory_prev.png');
	background-size: auto;
	left: 0px;
  }


/* 포트폴리오 뷰 */

.p_list_left {
  width: 50%;
  float: left;
  padding: 0px 10px;
	margin-bottom: 20px;
	font-size:18px; 
	font-weight:bold;
	color:#222;
	letter-spacing: -0.5px;
}
.p_list_left span{
	font-size: 18px;
    line-height: 1;
    background-color: #323a45;
    padding: 15px 30px 17px 30px;
    color: #fff;
    font-weight: bold;
    float: left;
    max-width: 400px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.p_list_right {
	width: 50%;
	float: right;
	margin-bottom: 20px;
	padding-left: 55px;
	font-size:18px; 
	font-weight:bold;
	color:#222;
	letter-spacing: -0.5px;
}
.p_list_right span{
	font-size: 18px;
    line-height: 1;
    background-color: #1b83e7;
    padding: 15px 30px 17px 30px;
    color: #fff;
    font-weight: bold;
    float: left;
}
.p_list_right span > img {margin-left: 8px;}
.portfolio_in_1{
  border: 1px solid #ddd;
  background: #f4f4f4 url('./../images/portfolio_in_bg.jpg') repeat ;
  width: 1000px;
  margin: 60px auto 20px auto;
	padding: 40px 30px 30px 30px;
}
.portfolio_in_1:after {
	content:'';
	display: block;
	clear:both;
}
.portfolio_in_2{
  float: left;
  width: 50%;
  padding-left: 55px;
}
.portfolio_in_t{
  float: left;
  width: 50%;
  padding: 0px 10px;
}
.portfolio_sns {
	display: inline-block;
  margin-left: 5px;
  color: #fff;
	letter-spacing: -0.5px;
}
.portfolio_sns > a {
	display: inline-block;
	width: 100%;
	background: #397cbe;
	padding: 8px 15px;
	border-radius: 15px;
	line-height: 1;
	color: #fff;	
	font-size: 15px;
}
.portfolio_sns img {
	margin-left:5px; 
	position: relative;
  top: -2px;
}
.portfolio_sns:after {
	content:'';
	display:block;
	width: 100%;
	height:1px;
	background: #323a45;
	display: none;
}
.portfolio_in_t span.lecture_tit{
  font-size: 18px;
  background-color: #323a45;
  padding: 15px 50px;
  color: #fff;
  font-weight: bold;
  margin-bottom: 10px;
}
.portfolio_in_b p{
margin: 0;
color: #666;
font-size: 14px;
line-height: 24px;
}
.portfolio_in_2 .portfolio_in_b ul li, .portfolio_in_t ul li{
	margin: 0;
	color: #666;
	font-size: 16px;
  line-height: 36px;
	padding-left: 15px;
	position: relative;
}
.portfolio_in_2 .portfolio_in_b ul li { 
	opacity: 0.6;
	transition: all 0.3s;
}
.portfolio_in_2 .portfolio_in_b ul li:hover { 
	opacity: 1;
	transition: all 0.3s;
}
.portfolio_in_2 .portfolio_in_b ul li:hover a {
	font-weight:bold;
	transition: all 0.3s;
}
.portfolio_in_2 .portfolio_in_b ul li a {
	display: inline-block;
	width: 95%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: all 0.3s;
}
.portfolio_in_2 .portfolio_in_b ul li span {
	position: relative;
	top: -5px;
	margin-left: 5px;
}
.portfolio_in_2 .portfolio_in_b ul li:before, .portfolio_in_t ul li:before {
	content:'';
	display: inline-block;
	width:3px;
	height:3px;
	background: #222;
	border-radius: 50%;	
	position: absolute;
	left:0px;
	top: 18px	
}
.portfolio_in_2 .portfolio_in_b ul li:after {
	content:'';
	display:inline-block;
	width: 96%;
	height: 1px;
	background: #222;
	position: absolute;
	left: 15px;
	bottom: 7px;
}
.field_name {
	display: inline-block;
	width: 70px;
	color:#222;
}
.portfolio_in_t .import_tx {
	width: calc(100% - 85px);
	display: inline-block;
	padding-left: 8px;
	vertical-align: top;
}
.portcategory_con{
	margin-bottom: 40px;
}

.portcategory{
	display: inline-block;
    list-style-type:none;
    margin:0px auto;
	width: 1170px;
    left: 0%;
    top: 10%;
    background-color: #FFFFFF;
}

.portcategory li
{
    float: left;
	width: 171px;
	height: 42px;
}

.portcategory li a{
  display: block;
  color: #000;
  text-decoration: none;
	border: 1px solid #B5B5B5;
	font-size: 14px;
	font-family: 'Noto Sans KR', sans-serif;
	text-align: center;
	padding: 12px 5px;
  margin: -0.5px -0.5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.portcategory li a:hover{
    color: #000000;
	background-color: #e9e9e9;
	text-align: center;
	font-size: 14px;
	font-family: 'Noto Sans KR', sans-serif;
	padding: 12px 0;
	margin: -0.5px -0.5px;
}

.portcategory li a.active{
	
    color: #000000;
	background-color: #e5e5e5;
	font-family: 'Noto Sans KR', sans-serif;

}	






/**************************
	Agree
**************************/
#sb_privacy .titles{
	width:100%;
	padding-top:20px;
	/* padding-bottom: 10px; */
  border-bottom:2px solid #888;
}
#sb_privacy .titles strong{
	float:left;
	text-align:left;
	cursor:pointer;
  font-size: 15px; /*19.5px;*/
}
#sb_privacy .titles em.approval{
	float:right;
	text-align:left;
	font-size: 12px;
}
#sb_privacy .titles em.approval label{margin:0;}

#sb_privacy .privacybox{
	display:none;
	width:100%;
	background:#f7f7f7;
	border:1px solid #ddd;
	overflow:hidden;
}
#sb_privacy .privacybox .boxing{
	width:100%;height:90px;
	font-size:14.5px;
	color:#666;
	text-align:left;
	overflow:auto;
}



/* 갤러리 게시판 뷰 하단 리스트 */
.listboard_view{
  width:1200px;
  margin:auto;
  padding-bottom:100px;
  margin-top: -100px;
}
.view_list ul{
	width:100%;
	margin-top:20px;
}
.view_list li{
	width:228px; height:186px;
	float:left;
	background:#000;
	border:1px solid #ddd;
	position:relative;
	overflow:hidden;
	margin-right:14px;
	margin-bottom:14px;
}
.view_list li:nth-child(5n+5){margin-right:0;}
.view_list li a{display:block;}
.view_list li img{width:100%;}
.view_list .sketch li:hover img{opacity:1;}
.view_list li div{
	width:100%;height:37px;
	background:#fff;
	border-top:1px solid #ddd;
	position:absolute;
	left:0;bottom:0;
}
.view_list li div strong{
	display:block;
	/* font-size:15.5px; */
	color:#000;
	text-align:left;
	word-break:keep-all;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	display: -webkit-box;
  line-height: 32px;
  margin-left: 10px;
}

/*진행중/종료이벤트*/
.ic_ing{display: inline-block; color: #fff; padding: 6px 16px; background: #0082ff;font-size: 12px; width:66.5px;}
.ic_end{display: inline-block; color: #888; padding: 6px 16px; background: #e3e3e3;font-size: 12px; width:66.5px;}

/*이전글/다음글*/
.next_prev_page > ul > li:nth-child(1){display: flex;border-bottom: 1px solid #ddd;}
.next_prev_page > ul > li > div:nth-child(1){background: #f5f5f5;display: inline-block;width: 180px; padding: 16px 0;color: #191919;float: left;text-align: center;font-size: 13px; font-weight: 600;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.next_prev_page > ul > li > div:nth-child(2){display: inline-block; width: 1020px;float: left;padding: 16px;font-size: 13px;font-weight: 400;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.next_prev_page > ul > li:nth-child(2){display: flex;border-bottom: 1px solid #333;}