@charset "UTF-8";

/********************************
 MAS계약품목 : 리스트
 *******************************/
.masTab {margin-bottom:4.0rem;}
.masTab .mastabList {}
.masTab .mastabList::after {content:''; display:block; clear:both;}
.masTab .mastabList > li {float:left; margin-top:-0.1rem; margin-left:-0.1rem; background:#fff; transition:width 0.2s linear;}
.masTab .mastabList.col6 li {width:calc(16.6666% + 0.1rem);}
.masTab .mastabList.col6 li:first-child {width:16.6666%;}
.masTab .mastabList.col5 li {width:20.0%;}
.masTab .mastabList.col4 li {width:25.0%;}
.masTab .mastabList.col3 li {width:33.3333%;}
.masTab .mastabList li button {display:flex; align-items:center; width:100%; height:6.0rem; border:0.1rem solid #dcdcdc; color:#9f9f9f; font-weight:500; text-align:center;}
.masTab .mastabList li button > span {display:block; padding:0.5rem 0.1rem; width:100%;}
.masTab .mastabList li button:hover,
.masTab .mastabList li button:focus {color:#191919;}
.masTab .mastabList li button.on {color:#fff; background:linear-gradient(to bottom, #21c15a, #1cae8b, #039dd6);}

.masItembox {}
.masItembox > ul {font-size:0;}
.masItembox > ul .masItem {position:relative; padding:0.5rem 1.0rem; width:100%; transition:width 0.1s linear;}
.masItembox > ul .masItem::after {content:''; display:block; clear:both;}
.masItembox > ul .masItem .masItemInner {position:relative; border:0.1rem solid #dcdcdc; background-color:#fff; border-radius:1.0rem;}
.masItembox > ul .masItem .masItemInner::after {content:''; display:block; clear:both;}
.masItembox > ul .masItem .masNum {position:absolute; left:0; top:50%; width:8.0rem; font-size:1.5rem; text-align:center; transform:translateY(-50%);}
.masItembox > ul .masItem .masNum > .num {display:block; padding:0 0.5rem; width:100%; font-weight:500; color:#191919;}

.masItembox > ul .masItem .masImg {position:absolute; right:0; top:50%; padding:2.0rem; width:35.0rem; transform:translateY(-50%);}
.masItembox > ul .masItem .masImg .imgset {position:relative; width:100%; height:18.0rem; /*background-color:#f2f2f2;*/}
.masItembox > ul .masItem .masImg .imgset .mNum {display:none; position:absolute; left:0; top:0; padding:0.5rem; min-width:5.0rem; color:#fff; font-size:1.4rem; font-weight:500; background-color:rgba(0,0,0,0.8); text-align:center;}
.masItembox > ul .masItem .masImg .imgset .img {overflow:hidden; width:100%; height:100%; text-align:center;}
.masItembox > ul .masItem .masImg .imgset .img img {margin:0 auto; height:18.0rem;}

.masItembox > ul .masItem .masCont {float:left;position:relative; padding:3.0rem 0 3.0rem 11.0rem; width:calc(100% - 36.0rem);}
.masItembox > ul .masItem .masCont::after {content:''; display:block; position:absolute; left:8.0rem; top:0; bottom:0; width:0.1rem; height:100%; background-color:#dcdcdc;}
.masItembox > ul .masItem .masCont .masListcont {width:100%;}
.masItembox > ul .masItem .masCont .masListcont .tit {margin-bottom:1.4rem;}
.masItembox > ul .masItem .masCont .masListcont .tit > span {display:inline-block; padding:0.5rem 2.0rem; font-size:1.5rem; font-weight:300; color:#25ba0d; border:0.1rem solid #25ba0d; border-radius:2.0rem;}
.masItembox > ul .masItem .masCont .masListcont .masList {}
.masItembox > ul .masItem .masCont .masListcont .masList ul {font-size:0;}
.masItembox > ul .masItem .masCont .masListcont .masList ul::after {content:''; display:block; clear:both;}
.masItembox > ul .masItem .masCont .masListcont .masList ul > li {position:relative; display:inline-block; margin:0.4rem 0; padding-left:14.0rem; padding-right:2.0rem; width:50%; min-height:1.9rem; font-size:1.5rem; line-height:1.3; vertical-align:top;}
.masItembox > ul .masItem .masCont .masListcont .masList ul > li.short {padding-left:8.0rem;}
.masItembox > ul .masItem .masCont .masListcont .masList ul > li .liTit {display:inline-block; position:absolute; left:0; top:0; width:13.0rem; color:#191919; font-weight:500;}
.masItembox > ul .masItem .masCont .masListcont .masList ul > li .liTit > span {display:block; position:relative; padding-left:1.5rem;}
.masItembox > ul .masItem .masCont .masListcont .masList ul > li .liTit > span::after {content:''; position:absolute; left:0; top:0.6rem; width:0.5rem; height:0.5rem; background-color:#25ba0d;}
.masItembox > ul .masItem .masCont .masListcont .masList ul > li .liTit > span > .bk {display:inline-block; margin-left:0.4rem;}

	/*media query*/
@media screen and (max-width:1340px) {
}
@media screen and (max-width:1200px) {
	.masTab {margin-bottom:3.0rem;}
	.masTab .mastabList.col6 li {width:33.3333% !important;}
	
	.masItembox > ul .masItem {display:inline-block; width:50%;}	
	.masItembox > ul .masItem .masNum {display:none;}
	.masItembox > ul .masItem .masImg {position:static; right:auto; top:auto; padding:3.0rem 3.0rem 0; width:100%; transform:translateY(0);}
	.masItembox > ul .masItem .masImg .imgset {height:auto;} 
	.masItembox > ul .masItem .masImg .imgset .mNum {display:inline-block;}
	.masItembox > ul .masItem .masImg .imgset .img {overflow:inherit;}	
	.masItembox > ul .masItem .masImg .imgset .img img {margin:0 auto; height:auto;}
	.masItembox > ul .masItem .masCont {float:none; padding:2.0rem 3.0rem 3.0rem; width:100%;}
	.masItembox > ul .masItem .masCont::after {display:none;}
	.masItembox > ul .masItem .masCont .masListcont .masList ul > li {padding-right:0; width:100%;}
	.masItembox > ul .masItem .masCont .masListcont .masList ul > li {padding-left:9.0rem;}
	.masItembox > ul .masItem .masCont .masListcont .masList ul > li.short {padding-left:9.0rem;}
	.masItembox > ul .masItem .masCont .masListcont .masList ul > li.twoLine {min-height:4.0rem;}
	.masItembox > ul .masItem .masCont .masListcont .masList ul > li .liTit {width:8.0rem;}
	.masItembox > ul .masItem .masCont .masListcont .masList ul > li .liTit > span > .bk {display:block; margin-left:0;}
}
@media screen and (max-width:1024px) {
	.masTab {margin-bottom:2.0rem;}
}
@media screen and (max-width:767px) {
	.masTab {margin-bottom:2.0rem;}
	.masItembox > ul .masItem {display:block; width:100%;}
	.masItembox > ul .masItem .masImg {padding:2.0rem 2.0rem 0;}
	.masItembox > ul .masItem .masCont {padding:2.0rem;}
	.masItembox > ul .masItem .masCont .masListcont .tit {margin-bottom:1.2rem;}
	.masItembox > ul .masItem .masCont .masListcont .tit > span {padding:0.5rem 2.0rem; font-size:1.4rem;}
	.masItembox > ul .masItem .masCont .masListcont .masList ul > li {min-height:1.8rem; font-size:1.4rem;}
	.masItembox > ul .masItem .masCont .masListcont .masList ul > li .liTit > span::after {top:0.7rem;}
}
@media screen and (max-width:640px) {
	.masTab .mastabList.col6 li {width:50.0% !important;}
}
@media screen and (max-width:480px) {
}
@media screen and (max-width:360px) {
}


/********************************
 
 *******************************/

	/*media query*/
@media screen and (max-width:1340px) {
}
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
}
@media screen and (max-width:767px) {
}
@media screen and (max-width:640px) {
}
@media screen and (max-width:480px) {
}
@media screen and (max-width:360px) {
}