@charset "utf-8";

/*메인*/
#Wrap .main{color:#fff;}
#fp-nav.right{right:100px;}
#fp-nav ul li, .fp-slidesNav ul li{width:24px; height:24px; margin: 4px;;}
#fp-nav ul li a span, .fp-slidesNav ul li a span{background:#fff;}
#fp-nav ul li a.active, .fp-slidesNav ul li a.active{border: 1px solid #fff;padding: 11px;border-radius: 50px;}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span {height: 8px;width: 8px;margin: -4px 0 0 -4px;border-radius: 100%;}
#fp-nav ul li .fp-tooltip.right{right:34px;}
.main section .textAera h5{color:#42ce88; font-size:18px; line-height:20px; font-weight:400}
.main section .textAera h1{font-size:60px; line-height:70px; font-weight:500; margin:30px 0;}
.main section .textAera p{font-size: 23px;line-height: 37px;font-weight: 300;}
.main section .textAera .btn{ display:inline-block; border:1px solid #eee;   border-radius:50px; margin-top:70px;opacity: 0.8;-webkit-transition:0.2s ease-in;-moz-transition: 0.2s ease-in;-o-transition:0.2s ease-in;transition:0.2s ease-in;}
.main section .textAera .btn:hover{opacity:1;}
.main section .textAera .btn a{ display:block; font-size:16px; color:#fff;padding:15px 25px; }
.main section .textAera .btn i{font-style:inherit;color:#42ce88; margin-left: 2px;}
.main section .down{position:absolute; bottom:10px; left:0; width:100%; height:100px; font-size:14px;}
.main section .down img{ position: absolute;top: 35px;left: calc(50% - 3px);width: 7px;display: block;margin: 0 auto;-webkit-animation: sdb 2s infinite;animation: sdb 2s infinite;opacity: 0;}
.main section .down span{position: absolute;top: 0;left: calc(50% - 48px);}
@keyframes sdb {
	0% {opacity: 0; height:10px}
	100% {opacity: 1; height:59px}
}


#sec01{width:100%; height:100vh; background:url('/img/sec_01.png') center no-repeat; background-size:cover; display:table; text-align:center;}
#sec02{width:100%; height:100vh; background:url('/img/sec_02.png') center no-repeat; background-size:cover; display:table; text-align:center;}
#sec03{width:100%; height:100vh; background:url('/img/sec_03.png') center no-repeat; background-size:cover; display:table; text-align:center;}
.sec{width:100%; height:100vh;display:table; text-align:center;}

#textArea:after{content:""; display:block; clear:both;}

/*about*/
#content h4{font-size: 80px;line-height: 100px;font-weight: 600; color:#42ce88}
#content h5{font-size: 49px;line-height: 71px;font-weight: 500;}
.about #content{display: flex; justify-content: space-between; align-items: center;}
.about img{width:50%; max-width:500; border-radius:20px;}
.about #textArea{width:50%; }



.ceo #content{display: flex; justify-content: space-between; align-items: center;}
.ceo img{width:50%; max-width:500; border-radius:20px;}
.ceo #textArea{width:50%; }
.ceo .sign{color: #000;padding-top: 50px;font-weight: 500;}


.history #textArea:after{content:""; display:block; clear:both;}
.history .left{float:left; width:40%;}
.historWrap{float:right; width:50%;}
.historWrap > div:before{content: "";display: block;width: 1px;height: calc(100% - 10px);background: #ddd;position: absolute;top: 27px;left: 7px;z-index:-1;}
.historWrap > div:last-child:before{display:none;}
.historWrap > div{padding-bottom:80px ;position:relative;}
.historWrap > div:after{content:""; display:block; clear:both;}
.historWrap span{ font-size:38px; font-weight:600;}
.historWrap ul{  background: #f9f9f9;border-radius: 20px;padding: 20px 30px;margin-top: 24px;margin-left: 20px;}
.historWrap span:before{content:""; display:inline-block; vertical-align:middle; width:8px; height:8px; border:3px solid #000; border-radius:50%; margin-right:10px; }
.historWrap li{padding:10px 0;}
.historWrap li:before{content:""; display:inline-block; vertical-align:middle; width:4px; height:4px; background:#ccc; border-radius:50%; margin-right:10px;}

.organi #textArea {text-align:center;}
.organi .organi_top{margin-bottom:100px; position:relative;}
.organi .organi_top:after{content:""; display:block; clear:both;}
.organi .organi_top > li{ width:95%; max-width:400px;margin:0 auto; margin-bottom:80px;background:#fff; }
.organi li span {width: 100%;display: block;padding: 20px 0;color: #fff;font-weight: 400;font-size: 21px;}
.organi .organi_top > li.top1{border:1px solid #171717;}
.organi .organi_top > li.top2{border:1px solid #484848;}
.organi .organi_top > li:before{content:""; display:block; width:1px; height:100%; background:#ccc; position:absolute; top:50px; left:50%;z-index:-1; }
.organi li.top1 span{background: #171717;}
.organi li.top2 span{background: #484848;}
.organi .organi_top > li ul{padding: 20px 40px;font-size: 18px;text-align: left;color: #666;}
.organi .organi_bot:before{content: "";display: block;width: 75.1%;height: 1px;position: absolute;top: -51px;left: 12.5%;z-index: -1;background: #ccc;}
.organi .organi_bot {position:relative; font-size:0; line-height:0; letter-spacing:0;}
.organi .organi_bot > li{position:relative; width:calc(25% - 20px); display:inline-block; vertical-align:top;padding: 20px 0;font-weight: 400;font-size: 21px;line-height:35px; background: #f5f5f5; margin:0 10px; }
.organi .organi_bot > li:before{content:""; display:block; width:1px; height:100%; background:#ccc; position:absolute; top:-50px; left:50%;z-index:-1; }

.retention h4{margin-bottom:80px;}
.retention #textArea ul{font-size:0; line-height:0; letter-spacing:0;}
.retention #textArea li{width:calc(50% - 20px);margin-right:40px; border-radius:20px; display:inline-block; vertical-align:top; text-align:center;} 
.retention #textArea li:last-child{margin-right:0;}
.retention #textArea li span{display:block; color:#000; font-size:25px; line-height:35px;font-weight:500; padding: 20px 0 5px;}
.retention #textArea li p{font-size: 21px; line-height: 35px; color:#666;}
.retention #textArea li img{border-radius:20px; width:100%;}

.trademark #textArea ul li{display: flex;justify-content: space-between;align-items: center;border-bottom:1px solid #ddd; padding:20px 0; text-align:center;}
.trademark #textArea ul li:nth-child(1){background:#f5f5f5;font-weight:500;}
.trademark .trad01{width:20%}
.trademark .trad02{width:20%;}
.trademark .trad03{width:20%;}

.certifi #textArea{font-size:0; line-height:0; letter-spacing:0;}
.certifi #textArea li{display: inline-block;vertical-align: top;width: calc(25% - 20px);margin: 0 10px 46px ;text-align: center;}
.certifi #textArea li img{ width: 100%;border: 1px solid #ddd;padding: 30px 20px;border-radius: 20px}
.certifi #textArea p{font-size:18px; line-height:20px; padding-top:10px;}

.location span{font-weight:500;}

/*솔루션*/
.service .sec02{margin-top:30px;}
.service #content .txt{padding:15px 0;}
.service .serList{font-size: 0;line-height: 0;letter-spacing: 0;margin: 27px 0;  }
.service .serList:after{content:""; display:block; clear:both;}
.service .serList > li  {float: left;width: calc(20% - 15px);border: 1px solid #ddd;min-height: 203px;margin-right: 15px;display: inline-block;vertical-align: middle;align-items: center;padding: 30px 10px;display: table;text-align: center;}
.service .serList > li:last-child{margin-right:0;}
.service .serList div{margin-top:10px;   display: table-cell;vertical-align: middle;width: 100%;}
.service .serList span{display:block; font-size:18px; font-weight:500; line-height:30px;}
.service .serList ul li{font-size:16px; line-height:25px; color:#888;}
.service .serList img{width: 50px;margin-bottom: 5px;}

.develop #textArea{}
.develop img{ width:100%;display: block; border-radius:20px;}
.develop #textArea > div{ margin-top:60px; width:85%;}
.develop .sign{color: #000;font-weight: 500;}

.interface img{width:100%;}

.integ #content{}
.integ .integ_02{  width: 100%; max-width: 1298px; }
.integ #textArea .txt{ background:#f6f6f6;border-radius:20px; text-align:center; margin-top:50px; overflow:hidden;}
.integ #textArea span{font-size:45px; padding:0 40px;}


.effect #content{display: flex; justify-content: space-between; align-items: center;}
.effect img{width:50%; max-width:500; border-radius:20px;}
.effect #textArea{width:50%; }

.sw #textArea{display: flex;justify-content: space-between;align-items: center;}
.sw #textArea img{width:50%;padding-right:30px;}
.sw #textArea ul{width:50%;border:1px solid #ddd; }
.sw #textArea li{display: flex;justify-content: space-between;align-items: center;border-bottom:1px solid #ddd;text-align:left; font-size:18px; background:#f8f8f8;}
.sw #textArea li:last-child{border-bottom:0; }
.sw .sw01{width:30%;padding:10px 0; padding-left:4%; }
.sw .sw02{width:70%; padding:10px 0 ; padding-left:4%;  background:#fff;}


/*사업소개*/
.it #textArea{display: flex; justify-content: space-between; align-items: center;}
.it img{width:60%; max-width:600; border-radius:20px;}
.it #textArea ul{width:40%; padding-left:30px; }
.it #textArea li{margin-bottom:25px;}
.it h5{ margin-bottom:30px;}
.it span{font-size:25px; line-height:30px; display:block; margin-bottom:10px;}
.it p{color:#555;}
.it em{background: #f1f1f1;padding: 7px 20px;border-radius: 50px;margin: 10px 4px 0; display: inline-block; vertical-align:middle; font-size:16px; color:#333; font-weight: 400;font-style: normal;}

.design #textArea ul{display: flex; justify-content: space-between; align-items: start; margin-top:50px;}
.design #textArea li{width:33.33%; margin-right:40px;}
.design #textArea li img{width:100%; border-radius:30px;}
.design #textArea li span{display:block; color:#000; font-weight:500; padding-bottom:5px;}
.design #textArea li p{font-size: 19px; line-height: 28px;}
.design #textArea li:last-child{margin-right:0;}
.design #textArea .txt{padding:20px 0;}

.marketing #textArea{display: flex; justify-content: space-between; align-items: center;}
.marketing #textArea > div{width:40%; }
.marketing img{width:60%; max-width:600; border-radius:20px;}

.consulting #textArea{display: flex; justify-content: space-between; align-items: center;}
.consulting img{width:60%; max-width:600; border-radius:20px;}
.consulting #textArea > div{width:40%; }

.future #textArea{display: flex; justify-content: space-between; align-items: center;}
.future #textArea > div{width:40%; }
.future #textArea p{margin-bottom:10px;}
.future img{width:60%; max-width:600; border-radius:20px;}

/*게시판*/
#container.board {background:#f9f9f9;}
#container.board .sub_menu{background:#f1f1f1;}
.boardList{border-top:1px solid #000;}
.boardList li{ border-bottom:1px solid #e4e4e4; }
.boardList li a{padding:30px 0;display: flex;justify-content: space-between;align-items: center;}
.notice .boardList li p{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.boardList li p{width: 80%;padding-left: 100px;}
.board_num{width:5%; text-align:center; color:#999;}
.date{width:15%; text-align:center; color:#999;}

.video .galleryList{font-size:0; line-height:0; letter-spacing:0;}
.video .galleryList li{width:calc(50% - 10px); margin-right:20px; display:inline-block; vertical-align:middle;}
.video .galleryList li:nth-child(2n){margin-right:0;}
.video .galleryList li img{width:100%;}

.faq .boardList li p{padding-left:0;}
.faq_answer {visibility: hidden;opacity: 0;height: 0;max-height: 0;overflow: hidden;padding: 0 80px;background: #fff;border-top: 1px solid #ebebeb;webkit-transition: 0.2s ease-in-out;-moz-transition: 0.2s ease-in-out;-o-transition: 0.2s ease-in-out;transition: 0.2s ease-in-out;}
.faq_answer.on {visibility: visible;opacity: 1;height: auto;max-height: 800px;padding: 40px 80px;}
.faq_answer p{font-size:18px;}
.faq_icon{width:5%; text-align:center; font-weight:500; color:#42ce88;}
.faq .boardList i{width:5%;text-align:center;}

.readTop{border-top: 1px solid #000;border-bottom: 1px solid #ddd;padding: 30px 0;}
.readTop .readDate{font-size:18px; color:#999; margin-top:10px;}
.readCont{min-height:600px; padding:30px 0;border-bottom: 1px solid #ddd;padding: 30px 0;}
.readCont img{max-width:600px;}
.boardBtn {text-align:center; font-size:0; line-height:0; letter-spacing:0; margin-top:20px;}
.boardBtn a{display:inline-block; vertical-align:middle; line-height:30px;margin:0 2px;width: 120px;text-align: center;padding: 10px 20px;border-radius: 4px; font-size:18px;color: #fff;cursor: pointer;-webkit-transition:0.1s ease-in;-moz-transition: 0.1s ease-in;-o-transition:0.2s ease-in;transition:0.1s ease-in;}
.readBtn a:hover{-webkit-box-shadow:  0 0.125rem 1.3rem 0 rgb(0 0 0 / 10%); box-shadow: 0 0.125rem 1.3rem 0 rgb(0 0 0 / 10%);}
.readBtn a{background: #42ce88;}
.writeBtn{ background:#201c1a;}

/*문의하기 폼*/
.writeForm > span{display:block; width:100%; text-align:right; font-size:18px;}
.writeForm:after{content:""; display:block; clear:both;}
.writeForm .form{border-top:1px solid #000;}
.writeForm .form div{padding:30px 0; border-bottom: 1px solid #e4e4e4;}
.writeForm .form span{width:180px; display: inline-block; vertical-align: middle;}
.writeForm .point{font-style: normal;color: #fa2e2e;padding: 0 4px 0 0;}
.writeForm .form input[type=text], select {border:1px solid #e4e4e4; padding:0 20px; font-size:18px; height:50px; line-height:50px; width:100%; max-width:600px;   border-radius: 5px; }
.writeForm .form textarea{border:1px solid #e4e4e4; padding:15px 20px;font-size:18px; height:350px; line-height:30px; width:100%; max-width:600px;   border-radius: 5px; }
.inquiry_btn{margin: 0 auto;display: block;width: 300px;background: #42ce88;text-align: center;padding: 20px;border-radius: 15px;margin-top: 50px;color: #fff;cursor:pointer;-webkit-transition:0.1s ease-in;-moz-transition: 0.1s ease-in;-o-transition:0.2s ease-in;transition:0.1s ease-in;}
.inquiry_btn:hover{-webkit-box-shadow:  0 0.125rem 1.3rem 0 rgb(0 0 0 / 10%); box-shadow: 0 0.125rem 1.3rem 0 rgb(0 0 0 / 10%);}

.recruit_on {width:10%; text-align:center; color:#42ce88; font-weight:500;}
.recruit_off{width:10%; text-align:center; color:#999;}

/*채용*/
.talent #textArea ul li{ display: flex;justify-content: space-between;align-items: start;padding-bottom:50px;margin-bottom: 50px; border-bottom:1px solid #eee;}
.talent #textArea ul li:last-child{margin-bottom:0;}
.talent #textArea h5{ font-size: 42px; line-height: 64px;width:25%; }
.talent #content .txt{width:75%; padding:0 30px}


/*파트너*/
.fuku_bus #textArea > div{ display: flex;justify-content: space-between;align-items: start;padding-bottom:50px;margin-bottom: 50px; border-bottom:1px solid #eee;}
.fuku_bus #textArea > div:last-child{margin-bottom:0;}
.fuku_bus #textArea h5{ font-size: 42px; line-height: 64px;width:25%; }
.fuku_bus #content .txt{width:75%; padding:0 30px}


.re_about #content{display: flex; justify-content: space-between; align-items: center;}
.re_about img{width:50%; max-width:500; border-radius:20px;}
.re_about #textArea{width:50%;}
.return.location #textArea{margin-bottom:40px; border-bottom:1px solid #eee;}
.re_bus #textArea{display: flex; justify-content: space-between; align-items: center;}
.re_bus img{width:60%; max-width:600; border-radius:20px;}
.re_bus #textArea > div{width:40%;}


.pa_about #content{display: flex; justify-content: space-between; align-items: center;}
.pa_about img{width:50%; max-width:600; border-radius:20px;}
.pa_about #textArea{width:50%; padding-right:30px;}
.pan_bus #textArea > div{ display: flex;justify-content: space-between;align-items: start;padding-bottom:50px;margin-bottom: 50px; border-bottom:1px solid #eee;}
.pan_bus #textArea h5{  font-size: 42px; line-height: 64px;width:25%; }
.pan_bus #content .txt{width:75%; padding:0 30px}
.panstar.location #textArea{margin-bottom:40px; border-bottom:1px solid #eee;}
.panstar.location .txt > div{margin-top:20px; }
.panstar.history #content h5{font-size: 36px;line-height: 50px;font-weight: 500;}



@media screen and (max-width: 1400px) {
	#content h5 {font-size: 42px;line-height: 64px;	font-weight: 500;}
	.panstar.about #textArea{padding-right:30px}
}
@media screen and (max-width: 1250px) {
	.about #content{display:block;}
	.about #textArea{width:100%;}
	.about img{display:none;}
	.ceo #content{display:block;}
	.ceo #textArea{width:100%;}
	.ceo img{display:none;}
	.certifi #textArea li {width: calc(33.33% - 20px);margin: 0 10px 50px ;}
	.service .serList{display:block;}
	.service .serList > li{width:calc(33.33% - 15px); margin-bottom:15px;}
	.effect #content{display:block;}
	.effect #textArea{width:100%;}
	.effect img{display:none;}
	.it h5{ margin-bottom:20px;}
	.it img{width:50%;}
	.it #textArea ul{width:50%; padding-left:30px; }
	.design #textArea li{ margin-right: 20px;}
	.marketing img{width:50%; }
	.marketing #textArea > div{width:50%; padding-left:30px; }
	.consulting img{width:50%; }
	.consulting #textArea > div{width:50%; padding-left:30px; }
	.design #textArea li p { font-size: 16px; line-height: 25px;}
	.future img{width:50%; }
	.future #textArea > div{width:50%; padding-left:30px; }
	.re_about img{width:50%; }
	.re_about #textArea{width:50%; padding-right:30px; }
	.re_bus img{width:50%; }
	.re_bus #textArea > div{width:50%; padding-left:30px; }
}

@media screen and (max-width: 1024px) {
	.organi li span{font-size:18px;}
	.organi .organi_top > li ul{font-size:16px;}
	.retention #textArea li span{font-size:21px;}
	.organi .organi_bot > li{font-size:18px;width: calc(25% - 4px);padding: 12px 4px;line-height: 24px;  margin: 0px 2px; background:#f9f9f9;}
	.organi .organi_bot:before {width: 75.2%;left: 12.5%;}
	.historWrap > div {padding-bottom: 60px;}
	.historWrap span {font-size: 30px;font-weight: 600;}
	.historWrap ul {background: #f9f9f9;border-radius: 20px;padding: 15px 25px;margin-top: 20px;margin-left: 15px;}
	.retention #textArea li p {font-size: 18px;line-height: 25px;color: #666;}
	.certifi #textArea li img{padding:15px;}
	.service .serList{margin:10px 0;}
	.service .serList > li{min-height: 200px; padding:25px 0;}
	.it #textArea{display:block;}
	.it #textArea ul{width:100%;}
	.it img{width:auto;}
	.it h5{margin-top:20px;}
	.it span{font-size:21px; line-height:25px;font-weight: 500;margin-bottom: 5px;}
	.design #textArea ul{display:block;}
	.design #textArea li {width: 100%;margin-right: 40px;margin: 0 0 40px;font-size:0; line-height:0; letter-spacing:0;}
	.design #textArea li img{width:50%; display:inline-block; vertical-align:middle;}
	.design #textArea .txt{width:50%; padding-left:15px;display:inline-block; vertical-align:middle;}
	.design #textArea li span{font-size:21px; line-height: 30px;}
	.marketing #textArea{display:block;}
	.marketing #textArea div{width:100%; padding-left:0;}
	.marketing img{width:auto;}
	.marketing h5{margin-top:20px;}
	.consulting #textArea{display:block;}
	.consulting #textArea div{width:100%; padding-left:0;}
	.consulting img{width:auto;}
	.consulting h5{margin-top:20px;}
	.future #textArea{display:block;}
	.future #textArea div{width:100%; padding-left:0;}
	.future img{width:auto;}
	.future h5{margin-top:20px;}
	.fuku_bus #textArea h5{font-size:31px; line-height: 50px;}
	.re_about #content{display:block;}
	.re_about #textArea{width:100%;}
	.re_about img{display:none;}
	.re_bus #textArea{display:block;}
	.re_bus #textArea div{width:100%; padding-left:0;}
	.re_bus img{width:auto;}
	.re_bus h5{margin-top:20px;}
	.pa_about #content{display:block;}
	.pa_about #textArea{width:100%; padding-right:0;}
	.pa_about img{display:none;}
	.pan_bus #textArea{display:block;}
	.pan_bus #textArea div{width:100%; padding-left:0;}
	.pan_bus img{width:auto;}
	.pan_bus #textArea h5{font-size: 31px;line-height: 50px;font-weight: 500;}
	.boardList li p{padding-left:50px;}
	.talent #textArea{display:block;}
	.talent #textArea h5{font-size: 31px;line-height: 50px;font-weight: 500;}
}

@media screen and (max-width: 1000px) {
	#Wrap .main section #textArea{width:60%; margin:0 auto;}
	#Wrap .main section #textArea p br{display:none;}
	.certifi #textArea li {width: calc(33.33% - 20px);margin: 0 10px 50px;}
	.boardList li p{padding-left:5px;}
	.ceo .sign{padding-top:30px;}
	.history #content h5 br{display:none;}
	.history .left{float: inherit; width:60%;}
	.historWrap {float: inherit;width: 60%;margin-top: 30px;}
	.historWrap > div {padding-bottom: 40px;}
	.historWrap > div:before{top:22px}
	.organi .organi_bot > li{font-size:16px;}
	.certifi #textArea p{font-size:16px; }
	.trademark .trad01{width:33.33%}
	.trademark .trad02{width:33.33%;}
	.trademark .trad03{width:33.33%;}
	.service .serList ul li br{display:block;}
	.service #content .txt{padding:5px 0;}
	.sw #textArea li{font-size:16px;}
	.develop #textArea > div {margin-top: 30px;}
	.integ #textArea .txt {margin-top: 30px;}
	.it #textArea ul{padding-left:0;}
	.future h5 br{display:none;}
	.fuku_bus #textArea > div{display:block;padding-bottom: 30px; margin-bottom: 30px;}
	.fuku_bus #textArea h5{width:100%;font-size: 25px;line-height: 33px;font-weight: 500;}
	.fuku_bus #content .txt{width:100%; padding:10px 0 0;}
	.panstar.history #content h5{font-size: 31px;line-height: 45px;font-weight: 500;}
	.pan_bus #textArea > div{display:block;padding-bottom: 30px; margin-bottom: 30px;}
	.pan_bus #textArea h5{width:100%;font-size: 25px;line-height: 33px;font-weight: 500;}
	.pan_bus #content .txt{width:100%; padding:10px 0 0;}
	.writeForm .form span{display:block;}
	.writeForm .form input{margin-top:5px; font-size:16px;}
	.writeForm .form div{padding:20px 0;}
	.writeForm .form textarea{font-size:16px;}
	.inquiry_btn {width: 200px;padding: 10px;border-radius: 5px; margin-top:30px;}
	.boardList li a{padding:18px 0;}
	.faq_answer{padding:0px 10px;}
	.faq_answer.on{padding:20px 10px;}
	.boardList li p{font-size:16px; padding-left:10px;}
	.faq .boardList li p{padding-left:10px;}
	.talent #textArea > ul li{display:block;padding-bottom: 30px; margin-bottom: 30px;}
	.talent #textArea h5{width:100%;font-size: 25px;line-height: 33px;font-weight: 500;}
	.talent #content .txt{width:100%; padding:10px 0 0;}
	.recruit_on, .recruit_off{width:25%;}
	.boardList li p{width:75%;}
	}

@media screen and (max-width: 700px) {
	.history .left{float: inherit; width:100%;}
	.historWrap {float: inherit;width: 100%;margin-top: 30px;}
	.retention #textArea li{display:block; width:100%; margin:0 0 30px;}
	.retention #textArea li span{padding:10px 0 0;}
	.certifi #textArea li {width: calc(50% - 10px);margin: 0 5px 50px;}
	.organi .organi_top > li ul{padding:20px 30px;}
	.service .serList > li{width:calc(50% - 5px); margin:0 5px 5px 0; padding:10px;font-size:14px;}
	.service #textArea p br{display:none;}
	.service .serList span{font-size:16px;}
	.sw #textArea {display:block;}
	.sw #textArea img {width: 100%;padding:0;}
	.sw #textArea ul {width: 100%;}
	.sw #textArea li{font-size:14px;}
	.it img{width:100%;}
	.design #textArea ul{margin-top:30px;}
	.design #textArea li{width:100%;margin-bottom:20px;}
	.design #textArea .txt{padding:10px 0;}
	.design #textArea li img{width:100%; border-radius:20px;}
	.design #textArea .txt{width:100%;}
	.marketing img{width:100%;}
	.consulting img{width:100%;}
	.future img{width:100%;}
	.re_bus img{width:100%;}
	.faq .boardList i{display:none;}

}