/***********************************************************************************
	Copyright ⓒ DAONTHEME All rights reserved. Do Not delete the license.
	유료컨텐츠용 CSS입니다. 불법복제시 법적인 제제를 받으실 수 있습니다. 	
************************************************************************************/
 [class~=business]{width:100%;max-width:1410px;margin:0 auto} [class~=business]:after{content:"";display:block;clear:both} [class~=business] ul{padding:0;margin:0} [class~=business] ul li{float:left;width:31.333333%;margin-left:1%;margin-right:1%} [class~=business] ul li img{display:block;width:100%} [class~=business] ul li strong{display:block;margin-top:30px;font-size:1.5em;font-weight:700;line-height:28px;text-align:center} [class~=business] ul li > span{display:block;margin-top:20px;font-size:1em;text-align:center;letter-spacing:-0.04em} [class~=cross]{width:100%;max-width:1300px;margin:0 auto} [class~=cross]:after{content:"";display:block;clear:both} [class~=cross] ul{padding:0;margin:0} [class~=cross] ul li{float:left;width:100%;overflow:hidden;margin-bottom:60px} [class~=cross] ul li [class~=cross_tit]{font-size:2em} [class~=cross] ul li [class~=cross_txt]{font-size:1.2em;padding-top:20px} [class~=cross] ul li [class~=cross_img]{float:left;width:65%;height:340px;margin-bottom:50px;background:#f8f8f8} [class~=cross] ul li [class~=cross_img] img{height:340px} [class~=cross] ul li [class~=cross_right]{float:right;width:35%;height:340px;background:#f8f8f8;padding:50px 50px 0 0px;box-sizing:border-box} [class~=cross] ul li[class~=other_type] [class~=cross_img]{float:right;width:65%;height:340px;background:#f8f8f8;margin-bottom:50px;text-align:right} [class~=cross] ul li[class~=other_type] [class~=cross_right]{float:left;width:35%;height:340px;background:#f8f8f8;padding:50px 40px 0 50px} [class~=cross] ul li[class~=other_type] [class~=cross_img] img{height:340px} [class~=btn_go]{display:inline-block;background:#222;color:#fff;text-align:center;font-size:1em;margin:20px 0px;padding:10px 30px;border:1px solid #000;transition:0.5s all ease;-webkit-transition:0.5s all ease;-moz-transition:0.5s all ease;-ms-transition:0.5s all ease;-o-transition:0.5s all ease} [class~=btn_go]:hover{color:#000;background-color:#fff} @media screen and (max-width:360px){} {}@media all and (max-width:1200px){[class~=cross]{width:95%}} @media all and (max-width:1200px){[class~=cross] ul li [class~=cross_tit]{font-size:1.5em}} @media all and (max-width:1200px){[class~=cross] ul li [class~=cross_txt]{font-size:1em}} @media all and (max-width:1200px){[class~=cross] ul li [class~=cross_img]{width:60%;height:250px;margin-bottom:0px}} @media all and (max-width:1200px){[class~=cross] ul li [class~=cross_right]{width:40%;height:250px;padding:30px 30px;margin-bottom:50px}} @media all and (max-width:1200px){[class~=cross] ul li [class~=cross_img] img{height:100%}} @media all and (max-width:1200px){[class~=cross] ul li[class~=other_type] [class~=cross_img]{width:60%;height:250px;margin-bottom:0px}} @media all and (max-width:1200px){[class~=cross] ul li[class~=other_type] [class~=cross_right]{width:40%;height:250px;padding:30px 30px}} @media all and (max-width:1200px){[class~=cross] ul li[class~=other_type] [class~=cross_img] img{height:100%}} @media screen and (max-width:768px){[class~=business] ul li{width:100%;margin-left:0px;margin-bottom:50px}} @media screen and (max-width:768px){[class~=cross] ul li{width:100%;height:auto}} @media screen and (max-width:768px){[class~=cross] ul li [class~=cross_img]{float:left;width:100%;height:auto}} @media screen and (max-width:768px){[class~=cross] ul li [class~=cross_img] img{width:100%}} @media screen and (max-width:768px){[class~=cross] ul li [class~=cross_right]{width:100%;height:auto;padding:30px 20px}} @media screen and (max-width:768px){[class~=cross] ul li[class~=other_type] [class~=cross_right]{width:100%;height:auto;padding:30px;20px}} @media screen and (max-width:768px){[class~=cross] ul li[class~=other_type] [class~=cross_img]{float:right;width:100%;height:auto}} @media screen and (max-width:768px){[class~=cross] ul li[class~=other_type] [class~=cross_img] img{width:100%}} @media screen and (max-width:480px){[class~=vision] ul li{width:100%}}