@charset "utf-8";


/* **************************************** *
 * 공통클래스_Layout
 * **************************************** */
 @import url('reset.css');
 @import url('common.css');
 @import url('font.css');
 @import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900|Montserrat:100,200,300,400,500,600,700,800,900|play:400,700&display=swap');
 


/* **************************************** *
 * HEADER
 * **************************************** */


/* -------- 미디어쿼리 -------- */
@media screen and (max-width:1500px){
}
@media screen and (max-width:1200px){

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

}


/* **************************************** *
 * 메인 비주얼
 * **************************************** */

 .main-visual-item .main-visual-txt-con {    margin-top: 0!important; transform: translateY(-50%); }
 .main-visual-item .main-visual-txt-con .main-visual-txt2{    line-height: 1.4 !important;    padding-bottom: 20px;}
 .tabArea .tabCon .textBox .tit { padding-top: 0px !important; }
.tabArea .tabCon { display: grid; grid-template-columns: 60% 40%; }
.tabArea .tabCon .imgBox { width: auto; }
.tabArea .tabCon .textBox .s_tit,.tabArea .tabCon .textBox .txtn n { width: 100% !important; }
.tabArea .tabCon .textBox { width: auto !important; height: auto !important; padding: 50px !important; }
.whyksys ul { display: grid; grid-template-columns: 1fr 1fr 1fr; }
.whyksys ul li { width: auto !important; background: #f5f5f5; padding: 20px 50px !important; transition: 0.4s; border-left: 1px solid #d8d8d8; }
/* **************************************** *
 * 서브 비주얼
 * **************************************** */
 .request_wrap .conBox ul li dl dt {width: 150px !important;}
 .request_wrap .conBox ul li dl dd {padding-left: 150px !important;}
 @media screen and (min-width:900px) {
	.solutionCnt dl dd {width:130%!important;left: 50% !important;top: -150px!important;bottom:auto;transform: translateX(-50%) !important;text-align:center;font-size:16px;line-height:26px;}
	.solutionCnt dl:nth-child(1) dd {top:auto!important;bottom: -150px !important;}
	.solutionCnt dl:nth-child(3) dd {top:auto!important;bottom: -150px!important;}
}
@media screen and (max-width:800px) {
    .request_wrap .conBox ul li dl dt {width: 100% !important;}
    .request_wrap .conBox ul li dl dd {padding-left: 0px !important;}
}

/* **************************************** *
 * 서브 메뉴
 * **************************************** */



/* **************************************** *
 * FOOTER
 * **************************************** */


/* -------- FOOTER :: 상단 -------- */

/* -------- FOOTER :: 하단 -------- */