@charset "utf-8";
/* *******************************************************
 * filename : content_responsive.css
 * description : 서브페이지 컨텐츠 반응형 CSS
 * date : 2024-02-26
******************************************************** */


/* ******************  서브공통 ********************** */


/* -------- 공통 스크롤바  -------- */
@media all and (max-width:1220px){
	.custom-scrollbar-wrapper .scroll-object{max-width:100%;}
}
@media all and (max-width:800px){
    #content:not(.wide) {
        padding: calc((var(--header-height) + var(--sub-menu-height)) + 50px) 0 300px;}
	.custom-scrollbar-wrapper{position:relative;margin-right:calc(-1* var(--area-padding)); cursor:move}
	.custom-scrollbar-wrapper .scroll-object{max-width:none; width:800px; }
	.cm-scroll-drag-guide {display:flex; justify-content:flex-end; margin-right:var(--area-padding); }
	.cm-scroll-drag-guide .cm-scroll-drag-inner { position: relative; width:50px; height: 50px; }
	.cm-scroll-drag-guide .cm-scroll-drag-inner { position: relative; width:50px; height: 50px; }
	.cm-scroll-drag-guide .cm-scroll-drag-inner:before { position:absolute; top:4px; right:0; width:100%; height:3px; background-color:#ccc; content:""; border-radius:5px;}
	.cm-scroll-drag-guide .drag-tail { position: absolute; z-index: 1; left: 0px; top: 3px; animation:moveScrollAni 3s both infinite; }
	.cm-scroll-drag-guide .drag-tail .tail{display:block; width: 25px; height: 5px; background-color: rgba(0, 0, 0, 0.7); border-radius:5px; opacity:1; }
	.cm-scroll-drag-guide .drag-tail .hand-icon{ font-size:30px; color:#aaa }
	@keyframes moveScrollAni {
		0%, 10% {
			left: 0;
			margin-left: 0px;
		}
		50% {
			left: 100%;
			margin-left: -25px;
		}
		100% {
			left: 0;
			margin-left: 0px;
		}
	}
}
@media all and (max-width:1340px){
.frame-contents.with_img .block_wrap.area,.bbs-list-con,. {padding: 0 var(--area-padding);}
}
/* -------- 공통 :: 탭 -------- */
@media all and (max-width:1220px){
.	.sub-tab-list-style .area{padding:0}
}
@media all and (max-width:1024px){
	/* Tab Fixed Move*/
	.sub-tab-list-style.top-fixed{top:80px;}
}
@media all and ( max-width: 800px ){
	/* Tab 공통 스타일 */
	.sub-tab-wrapper-style,
	.sub-tab-list-style.top-fixed,
	.sub-tab-list-style ul li a{height:40px;     z-index: 5; }
	.sub-tab-list-style ul li a em{font-size:13px}
	/* Tab Fixed Move*/
	/* Mobile Tab Drop Menu */
	.sub-drop-menu-style{position:relative;}
	.sub-drop-open-btn-style{display:block; position:relative; padding:0 15px; height:40px; line-height:40px; font-size:15px; background-color:#333; box-sizing:border-box;}
	.sub-drop-open-btn-style span{color:#fff; }
	.sub-drop-open-btn-style .arrow{color:#fff; position:absolute; top:50%; right:15px; margin-top:-7px}
	.sub-drop-open-btn-style.open .arrow{transform:rotate(180deg)}
	.sub-drop-menu-style ul{display:none; margin:0; height:auto; position:absolute; top:100%; left:0px; right:0px; background-color:#fff; border:1px solid #ddd; border-top:0; z-index:11; box-sizing:border-box;}
	.sub-drop-menu-style ul li{position:static; display:block; float:none; border:0; border-top:1px solid #eee; width:auto; background-color:transparent}
	.sub-drop-menu-style ul li:first-child{border-top:0; border-left:0}
	.sub-drop-menu-style ul li a{display:block; width:auto; height:auto; padding:10px 15px; border:0;}
	.sub-drop-menu-style ul li a em{font-size:13px;}
	.sub-drop-menu-style ul li.selected{background-color:transparent;}
	.sub-drop-menu-style ul li.selected a em{color:var(--main-color); font-weight:600; }
}
@media all and (max-width:480px){
	/* Tab Fixed Move*/	
	.sub-tab-list-style.top-fixed{top:60px;}
}

/* ******************  회사소개 ********************** */
@media all and (max-width:1220px){
	
}

@media all and (max-width:800px){
	.why-list-type2 .list-wrap{display: block; margin-top:4rem;}
	.why-list-type2 .list-wrap .list-item{width:100%;}
	.why-list-type2 .list-wrap .list-item .txt:nth-of-type(1) {margin-top: 1rem;}
    .cont_txt{padding: 0 2rem}
}

/* ******************  about :: intro ******************  */
@media all and (min-width:801px){
	.ihub-solution-list .hover-item .list-txt{height:8.4rem;}
}
@media all and (max-width:1280px){
	.scraping-solution-list {width: auto;}
}

@media all and (max-width:800px){
	.scraping-solution-list {margin:10rem -1rem 0;}
	.scraping-solution-list .item {width: calc((100% - 4rem) / 2); margin:1rem;}
	.scraping-solution-list .item .solution-tit {font-size:1.8rem;}
	.ihub-solution-list {flex-wrap:wrap; margin-top:5rem;}
	.ihub-solution-list .list-item {width: 100%; margin-right: 0; height: auto; margin-bottom:2rem;}
	.ihub-solution-list .list-item:last-of-type {margin-bottom: 0;}
	.ihub-solution-list .num {font-size:6rem;}
	.intro-main-box:before {width: 25rem; height: 25rem;}
	.intro-main-box:after {width: 40rem; height: 40rem;}
	.intro-main-box .last-circle {width: 45rem; height: 45rem;}
	.intro-main-box > span {font-size:4.5rem; top:0}
	.about-intro-page .con:first-of-type {/*margin-bottom:10rem;*/}
	.about-intro-page .con:first-of-type .tit-box:after {height: 50%; bottom:-35%;}
	.about-symbol-box .sub-symbol {width: 10rem; height: 10rem; font-size:1.8rem;}
	.about-symbol-box .sub-symbol:before {font-size:5rem;}
	.about-symbol-box .sub-symbol:nth-of-type(1) {left:-5rem; bottom:5rem;}
	.about-symbol-box .sub-symbol:nth-of-type(2) {left:-10rem; bottom:-10rem;}
	.about-symbol-box .sub-symbol:nth-of-type(3) {left:-5rem; bottom:-10rem;}
	.about-symbol-box .sub-symbol:nth-of-type(4) {right:-20rem; bottom:15rem;}
    .about-symbol-box .sub-symbol:nth-of-type(5) {left:-5rem; bottom:30rem;}
	.about-symbol-box {display:flex; flex-wrap:wrap; justify-content:center;}
	.about-symbol-box .sub-symbol {position: relative;}
    .about-symbol-box .sub-symbol:nth-of-type(1) , .about-symbol-box .sub-symbol:nth-of-type(2) , .about-symbol-box .sub-symbol:nth-of-type(3) , .about-symbol-box .sub-symbol:nth-of-type(4), .about-symbol-box .sub-symbol:nth-of-type(5) {left:0; top:0; bottom:0; right:0; margin:2rem;}
    .intro-main-box { margin: 6rem auto 10rem; height: 25rem;}
    .about-intro-page .frame-contents{padding: 6rem 0;}
    .about-intro-page .frame-contents:first-child{padding:0 0 6rem ;}
/*    .about-intro-page .frame-contents:last-child{padding:10rem 0 0 ;}*/
}

@media all and (max-width:1280px){

}

/* ******************  about :: intro ******************  */
@media all and (max-width:800px){
	.about-list > li {flex-wrap:wrap;}
	.about-list .app-tit-box {width: 100%;}
	.about-list .ac-txt {width: 100%; margin-top:1.5rem;}
	.about-list .ac-tit {font-size:3rem; padding-left:1.2rem;}
	.sub-page .effect-box {flex-wrap:wrap;}
	.sub-page .effect-box .effect-item {width: 100%;}
	.sub-page .effect-box .effect-item .effect-tit {font-size:2.3rem;}


/* ****************** intro :: careers ******************  */

	.careers-list li {width: calc(50% - 2rem); min-height:auto; height: 20rem;    margin: 0.8rem 0.8rem;}
	.careers-list li a {padding:2rem; /* height: auto; */ display: flex; flex-wrap: wrap; justify-content: space-between;}
	.careers-list .careers-tit{font-size:2.2rem; line-height:1.2; height:5.5rem; overflow:hidden; word-break: keep-all; display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
	.careers-list .service-inner-txt{font-size:1.4rem; height:6.8rem; overflow:hidden; word-break: keep-all; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
	.careers-list li:hover .service-inner-txt{display: block; display: -webkit-box;}
}

/* ****************** about :: 연혁 ****************** */

@media all and (max-width:1380px) {
	.history-year-group-tit-box .sub-tab-list-style.top-fixed {left:3rem; margin-left: 0; transform:translateX(0);}
    .history-year-group-tit-box .sub-tab-list-style{left:3rem;}
    
}

@media all and (max-width:800px){
	.history-page .sub-tab-content-style:before {display:none;}
	.history-page .sub-tab-content-style:after {display:none;}
	.history-year-group-tit-box {height: 4rem; width: 100%; padding-right:0;}
	.history-year-group-tit-box .sub-tab-list-style {width: 100%;}
	.history-page .sub-tab-content-style {margin-left:0; width: 90%; margin-top:5rem;}
	.history-year-list-box {padding-left:1rem}
	.history-year-list-box .history-year-item {flex-wrap:wrap; padding-top:6rem!important; margin-top:0;}
	.history-year {width: 100%; font-size:5rem;}
	.history-month-box {margin-top:3rem;}
	.history-detail-txt-con .history-detail-txt {font-size:1.6rem;}
	.history-year-group-tit-box .sub-tab-list-style.top-fixed {margin-left: 0; width: 90%;}
	.history-year-group-tit-box .sub-tab-list-style ul {top:40px;}
	.history-year-group-tit-box .sub-tab-list-style ul li {max-width:initial; background: #fff;}
	.history-year-group-tit-box .sub-tab-list-style ul li a {height: 40px; border-radius:initial; box-sizing:border-box;}
	.history-year-group-tit-box .sub-tab-list-style ul li a em {padding:0; font-size:1.5rem;}
	.history-year-group-tit-box .sub-tab-list-style ul li.selected {box-shadow:none; margin-bottom:0; border-radius:initial; background: #fff;}
	.history-year-group-tit-box .sub-tab-list-style ul li.selected a {border-radius:initial; border:none;}
	.history-year-group-tit-box .sub-tab-list-style ul li.selected a em {font-size:1.5rem; padding:0;}
    .history-detail-txt-con { width: calc(100% - 6rem); line-height: 2em}
    .history-year-group-tit-box .sub-tab-list-style {left: 0;}

}

/* ****************** about :: 주요사업실적 ****************** */
@media all and (max-width:1024px) {
    .frame-contents.with_img .contents-img.blockchain-01 {
    content: var(--img-blockchain-01-mo);}
    .frame-contents.with_img .block_wrap > div:last-child { margin-left: 0rem;}
    .frame-contents.with_img>* .img_wrap img { width: 100%; height: 56.8vw; }    
    .frame-contents.with_img .block_wrap{ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;  /*margin-top: -4rem; */}
    .frame-contents.with_img .block_wrap div:last-child { text-align: left; margin-left: unset; margin-top: 2rem;}
    .frame-contents.with_img .text_wrap .main-mdtitle:not(:last-child) { margin-bottom: 2rem;}
    .main-text {font-weight: 400; letter-spacing: -0.2px;}    
   .main-mdtitle: {font-size: 2.3rem;}
    .frame-contents.with_img:nth-child(2n) .block_wrap .img_wrap  { margin-top: 0!important;}
    .frame-contents.with_img:nth-child(2n) .block_wrap .text_wrap { margin-top: 2rem;}    
    .frame-contents.with_img:nth-child(2n) .block_wrap {  -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse!important; }
    
    .frame-contents.with_img .text_wrap{min-width: auto}

}
/* ****************** about :: 고객사 ****************** */

@media all and (max-width:800px){
	.reference-list-box li {width: calc(99% / 3); /*margin:1%;*/}
	.reference-con .con-tit {margin-bottom: 3rem;}
    .about-intro-page .frame-contents { padding: 6rem 0!important; }
}

@media all and (max-width:480px){
	.reference-list-box li {width: 48%;}
    .reference-list-box li:nth-child(2n-1) {
    margin: 0 0 0 1%;
}
}    
/* ****************** about :: 오시는길 ****************** */
@media screen and (max-width: 1280px) {
 /*   .map-info-box .left span {  font-size: 3.4rem }
    ._about.map .map_tab button { margin-right: 40px }
    .map-info-box { flex-direction: column; padding-top: 60px}
    .map-info-box .right { margin-top: 20px;padding-left: 2px; width: 100%}
    .map-info-box .left { text-align: center; margin-bottom: 50px }
    .map-info-box .left span {  position: relative }
    .map-info-box .left span::before { content: ""; display: inline-block; width: 4rem; height: 4px; background-color: #222; position: absolute; left: 50%; bottom: -18px; transform: translateX(-50%); margin: 0 auto }*/
     /*.map-info-box .left {padding-left: 3rem}*/
}
@media screen and (max-width: 1024px) {  
    .map-info-box { display: block;  flex-direction: column;}
    .map-script-wrapper {  margin: 3rem 0rem;}
    .map-info-box .left{width: 100%;}
    .map-info-box .right{padding-left: 3rem; width: 100%; padding-right:20px}
    .root_daum_roughmap {  width: 100% !important;}
    }

@media all and (max-width:800px){
	.map-info-box {padding:2.5rem; position:static; margin:6rem auto 0; min-width:auto;}
     .map-info-box .col { flex-direction: column;  align-items: start; padding-right:10px; }
    .map-info-box .col strong { margin-bottom: 20px; width: auto; padding: 6px 16px; border-radius: 4px; background-color: #212121; color: #fff; font-size: 16px }
    .map-info-box .col .txt {display: inline-block }
    .map-info-box .col .txt span { display: inline-block; margin-right: 30px;  margin-bottom: 14px }
     .col .txt span:last-child { margin-right: 0 }
    .map-info-box .col .txt.long { transform: unset }
    .map-info-box .col .txt.long span { margin-bottom: 14px }
    
}    


    
/* ****************** business ******************  */
@media screen and (max-width: 1780px)
{ .frame-contents .img_wrap .swiper-button-next{ right:90px;}}
@media screen and (max-width: 1650px)
{ .frame-contents .img_wrap .swiper-button-next{ right:150px;}}
@media screen and (max-width: 1550px)
{ .frame-contents .img_wrap .swiper-button-next{ right:190px;}}
@media screen and (max-width: 1400px)
{ /*.swiper-wrapper{margin-left: -30rem;}*/}
@media screen and (max-width: 1280px){ 
.frame-contents .img_wrap .swiper-button-next{ right:340px;}}
@media screen and (max-width: 1380px){
.frame-contents.business .block_wrap.area{margin: 0px 4rem;}}
 @media screen and (max-width: 500px){
.frame-contents .img_wrap .swiper-button-prev {
  border-radius: 5px;  left: 0px;  height: 50px !important;  width: 50px !important;}
.frame-contents .img_wrap .swiper-button-next { height: 50px; width: 50px; border-radius: 5px;
    right: 0px;}
}

@media screen and (max-width: 1280px) {
/*.frame-contents .block_wrap > div:last-child { margin-left: 0rem!important;}*/ 
.about-intro-page .frame-contents:first-child {padding: 0 0 10rem;}
.about-intro-page .frame-contents { padding: 10rem 0;}
/*.swiper-wrapper{margin-left: -15rem;}*/
}


@media screen and (max-width: 1200px){
.frame-contents.business .block_wrap{flex-direction: column; }
.frame-contents .img_wrap .swiper-button-next{ right:20px;}
/*.swiper-wrapper{margin-left: -38rem;}*/
.swiper-container { height: 24rem; padding: 4rem 0rem 3rem 0!important; }
.swiper-slide {width: 30rem!important; -webkit-box-flex: unset; -ms-flex: unset;
    flex: unset; border-radius: 1rem; -webkit-box-shadow: 0 3px 8px rgba(0,0,0,.2);
    box-shadow: 0 3px 8px rgba(0,0,0,.2); /*margin-right:26px!important*/}
.frame-contents.business .block_wrap > div:last-child {  margin-left: 0rem;}
.frame-contents.business .text_wrap {min-width: 100%;}
.w_left { width: calc(100% - 0px);}
.frame-contents.business .stepsub_more .cont01 li { width: calc(92% / 2); padding: 0 5px;}
.frame-contents.business .stepsub_more .cont02 li { width: 100%; display: block; border-right: 0; }  
.frame-contents.business .stepsub_more .cont02 div { border-bottom: 1px solid #dedede; padding-bottom: 20px; padding-bottom: 20px; margin-bottom: 30px;}  
.frame-contents.business .stepsub_more .cont02 li {text-align: center;}
.frame-contents.business .stepsub_more .cont02 div {  position: relative;  left: 0;  top: 10px;  padding-right: 20px; 
        width:100%;}  
.frame-contents.business .stepsub_more .cont02 .product li {text-align: left}
.frame-contents.business .stepsub_more .cont02 .product li {text-align: left;}
.frame-contents.business .stepsub_more .cont01 span, #container .stepsub_more .cont02 span {  text-align: left;  }
.frame-contents.business .stepsub_more .cont02 {height:auto}      
}
@media screen and (max-width: 800px){
.frame-contents.business .text_wrap { width: 88vw;     min-width: 1%;}
.frame-contents.business > .block_wrap.area {  margin-left: 5vw!important; padding:0}  
}
@media screen and (max-width: 500px){
.frame-contents .img_wrap .swiper-button-prev {
  border-radius: 5px;  left: 0px;  height: 50px !important;  width: 50px !important;}
.frame-contents .img_wrap .swiper-button-next { height: 50px; width: 50px; border-radius: 5px;
    right: 16px;}
/*.swiper-container { padding: 8rem 0rem 3rem 0;}*/
}

/***********************media board***********************/
@media screen and (max-width: 1200px){
.media_board .media_list .item { padding-right: 30px;}
.media_board .media_list .item figure { padding-bottom: 185px;}  
.media_board .media_list .item .txt h3 {font-size: 24px;}   
}


@media screen and (max-width: 800px){
.media_board .media_list .item { flex-wrap: wrap; padding: 17px 0;}
.media_board .media_list .item .txt { width: 90%; padding-left: 0; margin-top: 20px; padding: 0 2.4rem;}
.media_board .media_list .item .txt h3 { margin-bottom: 10px;}
.media_board .media_list .item .btn_media { display: none;}   
.media_board .media_list .item figure {width: 100%; padding-bottom: 2%;  margin: 0 30px 0 30px;}
.media_board .media_list .item figure img {  position: unset; top: 0;  left: 0;  transform: translate(0%,0%); width: 100%;}   
}

@media screen and (max-width: 600px){
.media_board .media_list .item figure {width: 100%;}
.media_board .media_list .item .txt p {margin: 20px 0;} 
.media_board .media_list .item figure { padding-bottom: 0px;}  
    
}


/***********************video_write***********************/
@media screen and (max-width: 1024px){
    .tableV, .tableV>tbody, .tableV>tbody>tr, .tableV>tbody>tr>td{display: block;}
    .tableV>tbody>tr>th{display: none;}
    .tableV>tbody>tr>td{position: relative;padding-left: 160px;height: auto;/*display: flex;align-items: center;*/}
    .tableV>tbody>tr>td:after{content: attr(data-name);position: absolute;left: 0;top: 0;width: 110px;height: 100%;background-color: #eef3f7;display: flex;align-items: center;justify-content: center;padding: 0 20px;border-right: 1px solid #d9d9d9;text-align: center;}
    .attach_td{flex-wrap: wrap;}
    .tableV tbody .view_title{display: block;padding:30px 20px;}
    .tableV tbody .view_title:after, .tableV tbody .view_title02:after,.view_wrap:after{display: none!important;}
    .tableV tbody .view_title02{display: block; }
    .tableV tbody .view_cts{display: block;}
    .tableV tbody .view_cts:after{display: none;}
    .view_cts{padding: 20px;}
    .viewList a{padding: 14px 10px;}
    .tableV tbody .view_wrap {padding-left:20px}
    .btn_area {  margin-top:1rem}
}
@media screen and (max-width: 1024px){ 
    .md_pop .modal-content { width: 90%;}   
       
 }
 @media screen and (max-width: 800px){ 
    .md_pop .modal-content { width: 90%; height:40%}   
}

/*******************  product ******************/
@media screen and  (max-width:1340px){
    /* .frame-contents.with_img .block_wrap.area { margin: 0px 4rem;} */
    .frame-contents.with_img .block_wrap.area { margin-left:4rem; margin-right:4rem;}
}

@media screen and  (max-width:1024px){
    .btn_position01 { position: absolute;  bottom:0px; right:unset; left:220px}
    .btn_position01 { position: absolute;  bottom:0px; right:unset; left:220px}  
    
}
@media screen and  (max-width:600px){
    .btn_position01 { position: unset;  bottom:unset; right:unset; margin-top:1.8rem}
    .btn_position02 { position: unset;  bottom:unset; right:unset; margin-top:1.8rem}
    .main-title.fs-48 { font-size: 3.6rem; line-height: 1.14;}    

}


/******************* product ::  WorldStudio ******************/

@media screen and  (max-width:1280px){
	.scraping-app {width: 24rem;}
	.ws-top-box .scraping-sub-txt {width: 11rem; height: 11rem; font-size: 1.6rem}
	.ws-top-box .scraping-device, .ws-top-box .scraping-site {width: 32rem; height: 32rem;}
	.ws-top-box .scraping-device:before, .ws-top-box .scraping-site:before {width: 50rem; height: 50rem;}
	.ws-top-box .scraping-tit-box:after {width:3rem;}
	.ws-top-box .scraping-tit-box:after {right:-55%;}
	.smart-page .ws-top-box > .scraping-sub-txt:nth-of-type(1) .scraping-tit-box:after {left:-35%;}
    .ws-top-box .scraping-tit-box p:nth-child(2) { font-size: 1.4rem; line-height: 2rem; color: #7f7f7f;}
    
    .ws-top-boxx .scraping-app {width: 24rem;}
	.sub-page .ws-top-box > .scraping-sub-txt:nth-of-type(1) .scraping-tit-box:after{left:-28%;}
}

@media screen and  (max-width:800px){
	.ws-top-box {flex-direction:column;padding: 3rem 0 4rem; }
	.ws-top-box .scraping-sub-txt {margin:5rem 0.2rem;}
	.scraping-app {padding:0; width:100%; height:auto; display:flex; flex-direction:column; align-items:center;}
	.scraping-app .svg { position: static; width: 36rem; height: 24rem;}
	.center-container {width: 90%; position:static; transform:translateX(0); margin:3rem 0 5rem;}
	.center-container > div {padding:1.5rem;}
	.ws-top-box .scraping-device, .ws-top-box .scraping-site {width: 28rem; height: 28rem;}
	.ws-top-box .scraping-device:before, .ws-top-box .scraping-site:before {width: 40rem; height: 40rem;}
	.ws-top-box .scraping-sub-txt:after {right:50%; top:initial; bottom:-30%; transform:translateY(-50%) translateX(50%) rotate(90deg);}
	.ws-top-box > .scraping-sub-txt:nth-of-type(3):after {left:50%; bottom:initial; top:-18%; transform:translateY(-50%) translateX(-50%) rotate(90deg);}
    .ws-top-box .scraping-sub-txt.right:after { left: 3.4rem; bottom:100%}
    .ws_box {display: flex; }
    
   /* .ws-top-box {margin-bottom:18rem !important;}*/
	.ws-top-box .scraping-app {width: 100%; margin-top:-14px; padding:0;}
	.ws-top-box .main-txt-box {top:55%; transform:translate(-50%,0); font-size:3rem;}
	.ws-top-box .center-container {margin: 0 0 3rem;}
    
}



/* ****************** infotech :: PR - 공지사항 ****************** */
@media all and (max-width:800px){
	.bbs-top-list-box {flex-direction:column; align-items: flex-start;}
	.board-search-box {width:100%;}
	.board-search-inner {max-width:initial;}
	.total-list-con {margin-top:2rem;}
	/* 리스트형 게시판 :: 리스트 02 */
	.bbs-list-style02 .bbs-item > a{height:auto; min-height:54px; padding:15px;}
	.bbs-list-style02 .bbs-item .bbs-list-date{top:15px; left:15px; width:50px;}
	.bbs-list-style02 .bbs-item .bbs-list-date strong{font-size:30px;}
	.bbs-list-style02 .bbs-item .bbs-list-info-con {padding:0 2rem; width:calc(100% - 3.5rem - 50px);}
	.bbs-list-style02 .bbs-item .bbs-subject-box{margin-bottom:5px}
	.bbs-list-style02 .bbs-item .bbs-subject-txt{font-size:15px;}
	.bbs-list-style02 .bbs-item .bbs-list-info-con .notice-tit{height:20px; font-size:13px; line-height:20px; padding:0 10px;}
	.bbs-list-style02 .bbs-item .bbs-list-info-con .bbs-list-sub-txt{font-size:13px; }
	.bbs-list-style02 .bbs-item .bbs-right-info-con {display:none;}
}
@media all and (max-width:480px){
	/* 리스트형 게시판 :: 리스트 02 */
	.bbs-list-style02 .bbs-item .bbs-list-info-con .bbs-list-tit .category{display:block; font-size:13px; margin-bottom:10px;}
/*	.bbs-list-style02 .bbs-item .bbs-list-info-con .bbs-list-date-m{display:block; color:#888; font-size:12px; margin-top:10px;}*/
	.bbs-list-style02 .bbs-item .bbs-right-info-con{width:3.5rem;}
	.bbs-list-style02 .bbs-item .bbs-right-info-con .bbs-more-btn{width:30px; height:30px; line-height:30px; -webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;}
	.bbs-list-style02 .bbs-item .bbs-right-info-con .bbs-more-btn em{display:none;}
	.bbs-list-style02 .bbs-item .bbs-right-info-con .bbs-more-btn i{display:block; line-height:30px; }
}