.sub_vi {background: url('../img/banner1.jpg') no-repeat center; width: 100%; height:290px;  display: inline-block; color: #fff; text-align: center; box-sizing: border-box; position:relative; }
.sub_vi p {display:inline-block; font-size:1.3rem; font-weight:400; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:90%; }
.sub_vi p span {display:inline-block; font-size:2.3rem; letter-spacing:1px;  font-weight:600; }
.sub_vi p b {font-weight:400;  display:block; padding-top:5px; line-height:1.4rem; word-break:keep-all }
.sub_vi p.subvi_p2 {font-size:1.8rem; line-height:2.4rem; font-weight:600; padding:80px 0; }


#sub {max-width:1200px; margin:0 auto 70px auto; }
#sub > div {margin-bottom:80px; }
#sub > div h3 {text-align:center; font-size:2rem; margin:50px 0 30px 0; }

.sub_tab {width:100%; margin-top:-27px; position:relative; }
.sub_tab .wrap {display:block; max-width:1200px; margin:0 auto; font-size:0; }
.sub_tab .wrap a {display:inline-block; width:25%; line-height:50px; background-color:#fff; border:2px solid #00bc70; border-radius:27px; font-size:1.1rem; font-weight:600; color:#777; text-align:center; vertical-align:middle;
							box-shadow:1px 1px 5px rgba(0,0,0,.2)}
.sub_tab .wrap a.on {color:#fff; background-color:#00bc70;  }
.sub_tab .wrap a:hover {color:#fff; background-color:#00bc70; }


.m_sub_tab{width:100%; line-height:50px;background:#fff; border-bottom:1px solid #ddd; border-top:1px solid #ddd; font-size:0; display:none; }
.m_sub_tab .wrap {}
.m_sub_tab .wrap .lnb {font-size:0;}
.m_sub_tab .wrap .lnb > li {display:inline-block;  height:50px; vertical-align:top; }
.m_sub_tab .wrap .lnb > li:first-child {width:50px; position:relative; }
.m_sub_tab .wrap .lnb > li::after{width:1px; height:50px; position:absolute; top:0; right:0; background:#ddd; display:block; content:"";}
.m_sub_tab .wrap .lnb > li:first-child::before{width:1px; height:50px; position:absolute; top:0; left:0; background:#ddd; display:block; content:"";}
.m_sub_tab .wrap .lnb > li:first-child a {display:block; height:50px;}
.m_sub_tab .wrap .lnb > li:first-child a img {width:16px; margin-top:18px; margin-left:18px; }
.m_sub_tab .wrap .lnb > li:nth-child(2) { width:calc(100% - 50px); cursor:pointer; }
.m_sub_tab .wrap .lnb > li:nth-child(2) p {width:100%; padding-left:10px;  }
.m_sub_tab .wrap .lnb > li:nth-child(2) p:after {clear:both; display:block; content:''; }
.m_sub_tab .wrap .lnb > li:nth-child(2) p img {float:right; margin-top:20px; padding-right:3%; }
.m_sub_tab .wrap .lnb > li:nth-child(2) .lnb_wrap {border:1px solid #ddd; padding-left:10px; background-color:#fff; z-index:999999; position:relative; display:none; margin-left:-1px; }
.m_sub_tab .wrap .lnb > li:nth-child(2) .lnb_wrap li {}
.m_sub_tab .wrap .lnb > li:nth-child(2) .lnb_wrap li a {display:block; }


.m_sub_tab .wrap > li.active > p{color:#00bc70; }
.m_sub_tab .wrap > li.active > p span{transform:rotate(-540deg);}
.m_sub_tab .wrap .lnb_wrap li a:hover{color:#00bc70}





.company01 {}
.company01 .wrap {font-size:0; }
.company01 .wrap .left_wrap {position:relative; display:inline-block; width:450px; }
.company01 .wrap .left_wrap .left_bg {width:80%; height:0; padding-bottom:80%; overflow:hidden; border-radius:100%; position:absolute; left:10px; top:10px; background-color:#00bc70; }
.company01 .wrap .left_wrap .left{width:80%; height:0; padding-bottom:80%; overflow:hidden; border-radius:100%; position:relative; }
.company01 .wrap .left_wrap .left img {min-width:100%; min-height:100%; width:150%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); }
.company01 .wrap .right {display:inline-block; width:calc(100% - 450px); vertical-align:top; margin-top:50px; }
.company01 .wrap .right h4 {font-size:2.5rem; color:#00bc70; position:relative; padding-bottom:30px; margin-bottom:30px; }
.company01 .wrap .right h4:after {content:''; display:block; width:30px; height:2px; background-color:#ccc; position:absolute; left:0; bottom:0; }
.company01 .wrap .right p {word-break:keep-all}

span.coripack {color:#00bc70; font-weight:600;}

.company01_2 {text-align:center; }
.company01_2 img {max-width:100%; }
.company01_2 p {font-size:1.1rem; line-height:1.8rem; width:80%; padding:10px 70px; word-break:keep-all; background-color:#f3f3f3; border-radius:10px; margin:0 auto; }
.company01_2 p span {font-size:1.1rem;}

.company01_2 .bs{display:flex; gap:60px; justify-content: center; align-items:center; margin:60px 0;}
.company01_2 .bs .plusbox{display:flex; gap:70px;}
.company01_2 .bs .plusbox{position:relative;}
.company01_2 .bs .plusbox::after{position:absolute; content:'+'; top:30px; left:47%; font-size:3em; font-weight:100;}
.company01_2 .bs .plusbox dd{margin-top:5px;}


.company01_3 {}
.company01_3 ul {font-size:0; }
.company01_3 ul li {display:inline-block; width:25%; padding:0 2%; text-align:center; vertical-align:top; }
.company01_3 ul li img { }
.company01_3 ul li p {font-size:1.2rem; word-break:keep-all; margin:10px 0 5px 0; font-weight:600; }
.company01_3 ul li span { word-break:keep-all; font-size:1rem; }


.company01_4 {text-align:center; font-size:0; display:flex; flex-wrap:wrap; justify-content:space-between; }
.company01_4 img {width:100%; margin-bottom:20px; }
.company01_4 > div {display:inline-block; width:32%; vertical-align:top; border:1px solid #ddd; border-radius:10px; padding: 30px; position:relative;  }
#sub .company01_4 > div h3 {margin-top:0; }
.company01_4 > div p { font-size:1rem; word-break: keep-all;}
.company01_4 > div:last-child p {text-align:left; position:absolute; left:50%; top:105px; transform:translate(-50%,0); }



.company01_5 {}
.company01_5 > p {text-align:center; padding: 10px 70px; word-break: keep-all; background-color: #f3f3f3; border-radius: 10px; width:70%; display:block; margin:0 auto 40px auto; }
.company01_5 .ul_wrap {position:relative; }
.company01_5 .ul_wrap > span {width:90%; display:block; margin:0 auto; height:1px; background-color:#ddd; position:absolute; left:50%; top:50px; transform:translate(-50%,0);  }
.company01_5 .ul_wrap ul {font-size:0; }
.company01_5 .ul_wrap ul li {display:inline-block; width: 16.666%; text-align:center; }
.company01_5 .ul_wrap ul li .img_wrap {border:3px solid #00bc70; display:inline-block; border-radius:100%; width:100px; height:100px; position:relative; background-color:#fff; }
.company01_5 .ul_wrap ul li .img_wrap img {width:70%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);  }
.company01_5 .ul_wrap ul li p {font-size:1rem; font-weight:600; margin-top:10px; }
.company01_5 .ul_wrap ul li span {display:inline-block; width:25px; height:25px; border-radius:100%; background-color:rgba(0,0,0,.7); color:#fff; position:absolute; left:-5px; top:0; text-align:center; line-height:25px; }



.company01_6 {}
.company01_6 p {text-align:center; margin-bottom:20px; }
.company01_6 ul {font-size:0; display:block; max-width:100%; width:920px; margin:0 auto; }
.company01_6 ul li {display:inline-block; margin:0 1% 1% 0; width:32.5%}
.company01_6 ul li:first-child {width:66%}
.company01_6 ul li:nth-child(2),.company01_6 ul li:nth-child(5),.company01_6 ul li:nth-child(8) {margin-right:0; }
.company01_6 ul li img {width:100%; }



.company01_7 {}
.company01_7 p {text-align:center; margin-bottom:20px; }
.company01_7 ul {font-size:0; display:block; max-width:100%; width:920px; margin:0 auto; }
.company01_7 ul li {display:inline-block; margin-right:1%; width:32.5%}
.company01_7 ul li:last-child {margin-right:0; }
.company01_7 ul li img {width:100%; }




/*portfolio01*/
.portfolio01 {}
.ptf_tab {width:100%; font-size:0; margin-bottom:30px; }
.ptf_tab li {width:33.333%; display:inline-block; }
.ptf_tab li a {line-height:40px; display:block; width:100%; font-size:1rem; text-align:center; border-bottom:3px solid #ddd; color:#aaa; font-weight:600;  }
.ptf_tab li.on a{border-color:#00bc70; color:#111; }
.ptf_tab li:hover a{border-color:#00bc70; color:#111}

.portfolio01 .ptf_con {}

.portfolio01 .ptf_con .box_wrap {width:70%; margin:0 auto 30px auto; }
.portfolio01 .ptf_con .box_wrap:after {clear:both; display:block; content:''; }
.portfolio01 .ptf_con .box_wrap li {width:32%; margin-right:2%;  height:0; padding-bottom:32%; overflow:hidden; border:3px solid #eee;  float:left; margin-bottom:2%;    }
.portfolio01 .ptf_con .box_wrap li.on {border:3px solid #00bc70; }
.portfolio01 .ptf_con .box_wrap li:hover {border-color:#00bc70; }
.portfolio01 .ptf_con .box_wrap li:nth-child(3n) {margin-right:0; }
.portfolio01 .ptf_con .box_wrap li img {min-width:100%; min-height:100%; width:100%; }

.portfolio01 .ptf_con .con_wrap {width:70%; margin:0 auto; padding-top:50px; border-top:1px solid #ddd;  }
.portfolio01 .ptf_con .con_wrap:after {clear:both; display:block; content:''; }
.portfolio01 .ptf_con .con_wrap li {width:32%; margin-right:2%;  overflow:hidden; float:left; margin-bottom:30px;  }
.portfolio01 .ptf_con .con_wrap li:nth-child(3n) {margin-right:0; }
.portfolio01 .ptf_con .con_wrap li .img_wrap {width:100%; height:0; padding-bottom:100%; border:1px solid #ddd; border-radius:10px; overflow:hidden; background-color:#00bc70; }
.portfolio01 .ptf_con .con_wrap li .img_wrap img {min-width:100%; min-height:100%; width:102%; background-color:#fff; transition:.2s all; }
.portfolio01 .ptf_con .con_wrap li:hover .img_wrap img {opacity:.5; }
.portfolio01 .ptf_con .con_wrap li p {font-size:1.2rem; font-weight:600; margin:5px 10px 3px 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.portfolio01 .ptf_con .con_wrap li span {display:block; color:#777; margin:0 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

/*
.portfolio01 .ptf_con .con_wrap {width:100%; border-top:1px solid #ddd; padding-top:40px;  }
.portfolio01 .ptf_con .con_wrap:after {clear:both; display:block; content:''; }
.portfolio01 .ptf_con .con_wrap li {width:24%; margin-right:1.333%;  height:0; padding-bottom:24%; overflow:hidden; border:1px solid #ddd;  float:left; margin-bottom:1.333%;   }
.portfolio01 .ptf_con .con_wrap li:hover {border-color:#00bc70; }
.portfolio01 .ptf_con .con_wrap li:nth-child(4n) {margin-right:0; }
.portfolio01 .ptf_con .con_wrap li img {min-width:100%; min-height:100%; width:100%; }
*/



/*portfolio_view*/
.portfolio_view {font-size:0; }
.portfolio_view > div {display:inline-block;   vertical-align:top; }
.portfolio_view .left {width:40%;}
.portfolio_view .left .img_wrap {border:1px solid #ddd; position:relative; height:0; padding-bottom:100%;  overflow:hidden;  }
.portfolio_view .left .img_wrap img {min-width:100%; min-height:100%; width:100%; height:auto; display:block; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); }

.portfolio_view .right {width:60%; padding-left:50px; }
.portfolio_view .right h4 {font-size:1.7rem; border-top:3px solid #00bc70; padding:20px 10px; font-weight:600; }
.portfolio_view .right ul {border-top:1px solid #ddd; padding:20px 10px; }
.portfolio_view .right ul li {color:#555; font-size:0; }
.portfolio_view .right ul li span {vertical-align:top; line-height:1.8rem; display:inline-block; width:40px; font-weight:600; color:#111; margin-right:20px; }
.portfolio_view .right ul li p	   {vertical-align:top; line-height:1.8rem; display:inline-block; width:calc(100% - 60px)}
.portfolio_view .right .txt {border-top:1px solid #ddd; padding:20px 10px; }
.portfolio_view .right .txt p           {line-height:1.7rem; font-size:1rem; }
.portfolio_view .right .txt p img {max-width:100%; height:auto !important;}
.portfolio_view .right .txt p span {line-height:1.7rem; font-size:1rem !important; }
.portfolio_view .txt2 {border-top:1px solid #ddd; padding:30px 10px; margin-top:20px; border-bottom:1px solid #ddd; width:100%; }
.portfolio_view .txt2 img {max-width:100%; display:block; margin:0 auto 20px auto; height:auto !important; }
.portfolio_view .txt2 img:last-child {margin-bottom:0; }
.portfolio_view .right > span {padding:10px; display:inline-block;  }
.go_list {display: block; width: 150px; line-height: 45px; border: 1px solid #00bc70; !important; text-align: center; margin: 0 auto; border-radius: 23px; margin-top: 30px; position: relative; overflow: hidden;}
.go_list div {width:0; height:45px; background-color:#00bc70; position:absolute; left:0; top:0; transition:.2s all; }
.go_list p {color:#00bc70; font-size:1.1rem; position:relative; }
.go_list:hover div {width:100%;}
.go_list:hover p {color:#fff; }

/*portfolio02*/
.portfolio02 {}
.portfolio02 .ptf_con {}
.portfolio02 .ptf_con .con_wrap {display:flex; flex-wrap:wrap; width:70%; margin:0 auto; }
.portfolio02 .ptf_con .con_wrap:after {clear:both; display:block; content:''; }
.portfolio02 .ptf_con .con_wrap li {width:32%; margin-right:2%;  overflow:hidden; float:left; margin-bottom:30px;  }
.portfolio02 .ptf_con .con_wrap li:nth-child(3n) {margin-right:0; }
.portfolio02 .ptf_con .con_wrap li .img_wrap {width:100%; height:0; padding-bottom:100%; border:1px solid #ddd; border-radius:10px; overflow:hidden; background-color:#00bc70; }
.portfolio02 .ptf_con .con_wrap li .img_wrap img {min-width:100%; min-height:100%; width:102%; background-color:#fff; transition:.2s all; }
.portfolio02 .ptf_con .con_wrap li:hover .img_wrap img {opacity:.5; }
.portfolio02 .ptf_con .con_wrap li p {font-size:1.2rem; font-weight:600; padding:5px 0 5px 10px; display:block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.portfolio02 .ptf_con .con_wrap li span {color:#777; padding:0 10px; font-size:1rem; display:block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }



/*qna01*/
.qna01 {}
.qna01 .con_wrap {}
.qna01 .con_wrap li {border-bottom:1px solid #ccc; }
.qna01 .con_wrap li a { padding:15px 10px; display:block; box-sizing:border-box; }
.qna01 .con_wrap li a:hover {color:#00bc70; }
.qna01 .con_wrap li a span.mark {color:#00bc70; font-weight:700; margin-right:7px }
.qna01 .con_wrap li .answer {position:relative; width:100%; float:left; padding:10px 11px; background-color:#f3f3f3; display:none; font-size:0; box-sizing:border-box;}
.qna01 .con_wrap li .answer .answer_in  { }
.qna01 .con_wrap li .answer .answer_in *  { line-height:1.8em !important}



.qna01 .con_wrap li .answer  .answer_in > span.mark {display:inline-block; float:left; font-weight:700;  vertical-align:top;}
 .qna01 .con_wrap li .answer p {display:inline-block; /*width:calc(100% - 30px); */ width:100%; vertical-align:top;  }
.qna01 .con_wrap li .answer img {vertical-align:top; display:block; margin:10px 0; }
.qna01  .a_cont {width:98%; display:inline-block;float:right;}



/*ask01*/
.ask01 {}
.ask01 h3 {text-align: center; font-size: 2rem; margin: 50px 0 30px 0;}
.ask01 .con_wrap {max-width:700px; margin:0 auto; }
.ask01 .con_wrap h4 {font-size:1.7rem; text-align:left;  margin:50px 0 20px 0; word-break:keep-all}
.ask01 .con_wrap h4 span {font-weight:400; }
.ask01 .con_wrap > ul {margin-bottom:90px; }
.ask01 .con_wrap .wrap1 {}
.ask01 .con_wrap .wrap1 li {width:100%; font-size:0; padding:10px 0; }
.ask01 .con_wrap .wrap1 li p {display:inline-block; line-height:45px; width:90px; font-size:1rem; vertical-align:top; }
.ask01 .con_wrap .wrap1 li p span {color:red; font-weight:600; margin-right:3px; }
.ask01 .con_wrap .wrap1 li .input_wrap {display:inline-block; width:calc(100% - 90px); vertical-align:middle; }
.ask01 .con_wrap .wrap1 li .input_wrap:after {clear:both; display:block; content:''; }
.ask01 .con_wrap .wrap1 li .input_wrap input {width:100%; border:0; background-color:#f3f3f3; line-height:45px; padding-left:10px; }
.ask01 .con_wrap .wrap1 li.tel .input_wrap {font-size:0; }
.ask01 .con_wrap .wrap1 li.tel .input_wrap span  {width:3.5% !important; display:inline-block; text-align:center !important; vertical-align:middle; }
.ask01 .con_wrap .wrap1 li.tel .input_wrap input {width:31% !important; }
.ask01 .con_wrap .wrap1 li.email .input_wrap {font-size:0; }
.ask01 .con_wrap .wrap1 li.email .input_wrap input {width:31%;}
.ask01 .con_wrap .wrap1 li.email .input_wrap span {width:5%; text-align:center; display:inline-block; vertical-align:middle; }
.ask01 .con_wrap .wrap1 li.email .input_wrap select {height:45px; width:31%; vertical-align:middle; margin-left:2%; border-color:#ddd; }
.ask01 .con_wrap .wrap1 li.won .input_wrap input{width:31%; }
.ask01 .con_wrap .wrap1 li .input_wrap span {width:40px; line-height:45px; text-align:right; display:inline-block; }
.ask01 .con_wrap .wrap1 li .input_wrap button {font-size:.9rem; line-height:20px; padding:0 5px; margin-top:12px;  }
.ask01 .file_txt{font-size:.95rem;margin-left:8px;font-weight:500}

.ask01 .con_wrap .wrap2 {list-style-type: none; font-size:0; }
.ask01 .con_wrap .wrap2 li {display: inline-block; width:33.333%}
.ask01 .con_wrap .wrap2 li input {}
.ask01 .con_wrap .wrap2 li input[type="checkbox"][id^="myCheckbox"] {display: none;}
.ask01 .con_wrap .wrap2 li label { border: 3px solid #fff; padding: 1%; display: block; position: relative; margin: 3%; cursor: pointer; transition:.2s all; }
.ask01 .con_wrap .wrap2 li label:before {background-color: white; color: white; content: " "; display: block; border-radius: 50%; border: 1px solid grey; position: absolute; top: -5px; left: -5px; width: 25px; height: 25px;
																	text-align: center; line-height: 28px; transition-duration: 0.4s; transform: scale(0);}
.ask01 .con_wrap .wrap2 li label img  {height: 100%; width: 100%; transition-duration: 0.2s; transform-origin: 50% 50%;}
.ask01 .con_wrap .wrap2 li :checked + label {border-color:#00bc70 !important;}
.ask01 .con_wrap .wrap2 li :hover + label {border-color:#00bc70 !important;}
.ask01 .con_wrap .wrap2 li :checked + label:before {content: "✓"; background-color: #555; transform: scale(1);}
.ask01 .con_wrap .wrap2 li :checked + label img {transform: scale(0.9); /* box-shadow: 0 0 5px #333; */ z-index: -1;}

.ask01 .con_wrap .wrap3 {font-size:0; }
.ask01 .con_wrap .wrap3 li {display:inline-block; margin-right:20px; }
.ask01 .con_wrap .wrap3 li input {margin-top:6px; margin-right:3px; }
.ask01 .con_wrap .wrap3 li label {font-size:1rem; }

.ask01 .con_wrap .wrap4 {}
.ask01 .con_wrap .wrap4 li {width:100%; font-size:0; padding:10px 0; }
.ask01 .con_wrap .wrap4 li p {display:inline-block; width:100px; font-size:1rem; vertical-align:middle; }
.ask01 .con_wrap .wrap4 li p span {color:red; font-weight:600; margin-right:3px; }
.ask01 .con_wrap .wrap4 li .input_wrap {display:inline-block; width:calc(100% - 100px); vertical-align:middle; }
.ask01 .con_wrap .wrap4 li .input_wrap input {width:180px; border:0; background-color:#f3f3f3; line-height:45px; padding-left:10px; }
.ask01 .con_wrap .wrap4 li .input_wrap span {width:50px; line-height:45px; padding-left:10px;  display:inline-block; }

.ask01 .con_wrap .wrap5 {}
.ask01 .con_wrap .wrap5 textarea {resize:none; width:100%; min-height:200px; background-color:#f3f3f3; border-radius:10px; border:0; padding:10px; margin-bottom:20px;  }
.ask01 .con_wrap .agree {text-align:center; border-top:2px solid #ddd; padding-top:20px;  }
.ask01 .con_wrap .agree input {margin-top:6px; margin-right:5px; }
.ask01 .con_wrap .agree label {font-size:1.1rem; }
.ask01 .con_wrap .agree label b {font-size:1.1rem; color:#00bc70; }
.ask01 .con_wrap .ask01_btn {margin:0 auto; display:block; width:200px; line-height:45px; text-align:center; color:#fff; background-color:#00bc70; border-radius:23px; margin-top:30px; }


/*agreement01*/
.agreement01 {padding:0 40px; }



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

.sub_vi {height:200px; }
.sub_vi p {height:100%; padding:55px 0; }
.sub_vi p.subvi_p2 {font-size:1.6rem; line-height:2rem; font-weight:600; padding:40px 0; }

.sub_tab {padding:0 3%; }

#sub {padding:0 3%; }


.business01 ul li {width:32%; }


}



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

.company01 .wrap .right {margin-top:20px; }

.company01_5 > p {width:100%; }


/*agreement01*/
.agreement01 {padding:0; }


}




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

.company01 {}
.company01 .wrap {font-size:0; text-align:center }
.company01 .wrap .left_wrap {width:70%;  }
.company01 .wrap .left_wrap .left {margin:0 auto;  }
.company01 .wrap .right {width:100%; margin-top:40px; }
.company01 .wrap .right h4:after {left:50%; transform:translate(-50%,0);}


.company01_2 p {width:100%; }


.qna01  .a_cont {width:97%; display:inline-block;float:right; }



}



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

.company01_4 > div {width:100%; margin-bottom:15px; }
.company01_4 > div.third {height:210px; }

}




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


.company01_3 ul li {width:50%; margin-bottom:20px; }

.company01_5 .ul_wrap ul li {width: 33.333%; margin-bottom:30px; }
.company01_5 .ul_wrap span {display:none; }


.portfolio01 .ptf_con .con_wrap {width:100%; }
.portfolio01 .ptf_con .box_wrap {width:100%; }




/*portfolio_view*/
.portfolio_view {text-align:center; }
.portfolio_view .left {width:70%; }

.portfolio_view .right {width:100%; padding-left:0; margin-top:30px; text-align:left;  }
.portfolio_view .right h4 {font-size:1.7rem; border-top:3px solid #00bc70; padding:20px 10px; font-weight:600; }
.portfolio_view .right ul {border-top:1px solid #ddd; padding:20px 10px; }
.portfolio_view .right ul li {color:#555;}
.portfolio_view .right ul li span {font-weight:600; color:#111; margin-right:20px; }
.portfolio_view .right .txt {padding:20px 10px; }
.portfolio_view .txt2 {padding:30px 10px; }
.portfolio_view .right .txt p           {line-height:1.7rem; font-size:1rem; }
.portfolio_view .right .txt p span {line-height:1.7rem; font-size:1rem !important; }


.portfolio02 .ptf_con .con_wrap {width:100%; }



}






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




.business01 ul li {width:49%; }

.company01_5 > p {padding:10px 30px; }

/*
.portfolio01 .ptf_con .con_wrap li {width:32%; margin-right:2%; padding-bottom:32%; margin-bottom:2%;  }
.portfolio01 .ptf_con .con_wrap li:nth-child(3n) {margin-right:0; }
.portfolio01 .ptf_con .con_wrap li:nth-child(4n) {margin-right:2%; }
*/

.qna01 .con_wrap li .answer .answer_in *  { line-height:1.5em !important}

}



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


.portfolio_view .left {width:100%; }

.portfolio01 .ptf_con .con_wrap li {width:49%; margin-right:2%;  }
.portfolio01 .ptf_con .con_wrap li:nth-child(2n) {margin-right:0 !important;}
.portfolio01 .ptf_con .con_wrap li:nth-child(3n) {margin-right:2%}
.portfolio01 .ptf_con .con_wrap li p {font-size:1rem; }
.portfolio01 .ptf_con .con_wrap li span {font-size:.9rem;}

.portfolio02 .ptf_con .con_wrap li {width:49%; margin-right:2%;  }
.portfolio02 .ptf_con .con_wrap li:nth-child(2n) {margin-right:0 !important;}
.portfolio02 .ptf_con .con_wrap li:nth-child(3n) {margin-right:2%}
.portfolio02 .ptf_con .con_wrap li p {font-size:1rem; }
.portfolio02 .ptf_con .con_wrap li span {font-size:.9rem;}

.ask01 .con_wrap h4 {font-size:1.3rem; }


.ask01 .con_wrap .wrap1 li.email .input_wrap input {width:100%; margin-bottom:10px; }
.ask01 .con_wrap .wrap1 li.email .input_wrap span {width:20px; text-align:left; }
.ask01 .con_wrap .wrap1 li.email .input_wrap input:nth-child(3) {width:calc(49% - 10px); margin-bottom:0; }
.ask01 .con_wrap .wrap1 li.email .input_wrap select {width:calc(49% - 10px); margin-left:2%;  }
.ask01 .con_wrap .wrap1 li.won .input_wrap input{width:calc(49% + 10px);}


.company01 .wrap .left_wrap {width:90%;}


.qna01  .a_cont {width:95%; display:inline-block;float:right; }


.company01_2 .bs{gap:20px;}
.company01_2 .bs .plusbox{gap:40px;}
.company01_2 .bs .plusbox::after{font-size:2em; top:30%;}
.company01_2 .bs > img{width:30%;}
.company01_2 .bs .plusbox dd{font-size:.85em;}
}


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

.company01_2 p {padding:10px 30px; }

.company01_5 .ul_wrap ul li {width: 50%; margin-bottom:30px; }

.ask01 .con_wrap .wrap3 li { width:100px; margin:0; }


}