@charset "UTF-8";
#container.mainpage{background-color:#fff;}
.sub #container{background-color:#f5f5f5;}

/*blktap*/
.tap_wrap {background-color:#f5f5f5;}
.tap_wrap .inr { padding: 0 0 40px;}
.tap_wrap .blktab_wrap {width:100%;margin-top:20px;}
.tap_wrap .blktab_wrap ul {
	width:100%;
	display:flex;
	flex-wrap:nowrap;
	align-items: center;
	background-color:#222;
	padding:20px;
	border-radius:10px;
	overflow-x:auto;
}
.tap_wrap .blktab_wrap ul li:first-child {margin-left:0;}
.tap_wrap .blktab_wrap.explore ul li {margin: 0 18px;}
.tap_wrap .blktab_wrap ul li {
	font-size: 19px;
    letter-spacing: -0.4px;
    background-repeat: no-repeat;
    background-position: left center;
	margin: 0 20px;
	font-size:16px;
	text-align:center;
	line-height:1.4;
	color:#fff
}
.tap_wrap .blktab_wrap ul li.on {font-weight:600;}
.tap_wrap .blktab_wrap ul li a {position:relative;}
.tap_wrap .blktab_wrap ul li.on a:after {
	content:'';
	width:100%; height:2px;
	background:linear-gradient(to right, #1fbcff, #cc95ff);
	position:absolute;
	bottom:-10px; left:0; right:0;
}

@media screen and (max-width: 1024px) {
	.tap_wrap .blktab_wrap ul li {font-size:14px;}
}
@media screen and (max-width: 720px) {
	.tap_wrap .blktab_wrap ul {padding:15px 10px;}
}

/*blktap---*/
.bggray{background-color:#f5f5f5}


/*explore_list*/

.blktab_wrap.explore {margin-top:30px;}
.explore .list_wrap {width:102%; margin:0 -1%;}
.explore .list_wrap .list_box {
	width:31.333%; height:auto;
	margin:1%;
	border-radius:10px;
	border:1px solid #ddd;
	background-color:#fff;
}
.explore .list_wrap .list_box .thumb_wrap img {border-radius:10px 10px 0 0;}
.explore .list_wrap .list_box .thumb_wrap {
	border-radius:10px 10px 0 0;
	overflow:hidden;
	width:100%;
	height:240px;
	/*border-bottom:1px solid #ddd;*/
	background-image:url(../_img/sub/noimg.png);
	background-repeat:no-repeat;
	background-position:center;
	display:block;
}
.explore .list_wrap .list_box .tit {
	border-radius:0 0 10px 10px;
	padding:0 20px 20px 20px;
	background-color:#fff;
}
.explore .list_wrap .list_box .sel_lang {width:100%; align-items:center; justify-content:flex-end; padding:0;}
.explore .list_wrap .list_box .sel_lang .lang {
	width:60px; height:25px; 
	box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.2); 
	font-size:14px; color:#fff;
}
.explore .list_wrap .list_box .sel_lang .lang.kor {background-color:#43b98d; border-radius:0 0 10px 0;}
.explore .list_wrap .list_box .sel_lang .lang.eng {background-color:#4ba5ff; border-radius:0 0 0 10px;}
.explore .list_wrap .list_box .sel_lang .lang.novideo {background-color:#e0e0e0; color:#999;}

.explore.contents .sel_lang {width:100%; align-items:center; justify-content:flex-end;}

.explore.contents .sel_lang .lang {
	width:60px; height:25px; 
	box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.2); 
	font-size:14px; color:#999;
	background-color:#e0e0e0;
}
.explore.contents .sel_lang .lang.kor.active {background-color:#43b98d; color:#fff;}
.explore.contents .sel_lang .lang.eng.active {background-color:#4ba5ff; color:#fff;}
.explore.contents .sel_lang .lang.kor {border-radius:0 0 10px 0;}
.explore.contents .sel_lang .lang.eng {border-radius:0 0 0 10px;}

.tab-content {display: none;}
.tab-content.active {display: block;}

.explore .list_wrap .list_box .tit p.T01{
	font-size:20px;
	color:#333;
	text-align:left;
	font-weight:600;
	line-height:1.4;
	height:30px;
	-webkit-line-clamp: 1;
    text-overflow: ellipsis;
    overflow: hidden;
}
.explore .list_wrap .list_box .tit p.T02{
	font-size:16px;
	color:#999;
	text-align:left;
	line-height:1.4;
	height:22px;
	-webkit-line-clamp: 1;
    text-overflow: ellipsis;
    overflow: hidden;
}

@media screen and (max-width: 1024px) {
	.explore .list_wrap .list_box .tit p.T01 {font-size:18px;}
	.explore .list_wrap .list_box .tit p.T02 {font-size:14px;}
}
@media screen and (max-width: 870px) {
	.explore .list_wrap .list_box .tit p.T01 {font-size:16px; height:25px;}
	.explore .list_wrap .list_box .tit {padding:10px;}
}
@media screen and (max-width: 780px) {
	.explore .list_wrap .list_box {width:48%;}
}
@media screen and (max-width: 520px) {
	.explore .list_wrap {width:100%; margin:0;}
	.explore .list_wrap .list_box {width:100%; margin:1% 0 15px;}
	.explore .list_wrap .list_box .sel_lang .lang {font-size:13px; width:45px; height:20px;}
	.explore.contents .sel_lang .lang {font-size:13px; width:45px; height:20px;}
}

/*explore_list ---*/

/*explore_view*/
.explore .wfix {
	max-width: 1400px;
    width: 100%;
    margin: 30px auto;
}
.explore .prd_wrap {padding-top:30px; border-bottom:1px solid #ccc;}
.explore .video_wrap img {
	width:100%;
	border-radius:20px;
}
.explore .video_wrap {
	width:100%;
	border-radius:20px;
}
.explore .tit_wrap {margin:30px 0;}
.explore .tit_wrap p.tit01 {
	font-size:24px;
	color:#333;
	text-align:left;
	font-weight:600;
	line-height:1.4;
	margin-bottom:10px;
}
.explore .tit_wrap p.tit02 {
	font-size:18px;
	color:#666;
	text-align:left;
	line-height:1.4;
	margin-bottom:5px;
}
.explore .tit_wrap .tit03 {
	font-size:18px;
	color:#666;
	text-align:left;
	line-height:1.4;
}
.explore .bottom_wrap {padding:30px 0;}
.explore .bottom_wrap .com_box .logo_wrap {text-align:center;max-width:200px;width:100%;height:50px; margin:0 auto; overflow: hidden;}
.explore .bottom_wrap .com_box .logo_wrap img{ width: 100%; height: 100%; object-fit: contain;}
.explore .bottom_wrap .com_box {
	width:30%; 
	margin-right:5%; 
	border:1px solid #ddd;
	background-color:#fff;
	border-radius:15px;
}
.explore .bottom_wrap .com_box .boxtop {border-bottom:1px solid #ccc;padding:20px 30px;}
.explore .bottom_wrap .com_box .boxbottom {padding:20px 30px;}
.explore .bottom_wrap .com_box p.com_name {
	font-size:20px;
	color:#333;
	text-align:left;
	line-height:1.4;
	font-weight:600;
	margin-top:10px;
}
.explore .bottom_wrap .com_box p.com_explain {
	font-size:18px;
	color:#666;
	text-align:left;
	line-height:1.4;
	height:100px;
	-webkit-line-clamp: 2;
    text-overflow: ellipsis;
    overflow: hidden;
}
.explore .bottom_wrap .com_box .boxbottom .btn_more {
	margin:10px 0 0 auto;
	width:85px;
	border:1px solid #ddd;
	border-radius:30px;
	background-color:#fff;
	color:#666;
	font-size:16px;
	line-height:1;
	padding:4px 10px;
	align-items:center;
	justify-content:center;
	padding:5px;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.03); 	
	transition: 0.3s ease;
}
.explore .bottom_wrap .com_box .boxbottom .btn_more:hover{background-color:#f5f5f5;box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.08); }
.explore .bottom_wrap .com_box .boxbottom .btn_more i {
	display:block;
	width:7px; height:10px;
	background-image:url(../_img/sub/i_btnmore.png);
	background-size:100%;
	background-repeat:no-repeat;
	background-position:center;
	margin-left:7px;
}
.explore .bottom_wrap .anotherprd_box {
	width:65%; 
	border:1px solid #ddd;
	background-color:#fff;
	border-radius:15px;
	overflow:hidden;
	padding:45px 50px; 
	position:relative;
}
.prd_slider, .prd_slider2 {width:100%; margin:0 auto; overflow:hidden;}
.prd_slider .anotherprd_wrap,
.prd_slider2 .anotherprd_wrap  {margin:0 10px;}
.prd_slider .anotherprd_wrap .imgwrap img, 
.prd_slider2 .anotherprd_wrap .imgwrap img {width:100%; height:100%; object-fit:cover; border-radius:10px; }
.prd_slider .anotherprd_wrap .imgwrap,
.prd_slider2 .anotherprd_wrap .imgwrap {
	border:1px solid #ddd;
	border-radius:10px;
	overflow:hidden;
	margin-bottom:10px;
	height:240px;
}
.prd_slider .anotherprd_wrap p,
.prd_slider2 .anotherprd_wrap p {
	font-size:18px;
	color:#333;
	text-align:center;
	line-height:1.4;
	height:55px;
	-webkit-line-clamp: 1;
    text-overflow: ellipsis;
    overflow: hidden;
}
.prd_slider .slick-prev {
	display:block;
	width:15px; height:29px;
	background-image:url(../_img/sub/sliderbtn_prev.png);
	background-size:100%;
	background-repeat:no-repeat;
	background-size:100%;
	background-position:center;
	position:absolute;
	top:45%; left:20px;
	z-index:5;
	color:transparent;
}
.prd_slider .slick-next {
	display:block;
	width:15px; height:29px;
	background-image:url(../_img/sub/sliderbtn_next.png);
	background-size:100%;
	background-repeat:no-repeat;
	background-size:100%;
	background-position:center;
	position:absolute;
	top:45%; right:20px;
	z-index:5;
	color:transparent;
}
.prd_slider2 .slick-prev {
	display:block;
	width:15px; height:29px;
	background-image:url(../_img/sub/sliderbtn_prev.png);
	background-size:100%;
	background-repeat:no-repeat;
	background-size:100%;
	background-position:center;
	position:absolute;
	top:33%; left:20px;
	z-index:10;
	color:transparent;
}
.prd_slider2 .slick-next {
	display:block;
	width:15px; height:29px;
	background-image:url(../_img/sub/sliderbtn_next.png);
	background-size:100%;
	background-repeat:no-repeat;
	background-size:100%;
	background-position:center;
	position:absolute;
	top:33%; right:20px;
	z-index:10;
	color:transparent;
}
button.prdview {
	display:flex; flex-wrap:nowrap; 
	align-items:center;
	justify-content:center;
	width:100px;
	height:30px;
	border:1px solid #ddd;
	border-radius:30px;
	background-color:#fff;
	font-size:14px;
	line-height:1.4;
	color:#333;
	margin:10px 0 0 auto;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.03); 
	 transition: 0.3s ease;
}
button.prdview:hover {background-color:#f5f5f5;box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.08); }

button.prdview i{
	display: block;
    width: 7px;
    height: 10px;
    background-image: url(../_img/sub/i_btnmore.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 7px;
}
.explore .btn_wrap {
	width:100%;
	align-items:center;
	justify-content:space-between;
	margin:50px auto;
	max-width:1400px;
}
.explore .list_btn {
	display:block;
	font-size:18px;
	width:200px;
	height:40px;
}
.explore .prev_btn, .explore .next_btn {
	display:flex; 
	flex-wrap:nowrap; 
	align-items:center; 
	justify-content:center;
	font-size:18px;
	line-height:1.4;
	color:#333;
}
.explore .prev_btn {
	display:block;
	width:80px;
	height:20px;
	line-height:20px;
	background-image:url(../_img/sub/pagebtn_prev.png);
	background-size:10px;
	background-position:left 5px center;
	background-repeat:no-repeat;
    text-align:left;
	padding-left:25px;
	
	
}
.explore .next_btn {
	display:block;
	line-height:20px;
	width:80px; height:20px;
	background-image:url(../_img/sub/pagebtn_next.png);
	background-size:10px;
	background-position:center;
	background-position:right 5px center;
	background-repeat:no-repeat;
	padding-right:25px;
	text-align:right;
}

@media screen and (max-width: 1024px) {
	.explore .tit_wrap p.tit01 {font-size:22px;}
	.explore .tit_wrap p.tit02 {font-size:16px;}
	.explore .bottom_wrap .com_box p.com_name {font-size:18px;}
	.explore .bottom_wrap .com_box p.com_explain {font-size:16px; height:70px;}
	.explore .bottom_wrap .anotherprd_box .anotherprd_wrap p {font-size:16px; height:65px;}
	.explore .prev_btn, .explore .next_btn {font-size:16px;}
	.explore .list_btn {font-size:16px; width:150px;}
	.explore .btn_wrap {margin:30px 0 0;}
	.explore .bottom_wrap .com_box .boxtop {padding:20px;}
	.explore .bottom_wrap .com_box .boxbottom {padding:20px;}
	.explore .bottom_wrap .anotherprd_box {padding:42px;}
}
@media screen and (max-width: 780px) {
	.explore .wfix { margin: 15px auto;	}
	.explore .tit_wrap {margin:20px 0;}
	.explore .tit_wrap p.tit01 {font-size:20px; margin-bottom:0;}
	.explore .tit_wrap p.tit02 {font-size:14px;}
	.explore .bottom_wrap .com_box p.com_name {font-size:16px;}
	.explore .bottom_wrap .com_box p.com_explain {font-size:14px;height:80px;}
	.explore .bottom_wrap .anotherprd_box .anotherprd_wrap p {font-size:14px;height:75px;}
	.explore .prev_btn, .explore .next_btn {font-size:14px;}
	.explore .prev_btn {background-size:8px;padding-left:25px;}
	.explore .next_btn {background-size:8px;padding-right:25px;}
	.explore .list_btn {font-size:14px;}
	.explore .bottom_wrap .com_box .boxbottom .btn_more {font-size:14px;}
	.explore .btn_wrap {margin:0;}
	.explore .bottom_wrap {padding:20px 0;}
	.explore .bottom_wrap .com_box {width:34%; margin-right:1%;}
	.explore .bottom_wrap .anotherprd_box {padding:50px 40px;}
}
@media screen and (max-width: 720px) {
	.explore .prd_wrap {padding-top: 5px;}
	.explore .video_wrap img{border-radius:10px;}
	.explore .bottom_wrap .com_box{border-radius:10px;}
	.explore .bottom_wrap .anotherprd_box{border-radius:10px;}	
	.explore .bottom_wrap .com_box {width:100%; margin:0;}
	.explore .bottom_wrap .anotherprd_box {width:100%; margin:10px 0;}
	.explore .bottom_wrap .anotherprd_box {padding:30px;}
	.explore .bottom_wrap .anotherprd_box .prd_slider .slick-prev {left:10px;}
	.explore .bottom_wrap .anotherprd_box .prd_slider .slick-next {right:10px;}
	.explore .bottom_wrap .com_box p.com_explain {height:40px;}
	.explore .bottom_wrap .anotherprd_box .anotherprd_wrap p {height:initial;}
}
@media screen and (max-width: 420px) {
	.explore .prd_wrap {padding-top: 0;}
	.explore .video_wrap img{border-radius:5px;}
	.explore .bottom_wrap .com_box{border-radius:5px;}
	.explore .bottom_wrap .anotherprd_box{border-radius:5px;}
	.explore .tit_wrap {margin:10px 0;}
	.explore .tit_wrap p.tit01 {font-size:18px;}
	.explore .list_btn {width:100px; height:30px;}
	.explore .bottom_wrap {padding:10px 0;}
	.explore .bottom_wrap .com_box .boxtop {padding:10px;}
	.explore .bottom_wrap .com_box .boxbottom {padding:15px;}
	.explore .bottom_wrap .anotherprd_box {padding:15px 20px;}
	.explore .bottom_wrap .anotherprd_box .prd_slider .slick-prev {left:5px;}
	.explore .bottom_wrap .anotherprd_box .prd_slider .slick-next {right:5px;}
	.explore .prev_btn {background-size:6px;padding-left:20px;width:50px}
	.explore .next_btn {background-size:6px;padding-right:20px;width:50px}
}
/*explore_view ---*/

/*match_list*/
.tbl_wrap table td.pl20 {padding:10px 20px;}
.match {padding-top:20px;}
.match .prd_wrap {padding-top:0; border:none;}
.success_tit {
	font-size:28px;
	color:#333;
	line-height:1.4;
	text-align:center;
	font-weight:600;
	margin:20px auto;
	width:230px;
	position:relative;
}
.success_tit:before {
	content:'';
	width:30px; height:17px;
	background-image:url(../_img/sub/success_tit_be.png);
	background-size:100%;
	background-repeat:no-repeat;
	background-position:center;
	position:absolute;
	top:0; left:0;
}
.success_tit:after {
	content:'';
	width:30px; height:17px;
	background-image:url(../_img/sub/success_tit_af.png);
	background-size:100%;
	background-repeat:no-repeat;
	background-position:center;
	position:absolute;
	bottom:0; right:0;
}
p.success_txt {
	font-size:20px;
	color:#333;
	line-height:1.4;
	text-align:center;
}
.match .successimg_wrap {margin:30px 0 50px;}
.match .top_board {justify-content:space-between; align-items:center;}

.top_board .sch_board {
   text-align: right;
}
.top_board .sch_board .slt_board {
   height: 42px;
   border: 1px solid #999;
   font-size: 16px;
}
.top_board .sch_board .inp_sch {
   height: 40px;
   font-size: 16px;
}
.top_board .sch_board .slt_board {
   min-width: 140px;
   margin-right: 0;
   padding: 2px 40px 0 12px;
   border-radius: 0;
   font-size:16px;
  background: url(../_img/board/slt.png) top 50% right/25px no-repeat #FFF;
  border-right:none;
}
.match.list .top_board .sch_board #searchFrm {display:flex;}
.match.list .top_board .sch_board .wrap_sch {padding-right:0;}
.top_board .sch_board .wrap_sch {
   display: inline-block;
   position: relative;
   width: 280px;
   padding-right: 40px;
   border:1px solid #ddd;
   border-radius:0;
}
.top_board .sch_board .wrap_sch .inp_sch {
   display: block;
   width: 100%;
   padding: 0 0 0 12px;
   border-right: none;
   font-size:16px;
   background-color:#fff;
}
.match.list .top_board .sch_board .btn_sch {
	display:flex;
	flex-wrap:nowrap;
	width: 100px;
	height: 42px;
	margin:0 5px;
	border-radius: 5px ;
	line-height: 42px;
	text-align: center;
	color:#fff;
	font-size:16px;
	background:linear-gradient(to right, #0055ff, #0078ff);
	align-items:center;
	justify-content:center;
}
.match.list .top_board .sch_board .btn_sch i {
	display:block;
	width:17px; height:17px;
	background-image:url(../_img/sub/icon_search_wh.png);
	background-position:center;
	background-size:100%;
	background-repeat:no-repeat;
	margin-left:5px;
}
.match.list .top_board .sch_board .btn_refresh {
	width: 42px;
	height: 42px;
	border-radius: 5px;
	background-color:#fff;
	border:1px solid #ccc;
}
.match.list .top_board .sch_board .btn_refresh i {
	display:block;
	width: 42px;
	height: 42px;
	background-image:url(../_img/sub/icon_refresh.png);
	background-position:center;
	background-size:16px;
	background-repeat:no-repeat;
}
.media .top_board .sch_board .wrap_sch .btn_sch {
   position: absolute;
   top: 0;
   right: 0;
   width: 40px;
   height: 40px;
   border-radius: 0 5px 5px 0;
   line-height: 40px;
   text-align: center;
   background-color: #fff;
   background-position: center;
   background-image: url(../_img/boardshow.png);
   background-repeat: no-repeat;
   background-size:17px;
}
.match .btn_download {
	width:170px; height:45px;
	background-color:#222;
	border-radius:10px;
	color:#fff;
	line-height:1.4;
	font-size:16px;
	align-items:center;
	justify-content:center;
}
.match .btn_download i {
	display:block;
	width:16px; height:16px;
	background-image:url(../_img/sub/icon_down_wh.png);
	background-size:100%;
	background-repeat:no-repeat;
	background-position:center;
	margin-left:10px;
}
.match.list td .img_wrap {display:block; width:55%; margin:0 auto;}
.match.list td .img_wrap {width:100%;height:80px; margin-bottom:0; overflow: hidden;}
.match.list td .img_wrap img{ width: 100%;height: 100%; object-fit: contain;}
.match.list td.pnm{font-weight:600;}
/*
.msg_btn i.msg {
	display:block;
	width:24px; height:22px;
	background-image:url(../_img/sub/icon_messaging.png);
	background-size:100%;
	background-position:center;
	background-repeat:no-repeat;
}*/
.match.list td .flex_wrap {width:100%;align-items:center;justify-content:center;}
.match.list td i.lock {
	display:block;
	width:16px; height:19px;
	background-image:url(../_img/sub/icon_lock.png);
	background-size:100%;
	background-position:center;
	background-repeat:no-repeat;
	margin-right:5px;
}
.match.list td .openModalBtn {    
    height: 30px;
	padding:5px 10px;
    font-size: 14px;
    line-height: 1.4;
    text-align: center;
    margin: 10px auto 0;
}
.match.list p.intro {
	font-size:20px;
	color:#333;
	text-align:center;
	width:100%;
	max-width:1145px;
	margin:0 auto;
	line-height:1.4;
}
.match.list p.tbl_tit {
	font-size:24px;
	color:#333;
	text-align:center;
	line-height:1.4;
	font-weight:600;
	margin-top:50px;
}
.match.list .contact_wrap{width:100%;display:flex;flex-wrap:wrap;}
.match.list .lst_contact{width:calc( 100% - 40px );}
.match.list .msg_btn{ transition: 0.3s ease;width:40px;height:40px;border-radius:30px;background-color:#f5f5f5;background-repeat:no-repeat;background-position:center;background-size:26px;background-image: url(../_img/sub/icon_messaging.png);}
.match.list .msg_btn:hover{width:40px;height:40px;border-radius:30px;background-color:#f5f5f5;background-repeat:no-repeat;background-position:center;background-size:26px;background-image: url(../_img/sub/icon_messagingo.png);box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.08);}
.match.list .confidential{font-size:14px;color:#666;padding:7px 15px 7px 28px;border-radius:15px;background-color:#f5f5f5;background-repeat:no-repeat;background-position:center left 15px;background-size:16px; background-image: url(../_img/sub/icon_lock.png);}
.match.list .lst_contact li{padding:0 0 0 25px;background-repeat:no-repeat;background-position:center left;background-size:21px;}
.match.list .lst_contact li + li{margin-top:5px;}
.match.list .lst_contact li.li_name{background-image:url('../_img/sub/micon_name.png');}
.match.list .lst_contact li.li_mail{background-image:url('../_img/sub/micon_mail.png');}
.match.list .lst_contact li.li_phone{background-image:url('../_img/sub/micon_phone.png');}

@media screen and (max-width: 1024px) {
	.success_tit {font-size:24px;}
	p.success_txt {font-size:18px;}
	.match.list td .openModalBtn {font-size:14px;}
	.match.list p.event_intro {font-size:18px;}
	.match.list p.tbl_tit {font-size:22px;}
}
@media screen and (max-width: 780px) {
	.match.list .tbl_wrap .tbl_list th{font-size:15px;}
	.match.list .tbl_wrap .tbl_list tbody td{font-size:14px;}
	.match.list .confidential{font-size:13px;padding:5px 10px 5px 20px;background-position:center left 10px;background-size:12px;}
}
@media screen and (max-width: 620px) {
	.success_tit {font-size:22px; margin:10px auto;}
	p.success_txt {font-size:16px;}
	.match .successimg_wrap {margin:20px 0 30px;}
	.match .btn_download p {display:none;}
	.match .btn_download i {margin:0;}
	.match .btn_download {width:42px;height:42px;border-radius:5px;margin-left:5px;}
	.match .sch_board {width:calc( 100% - 47px );}
	.match .top_board {justify-content:flex-start;}
	.top_board .sch_board .wrap_sch, .wrap_board .sch_board .wrap_sch{width:100%;}
	.match.list p.event_intro {font-size:16px;}
	.match.list p.tbl_tit {font-size:20px;margin-top:30px;}
}
@media screen and (max-width: 480px) {
	.tbl_wrap table td.pl20 {padding:10px;}
}
@media screen and (max-width: 420px) {
	.match .btn_download {border-radius:5px;}
	.success_tit {font-size:20px;}
	p.success_txt {font-size:14px;}
	.match.list p.event_intro {font-size:14px;}
	.match.list p.tbl_tit {font-size:18px;margin-top:15px;}
	.match.list .top_board .sch_board .btn_sch {width:42px;}
	.match.list .top_board .sch_board .btn_sch p {display:none;}
	.match.list .top_board .sch_board .btn_sch i {margin:0; width:42px; height:42px; background-size:17px;}
}
/*match_list ---*/


/*모달*/
/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 10; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
    padding-top: 60px;
}

/* Modal Content/Box */
.modal-content.mg0 { margin: 0% auto;}
.modal-content {
    background-color: #fefefe;
    margin: 5% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 80%; /* Could be more or less, depending on screen size */
	position:relative;
	border-radius:10px;
}
.modal .logo_wrap {width:100%;height:50px; margin-bottom:20px; overflow: hidden;}
.modal .logo_wrap img{ width: 100%; height: 100%;    object-fit: contain;}
.modal .txt_wrap {margin:10px 20px 30px;}
.modal .txt_wrap p.tit {
	font-size:18px;
	color:#333;
	line-height:1.4;
	text-align:left;
	font-weight:600;
	margin-bottom:10px;
}
.modal .txt_wrap p.description {
	font-size:16px;
	color:#666;
	line-height:1.4;
	text-align:left;
}
.modal .modal_ask_btn {
	width:100%; max-width:180px;
	height:50px;
	border-radius:5px;
	background:linear-gradient(to right, #86c7ff, #abaeff);
	font-size:18px;
	color:#333;
	line-height:1.4;
	font-weight:600;
	align-items:center;
	justify-content:center;
	margin:0 auto;
}
.modal .modal_ask_btn i {
	display:block;
	width:17px; height:20px;
	background-image:url(../_img/sub/icon_askbtn.png);
	background-size:100%;
	background-position:center;
	background-repeat:no-repeat;
	margin-right:10px;
}
.modal .slide_wrap, .modal2 .slide_wrap {width:100%;}
.modal .slide_wrap .prd_slider, .modal2 .slide_wrap .prd_slider {width:65%;}
.modal .slide_wrap .prd_slider .slick-prev {top:30%;left:40px;}
.modal .slide_wrap .prd_slider .slick-next {top:30%;right:40px;}
.modal .modal-content .btn_wrap {margin:20px 0 10px;}

/* The Close Button */
.close {
	display:block;
	width:15px; height:15px;
	background-image:url(../_img/sub/close_modal.png);
	background-size:100%;
	background-repeat:no-repeat;
	background-position:center;
	position:absolute;
	top:20px; right:20px;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}
@media screen and (max-width: 500px) {
	.modal-content {width:90%;}
	.modal .slide_wrap .prd_slider {width:75%;}
	.modal .slide_wrap .prd_slider .slick-prev {top:35%;left:20px;}
	.modal .slide_wrap .prd_slider .slick-next {top:35%;right:20px;}
	.modal .txt_wrap {margin:10px 0 30px;}
	.modal .txt_wrap p.tit {font-size:16px; margin-bottom:5px;}
	.modal .txt_wrap p.description {font-size:14px;}
	.modal .modal_ask_btn {font-size:16px; height:40px;}
	.modal .btn_wrap {margin:0;}
}
@media screen and (max-width: 380px) {
	.modal .slide_wrap .prd_slider {width:90%;}
	.modal .slide_wrap .prd_slider .slick-prev {top:32%;left:10px;}
	.modal .slide_wrap .prd_slider .slick-next {top:32%;right:10px;}
}
@media screen and (max-width: 320px) {
	.modal .slide_wrap .prd_slider .slick-prev {top:30%;}
	.modal .slide_wrap .prd_slider .slick-next {top:30%;}
	.modal .txt_wrap {margin:10px 0;}
	.modal .modal_ask_btn {font-size:14px;max-width:100%;}
}
/*모달 ---*/

/*match_view*/
.suppliers .wfix {max-width:1400px;}
.explore.match.suppliers .list_wrap .list_box {width:23%;}
.explore.match.suppliers .list_wrap .list_box .tit {border-top:1px solid #ccc; padding:30px;}
.explore.suppliers .list_wrap .list_box .tit p.T01 {font-size:18px; text-align:center; height:55px;}
.suppliers .suppliers_top {display:flex;flex-wrap:wrap;}
.suppliers .suppliers_top .logo_wrap {width:360px;background-color:#fff;height:160px;text-align:center;padding:20px 30px;margin-right:40px;border:1px solid #ddd;border-radius:15px;}
.suppliers .suppliers_top .logo_wrap .logo_img {width:100%;height:100%;background-size:contain;background-repeat:no-repeat;background-position:center;}
.suppliers .suppliers_top .spec_wrap{width:calc( 100% - 400px );}
.suppliers .suppliers_top .spec_wrap .top_wrap{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:10px;align-items:flex-end;}
.suppliers .suppliers_top .spec_wrap .top_wrap .com_name{font-size:32px;font-weight:700;	color:#000;	text-align:left;line-height:1.4;}
.suppliers .suppliers_top .spec_wrap .top_wrap .ind_wrap{text-align:left;}
.suppliers .suppliers_top .spec_wrap .top_wrap .ind_wrap li{line-height:1;display:inline-block;padding:7px 15px 7px 36px;text-align:left;background-color:#222;color:#fff;font-size:16px;
font-weight:400;background-repeat:no-repeat;background-position:center left 7px ;background-size:30px;border-radius:15px;margin:0px 5px 5px;}

.suppliers .suppliers_top .spec_wrap .tit_wrap {margin-top:0;margin-bottom:10px;width:100%;padding:20px 0 30px;border-top:1px solid #bbb;}
.suppliers .suppliers_top .spec_wrap .tit_wrap .intro {
	font-size:25px;
	color:#333;
	line-height:1.4;
	font-weight:600;
	margin-bottom:5px;
}
.suppliers .suppliers_top .spec_wrap .tit_wrap .remarks {	
	font-size:18px;
	color:#666;
	line-height:1.4;
	font-weight:300;
	width:100%; 	
}
.suppliers .suppliers_top .spec_wrap .link_wrap{text-align:right;}
.suppliers .suppliers_top .spec_wrap .link_wrap li{text-align:left;display:inline-block;color:#4133ff;border-bottom:1px solid #4133ff;padding:3px 0 2px 25px;background-repeat:no-repeat;background-position:center left;background-size:21px;}
.suppliers .suppliers_top .spec_wrap .link_wrap li.home{background-image:url(/_img/sub/micon_hp.png);}
.suppliers .suppliers_top .spec_wrap .link_wrap li.ask{background-image:url(/_img/sub/micon_ask.png);}
.suppliers .suppliers_top .spec_wrap .link_wrap a{padding:0 20px 0 0;background-image:url(/_img/sub/micon_arrow.png);background-repeat:no-repeat;display:inline-block;background-position:center right 0;background-size:21px;color:#4133ff;font-size:16px;font-weight:400; transition: 0.3s ease;}
.suppliers .suppliers_top .spec_wrap .link_wrap a:hover{background-position:center right -5px;}
.suppliers .suppliers_top .spec_wrap .link_wrap li + li{margin-left:20px;}
.suppliers .slider_top {max-width:1400px;justify-content:space-between; align-items:center; margin:30px auto 0;}
.suppliers .slider_top h3 {font-size:20px;color:#333;line-height:1.4;font-weight:600;text-align:left;}
.suppliers .list_top h3 {font-size:20px;color:#333;line-height:1.4;font-weight:600;text-align:left;margin-bottom:20px;}

.suppliers .slider_wrap {max-width:1400px; margin:20px auto 50px;position:relative;}
.suppliers .list_wrap { margin:0 auto 0;}
.suppliers .slider_wrap .prd_slider .slick-prev {top:calc( 50% - 20px ); left: 20px;width:45px;height:45px;background-color:rgba(255,255,255,0.1);border-radius:45px;background-position:center;background-size:12px; transition: 0.3s ease;}
.suppliers .slider_wrap .prd_slider .slick-prev:hover{background-color:rgba(255,255,255,0.8); box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.03); }
.suppliers .slider_wrap .prd_slider .slick-next {top:calc( 50% - 20px ); right: 20px;width:45px;height:45px;background-color:rgba(255,255,255,0.1);border-radius:45px;background-position:center;background-size:12px; transition: 0.3s ease;}
.suppliers .slider_wrap .prd_slider .slick-next:hover{background-color:rgba(255,255,255,0.8); box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.03); }
/*.suppliers .prd_slider .slick-track{width:calc( 100% + 20px );margin-left:-10px;margin-right:-10px;}*/
.suppliers .prd_slider .prd_wrap {margin: 0 10px;border-radius:10px;}
.suppliers .prd_slider .prd_wrap .imgwrap {border-radius:10px; max-height:280px; overflow:hidden;}
.suppliers .prd_slider .prd_wrap .imgwrap img {border-radius:10px 10px 0 0; width:100%; height:100%;object-fit:cover; }
.suppliers .prd_slider .prd_wrap .txt_wrap {padding:20px;}
.suppliers .prd_slider .prd_wrap .txt_wrap p {font-size:18px;	color:#333;	text-align:center;	line-height:1.4;	font-weight:600;    overflow: hidden;}
.suppliers .comask_btn {
	width: 100%;
    max-width: 180px;
    height: 50px;
    border-radius: 5px;
    background: linear-gradient(to right, #86c7ff, #abaeff);
    font-size: 18px;
    color: #333;
    line-height: 1.4;
    font-weight: 600;
    align-items: center;
    justify-content: center;
    margin:0 0 0 auto;
}
.suppliers .comask_btn i {
	display: block;
    width: 17px;
    height: 20px;
    background-image: url(../_img/sub/icon_askbtn.png);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    margin-right: 10px;
}
.suppliers .askKcon_btn {
	width: 100%;
    max-width: 200px;
    height: 50px;
    border-radius: 5px;
    background-color:#222;
    font-size: 18px;
    color: #fff;
    line-height: 1.4;
    font-weight: 600;
    align-items: center;
    justify-content: center;
    margin:0 0 0 10px;
}
.suppliers .askKcon_btn i {
	display: block;
    width: 13px;
    height: 13px;
    background-image: url(../_img/sub/icon_askK.png);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    margin-left: 10px;
}
.suppliers .wfix {
	max-width: 1400px;
    width: 100%;
    margin: 30px auto;
}
.suppliers .prd_wrap {/*border-bottom:1px solid #ddd;*/}
.suppliers .list_wrap {width:102%; margin:0 -1%;}
.suppliers .list_wrap .list_box {
	width:23%; height:auto;
	margin:0 1% 20px;
	border-radius:10px;
	border:1px solid #ddd;
	background-color:#fff;
}
.suppliers .list_wrap .list_box .thumb_wrap {
	border-radius:10px 10px 0 0;
	overflow:hidden;
	width:100%;
	height:240px;
	border-bottom:1px solid #ddd;
	background-image:url(../_img/sub/noimg.png);
	background-repeat:no-repeat;
	background-position:center;
}
.suppliers .list_wrap .list_box .thumb_wrap img {object-fit:cover;width:100%;height:100%;border-radius:10px 10px 0 0;}

.suppliers .list_wrap .list_box .tit {
	border-radius:0 0 10px 10px;
	padding:20px;
	background-color:#fff;
}
.suppliers .list_wrap .list_box .tit p.T01{
	font-size:18px;
	color:#333;
	text-align:left;
	font-weight:500;
	line-height:1.4;
	height:30px;
	-webkit-line-clamp: 1;
    text-overflow: ellipsis;
    overflow: hidden;
}
.suppliers .list_wrap .list_box .tit p.T02{
	font-size:16px;
	color:#999;
	text-align:left;
	line-height:1.4;
	height:22px;
	-webkit-line-clamp: 1;
    text-overflow: ellipsis;
    overflow: hidden;
}

@media screen and (max-width: 1024px) {
	.suppliers .list_wrap .list_box .tit p.T01 {font-size:18px;}
	.suppliers .list_wrap .list_box .tit p.T02 {font-size:14px;}
}
@media screen and (max-width: 870px) {
	.suppliers .list_wrap .list_box .tit p.T01 {font-size:16px; height:25px;}
	.suppliers .list_wrap .list_box .tit {padding:10px;}
}
@media screen and (max-width: 780px) {
	.suppliers .list_wrap .list_box {width:48%;}
}
@media screen and (max-width: 420px) {
	.suppliers .list_wrap {width:100%; margin:0;}
	.suppliers .list_wrap .list_box {width:100%; margin:1% 0 15px;}
}

@media screen and (max-width: 1024px) {
	.suppliers .wfix{margin:10px auto 20px;}
	.suppliers .slider_top p {font-size:18px;}
	.suppliers .slider_top .btn_home {font-size:16px;}
	.suppliers .prd_slider .prd_wrap .txt_wrap p {font-size:16px;}
	.suppliers .suppliers_top .indus_wrap p {font-size:16px;}
	.explore .list_wrap .list_box .tit p.T01 {font-size:16px; height:initial;}
	.suppliers .comask_btn {font-size:16px; height:45px;}
	.suppliers .askKcon_btn {font-size:16px; height:45px;}
	.suppliers .list_wrap .list_box .tit p.T01 {font-size:16px;}
	.explore.match.suppliers .list_wrap .list_box .tit {padding:15px;}
	.suppliers .slider_wrap .prd_slider .slick-prev {top:38%;}
	.suppliers .slider_wrap .prd_slider .slick-next {top:38%;}
	.suppliers .suppliers_top .logo_wrap {width:200px;margin-right:20px;padding:20px;}
	.suppliers .suppliers_top .spec_wrap{width:calc( 100% - 220px );}
	
	.suppliers .suppliers_top .spec_wrap .top_wrap .com_name{font-size:22px;}
	.suppliers .suppliers_top .spec_wrap .tit_wrap{padding:10px 0 15px;}
	.suppliers .suppliers_top .spec_wrap .tit_wrap .intro{font-size:20px;}
	.suppliers .suppliers_top .spec_wrap .tit_wrap .remarks{font-size:16px;}
	.suppliers .suppliers_top .spec_wrap .top_wrap .ind_wrap li{font-size:15px;}
	.suppliers .prd_slider .prd_wrap .txt_wrap {padding:15px;}
}
@media screen and (max-width: 870px) {
	.suppliers .suppliers_top .Tit_wrap {width:60%;}
}
@media screen and (max-width: 780px) {
	.suppliers .btn_wrap {margin:30px 0;}
	.suppliers .suppliers_top .spec_wrap .top_wrap .com_name{font-size:20px;width:100%;margin-bottom:10px;}
	.suppliers .suppliers_top .spec_wrap .tit_wrap{padding:10px 0 10px;}
	.suppliers .suppliers_top .spec_wrap .tit_wrap .intro{font-size:17px;}
	.suppliers .suppliers_top .spec_wrap .tit_wrap .remarks{font-size:15px;}
	.suppliers .suppliers_top .spec_wrap .top_wrap .ind_wrap li{font-size:14px;margin: 0 3px 3px;}
}
@media screen and (max-width: 720px) {
	.suppliers .suppliers_top {position:relative;}
	.suppliers .suppliers_top .indus_wrap {position:absolute; top:0px; right:0;}
	.suppliers .suppliers_top .Tit_wrap {width:100%; margin-top:10px;}
}
@media screen and (max-width: 680px) {
	.explore.match.suppliers .list_wrap .list_box {width:48%;}
	.suppliers .slider_wrap .prd_slider .slick-prev {top:30%;}
	.suppliers .slider_wrap .prd_slider .slick-next {top:30%;}
}
@media screen and (max-width: 620px) {
	.contents.mypage.suppliers {padding-bottom:100px;}
	.suppliers .slider_top p {font-size:16px;}
	.suppliers .slider_top .btn_home {font-size:14px;}
	.suppliers .prd_slider .prd_wrap .txt_wrap p {font-size:14px; }
	.explore .list_wrap .list_box .tit p.T01 {font-size:14px;}
	.suppliers .comask_btn {font-size:14px; height:40px; width:49%; max-width:260px; margin:0 auto 0 1%;}
	.suppliers .askKcon_btn {font-size:14px; height:40px; width:49%; max-width:260px; margin:0 0 0 auto;}
	.suppliers .list_wrap .list_box .tit p.T01 {font-size:14px; margin:0 auto;}
	.suppliers .btn_wrap {position:relative;}
	.suppliers .list_btn {position:absolute; top:45px; left:0; right:0; width:100%; max-width:150px; margin:0 0 0 auto;}
	.suppliers .slider_wrap {margin:20px auto 30px;}

	.suppliers .prd_slider .prd_wrap .txt_wrap {padding:10px;}
	.explore.match.suppliers .list_wrap .list_box .tit {padding:10px;}
	.suppliers .suppliers_top .logo_wrap {width:170px;padding:10px;margin:0 auto 10px;height:60px;border-radius:5px;}
	.suppliers .suppliers_top .spec_wrap{width:100%;}
	.suppliers .suppliers_top .spec_wrap .tit_wrap{border-radius:5px;}
	.suppliers .suppliers_top .spec_wrap .tit_wrap .intro{font-size:18px;font-weight:400;}
	.suppliers .suppliers_top .spec_wrap .tit_wrap .remarks{font-size:15px;}
	.suppliers .suppliers_top .spec_wrap .link_wrap a{font-size:14px;font-weight:400;}
}

@media screen and (max-width: 480px) {
	.suppliers .slider_wrap .prd_slider .slick-prev {display:none !important;}
	.suppliers .slider_wrap .prd_slider .slick-next {display:none !important;}
	.suppliers .prd_slider .prd_wrap  {margin:0;}
	.suppliers .suppliers_top .indus_wrap {height:35px;}
	.suppliers .suppliers_top .spec_wrap .link_wrap li{background-size:18px;padding: 3px 0 2px 20px;}
	.suppliers .suppliers_top .spec_wrap .link_wrap a{font-size:14px;font-weight:400;padding:0 18px 0 0;}

}
@media screen and (max-width: 420px) {
	.suppliers .suppliers_top .Tit_wrap p.slogan1 {font-size:20px;}
	.suppliers .suppliers_top .Tit_wrap p.slogan2 {font-size:14px;}
	.suppliers .slider_top p {font-size:14px;}
	.explore.match.suppliers .list_wrap .list_box {margin:1%;}
}
@media screen and (max-width: 380px) {
	.explore.suppliers .btn_wrap {margin:10px 0;}
	.suppliers .comask_btn {width:100%; max-width:100%; margin:5px 0;}
	.suppliers .askKcon_btn {width:100%; max-width:100%; margin:5px 0;}
	.suppliers .list_btn {width:100%; max-width:100%; margin:0; top:105px;}
	.explore.match.suppliers .list_wrap .list_box {width:100%; margin:5px 0;}
	.suppliers .slider_wrap {margin:10px 0;}
}
/*match_view ---*/

/*contact*/

.email_wrap {width:45%; margin-right:5%;}
.location_wrap {width:45%; margin-left:5%;}
.contactpage_wrap .wrap_tit {align-items:center; justify-content:flex-start; margin-bottom:20px;}
.contactpage_wrap .wrap_tit i.email {background-image:url(../_img/sub/icon_mail.png); background-size:20px;}
.contactpage_wrap .wrap_tit i.pin {background-image:url(../_img/sub/icon_pin.png); background-size:16px;}
.contactpage_wrap .wrap_tit i {
	display:block;
	width:50px; height:50px;
	background-color:#e8e8e8;
	border-radius:100%;
	margin-right:10px;
	background-repeat:no-repeat;
	background-position:center;
}
.contactpage_wrap .wrap_tit p {
	font-size:24px;
	color:#333;
	font-weight:600;
	line-height:1.4;
}
.email_wrap .txt_wrap {margin-bottom:30px;}
.email_wrap .txt_wrap p {font-size:20px;line-height:1.4;margin-bottom:5px;}
.email_wrap .txt_wrap p span.Memail {color:#333;}
.email_wrap .txt_wrap p span.Mname {color:#666;position:relative;margin-left:50px;}
.email_wrap .txt_wrap p span.Mname:before {
	content:'';
	width:1px; height:20px;
	background-color:#999;
	position:absolute;
	top:4px; left:-25px;
}
.email_wrap .quote_box {
	border:1px solid #ddd;
	border-radius:20px;
	background-color:#fff;
	padding:30px;
	margin:20px 0;
}
.email_wrap .quote_box p.quote_s {
	font-size:20px;
	color:#333;
	line-height:1.4;
	text-align:left;
	width:100%;
	max-width:500px;
}
.email_wrap .quote_box p.quote_p {
	font-size:18px;
	color:#333;
	line-height:1.4;
	text-align:right;
}
.location_wrap p.add {
	font-size:18px;
	color:#333;
	line-height:1.4;
	text-align:left;
}
.location_wrap .map_wrap {margin-top:20px;}

@media screen and (max-width: 1225px) {
	.email_wrap {width:48%; margin-right:2%;}
	.location_wrap {width:48%; margin-left:2%;}
}
@media screen and (max-width: 1130px) {
	.email_wrap {width:49%; margin-right:1%;}
	.location_wrap {width:49%; margin-left:1%;}
	.email_wrap .quote_box {padding:20px;}
	.email_wrap .txt_wrap {margin-bottom:20px;}
}
@media screen and (max-width: 1024px) {
	.contactpage_wrap .wrap_tit p {font-size:22px;}
	.email_wrap .txt_wrap p {font-size:18px;}
	.email_wrap .quote_box p.quote_s {font-size:18px;}
	.email_wrap .quote_box p.quote_p {font-size:16px;}
	.location_wrap p.add {font-size:16px;}
}
@media screen and (max-width: 870px) {
	.email_wrap {width:100%; margin:1% 0;}
	.location_wrap {width:100%; margin:1% 0;}
}
@media screen and (max-width: 620px) {
	.contactpage_wrap .wrap_tit p {font-size:20px;}
	.email_wrap .txt_wrap p {font-size:16px;}
	.email_wrap .quote_box p.quote_s {font-size:16px;}
	.email_wrap .quote_box p.quote_p {font-size:14px;}
	.location_wrap p.add {font-size:14px;}
	.contactpage_wrap .wrap_tit i {width:40px; height:40px;}
	.contactpage_wrap .wrap_tit {margin-bottom:10px;}
	.email_wrap .txt_wrap {margin-bottom:10px;}
	.location_wrap .map_wrap {margin-top:10px;}
	.email_wrap .txt_wrap p span.Mname:before {height:13px;}
}
@media screen and (max-width: 420px) {
	.contactpage_wrap .wrap_tit p {font-size:18px;}
	.email_wrap .txt_wrap p {font-size:14px;}
	.email_wrap .quote_box p.quote_s {font-size:14px;}
	.email_wrap .quote_box {padding:10px; margin:10px 0; border-radius:10px;}
	.email_wrap .txt_wrap p span.Mname {margin-left:30px;}
	.email_wrap .txt_wrap p span.Mname:before {left:-15px;;}
}




/*contact ---*/

/*media*/
.explore.media .wfix {
	max-width: 1400px;
    width: 100%;
    margin: 0 auto;
}
.match.list.media p.intro {width:100%; max-width:600px; font-size:24px;}
.match.list.media p.mediatit {
	font-size:28px;
	color:#333;
	text-align:center;
	line-height:1.4;
	font-weight:600;
	margin:50px 0 30px;
}
.explore.media .list_wrap .list_box {background-color:#fff; position:relative;}

.explore.media .list_wrap .list_box.box_bg {
	padding:30px;
	background-image:url(../_img/sub/media_listbg.png);
	background-size:289px;
	background-repeat:no-repeat;
	background-position:right bottom 100px;
}
.explore.media .list_wrap .list_box.nobg .img_wrap {border-radius:10px 10px 0 0;}
.explore.media .list_wrap .list_box.nobg .img_wrap img {border-radius:10px 10px 0 0;}
.explore.media .list_wrap .list_box.nobg .txt_wrap {padding:30px;}
.explore.media .list_wrap .list_box.box_bg .txt_wrap {min-height:450px;}
.explore.media .list_wrap .list_box .txt_wrap p.cate {
	font-size:16px;
	color:#495ce4;
	line-height:1.4;
	text-align:left;
	font-weight:600;
	position:relative;
	margin-left:40px;
	margin-bottom:10px;
}
.explore.media .list_wrap .list_box .txt_wrap p.cate:before {
	content:'';
	width:30px;
	height:2px;
	background-color:#495ce4;
	position:absolute;
	top:9px;
	left:-40px;
}
.explore.media .list_wrap .list_box.nobg .txt_wrap p.T01 {
	/*height:68px;
	-webkit-line-clamp: 2;
    text-overflow: ellipsis;*/
	margin-bottom:10px;
    overflow: hidden;
}
.explore.media .list_wrap .list_box .txt_wrap p.T01 {
	font-size:24px;
	color:#333;
	line-height:1.4;
	text-align:left;
	font-weight:600;
	margin-bottom:10px;
}
.explore.media .list_wrap .list_box .txt_wrap p.T02 {
	font-size:16px;
	color:#999;
	line-height:1.4;
	text-align:left;
}
.explore.media .list_wrap .list_box .btn_wrap {margin:0;}
.explore.media .list_wrap .list_box .btn_more {
	width:100%; max-width:160px;
	height:50px;
	align-items:center;
	justify-content:center;
	background-color:#fff;
	border:1px solid #ddd;
	border-radius:30px;
	font-size:16px;
	color:#666;
	line-height:1.4;
	position:absolute;
	bottom:30px; right:30px;
}
.explore.media .list_wrap .list_box .btn_more i {
	display:block;
	width:14px; height:14px;
	background-image:url(../_img/sub/icon_rightb.png);
	background-size:100%;
	background-repeat:no-repeat;
	background-position:center;
	margin-left:10px;
}
.media .title_wrap {margin-bottom:30px;}
.media .title_wrap p.cate {
	font-size:16px;
	color:#495ce4;
	line-height:1.4;
	text-align:center;
	font-weight:600;
	position:relative;
	width:50px;
	margin:0 auto;
		padding-top:10px;
}
.media .title_wrap p.cate:before {
	content:'';
	width:60%;
	height:2px;
	background-color:#495ce4;
	position:absolute;
	top:0;
	left:20%;
}
.media .title_wrap p.title {
	font-size:30px;
	color:#333;
	line-height:1.4;
	text-align:center;
	font-weight:600;
	width:100%;
	max-width:500px;

	margin:20px auto;
}
.media .title_wrap p.info {
	font-size:16px;
	color:#999;
	line-height:1.4;
	text-align:center;
}
.media .title_wrap p.info span.reporter {margin-left:40px; position:relative;}
.media .title_wrap p.info span.reporter:before {
	content:'';
	width:4px;
	height:4px;
	background-color:#999;
	border-radius:100%;
	position:absolute;
	top:8px;
	left:-20px;
}
.media .article_wrap {
	background-color:#fff;
	border:1px solid #ddd;
	border-radius:20px;
	width:100%; max-width:1000px;
	margin:0 auto;
}
.media .article_wrap .img_wrap {width:100%; border-radius:20px 20px 0 0;}
.media .article_wrap .img_wrap img {width:100%; border-radius:20px 20px 0 0; object-fit:cover;}
.media .article_wrap .img_wrap p.imgtxt {
	font-size:16px;
	color:#999;
	text-align:left;
	line-height:1.4;
	padding:10px 50px; 
}

.media .article_wrap .txt_wrap {padding:30px 50px 50px;}
.media .article_wrap .txt_wrap p {
	font-size:20px;
	color:#333;
	text-align:left;
	line-height:1.4;
	margin-bottom:20px;
}

@media screen and (max-width: 1024px) {
	.match.list.media p.intro {font-size:22px;}
	.match.list.media p.mediatit {font-size:24px;}
	.explore.media .list_wrap .list_box .txt_wrap p.T01 {font-size:22px;}
	.explore.media .list_wrap .list_box.box_bg .txt_wrap {min-height:350px;}
	.explore.media .list_wrap .list_box .btn_more {height:45px; right:20px; bottom:20px;}
	.media .title_wrap p.title {font-size:26px;}
	.media .article_wrap .txt_wrap p {font-size:18px;}
}
@media screen and (max-width: 780px) {
	.media .article_wrap {margin-bottom:20px;}
}
@media screen and (max-width: 620px) {
	.match.list.media p.intro {font-size:20px;}
	.match.list.media p.mediatit {font-size:22px; margin:30px 0 10px;}
	.explore.media .list_wrap .list_box .txt_wrap p.T01 {font-size:20px;}
	.explore.media .list_wrap .list_box .txt_wrap p.T02 {font-size:14px;}
	.explore.media .list_wrap .list_box .txt_wrap p.cate {font-size:14px; margin-bottom:5px;}
	.explore.media .list_wrap .list_box.nobg .txt_wrap p.T01 {height:60px;}
	.explore.media .list_wrap .list_box.box_bg .txt_wrap {min-height:290px;}
	.explore.media .list_wrap .list_box.box_bg {padding:20px;}
	.explore.media .list_wrap .list_box.nobg .txt_wrap {padding:20px;}
	.explore.media .list_wrap .list_box .btn_more {font-size:14px; height:35px; max-width:125px;}
	.explore.media .list_wrap .list_box .btn_more i {margin-left:5px;}
	.media .title_wrap p.title {font-size:22px; margin:15px auto;}
	.media .article_wrap .txt_wrap p {font-size:16px;}
	.media .title_wrap p.info {font-size:14px;}
	.media .title_wrap p.cate {font-size:14px;}
	.media .article_wrap .img_wrap p.imgtxt {font-size:14px; padding:10px 30px 0;}
	.media .title_wrap {margin-bottom:15px;}
	.media .article_wrap {border-radius:10px;}
	.media .article_wrap .img_wrap{border-radius: 10px 10px 0 0;}
	.media .article_wrap .img_wrap img{border-radius: 10px 10px 0 0;}
	.media .article_wrap .txt_wrap {padding:30px;}
	.media .article_wrap .txt_wrap p {margin-bottom:10px;}
	.explore .prev_btn i {width: 5px;height: 17px;}
	.explore .next_btn i {width: 5px;height: 17px;}
	
}
@media screen and (max-width: 480px) {
	.explore.media .list_wrap .list_box {width:100%; margin:10px 0;}
	.explore.media .list_wrap .list_box.box_bg .txt_wrap {min-height:140px;}
	.explore.media .list_wrap .list_box.nobg .txt_wrap {min-height:180px;}
	.explore.media .list_wrap .list_box.box_bg .txt_wrap p.T01 {height:50px;-webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden;}
	.explore.media .list_wrap .list_box.box_bg {background-position:center right;}
	.match.list.media p.mediatit {font-size:20px; margin:20px 0 0;}
	.match.list.media p.intro {font-size:18px;}
	.explore.media .list_wrap .list_box .txt_wrap p.T01 {font-size:18px;}
	.explore.media .list_wrap .list_box.nobg .txt_wrap p.T01 {height:50px;}
	.media .title_wrap p.title {font-size:20px;}
	.media .article_wrap .txt_wrap {padding:20px;}
	.media .article_wrap .img_wrap p.imgtxt {padding:5px 20px 0;}
	.media .title_wrap {margin-bottom:10px;}
	.media .title_wrap p.title {margin:10px auto;}
	.media .title_wrap p.info span.reporter {margin-left:30px;}
	.media .title_wrap p.info span.reporter:before {left:-15px; top:6px;}
}
@media screen and (max-width: 380px) {
	.explore.media .list_wrap .list_box.box_bg {padding:10px;}
	.explore.media .list_wrap .list_box.nobg .txt_wrap {min-height:160px;padding:10px;}
	.explore.media .list_wrap .list_box .btn_more {bottom:10px; right:10px; height:30px;}
	.match.list.media p.intro {font-size:16px;}
	.media .article_wrap .txt_wrap p {font-size:14px;}
	.media .article_wrap .img_wrap p.imgtxt {font-size:13px;}
	.media .title_wrap p.info {font-size:13px;}
	.media .title_wrap p.info span {display:block;}
	.media .title_wrap p.info span.reporter {margin-left:0;}
	.media .title_wrap p.info span.reporter:before {display:none;}
}
@media screen and (max-width: 320px) {
	.media .article_wrap .txt_wrap {padding:10px;}
	.media .article_wrap .img_wrap p.imgtxt {padding:5px 10px;}
}
/*media ---*/

/*terms*/
.terms {word-break:keep-all;}
.terms p {
	font-size: 18px;
    color: #333;
    line-height: 1.4;
    text-align: left;
    margin-bottom: 5px;
}
.terms p.chapter {font-size:22px; font-weight:600; margin-bottom:30px;}
.terms p.article {font-size:20px; font-weight:600; margin-top:30px; position:relative; padding-left:18px;}
.terms p.title {font-size:20px; font-weight:600; margin-top:30px;}
.terms p.indent1 {text-indent:-21px; padding-left:21px;}
.terms p.indent2 {text-indent:-15px; padding-left:35px;}
.terms p.hyphen {text-indent:-20px; padding-left:55px; margin-top:-10px;}
.terms p.indent3 {text-indent:-20px; padding-left:55px;}
.terms p.pdl20 {padding-left:20px;}
.terms p.article:before {
	content:'';
	width:13px; height:13px;
	background-image:url(../_img/sub/icon_askK.png);
	background-size:100%;
	background-position:center;
	background-repeat:no-repeat;
	position:absolute;
	top:7px; left:0;
}

@media screen and (max-width: 1024px) {
	.terms p {font-size: 16px;}
	.terms p.chapter {font-size:20px;}
	.terms p.article {font-size:18px;}
	.terms p.title {font-size:18px;}
}
@media screen and (max-width: 620px) {
	.terms p {font-size: 14px;}
	.terms p.chapter {font-size:18px;}
	.terms p.title {font-size:16px; margin-top:20px;}
	.terms p.article {font-size:16px;}
	.terms p.article:before {top:4px;}
	.terms p.indent1 {text-indent:-17px; padding-left:17px;}
	.terms p.indent2 {padding-left:30px;}
	.terms p.indent3 {text-indent:-15px; padding-left:40px;}
}
@media screen and (max-width: 420px) {
	.terms p.title {margin-top:10px;}
	.terms p.indent1 {text-indent:-5px; padding-left:5px;}
	.terms p.indent2 {text-indent:-5px; padding-left:5px;}
	.terms p.hyphen {text-indent:-5px; padding-left:5px;}
	.terms p.indent3 {text-indent:-5px; padding-left:5px;}
	.terms p.pdl20 {padding-left:5px;}
}
/*terms ---*/

/*match_suppliers_list 수정*/
.match.list .listtab_wrap {width:100%; margin:50px 0;}
.match.list .listtab_wrap ul.list_tab {
	width:100%; max-width:600px;
	align-items:center;
	justify-content:center;
	margin:0 auto;
}

.match.list .listtab_wrap ul.list_tab li {
	width:55%;
	background-color: #d6d6d6;
	border-radius:30px;
	font-size:20px;
	color:#666;
	font-weight:600;
	line-height:1.4;
	z-index:0;
}
.match.list .listtab_wrap ul.list_tab li a {
	width:100%; height:100%; 
	padding:10px 30px;
	align-items:center;
	justify-content:center;
}
.match.list .listtab_wrap.prdList ul.list_tab li.on {margin-right:-7%;}
.match.list .listtab_wrap.comList ul.list_tab li.on {margin-left:-7%;}
.match.list .listtab_wrap ul.list_tab li.on {
	width:50%;
	background:linear-gradient(to right, #577bff, #1c80f2);
	color:#fff;
	z-index:1;
}
.match.list .listtab_wrap ul.list_tab li i {
	display:block;
	width:25px; height:25px;
	background-size:25px;
	background-repeat:no-repeat;
	background-position:center;
	margin-right:10px;
}
.match.list .listtab_wrap.prdList ul.list_tab li i.I_prd {background-image:url(../_img/sub/icon_productw.png);}
.match.list .listtab_wrap.prdList ul.list_tab li i.I_com {background-image:url(../_img/sub/icon_companyg.png);}
.match.list .listtab_wrap.comList ul.list_tab li i.I_prd {background-image:url(../_img/sub/icon_productg.png);}
.match.list .listtab_wrap.comList ul.list_tab li i.I_com {background-image:url(../_img/sub/icon_companyw.png);}
.match.list .company_wrap {width:102%; margin:0 -1%;}
.match.list .company_wrap .company_box {
	width:23%; margin:1%;
	background-color:#fff;
	border:1px solid #ccc;
	border-radius:20px;
}
.match.list .company_wrap .company_box .box_top {padding:20px 20px 10px 20px;}

.match.list .company_wrap .company_box .box_top .logo_wrap {
	width:45%; max-width:120px; height:85px;
	border:1px solid #ccc;
	border-radius:10px;
	background-color:#f5f5f5;
	background-image:url(../_img/sub/logo_none.png);
	background-size:55px;
	background-position:center;
	background-repeat:no-repeat;
	margin-right:10px;
	overflow:hidden;
}
.match.list .company_wrap .company_box .box_top .logo_wrap img {
	width:100%; height:100%; object-fit:cover; background-color:#fff;
}
.match.list .company_wrap .company_box .box_top .com_name {width:calc( 100% - 130px ); font-size:20px; color:#000; text-align:left; line-height:1.2; font-weight:600;}
.match.list .company_wrap .company_box .box_top .morebtn_wrap {width:100%;}
.match.list .company_wrap .company_box .box_top .morebtn_wrap .btn_more:hover {font-weight:600;}
.match.list .company_wrap .company_box .box_top .morebtn_wrap .btn_more {
	align-items:center;
	justify-content:center;
	font-size:15px;
	color:#4133ff;
	line-height:1.4;
	border-bottom:1px solid #4133ff;
	width:50px;
	margin:0 0 0 auto;
}
.match.list .company_wrap .company_box .box_top .morebtn_wrap .btn_more i {
	display:block;
	width:6px; height:12px;
	background-image:url(../_img/sub/i_btnmore_blue.png);
	background-size:100%;
	background-position:center;
	background-repeat:no-repeat;
	margin-left:7px;
}
.match.list .company_wrap .company_box .box_middle {padding:10px 20px; background-color:#f5f6f9; align-items:center; min-height:85px;}
.match.list .company_wrap .company_box .box_middle .cate_cap {
	padding:0 5px;
	align-items:center;
	justify-content:center;
	font-size:13px;
	color:#333;
	line-height:1.4;
	border:1px solid #999;
	border-radius:30px;
	background-color:#fff;
	width:auto;
	margin:1%;
}
.match.list .company_wrap .company_box .box_middle .cate_cap p {width:calc( 100% - 25px );}
.match.list .company_wrap .company_box .box_middle .cate_cap i {
	display:block;
	width:25px; height:25px;
	background-size:100%;
	background-repeat:no-repeat;
	background-position:center;
}
.match.list .company_wrap .company_box .box_middle .cate_cap i.CI01 {background-image:url(../_img/sub/ficon_F01g.png);}
.match.list .company_wrap .company_box .box_middle .cate_cap i.CI02 {background-image:url(../_img/sub/ficon_F02g.png);}
.match.list .company_wrap .company_box .box_middle .cate_cap i.CI03 {background-image:url(../_img/sub/ficon_F03g.png);}
.match.list .company_wrap .company_box .box_middle .cate_cap i.CI04 {background-image:url(../_img/sub/ficon_F04g.png);}
.match.list .company_wrap .company_box .box_middle .cate_cap i.CI05 {background-image:url(../_img/sub/ficon_F05g.png);}
.match.list .company_wrap .company_box .box_middle .cate_cap i.CI06 {background-image:url(../_img/sub/ficon_F06g.png);}
.match.list .company_wrap .company_box .box_middle .cate_cap i.CI07 {background-image:url(../_img/sub/ficon_F07g.png);}
.match.list .company_wrap .company_box .box_middle .cate_cap i.CI08 {background-image:url(../_img/sub/ficon_F08g.png);}
.match.list .company_wrap .company_box .box_middle .cate_cap i.CI09 {background-image:url(../_img/sub/ficon_F09g.png);}
.match.list .company_wrap .company_box .box_middle .cate_cap i.CI10 {background-image:url(../_img/sub/ficon_F10g.png);}

.match.list .company_wrap .company_box .box_bottom {padding:20px; align-items:center; position:relative; min-height:75px;}
.match.list .company_wrap .company_box .box_bottom .msgbtn_wrap {width:40px; position:absolute; top:20px; right:20px;}
.match.list .company_wrap .company_box .box_bottom .info_wrap p {
	font-size:18px;
	color:#333;
	text-align:left;
	line-height:1.4;
	padding-left:27px;
	position:relative;
}
.match.list .company_wrap .company_box .box_bottom .info_wrap p.name:before {top:3px; background-image:url(../_img/sub/icon_nameg.png);}
.match.list .company_wrap .company_box .box_bottom .info_wrap p.email:before {top:5px; background-image:url(../_img/sub/icon_mailg.png);}
.match.list .company_wrap .company_box .box_bottom .info_wrap p.phone:before {top:5px; background-image:url(../_img/sub/icon_phoneg.png);}
.match.list .company_wrap .company_box .box_bottom .info_wrap p:before {
	content:'';
	width:19px; height:19px;
	background-size:100%;
	background-position:center;
	background-repeat:no-repeat;
	position:absolute;
	left:0;
}

@media screen and (max-width: 1400px) {
	.match.list .company_wrap {width:101%; margin:0 -0.5%;}
	.match.list .company_wrap .company_box {width:24%; margin:0.5%;}
}
@media screen and (max-width: 1200px) {
	.match.list .company_wrap {width:102%; margin:0 -1%;}
	.match.list .company_wrap .company_box {width:31.333%; margin:1%;}
}
@media screen and (max-width: 1024px) {
	.match.list .listtab_wrap {margin:30px 0;}
	.match.list .listtab_wrap ul.list_tab li {font-size:18px;}
	.match.list .company_wrap .company_box .box_top .com_name {font-size:18px;}
	.match.list .company_wrap .company_box .box_top .morebtn_wrap .btn_more {font-size:14px;}
	.match.list .company_wrap .company_box .box_bottom .info_wrap p {font-size:16px;}
}
@media screen and (max-width: 880px) {
	.match.list .company_wrap {width:102%; margin:0 -1%;}
	.match.list .company_wrap .company_box {width:48%; margin:1%;}
}
@media screen and (max-width: 620px) {
	.match.list .listtab_wrap {margin:20px 0;}
	.match.list .listtab_wrap ul.list_tab li {font-size:16px;}
	.match.list .company_wrap .company_box .box_top .com_name {font-size:16px;}
	.match.list .company_wrap .company_box .box_bottom .info_wrap p {font-size:14px; padding-left:22px;}
	.match.list .company_wrap .company_box .box_bottom .info_wrap p:before {width:15px; height:15px;}
	.match.list .company_wrap .company_box .box_bottom .info_wrap p.name:before {top:2px;}
	.match.list .company_wrap .company_box .box_bottom .info_wrap p.email:before {top:4px;}
	.match.list .company_wrap .company_box .box_bottom .info_wrap p.phone:before {top:3px;}
	.match.list .listtab_wrap ul.list_tab li a {padding:10px 20px;}
}
@media screen and (max-width: 480px) {
	.match.list .company_wrap {width:100%; margin:0;}
	.match.list .company_wrap .company_box {width:100%; margin:5px 0;}
	.match.list .listtab_wrap.prdList ul.list_tab li.on {margin-right:-9%;}
	.match.list .listtab_wrap.comList ul.list_tab li.on {margin-left:-9%;}
}
@media screen and (max-width: 420px) {
	.match.list .listtab_wrap {margin:10px 0;}
	.match.list .listtab_wrap ul.list_tab {max-width:100%;}
	.match.list .listtab_wrap ul.list_tab li {font-size:14px;}
	.match.list .listtab_wrap ul.list_tab li i {margin-right:5px;}
	.match.list .company_wrap .company_box {border-radius:10px;}
	.match.list .company_wrap .company_box .box_top {padding:10px;}
	.match.list .company_wrap .company_box .box_middle {padding:10px;}
	.match.list .company_wrap .company_box .box_bottom {padding:10px 10px 15px; }
	.match.list .company_wrap .company_box .box_bottom .msgbtn_wrap {top:10px; right:10px;}
}
@media screen and (max-width: 320px) {
	.match.list .listtab_wrap ul.list_tab li a {padding:5px;}
	.match.list .listtab_wrap ul.list_tab li i {width:100%; margin:0 auto;}
}
/*match_suppliers_list 수정 ---*/

/*history*team*/
.history_team {margin:50px 0 100px;}
.history_team .tit_wrap {width:100%; max-width:250px; margin:0 auto; position:relative;}
.history_team .tit_wrap p {font-size:28px; color:#333; text-align:center; font-weight:800; line-height:1.4;}
.history_team .tit_wrap:before {
	content:'';
	width:32px; height:19px;
	background-image:url(../_img/sub/history_tit_be.png);
	background-size:100%;
	background-repeat:no-repeat;
	background-position:center;
	position:absolute;
	top:0; left:0;
}
.history_team .tit_wrap:after {
	content:'';
	width:32px; height:19px;
	background-image:url(../_img/sub/history_tit_af.png);
	background-size:100%;
	background-repeat:no-repeat;
	background-position:center;
	position:absolute;
	bottom:0; right:0;
}
.history_team .history_wrap {
	width:100%; height:750px; 
	margin:50px 0 100px; 
	border-top:1px solid #000; 
	border-bottom:1px solid #000; 
	position:relative;
}
.history_team .history_wrap .year_block p {font-size:20px;text-align:center; line-height:1.4; height:47px;}
.history_team .history_wrap .year_block.v2024 p {text-align:left; padding-left:40px;}
.history_team .history_wrap .year_block {
	width:10%; 
	border-right:1px solid #ccc; 
	padding-top:20px;
	position:relative;
}
.history_team .history_wrap .year_block.g2016 {width:20%; color:#999;}
.history_team .history_wrap .year_block.g2021,
.history_team .history_wrap .year_block.g2023 {color:#999;}
.history_team .history_wrap .year_block.v2024 {width:20%; color:#8067e4; font-weight:600; background:linear-gradient(to bottom, #e8e4f3, #f5f5f5); border-right:none;}
.history_team .history_wrap .year_block.b2015 {color:#4f84e3; font-weight:600; background:linear-gradient(to bottom, #e3eaf5, #f5f5f5);}
.history_team .history_wrap .year_block.o2019 {color:#f8923d; font-weight:600; background:linear-gradient(to bottom, #f6ebe2, #f5f5f5);}
.history_team .history_wrap .year_block.p2020 {color:#c96ee6; font-weight:600; background:linear-gradient(to bottom, #f1e6f4, #f5f5f5);}
.history_team .history_wrap .year_block.p2022 {color:#f571ad; font-weight:600; background:linear-gradient(to bottom, #f6e5ed, #f5f5f5);}
.history_team .history_wrap .year_block.v2024 span {color:#333;}

.history_team .history_wrap .year_block:before {
	content:'';
	width:10px; height:10px;
	border-radius:100%;
	position:absolute;
	top:70px; left:44%;
}
.history_team .history_wrap .year_block.b2015:before {background-color:#7ba7f6;}
.history_team .history_wrap .year_block.o2019:before {background-color:#ffb272;}
.history_team .history_wrap .year_block.p2020:before {background-color:#d68fed;}
.history_team .history_wrap .year_block.p2022:before {background-color:#fa88bc;}
.history_team .history_wrap .year_block.v2024:before {background-color:#9a86ea; left:22%;}
.history_team .history_wrap .year_block .inblock {width:50%; height:93.5%; border-right:1px solid #ccc;}

.history_team .history_wrap .event_wrap.b2015 {position:absolute; top:140px; left:0;}
.history_team .history_wrap .event_wrap.o2019 {position:absolute; top:400px; left:0;}
.history_team .history_wrap .event_wrap.p2020 {position:absolute; top:140px; left:0;}
.history_team .history_wrap .event_wrap.p2022 {position:absolute; top:400px; left:0;}
.history_team .history_wrap .event_wrap.v2024 {position:absolute; top:140px; left:0;}
.history_team .history_wrap .event_wrap .month {
	width:70px; height:70px;
	border-radius:100%;
	color:#fff;
	font-size:20px;
	font-weight:600;
	line-height:1.4;
	text-align:center;
	padding:20px 0;
	margin:0 auto 0 30px;
	position:relative;
	z-index:2;
}
.history_team .history_wrap .event_wrap.b2015 .month {background-color:#7ba7f6}
.history_team .history_wrap .event_wrap.o2019 .month {background-color:#ffb272}
.history_team .history_wrap .event_wrap.p2020 .month {background-color:#d68fed}
.history_team .history_wrap .event_wrap.p2022 .month {background-color:#fa88bc}
.history_team .history_wrap .event_wrap.v2024 .month {background-color:#9a86ea}

.history_team .history_wrap .event_wrap:before {
	content:''; 
	display:block;
	width:1px;
	background-image:url(../_img/sub/dottedline.png);
	background-size:100%;
	background-repeat:repeat;
	background-position:center top;
	position:absolute;
	z-index:0;
}
.history_team .history_wrap .event_wrap.b2015:before {left:39%; top:-60px; height:60px;}
.history_team .history_wrap .event_wrap.p2020:before {left:41.5%; top:-60px; height:60px;}
.history_team .history_wrap .event_wrap.v2024:before {left:23.6%; top:-60px; height:60px;}
.history_team .history_wrap .event_wrap.o2019:before {left:40%; top:-320px; height:320px;}
.history_team .history_wrap .event_wrap.p2022:before {left:40%; top:-320px; height:320px;}
.history_team .history_wrap .event_wrap .event_box {
	border:1px solid #ccc; 
	border-radius:20px; 
	background-color:#fff; 
	padding:40px 20px 20px;
	margin-top:-30px;
	position:relative;
	z-index:1;
	width:247%;
}
.history_team .history_wrap .event_wrap.o2019 .event_box {width:210%;}
.history_team .history_wrap .event_wrap.v2024 .event_box {width:100%;}
.history_team .history_wrap .event_wrap .event_box p {
	font-size:20px; 
	color:#333;
	text-align:left;
	line-height:1.4;
	height:auto;
	font-weight:400;
	padding:0;
}
.history_team .history_wrap .event_wrap .event_box p.fs16px666 {font-size:16px; color:#666; margin-top:10px; }
.history_team .history_wrap .event_wrap .event_box p.fa88bc {color:#fa88bc; margin-top:10px;}
.history_team .history_wrap .event_wrap .event_box span.ffb272 {color:#ffb272;}
.history_team .history_wrap .event_wrap .event_box span.fa88bc {color:#fa88bc;}

.history_team .team_wrap {width:102%; margin:50px -1% 0; }
.history_team .team_wrap .team_box {width:48%; margin:1%; border:1px solid #ccc; border-radius:20px; background-color:#fff;}

.history_team .team_wrap .team_box .box_top {border-radius:20px 20px 0 0; padding:20px 30px; align-items:center;}
.history_team .team_wrap .team_box.mem01 .box_top {background:linear-gradient(to right, #b6d0ff, #c4bfff);}
.history_team .team_wrap .team_box.mem02 .box_top {background:linear-gradient(to right, #ffc99f, #ffadd2);}
.history_team .team_wrap .team_box.mem03 .box_top {background:linear-gradient(to right, #d3b9fa, #b5cffa);}
.history_team .team_wrap .team_box.mem04 .box_top {background:linear-gradient(to right, #fed6d8, #c8bbff);}

.history_team .team_wrap .team_box .box_bottom {border-radius:0 0 20px 20px; padding:60px; background-color:#fff;}
.history_team .team_wrap .team_box .box_bottom p {font-size:20px; color:#666; text-align:left; line-height:1.4; position:relative;}
.history_team .team_wrap .team_box .box_bottom p:before {
	content:'';
	width:30px; height:30px;
	background-size:100%;
	background-repeat:no-repeat;
	background-position:center;
	position:absolute;
	top:-35px; left:-35px;
}
.history_team .team_wrap .team_box .box_bottom p:after {
	content:'';
	width:30px; height:30px;
	background-size:100%;
	background-repeat:no-repeat;
	background-position:center;
	position:absolute;
	bottom:-35px; right:-35px;
}
.history_team .team_wrap .team_box.mem01 .box_bottom p:before {background-image:url(../_img/sub/quote_1_1.png);}
.history_team .team_wrap .team_box.mem02 .box_bottom p:before {background-image:url(../_img/sub/quote_2_1.png);}
.history_team .team_wrap .team_box.mem03 .box_bottom p:before {background-image:url(../_img/sub/quote_3_1.png);}
.history_team .team_wrap .team_box.mem04 .box_bottom p:before {background-image:url(../_img/sub/quote_4_1.png);}
.history_team .team_wrap .team_box.mem01 .box_bottom p:after {background-image:url(../_img/sub/quote_1_2.png);}
.history_team .team_wrap .team_box.mem02 .box_bottom p:after {background-image:url(../_img/sub/quote_2_2.png);}
.history_team .team_wrap .team_box.mem03 .box_bottom p:after {background-image:url(../_img/sub/quote_3_2.png);}
.history_team .team_wrap .team_box.mem04 .box_bottom p:after {background-image:url(../_img/sub/quote_4_2.png);}

.history_team .team_wrap .team_box .img_wrap img {width:100px; height:100px; border-radius:100%;}
.history_team .team_wrap .team_box .mem_info {width:calc( 100% - 100px ); padding-left:30px;}
.history_team .team_wrap .team_box .mem_info .position {
	align-items:center;
	justify-content:center;
	font-size:18px;
	line-height:1.4;
	font-weight:600;
	background-color:#fff;
	border-radius:30px;
	padding:5px 10px;
	border:1px solid #ccc;
	width:100%; 
}
.history_team .team_wrap .team_box.mem01 .mem_info .position {color:#2b1de0; max-width:220px;}
.history_team .team_wrap .team_box.mem02 .mem_info .position {color:#db106c; max-width:120px;}
.history_team .team_wrap .team_box.mem03 .mem_info .position {color:#0052d5; max-width:130px;}
.history_team .team_wrap .team_box.mem04 .mem_info .position {color:#3e1dca; max-width:220px;}
.history_team .team_wrap .team_box .mem_info i {
	display:block;
	width:25px; height:25px;
	background-size:100%;
	background-repeat:no-repeat;
	background-position:center;
	margin-right:5px;
}
.history_team .team_wrap .team_box .mem_info i.E_Dir {background-image:url(../_img/sub/team_icon1.png);}
.history_team .team_wrap .team_box .mem_info i.Dir {background-image:url(../_img/sub/team_icon2.png);}
.history_team .team_wrap .team_box .mem_info i.Man {background-image:url(../_img/sub/team_icon3.png);}
.history_team .team_wrap .team_box .mem_info i.A_Man {background-image:url(../_img/sub/team_icon4.png);}

.history_team .team_wrap .team_box .mem_info .mem_name {
	font-size:25px; 
	color:#222; 
	text-align:left; 
	font-weight:800; 
	line-height:1.4; 
	border-bottom:1px solid #333;
	margin:15px 0;
	padding-bottom:5px;
}
.history_team .team_wrap .team_box .mem_info .mem_contact {font-size:18px; color:#333; line-height:1.4; text-align:left;}
.history_team .team_wrap .team_box .mem_info .mem_contact .email,
.history_team .team_wrap .team_box .mem_info .mem_contact .phone {width:50%; align-items:center; justify-content:flex-start;}
.history_team .team_wrap .team_box .mem_info .mem_contact i {
	display:block;
	width:30px; height:30px;
	background-color:#333;
	border-radius:100%;
	background-size:20px;
	background-repeat:no-repeat;
	background-position:center;
	margin-right:5px;
} 
.history_team .team_wrap .team_box .mem_info .mem_contact .email i {background-image:url(../_img/sub/icon_mail_w.png);}
.history_team .team_wrap .team_box .mem_info .mem_contact .phone i {background-image:url(../_img/sub/icon_phone_w.png);}

@media screen and (max-width: 1200px) {
	.history_team .history_wrap .event_wrap.o2019 .event_box {width:180%;}
	.history_team .history_wrap .event_wrap .month {margin:0 auto 0 20px;}
	.history_team .history_wrap .event_wrap.b2015:before {left:33.5%;}
	.history_team .history_wrap .event_wrap.p2020:before {left:36.5%;}
	.history_team .history_wrap .event_wrap.v2024:before {left:23.6%;}
	.history_team .history_wrap .event_wrap.o2019:before {left:34.5%;}
	.history_team .history_wrap .event_wrap.p2022:before {left:34.5%;}
}
@media screen and (max-width: 1125px) {
	.history_team .history_wrap .event_wrap .event_box p {font-size:18px;}
	.history_team .history_wrap .event_wrap .event_box p.fs16px666 {font-size:14px;}
}
@media screen and (max-width: 1140px) {
	.history_team .team_wrap .team_box .mem_info .mem_contact {font-size:16px;}
	.history_team .team_wrap .team_box .mem_info .mem_contact i {width:25px; height:25px; background-size:17px;}
}
@media screen and (max-width: 1024px) {
	.history_team .history_wrap {margin:30px 0 50px;}
	.history_team .team_wrap {margin:30px -1% 0;}
	.history_team .tit_wrap p {font-size:26px;}
	.history_team .history_wrap .year_block p {font-size:18px;}
	.history_team .history_wrap .event_wrap.o2019,
	.history_team .history_wrap .event_wrap.p2022 {top:400px;}
	.history_team .history_wrap .event_wrap.p2022:before {left:34%;}
	.history_team .history_wrap .event_wrap.b2015:before {left:32%;}
	.history_team .history_wrap .event_wrap.o2019:before {left:33.5%;}
	.history_team .history_wrap .event_wrap.p2020:before {left:35%;}
	.history_team .history_wrap .event_wrap.v2024:before {left:24.5%;}
	.history_team .history_wrap .event_wrap .month {font-size:18px; width:65px; height:65px; margin:0 auto 0 15px;}
	.history_team .team_wrap .team_box .mem_info .position {font-size:16px;}
	.history_team .team_wrap .team_box.mem02 .mem_info .position,
	.history_team .team_wrap .team_box.mem03 .mem_info .position {max-width:120px;}
	.history_team .team_wrap .team_box.mem01 .mem_info .position,
	.history_team .team_wrap .team_box.mem04 .mem_info .position {max-width:190px;}
	.history_team .team_wrap .team_box .mem_info .mem_name {font-size:22px; margin:10px 0;}
	.history_team .team_wrap .team_box .box_bottom p {font-size:18px;}
	.history_team .team_wrap .team_box .mem_info .mem_contact .email, 
	.history_team .team_wrap .team_box .mem_info .mem_contact .phone {width:100%; margin:2px 0;}
	.history_team .team_wrap .team_box .box_bottom {padding:50px;}
	.history_team .team_wrap .team_box .box_bottom p:before {top:-30px; left:-30px;}
	.history_team .team_wrap .team_box .box_bottom p:after {bottom:-30px; right:-30px;}
	.history_team .team_wrap .team_box .img_wrap img {width:90px; height:90px;}
	.history_team .team_wrap .team_box .mem_info {width:calc( 100% - 90px ); padding-left:10px;}
	.history_team .team_wrap .team_box .box_top {padding:20px; align-items:flex-start;}
	.history_team .history_wrap .event_wrap .event_box {padding:35px 15px 15px;}
}
@media screen and (max-width: 980px) {
	.history_team .history_wrap .event_wrap .month {font-size:16px; width:60px; height:60px; margin:0 auto 0 15px;}
	.history_team .history_wrap .event_wrap .event_box {padding:30px 10px 10px;}
}
@media screen and (max-width: 870px) {
	.history_team .history_wrap {flex-wrap:wrap; height:auto;}
	.history_team .history_wrap .year_block {width:100%; border-right:none; border-bottom:1px solid #ccc; padding:15px;}
	.history_team .history_wrap .year_block.g2016,
	.history_team .history_wrap .year_block.v2024 {width:100%;}
	.history_team .history_wrap .year_block.b2015 {background:linear-gradient(to right, #e3eaf5, #f5f5f5);}
	.history_team .history_wrap .year_block.o2019 {background:linear-gradient(to right, #f6ebe2, #f5f5f5);}
	.history_team .history_wrap .year_block.p2020 {background:linear-gradient(to right, #f1e6f4, #f5f5f5);}
	.history_team .history_wrap .year_block.p2022 {background:linear-gradient(to right, #f6e5ed, #f5f5f5);}
	.history_team .history_wrap .year_block.v2024 {background:linear-gradient(to right, #e8e4f3, #f5f5f5);}
	.history_team .history_wrap .year_block .inblock {display:none;}
	.history_team .history_wrap .year_block:before {display:none;}
	.history_team .history_wrap .year_block p {height:auto; text-align:left;}
	.history_team .history_wrap .year_block.b2015 p,
	.history_team .history_wrap .year_block.o2019 p,
	.history_team .history_wrap .year_block.p2020 p,
	.history_team .history_wrap .year_block.p2022 p {margin-bottom:10px;}
	.history_team .history_wrap .year_block.v2024 p {margin-bottom:10px; padding:0;}
	.history_team .history_wrap .year_block.b2015 .event_box p,
	.history_team .history_wrap .year_block.o2019 .event_box p,
	.history_team .history_wrap .year_block.p2020 .event_box p,
	.history_team .history_wrap .year_block.p2022 .event_box p,
	.history_team .history_wrap .year_block.v2024 .event_box p {margin-bottom:0;}
	.history_team .history_wrap .event_wrap {display:flex; flex-wrap:nowrap; align-items:center;}
	.history_team .history_wrap .event_wrap.b2015,
	.history_team .history_wrap .event_wrap.p2020,
	.history_team .history_wrap .event_wrap.o2019,
	.history_team .history_wrap .event_wrap.p2022,
	.history_team .history_wrap .event_wrap.v2024 {position:static;}
	.history_team .history_wrap .event_wrap .month {margin:0;}
	.history_team .history_wrap .event_wrap .event_box {width:calc( 100% - 30px ); margin:0 0 0 -30px; padding:15px 15px 15px 45px; border-radius:10px;}
	.history_team .history_wrap .event_wrap .event_box p {height:auto; font-size:16px;}
	.history_team .history_wrap .event_wrap.o2019 .event_box {width:100%;}
	.history_team .history_wrap .event_wrap:before {display:none;}
}
@media screen and (max-width: 720px) {
	.history_team .team_wrap {width:100%; margin:30px 0 0;}
	.history_team .team_wrap .team_box {width:100%; margin:10px 0;}
	.history_team .team_wrap .team_box .mem_info .mem_contact .email, 
	.history_team .team_wrap .team_box .mem_info .mem_contact .phone {width:50%; margin:0;}
}
@media screen and (max-width: 620px) {
	.history_team {margin:30px 0 50px;}
	.history_team .history_wrap {margin:20px 0 50px;}
	.history_team .team_wrap {margin:20px 0 0;}
	.history_team .tit_wrap p {font-size:22px;}
	.history_team .history_wrap .year_block p {font-size:16px;}
	.history_team .team_wrap .team_box .mem_info .position {font-size:14px; padding:2px 10px;}
	.history_team .team_wrap .team_box.mem02 .mem_info .position,
	.history_team .team_wrap .team_box.mem03 .mem_info .position {max-width:110px;}
	.history_team .team_wrap .team_box.mem01 .mem_info .position,
	.history_team .team_wrap .team_box.mem04 .mem_info .position {max-width:170px;}
	.history_team .team_wrap .team_box .mem_info .mem_name {font-size:20px; margin:10px 0; }
	.history_team .team_wrap .team_box .box_bottom p {font-size:16px;}
	.history_team .team_wrap .team_box .box_bottom p:before {width:25px; height:25px; top:-25px; left:-25px;}
	.history_team .team_wrap .team_box .box_bottom p:after {width:25px; height:25px; bottom:-25px; right:-25px;}
	.history_team .team_wrap .team_box .box_bottom {padding:40px;}
}
@media screen and (max-width: 480px) {
	.history_team .team_wrap .team_box .img_wrap img {width:80px; height:80px;}
	.history_team .team_wrap .team_box .mem_info {width:calc( 100% - 80px );}
	.history_team .team_wrap .team_box .mem_info .mem_contact .email, 
	.history_team .team_wrap .team_box .mem_info .mem_contact .phone {width:100%; margin:2px 0;}
	.history_team .team_wrap .team_box .box_top {padding:15px;}
	.history_team .team_wrap .team_box .box_bottom p:before {width:20px; height:20px; top:-20px; left:-20px;}
	.history_team .team_wrap .team_box .box_bottom p:after {width:20px; height:20px; bottom:-20px; right:-20px;}
	.history_team .team_wrap .team_box .box_bottom {padding:30px;}
}
@media screen and (max-width: 420px) {
	.history_team .history_wrap .year_block {padding:10px;}
	.history_team .history_wrap .event_wrap .event_box {padding: 10px 10px 10px 35px; margin:0 0 0 -25px;}
	.history_team .history_wrap .event_wrap .month {width:50px; height:50px; font-size:14px; padding:15px 0;}
	.history_team .history_wrap .year_block.b2015 p,
	.history_team .history_wrap .year_block.o2019 p,
	.history_team .history_wrap .year_block.p2020 p,
	.history_team .history_wrap .year_block.p2022 p,
	.history_team .history_wrap .year_block.v2024 p {margin-bottom:5px;}
	.history_team .history_wrap .event_wrap .event_box p.fs16px666,
	.history_team .history_wrap .event_wrap .event_box p.fa88bc	{margin-top:5px;}
	.history_team .history_wrap .event_wrap .event_box p {font-size:14px;}
}
@media screen and (max-width: 380px) {
	.history_team .team_wrap {margin:30px 0 0;}
	.history_team .team_wrap .team_box .box_bottom p:before {width:15px; height:15px; top:-15px; left:-15px;}
	.history_team .team_wrap .team_box .box_bottom p:after {width:15px; height:15px; bottom:-15px; right:-15px;}
	.history_team .team_wrap .team_box .box_bottom {padding:20px;}
	.history_team .team_wrap .team_box .box_top {padding:10px;}
	.history_team .team_wrap .team_box .img_wrap {width:100%; margin-bottom:5px; text-align:center;}
	.history_team .team_wrap .team_box .img_wrap img {width:80px; margin:0 auto;}
	.history_team .team_wrap .team_box .mem_info {width:100%;}
	.history_team .team_wrap .team_box .mem_info .mem_name {font-size:18px; text-align:center; margin:5px 0; padding:0; }
	.history_team .team_wrap .team_box .mem_info .position {margin:0 auto; font-size:13px; padding:0;}
	.history_team .team_wrap .team_box.mem02 .mem_info .position,
	.history_team .team_wrap .team_box.mem03 .mem_info .position {max-width:100px;}
	.history_team .team_wrap .team_box.mem01 .mem_info .position,
	.history_team .team_wrap .team_box.mem04 .mem_info .position {max-width:155px;}
	.history_team .tit_wrap p {font-size:20px;}
	.history_team .team_wrap .team_box .box_bottom p {font-size:14px;}
	.history_team .team_wrap .team_box .mem_info i {margin-right:2px;}
}


/*history*team ---*/