@charset "utf-8"; 
/*
  Project _ CSS Init
  FileName _ main.css - (메인레이아웃)
  Author _ 쮸양(태태태어멈)~★
  Date _ 2021. 12. 16
  Last _ 2021. 12. 16
*/

.innerLine {position:relative; overflow:hidden; border-top:1px solid #dadada; border-bottom:1px solid #dadada;}
.container {position:relative; width:1200px; margin:40px auto; overflow:hidden;}

/******************************************************************************************************************************************
	visual CSS (메인비주얼 스타일 설정) - 2022.01.13 쮸양~★
*******************************************************************************************************************************************/
#visual {position:relative; width:100%;}
.visualBg {position:relative; width:100%; height:658px; background:#dbdbdb url('../img/main/mainV.jpg') no-repeat center top;}
#visual p {text-align:left; line-height:130%;}
#visual p.ti01 {padding-top:50px; font-size:40px; letter-spacing:-0.1em; color:#575353; word-break:keep-all; font-weight:500;}
#visual p.ti02 {color:#575353; font-size:60px; font-weight:500; letter-spacing:-0.1em; word-break:keep-all}
#visual ul.ti03 {position:relative; width:520px; margin-top:25px;}
#visual ul.ti03 li {padding-left:20px; font-size:17.5px; margin-bottom:5px; color:#fff; background:#575353; border-radius:20px; font-weight:300; word-break:keep-all}


/****************** picList (사진) ******************/
.conBox01 {position:relative; width:1200px; margin:0px auto; margin-top:-300px; padding:55px 0px 40px 0px;}

.picList {position:relative; width:1200px; height:420px; margin:0px auto; overflow:hidden; z-index:10;}
.picList ul {position:relative; width:460px;}
.picList ul li {float:left; text-align:center; width:calc((100% - 0px) / 2);}
.picList ul li a.tab_btn {position:relative; padding:10px 0px; display:block; cursor:pointer; font-size:20px; color:#7b8999; background:#ffffff; border-radius:50px;}
.picList ul li a.tab_btn:hover {text-decoration:none}

.picList ul li.on a.tab_btn {position:relative; display:block; cursor:pointer; font-size:20px; color:#fff; background:#0068b7; border-radius:50px;}
.picList ul li.on a.tab_btn:hover {text-decoration:none}

.picList .list {display:none; position:absolute; top:25px; left:0px; width:1200px; overflow:hidden; z-index:-1;}
.picList .list ul {padding:50px 0px; width:100%; min-height:340px;}
.picList .list ul li {float:left; text-align:left; width:20%; position:relative; font-size:18px; background:#fff; border:1px solid #c9c9c9; border-left:none; padding:30px 30px; margin-bottom:100px;}
.picList .list ul li:first-child {border-left:1px solid #c9c9c9;}
.picList .list ul li:last-child {}
.picList .list ul li a {display:block}

.picList .list ul li .tit {display:block; overflow:hidden; color:#1b1b1b; font-size:13px; line-height:22px; letter-spacing:-0.08em; white-space:nowrap; text-overflow:ellipsis;}
.picList .list ul li .tit02 {display:block; overflow:hidden; color:#1b1b1b; font-size:18px; line-height:22px; letter-spacing:-0.08em;}
.picList .list ul li .gobtn {display:block; overflow:hidden; color:#626262; font-size:13px; line-height:22px; letter-spacing:-0.08em; margin-bottom:5px;}
.picList .list ul li .pic {width:100%; height:200px; border:1px solid #eeeeee; display:inline-block;}
.picList .list ul li .pic img {width:100%;}

.picList li.tap01 .more {position:absolute; right:0px; top:-5px; z-index:2; text-indent:-9999px; display:block;}
.picList li.tap02 .more {position:absolute; right:0px; top:-5px; z-index:2; text-indent:-9999px; display:block;}

.picList .more span {display:block; background:url('../img/common/i_plus_w.png') no-repeat 50%; transition:all 0.4s ease; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; -ms-transition:all 0.4s ease; -o-transition:all 0.4s ease; width:43px; height:37px;}
.picList .on .more span {display:block; background:url('../img/common/i_plus.png') no-repeat 50%; transition:all 0.4s ease; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; -ms-transition:all 0.4s ease; -o-transition:all 0.4s ease; width:43px; height:37px;}
.picList .more:hover span {transform:rotate(360deg); -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg)}


/******************************************************************************************************************************************
	content CSS (메인컨텐츠 스타일 설정) - 2021.12.16 쮸양~★
*******************************************************************************************************************************************/
#content {position:relative; width:100%; overflow:hidden; padding:0px 0px;}
#content h3 {color:#313131; font-size:30px; font-weight:400; line-height:120%; margin-bottom:10px;}


/********** 견적/만족센터 **********/
.mainBanner {position:relative; width:1200px; margin:0px auto 40px auto; box-sizing:border-box; overflow:hidden;}
.mainBanner li {float:left; width:50%; padding-left:35px; padding-right:265px; padding-top:20px; min-height:185px; box-sizing:border-box;}

.mainBanner li p {font-size:15px; color:#313131; font-weight:400; line-height:120%;}
.mainBanner li p.txt {opacity:0.6;}
.mainBanner li p.txt span {color:#e60012;}
.mainBanner li p.call {color:#eb6100; font-size:20px; margin-bottom:20px;}
.mainBanner li p.call span {font-size:33px;}

.mainBanner li.orderBox {width:500px; border:1px solid #f1f1f1; background:#f2f2f2 url('../img/main/pic01.jpg') no-repeat right center;}
.mainBanner li.main_callBox {width:700px; border:1px solid #f1f1f1; padding-right:200px; border-left:none; background:url('../img/main/pic02.jpg') no-repeat right center;}

.mainBanner p.btn {position:relative; width:130px; height:30px; text-align:left; line-height:190%; background:rgba(0, 0, 0, 0.5); border-radius:100px; color:#fff; padding:3px 20px; font-size:13px; margin-top:20px;}
<!-- 아이콘 -->
.mainBanner p.btn i {width:14px; height:14px; display:block;}
.mainBanner p.btn i.ic_more {position:absolute; right:15px; top:7px; width:14px; height:14px; display:block; background:url('../img/main/i_next.png') no-repeat 0px 0px;}