@import url('https://fonts.googleapis.com/css?family=Black+Han+Sans:400');
@import url('https://fonts.googleapis.com/css?family=Black+Han+Sans&display=swap&subset=korean');
@font-face {
  font-family: 'Godo';
  font-style: normal;
  font-weight: 400;
  src: url('//cdn.jsdelivr.net/korean-webfonts/1/corps/godo/Godo/GodoM.woff2') format('woff2'), url('//cdn.jsdelivr.net/korean-webfonts/1/corps/godo/Godo/GodoM.woff') format('woff');
}
body { overflow-x: hidden; }
body * {word-break: keep-all; font-family: 'Godo';}


/* visual */
#visual {width:100%;/* height:calc(100% - 120px); */ position:relative; opacity:1; padding-top:75px;}
#visual .slick-slider {position: relative; display: block;}
#visual .slick-list {position: relative; display: block; overflow: hidden;}
#visual .slick-slide {display: none; float: left; height: 100%; min-height: 1px;}
#visual .slick-initialized .slick-slide{display: block; outline: none;}
#visual .slick-vertical .slick-slide{display: block; height: auto; border: 1px solid transparent;}
#visual .section{width:100%;height:100%;position:relative;overflow:hidden; background-position:center; background-repeat:no-repeat;  border:0;}
#visual .section a{display:block; width:100%;height:100%;}

#visual .sub_imgbox{height:100%;}
#visual .sub_imgbox .slick-list ,
#visual .sub_imgbox .slick-track {height:100%;}

#visual .slick-dots{position:absolute; bottom:0; left:50%; transform:translateX(-50%);  z-index:1009; text-align:center;}
#visual .slick-dots li{float:left;}
#visual .slick-dots li button{width:15px; height:15px; font-size:0; cursor:pointer; border:2px solid rgba(255, 255, 255, .5); border-radius:100%; padding:0; margin:0 4px; background:none;}
#visual .slick-dots li.slick-active button{background:#ffffff;}



@media (max-width:770px){
#visual { padding-top:70px;}
#visual .slick-dots{position:absolute; bottom:20px; }
}



#visual .visual_txt{display:none; font-family:'Montserrat', sans-serif; position:absolute; width:100%; text-align:center; top:40%; z-index:1010; color:#fff; -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%);}
#visual .visual_txt h2{font-family:'Montserrat', 'Noto Sans KR', sans-serif; font-size:60px; font-weight:700; line-height:120%; padding-top:12px}
#visual .visual_txt p.txt{font-family:'Montserrat', 'Noto Sans KR', sans-serif; font-size:20px; letter-spacing:-0.3pt; font-weight:300; line-height:120%; color:rgba(255,255,255,.8)}
#visual .visual_txt br {display:none;}

#visual .scroll_down{width:27px;position:absolute; bottom:10%; left:50%;margin-left:-13px; text-align:center; z-index:1010; animation:down_ani 1.5s ease-in-out infinite;}
#visual .scroll_down a img{text-align:center;}
#visual .scroll_down a span{ display: none; font-family:'Montserrat', sans-serif; font-weight:100; color:#fff; opacity:0.5; font-size:15px; position:relative; top:5px; margin-left:-15px;}
#visual .scroll_down i {color: #fff;font-size: 30px;}


#mainContents {position: relative; text-align:center; width:100%; max-width: 1200px; color: #333; margin:0 auto ; }
#mainContents h2 {font-size: 3.3rem;font-weight: bold;}
#mainContents .desc {1.13rem;margin-bottom: 30px;}
#mainContents .container div > img {margin: 0 9px; margin: 0;}
#mainContents .container > div {float: left;}



#mainBanner {position: relative;text-align: center;height: 470px;width: 100%; max-width: 1200px; margin:0 auto;}
#mainBanner .container div > img {margin: 0 10px;}
#mainBanner .container > div {float: left;}
#mainBanner .container {border-bottom: 0px solid #888;padding-bottom: 50px;}

.toptext{
	padding-bottom: 30px;
	text-align: center;

}
.toptext h3{
	font-size: 25px;
	font-weight: bold !important;
	color: #333;

}
.toptext h3 span { letter-spacing: 0.5px !important; }
.toptext h5{
	font-size: 17px;
}

.submenu{
margin-right: 7px;
	padding-top: 10px;
	height:275px;
	border:solid 1px rgba(185,184,184,1.00) ;
	background-color: white;
	padding-bottom: 10px;
}
.submenu h4{
	font-size: 16px;
	color:rgba(15,167,185,1.00);
	font-weight: 400;


}
.submenu img{
	width: 270px;


}
.submenu span{
	font-size: 13px;
	color:rgba(83,81,81,1.00) ;
	font-weight: 300;
}










/* 오른쪽 윙 */


.main-customer {
	position:fixed;
	right:30px;
	top:200px;
	width:170px;
    height: 470px;
    padding: 0;
	    border-radius: 15px;
		z-index: 999;
}
.main-customer h4 {
    margin: 0;
    padding: 13px 0;
	text-align:center;
    color: #fff;
    font-size: 18px; font-weight: bold;
    letter-spacing: -0.04em;
    background: #555;
	border-radius: 15px 15px 0 0;
}
.m-customer-content{
    background: rgba(255,255,255,0.74);
	padding:10px;
}
.main-customer .des{
	margin-top:10px; font-size:13px; word-break:keep-all;
	text-align:center;
	letter-spacing: -0.3px;
}
.main-customer .customer-li {
    margin: 30px auto 0px;
}
.main-customer .customer-li:after{
	content:'';
	display:block;
	clear:both;
}
.main-customer .customer-li li {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0 5px;
}
.main-customer .customer-li li a {
    display: block;
	margin-bottom:10px;
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: #ddd;
    color: #333;
    font-size: 14px;
    font-weight: 500;
    border-radius: 4px;
    letter-spacing: -0.06em;
    text-align: center;
    text-decoration: none;
    box-shadow: 0 1px 2px rgba(0,0,0,0.2);
}
.main-customer .customer-li li a .fa{
	margin-right:10px;
}
.main-customer .customer-li .kakao a{
	color:#36191e;
	background:#fbe300;
}
.main-customer .customer-li .naver a{
	color:#fff;
	background:#35ab36;
}
.main-customer .customer-li li img{
	max-width:20px;
}
.main-customer .bottom-content{
	padding:20px 0px;
	border-top:1px solid #ddd;
}
.main-customer .bottom-content:after{
	content:'';
	display:block;
	clear:both;
}
.main-customer .bottom-content i{
	float:left;
	display:inline-block;
	width:30px;
	height:30px;
	line-height:30px;
	font-size:20px;
	background:#a2785f;
	border-radius:50%;
	color:#fff;
	text-align:center;
}
.main-customer .bottom-content ul{
	float:left;
	width:calc(100% - 50px);
	padding-left:10px;
	margin-bottom:0;
}
.main-customer .tel {
    color: #204854;
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 5px;
    line-height: 1;
}
.main-customer .time {
    margin: 0;
    color: #666;
    font-size: 14px;
    letter-spacing: -0.02em;
}
.main-customer .time span {
    color: #222;
    font-weight: 600;
    padding-right: 5px;
}
.intro-board-widget-layout{
	display:none;
}


@media(max-width:767px){
    .main-customer{
        display:none;
    }
}



/* 오른쪽 윙 끝 */








.cont03{width:100%; max-width:1200px; margin:0 auto;  height:auto; padding:30px 0 10px; }
.cont03 .contInner { width:100%; max-width:1200px; margin:0 auto; }

.cont03 .notice_cont{width:33%;  float:left; height:160px; margin-right:0px;
box-sizing:border-box;} .notice_cont h4{color:#fff; font-size:18px;
font-weight:normal; line-height:100%; padding:39px 29px 147px 25px; float:left;
font-weight:bold;} .notice_cont .more{display:block; width:34px; height:34px;
position:absolute; margin-left:441px;} .notice_cont ul{width:350px;
/*float:right;*/ padding-top:5px;} .notice_cont li a{color:#9c9c9c;
line-height:25px; overflow:hidden; clear:both; font-size:14px;     /*
vertical-align: baseline; */} .notice_cont li a span{float:right;
line-height:25px; font-size:13px; color:#fff; letter-spacing:0pt;
padding-right:30px; font-family: 'Noto Sans', sans-serif;} .notice_cont li img {
position:relative; top:-1px; }

.cont03 .cscenter{width:32%; height:160px; color:#fff; float:left;box-sizing:border-box;  margin-right:20px;  padding:0 30px;}
	.cscenter h4{font-weight:bold; font-size:18px; color:#fff; padding:28px 0 7px 25px;}
	.cscenter p {font-family: 'Noto Sans', sans-serif; font-weight:bold; color:#7cc1bd; font-size:45px; line-height:100%; padding:0 0 15px 0; }
	.cscenter span { font-weight:normal; font-size:24px; line-height:30px; }
	/*.cscenter a { margin-left:25px; }*/
	#cs_btn {transition:0.3s; font-size:17px; display:inline-block; width:200px; padding:6px 0; text-align:center; background:#28a8e0; border-radius:4px; color:#fff;}
	#cs_btn:hover {background:#ffffff; color:#64627b; transition:0.3s;}

	#dw_btn {font-size:17px; padding:6px 0; text-align:center; background:#fff; border-radius:10px; color:#b59c6f; font-weight:600;  margin-top: 105px;}
	#dw_btn:hover {background:#f77695; color:#fff; }





/* 회사정보 */

.toptext h3 { font-size:40px; font-weight:500 !important; letter-spacing: -1px;}
.toptext h5 {color:#000; font-size: 20px; font-weight:400; line-height: 2em;}

.main_list2 {width:70%; margin: 0 auto; display:flex; flex-wrap:wrap;}
.main_list2 li {min-height:200px; width:33%;   padding:30px 40px 20px; box-sizing:border-box; position:relative; margin:0 auto; transition:0.3s;}
.main_list2 li:hover {background:#f5efe7 ; transition:0.3s;}
.main_list2 li h2:before { display: block; margin: 0 auto; height: 0px; width: 1px; background:#b1874c ; content:'';  transition:0.3s; }
.main_list2 li:hover h2 {color: #b1874c !important ; transition:0.3s; }
.main_list2 li:hover h2:before  { height: 25px;  transition:0.3s; }
.main_list2 li h2 { color: #000;line-height:30px; text-align:center; font-size:15px !important; word-break:keep-all;}
.main_list2 li h2 span {color:#8d93a3; font-size:14px; font-weight:normal; line-height: 1.4;display:block;}

@media (max-width:770px){

.toptext h3 { font-size:25px; }
.toptext h5 {color:#000; font-size: 15px;  line-height: 1.5; padding: 0 20px; word-break:keep-all;}

.main_list2 {width:100%; margin: 0 auto;}
.main_list2 li {min-height:150px; width:33%; padding: 5px 10px; }
.main_list2 li img {width: 60%;}
}







/* 소송종류 */


.main_box2 {background: #fff; margin-bottom: 0;}
.main_box2 li {overflow: hidden; }
.main_box2 li span {width: 50%; background: #fff; word-break:keep-all;}
.main_box2 li span.left {float:left;}
.main_box2 li span.right {float:right; }
.main_box2 li span.padding {padding: 5%;}
.main_box2 li span small { font-size:18px; letter-spacing: 5px; font-weight:normal; padding-bottom: 10px; display: block;}
.main_box2 li span h3 {font-size:35px; font-weight: 600;}
.main_box2 li span strong {font-weight:normal; color: #999; }
.main_box2 li span a { margin-top: 40px;display: inline-block; font-size:18px ; background: #0864c0; width: auto ; padding: 10px 20px;  vertical-align: middle; transition:0.3s;}
.main_box2 li span.padding:hover a {background: #111; color: #fff; transition:0.3s;}
.main_box2 li span a i { font-size:15px; vertical-align: middle; transition:0.3s;}
.main_box2 li span.padding:hover a i {padding-left: 20px; transition:0.3s;}
.main_box2 li span img {width: 100%;}



@media (max-width:770px){
.main_box2 li span {width: 100%; background: #fff;  }
.main_box2 li span.padding {padding: 20px 20px 40px 20px;}
.main_box2 li span a { margin-top: 20px;}



}






/* 콘도회원권 슬라이드 */
.slider_bg { padding-bottom:80px; background:url('../img/main/7433.jpg') no-repeat; overflow:hidden;}
.heading {
    text-align: center;
    padding: 80px 0 0 0;
	margin-top:80px;
}
@media (max-width:770px) {
.heading {padding-top:40px;}

}
.heading h1 {
    font-size: 35px !important;
}
.slider {

    padding: 20px 0;
    margin: 30px auto;
}
.slide-box {
   cursor: url("../img/main/corsur.png"), url("../img/main/corsur.png"), default;
    position: relative;
    height: 470px;
}
.slide-box img {
    width: 100%;
    height: 470px;
    object-fit: cover;
    border-radius: 5px;
}
.slide-box h3 {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 120px 25px 30px 25px;
    font-family: 'Spoqa Han Sans';
    font-weight: 500;
    color: #fff;
    font-size: 25px;
    border-radius: 0 0 5px 5px;
    background-image: linear-gradient(rgba(0, 0, 0, 0.05), rgb(0, 0, 0));
    width: 100%;
    margin: 0;
}

.wt-footer ul {
    padding: 0;
}
.wt-footer ul li {
    display: inline-block;
    padding: 0 10px;
    font-size: 15px;
}
.wt-footer ul li a {
    color: #212121;
    transition: all .3s;
}
.wt-footer ul li a:hover {
    color: #0D47A1;
}
.footer-secright {
    text-align: right;
}
.owl-carousel { }
.slider-box {width:100%;}
.slider { }
.owl-item { display:inline-block; }

@media (max-width:770px) {
.slider {width:90%; margin:0 auto;}
}


.owl-carousel {position:relative; }
.owl-nav {position:absolute; bottom:-70px; left:50%; left:50%; transform:translateX(-50%);  width:200px; height:50px;}
.owl-nav button { outline:0 !important; border:0; background:rgba(0,0,0,0); font-size:100px;  font-weight:200; height:50px; width:50%;}
.owl-nav button span {height:50px; display:block; margin-top:-90px;}
.owl-dots {display:none;}




/* 매매신청 */

.list3_wrap { width:100%;    padding-bottom:50px; background:#f1f1f5;}
.main_list3 { margin-top:20px; text-align:center;}
.main_list3 li {width:19%; display:inline-block; background:#fff; border-radius:10px; margin-right:5px; padding:40px 0; transition:0.3s;}
.main_list3 li i{color:#b3b3c8; font-size:100px; transition:0.3s;}
.main_list3 li span { color:#b3b3c8; font-size:20px !important; font-weight:700; transition:0.3s;}

.main_list3 li:hover { background:#b3b3c8; }
.main_list3 li:hover i {color:#fff; }
.main_list3 li:hover span { color:#fff !important; }

@media (max-width:1150px) {
.main_list3 { margin-top:30px; transition:0.3s;}
.main_list3 li {width:47%; margin:8px 5px;  transition:0.3s; }
.list3_wrap {height:1000px;  transition:0.3s;}
.main_list3 li {width:46%; margin:8px 5px;  transition:0.3s; }
}
@media (max-width:770px) {

}







#footer {
    margin:0 auto;
    width:100%; max-width:1170px;
    clear: both;
    padding: 45px 15px;
}
.privacy_txt br {display:none; }
@media (max-width:767px) {
#footer {  padding: 45px 15px; }
.privacy_txt { line-height:1.5; color:#b4b3bf; text-align: left important;}
.privacy_txt br {display:inline-block;}
.privacy_txt strong {display:none !important;}
}

.privacy {
	color: rgba(239,236,236,1.00);
    width:100%; max-width:1200px;
    margin: 0 auto;
    padding: 40px 0 25px 0;
}
.footer_in {
    width:100%; max-width:1200px;
    margin: 0 auto;
}

/* 반응형 코딩시작 * /

@media all and (max-width:640px) {
	html,body { font-size: 12px;}
	.container {width: 100px;}
	#product .productBox {width: 100%;}
	#product li {width: 48%;margin: 1%;}
}
@media all and (max-width: 420px;) {
	#product li {width: 98px;margin: 1%;
}

/* 반응형 코딩 끝 */



/*메인 액션배너 4종*/

.snip1571 {
  background-color: #fff;
  display: inline-block;
  font-family: 'NanumSquare', sans-serif !important;
  font-size: 16px;
  margin: 10px 5px;
  max-width: 580px;
  min-width: 580px;
  height:200px;
  overflow: hidden;
  position: relative;
  text-align: center;
  width: 100%;
}
.snip1571 *,
.snip1571 *:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.snip1571 img {
  backface-visibility: hidden;
  width: 100%;
  vertical-align: top;
}
.snip1571 figcaption {
  bottom: 43%;
  left: 20px;
  position: absolute;
  z-index: 0;
}
.snip1571:hover h3 { color:#009388;  text-shadow:2px 2px 3px rgba(0,0,0,0.0);}
.snip1571 h3 {
  color: #fff;
  font-size: 22px;
  font-weight: 800;
  letter-spacing: 1px;
  margin: 0; text-shadow:2px 2px 3px rgba(0,0,0,0.4);
  padding: 0px 20px;
  text-transform: uppercase;
  z-index: 1;
  font-family: 'NanumSquare', sans-serif !important;
}
.snip1571 a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
.snip1571:hover figcaption:before,
.snip1571.hover figcaption:before {
  right: -5px;
}


.main_sec01 ,.main_sec03 { padding: 0;  }
[class*="main_sec"] { padding: 100px 0; }
[class*="main_sec"] h2 { margin-bottom: 30px; text-align: center; }
[class*="main_sec"] h3 { font-size: 38px; }
.m { display: none; }

#arrow_prev { left:30px; position:absolute; top:50%; z-index:9999; cursor:pointer; font-size: 40px; color: #fff;}
#arrow_next { right:30px; position:absolute; top:50%; z-index:9999; cursor:pointer; font-size: 40px; color: #fff; }

/* 메인 sec02 */
.main_sec02 { background:url('../img/main/main_sec02_bg.jpg') no-repeat 50% 50%; background-size:cover;  }
.main_sec02 .toptext b { color: #0864c0; font-weight: 400; }
.main_sec02 .toptext span { color: #28a8e0; }
.main_sec02 ul { display: flex; margin: 0; }
.main_sec02 ul li { width: 50%;  margin: 10px;  position: relative;}
.main_sec02 ul li a { color: #333; display:block; }
.main_sec02 ul li a .img_box { background: #000; overflow: hidden; }
.main_sec02 ul li a img { width: 100%; opacity: 0.8; }
.main_sec02 ul li a .tit { margin: 20px 0 0 0; position: absolute; bottom: 30px; left: 30px; color: #fff; font-weight: 600; font-size: 25px;}

/* 메인 sec03 */
.main_sec03 { background:#fff;  }
.main_sec03 .container { display: flex; align-items: center;}
.main_sec03 .img_box { width: 47%; margin-right: 3%; }
.main_sec03 .cont { color: #000; flex-grow: 1; }
.main_sec03 .cont h3 span { color: #0864c0; }
.main_sec03 .cont .txt { margin-top: 20px; }
.main_sec03 .cont .txt p {margin: 10px 0 0 0; position: relative; padding-left: 15px; font-size: 22px; }
.main_sec03 .cont .txt p::before { content:''; width: 10px; height: 10px; background: none; border-radius: 100%; border-radius: 100%; position: absolute; top:6px; left:0; border:2px solid #0864c0; }
.main_sec03 .img_box img { border:3px solid rgba(255,255,255,0.5); }

/* 메인 sec04 */
.main_sec04 .toptext h3:before {
  content: '';
    display: block;
    width: 1px;
    height: 40px;
    margin: 0 auto 18px;
    background-color: #d7d7d7;
}
.main_sec04 .toptext h3:after {
  content: 'SPECIALIST';
  display: block;
  margin-top: 11px;
  font-family: Montserrat;
  font-size: 18px;
  font-weight: 200;
  letter-spacing: 0.4em;
  text-transform: uppercase;
  color: #a4a4a4;
}
.main_sec04 .main_box { padding: 0px 0; display:flex; flex-flow:wrap; }
.main_sec04 .main_box li a span small i {padding-left: 15px; vertical-align: middle;}
.main_sec04 .main_box li {padding: 5px; list-style:none; width:50%; transition:0.3s; }
.main_sec04 .main_box li a { filter: grayscale(0); background-size: cover !important; width: 100%; display: block;padding: 20px;  transition:0.3s;  height:300px; position: relative; overflow: hidden; }
.main_sec04 .main_box li a span { background: rgba(55, 124, 200, 0.7); color: #111; display: block; padding: 30px; transition:0.3s; position: absolute; left:0; top:30px;  }
.main_sec04 .main_box li:nth-child(2) a span { background: rgba(20, 155, 82, 0.7); }
.main_sec04 .main_box li a span strong {font-family:'NanumSquare' !important; font-size: 20px; color:#fff; }
.main_sec04 .main_box li a span font {font-family:'Noto Sans KR' !important; letter-spacing:2.5px; margin-bottom: 5px; font-size:15px; font-weight: 300; display: block; color:#fff;}
.main_sec04 .main_box li a span small {font-size:0; transition:0.3s; padding-left: 0; display:none;}

/* 메인 sec05 */
.main_sec05 { padding: 70px 0; background: #fff; }
.main_sec05 h2 { text-align: center; }
.main_sec05 .button_wrap { display: flex; align-items: center; justify-content: center; }
.main_sec05 .button_wrap li { width: calc(100% / 6); margin: 5px; cursor:pointer; }
.main_sec05 .button_base {
		margin: 0;
		border: 0;
		font-size: 18px;
		top: 50%;
		left: 50%;
		width: 165px;
		height: 165px;
		text-align: center;
		box-sizing: border-box;
		cursor: default;
}
.main_sec05 .button_base img { width: 100%; height: 100%; }
.main_sec05 .b05_3d_roll {
		perspective: 500px;
}
.main_sec05 .b05_3d_roll div {
		position: absolute;
		text-align: center;
		width: 100%;
		height: 165px;
		border: #4a4a52 solid 2px;
		pointer-events: none;
		box-sizing: border-box;
}
.main_sec05 .b05_3d_roll .back {
		color: #000000;
		background-color: #ffd700;
		transform: rotateX(90deg);
		transition: all 0.4s ease;
		transform-origin: 50% 50% -80px;

}
.main_sec05 .b05_3d_roll .back:hover,
.main_sec05 .b05_3d_roll .front {
		color: #000000;
		background-color: #ffffff;
		transform: rotateX(0deg);
		transition: all 0.4s ease;
		transform-origin: 50% 50% -80px;
}
.main_sec05 .b05_3d_roll:hover .back {
		color: #ffffff;
		transition: all 0.4s ease;
		transform: rotateX(0deg);
		z-index: 999;
}
.main_sec05 .b05_3d_roll:hover .front {
		background-color: #000000;
		transition: all 0.4s ease;
		transform: rotateX(-90deg);
}

/* 메인 sec06 */
.main_sec06 { background: repeating-linear-gradient(45deg, #5ebee7, #55b4e3 100px); }
.main_sec06 .txt ul li { padding: 25px; border:2px solid #28a8e0; margin-top: 10px; border-radius:20px; background: #fff; text-align: center; font-size: 22px; }

/* 메인 sec07 */
.main_sec07 { background: #fff; }
.main_sec07 ul { display:flex; justify-content: space-between; }
.main_sec07 ul li { width: 33.3%; padding: 20px; border:1px solid #fff; color: #fff; border-radius: 10px; }
.main_sec07 ul li:nth-child(1){ background: #6ab653; }
.main_sec07 ul li:nth-child(2){ background: #2da9f8; }
.main_sec07 ul li:nth-child(3){ background: #2f77da; }
.main_sec07 ul li .txt  { font-size: 18px; }
.main_sec07 ul li .txt span { font-size: 16px; opacity:0.7; letter-spacing: 1px;  }
.main_sec07 ul li p { margin: 0; font-size: 22px; }
.main_sec07 ul li img { float:right; }


/***** 서브페이지 *****/
.subwrap [class*="sub_sec"] { padding: 100px 0; }
.inner { width: 1170px; margin: 0 auto; }
.subwrap p { text-align: center; font-size: 20px; color: #777; }
.subwrap.bbs { padding: 0 15px; }
.subwrap.bbs p { text-align: unset; padding: 0; }
.subwrap .sub_sec01 .toptext h3 { margin: 0; }
.subwrap .sub_sec01 .toptext h3 span { color: #0864c0; }
.subwrap .sub_sec01 .cont { padding: 100px 0; background: #f0f3f3; }
.subwrap .sub_sec01 > p { margin-bottom: 50px; color: #777; }

/* 에어컨 */
.air .sub_sec01 { padding-bottom: 0 !important; }
.air .sub_sec01 .img_wrap { display: flex; justify-content: center; margin-top: 50px; }
.air .sub_sec01 .img_wrap .img_box { margin: 0 10px; }
.air .sub_sec01 .img_wrap .img_box p { background: #0864c0; color: #fff; padding: 10px 0; border-radius: 30px; margin-top: 10px; }

.air .sub_sec02 .inner { display: flex; }
.air .sub_sec02 .toptext { width: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; background: #00c2c2; padding: 0; }
.air .sub_sec02 p { border-bottom: 1px solid rgba(255,255,255,0.5); padding: 0 0 10px 0; color: #fff; text-align: left; position: relative; padding-left: 30px;}
.air .sub_sec02 i {  font-size: 22px; position: absolute; top:0; left: 0; }
.air .sub_sec02 .toptext h3 { margin-bottom: 20px; color: #fff; }
.air .sub_sec02 .img_box img { width: 100%; }

.air .sub_sec03 { background: #283c82; }
.air .sub_sec03 p { color: #283c82; }
.air .sub_sec03 h3 { color: #deecfb; }
.air .sub_sec03 p { margin: 10px 0 0; }
.air .sub_sec03 ul { display: flex; flex-wrap:wrap; }
.air .sub_sec03 ul li { width: calc(100% / 6); padding: 20px; background: linear-gradient(45deg, #e6f0ff, #cee5f3); display: flex; align-items: center; justify-content: center; flex-direction: column; }

.air .sub_sec04 { background: #f0f3f3; padding: 100px 0; }
.air .sub_sec04 .img_wrap { display: flex; justify-content: center; margin-top: 50px; }
.air .sub_sec04 .img_wrap .img_box { margin: 0 10px; }
.air .sub_sec04 .img_wrap .img_box img { width: 100%; }
.air .sub_sec04 .img_wrap .img_box p { background: #0864c0; color: #fff; padding: 10px 0; border-radius: 30px; margin-top: 10px; }

.air .sub_sec05 { background: #283c82; color: #fff; }
.air .sub_sec05 p { color: #fff; margin-top: 30px; }
.air .sub_sec05 .toptext h3 { color: #fff; }
.air .sub_sec05 ul { display: flex; }
.air .sub_sec05 ul li { width: 33.3%; }
.air .sub_sec05 ul li .img_box { display: flex; align-items: flex-end; justify-content: center; height: 400px;}
.air .sub_sec05 ul li:nth-child(1) .img_box img { width: 100%; }
.air .sub_sec05 ul li:nth-child(2) .img_box img { height: 400px; }
.air .sub_sec05 ul li p span { font-weight: 600; }

.air .sub_sec06 { padding-bottom: 0 !important; }
.air .sub_sec06 .cont { display: flex; }
.air .sub_sec06 .txt { margin-top: 60px; border-top:3px solid #000; display:flex; flex-direction: column; flex-grow: 1; }
.air .sub_sec06 .txt .service { border-bottom:1px solid #ccc; padding: 20px 0; display: flex; align-items: center; }
.air .sub_sec06 .txt .service .img_box { width: 45px; height: 45px; border-radius:100%; margin-right: 15px; display: flex; align-items: center; justify-content: center; background: #000;}
.air .sub_sec06 .txt .service i { font-size: 22px; color: #fff; }
.air .sub_sec06 .txt .service p { margin: 0; text-align: left; color: #000; }
.air .sub_sec06 .img_box img { height: 450px; }


/* 세탁기 */
.wash .sub_sec01 { padding-bottom: 0 !important; }
.wash .sub_sec01 > .inner { margin-bottom: 50px; }
.wash .sub_sec01 .img_wrap { display: flex; justify-content: center; margin-top: 50px; }
.wash .sub_sec01 .img_wrap .img_box { margin: 0 10px 10px; }
.wash .sub_sec01 .img_wrap .img_box p { background: #0864c0; color: #fff; padding: 10px 0; border-radius: 30px; margin:10px 0 0 0; }

.wash .sub_sec02 .inner { display: flex; }
.wash .sub_sec02 .toptext { width: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; background: #00c2c2; padding: 0; }
.wash .sub_sec02 p { border-bottom: 1px solid rgba(255,255,255,0.5); padding: 0 0 10px 0; color: #fff; text-align: left; position: relative; padding-left: 30px; }
.wash .sub_sec02 i {  font-size: 22px; position: absolute; top:0; left: 0; }
.wash .sub_sec02 .toptext h3 { margin-bottom: 20px; color: #fff; }
.wash .sub_sec02 .img_box img { width: 100%; }

.wash .sub_sec03 { background: #283c82; }
.wash .sub_sec03 h3 { color: #deecfb; }
.wash .sub_sec03 p { margin: 10px 0 0;  color: #283c82; }
.wash .sub_sec03 ul { display: flex; flex-wrap:wrap; }
.wash .sub_sec03 ul li { width: calc(100% / 6); padding: 20px 15px; background: linear-gradient(45deg, #e6f0ff, #cee5f3); display: flex; align-items: center; justify-content: center; flex-direction: column; }

.wash .sub_sec04 { background: #f0f3f3; padding: 100px 0; }
.wash .sub_sec04 .img_wrap { display: flex; justify-content: center; margin-top: 50px; }
.wash .sub_sec04 .img_wrap .img_box { margin: 0 10px; }
.wash .sub_sec04 .img_wrap .img_box img { width: 100%; }
.wash .sub_sec04 .img_wrap .img_box p { background: #0864c0; color: #fff; padding: 10px 0; border-radius: 30px; margin: 10px 0 0 0; }

.wash .sub_sec05 { background: #283c82; }
.wash .sub_sec05 .toptext h3 { color: #fff; }
.wash .sub_sec05 ul { display: flex; margin: 0; }
.wash .sub_sec05 ul li { width: 33.3%; }
.wash .sub_sec05 ul li .img_box { margin-top: 20px;   display: flex; align-items: flex-end; justify-content: center;}
.wash .sub_sec05 ul li img { height: 300px; margin-bottom: 10px; }
.wash .sub_sec05 ul li p span { font-weight: 600; }
.wash .sub_sec05 p { color: #fff !important; margin:10px 0 0 0; }

.wash .sub_sec06 { padding-bottom: 0 !important; }
.wash .sub_sec06 .cont { display: flex; }
.wash .sub_sec06 .txt { margin-top: 60px; border-top:3px solid #000; display:flex; flex-direction: column; flex-grow: 1; }
.wash .sub_sec06 .txt .service { border-bottom:1px solid #ccc; padding: 20px 0; display: flex; align-items: center; }
.wash .sub_sec06 .txt .service .img_box { width: 45px; height: 45px; border-radius:100%; margin-right: 15px; display: flex; align-items: center; justify-content: center; background: #000;}
.wash .sub_sec06 .txt .service i { font-size: 22px; color: #fff; }
.wash .sub_sec06 .txt .service p { margin: 0; text-align: left; color: #000; }
.wash .sub_sec06 .img_box img { height: 450px; }

.hi .sub_sec01,
.faq .sub_sec01,
.goto .sub_sec01 { padding: 50px 0 70px; }

/* 반응형 */
@media (max-width:1240px) {
  /* 메인 */
  .main_sec05 .button_wrap { flex-wrap:wrap; }
  .main_sec05 .button_wrap li { width: calc((100% - 60px) / 3); }
  .main_sec05 .button_base { height: 290px; }
  .main_sec05 .b05_3d_roll div { height: 290px; }
  .main_sec05 .b05_3d_roll .back,
  .main_sec05 .b05_3d_roll .back:hover,
  .main_sec05 .b05_3d_roll .front { transform-origin:50% 50% -145px; }

  /* 서브 */
  .subtop { margin-top: 75px !important; }
  .subwrap [class*="sub_sec"] { padding: 70px 0; }
  .subwrap .sub_sec01 .cont { padding: 70px 0; }
  .inner { width: 991px; }

  .air .sub_sec02 .toptext h3 { font-size: 30px; }
  .air .sub_sec02 p { font-size: 18px; }

  .wash .sub_sec02 .toptext h3 { font-size: 30px; }
  .wash .sub_sec02 p { font-size: 18px; }

  .hi .sub_sec01,
  .faq .sub_sec01,
  .goto .sub_sec01 { padding: 30px 0 50px; }
}

@media (max-width:991px) {
  /* 메인 */
  [class*="main_sec"] { padding: 70px 0; }
  .toptext h3 { font-size: 32px; }
  .subwrap p { font-size: 18px; }
  .main_box2 li span small { font-size: 15px; letter-spacing:0; }
  .main_box2 li span h3 { font-size: 27px; }
  .main_box2 li span a { margin-top: 20px; font-size: 15px; }

  .main_sec02 ul { margin: 0 10px; }
  .main_sec02 ul li a .tit { font-size: 20px; bottom: 20px; left: 20px; }

  .main_sec03 .container { justify-content:space-between; flex-wrap: wrap; }
  .main_sec03 .container h3 { font-size: 27px; }
  .main_sec03 .img_box { width: 100%; margin: 0; }
  .main_sec03 .cont { margin: 20px 0 0 20px; }
  .main_sec03 .cont .txt {  margin: 20px 0 0 0; }

  .main_sec04 .main_box li a { background-position: 0% 100% !important; }
  .main_sec04 .main_box li a span { padding: 20px; }

  .main_sec05 .button_base { height: 210px; }
  .main_sec05 .b05_3d_roll div { height: 210px; }
  .main_sec05 .b05_3d_roll .back,
  .main_sec05 .b05_3d_roll .back:hover,
  .main_sec05 .b05_3d_roll .front { transform-origin:50% 50% -105px; }


  /* 서브 */
  .inner { width: 768px; }

  /* 에어컨 */
  .air .sub_sec02 .inner { display: block; position: relative; }
  .air .sub_sec02 .toptext { width: 100%; padding: 30px; background:rgb(0 193 187 / 70%); position: absolute; bottom: 0; left: 0;}
  .air .sub_sec02 p { border:0; padding-bottom:0; margin-bottom: 5px;  padding-left: 25px;  }
  .air .sub_sec02 i { font-size: 19px;  }
  .air .sub_sec03 ul li { width: calc(100% / 3); }
  .air .sub_sec04 .img_wrap { margin-top: 0; }
  .air .sub_sec05 ul { display: block; }
  .air .sub_sec05 ul li { width: 100%; margin-bottom: 70px;}
  .air .sub_sec05 ul li:last-child { margin-bottom: 0; }
  .air .sub_sec05 ul li .img_box { height: auto; width: 400px; margin: 0 auto; }
  .air .sub_sec05 ul li p { margin-top: 0; }
  .air .sub_sec05 ul li:nth-child(2) p { margin-top: 30px; }
  .air .sub_sec06 { padding-bottom: 70px !important; }
  .air .sub_sec06 .cont { display: block; }
  .air .sub_sec06 .txt { margin-top: 0; }
  .air .sub_sec06 .img_box img { display: none; }

  /* 세탁기 */
  .wash .sub_sec02 .inner { display: block; position: relative; }
  .wash .sub_sec02 .toptext { width: 100%; padding: 30px; background:rgb(0 193 187 / 70%); position: absolute; bottom: 0; left: 0;}
  .wash .sub_sec02 p { border:0; padding-bottom:0; margin-bottom: 5px; padding-left: 25px;  }
  .wash .sub_sec02 i { font-size: 19px;  }
  .wash .sub_sec03 ul li { width: calc(100% / 3); }
  .wash .sub_sec04 .img_wrap { margin-top: 0; }
  .wash .sub_sec05 ul { display: block; }
  .wash .sub_sec05 ul li { width: 100%; margin-bottom: 70px;}
  .wash .sub_sec05 ul li:last-child { margin-bottom: 0; }
  .wash .sub_sec05 ul li .img_box { height: auto; }
  .wash .sub_sec06 { padding-bottom: 70px !important; }
  .wash .sub_sec06 .cont { display: block; }
  .wash .sub_sec06 .txt { margin-top: 0; }
  .wash .sub_sec06 .img_box img { display: none; }

}
@media (max-width:768px) {
  /* 메인 */
  [class*="main_sec"] { padding: 50px 0; }
  .pc { display: none; }
  .m { display: block; }

  #arrow_prev { display: none !important; }
  #arrow_next { display: none !important;  }

  .main_box2 li span h3 br { display: none; }
  .main_box2 li span h3 { font-size: 23px; }

  .main_sec02 ul { flex-wrap:wrap; }
  .main_sec02 ul li { width: 100%; }
  .main_sec03 .cont .txt p { font-size: 18px; }
  .main_sec04 .toptext h3:after { font-size: 13px; }
  .main_sec04 .main_box li { width:100% !important; }
  .main_sec04 .main_box li a { background-size: cover !important;  }
  .main_sec04 .main_box li:nth-child(1) a { background-position: 0% 30% !important; }
  .main_sec04 .main_box li:nth-child(2) a { background-position: 0% 50% !important; }
  .main_sec05 .button_wrap li { width:100%; display: flex; flex-direction: row-reverse; }
  .main_sec05 .button_base { height: auto; }
  .main_sec05 .b05_3d_roll div { height: auto; position:inherit; }
  .main_sec05 .b05_3d_roll:hover .front { transform:inherit; }
  .main_sec05 .b05_3d_roll .back, .main_sec05 .b05_3d_roll .back:hover, .main_sec05 .b05_3d_roll .front { transform-origin:initial; transform:inherit; }
  .main_sec06 .txt ul li { font-size: 16px; padding: 15px; }
  .main_sec07 ul { flex-wrap:wrap; }
  .main_sec07 ul li { width: 100%; display: flex; justify-content: space-between; }
  .main_sec07 ul li p { font-size: 18px; }
  .main_sec07 ul li .txt span { font-size: 14px; }

  /* 서브 */
  .inner { width: 100%; }
  .subwrap [class*="sub_sec"] { padding: 50px 15px; }
  .subtoptext h4 { font-size: 18px; }
  .subwrap p { font-size: 17px;  padding: 0 15px; }
  .toptext h3 { font-size: 27px; }
  .subtop .container { font-size: 13px; }
  .subtoptext { margin-bottom: 5px; }

  .subwrap .sub_sec01 { padding: 50px 0; }
  .subwrap .sub_sec01 .cont { padding: 50px 0; }

  /* 에어컨 */
  .air .sub_sec02 .toptext { position: inherit; background: #00c2c2; padding: 20px; }
  .air .sub_sec02 p { font-size: 16px; }
  .air .sub_sec02 .toptext h3 { font-size: 22px; }
  .air .sub_sec03 ul li { width: calc(100% / 2); }
  .air .sub_sec03 p br { display: block; }
  .air .sub_sec04 .img_wrap { display: block;}
  .air .sub_sec04 .img_wrap .img_box { margin: 0; }
  .air .sub_sec05  p br { display: block; }
  .air .sub_sec06 .txt .service .img_box { width: 40px; height: 40px;  }
  .air .sub_sec06 .txt .service i { font-size: 17px; }

  /* 세탁기 */
  .wash .sub_sec02 .toptext { position: inherit; background: #00c2c2; padding: 20px; }
  .wash .sub_sec02 p { font-size: 16px; }
  .wash .sub_sec02 .toptext h3 { font-size: 22px; margin-bottom: 10px; }
  .wash .sub_sec03 ul li { width: calc(100% / 2); }
  .wash .sub_sec03 p br { display: block; }
  .wash .sub_sec04 .img_wrap { display: block;}
  .wash .sub_sec04 .img_wrap .img_box { margin: 10px 10px 0; }
  .wash .sub_sec05  p br { display: block; }
  .wash .sub_sec06 .txt .service .img_box { width: 40px; height: 40px;  }
  .wash .sub_sec06 .txt .service i { font-size: 17px; }

  .hi .sub_sec01,
  .faq .sub_sec01,
  .goto .sub_sec01 { padding: 30px 15px 50px; }
}

@media (max-width:576px) {
  /* 메인 */
  #header h1 a { max-width: 130px !important; }
  .toptext { padding-bottom: 20px; }
  .toptext h3 { font-size: 22px; margin: 0; }

  .main_sec03 .container h3 { font-size: 22px; }
  .main_sec03 .cont .txt p { font-size: 16px; }
  .main_sec03 .cont { margin: 20px 0 0 10px; }

  .main_sec04 .main_box li a span strong { font-size: 18px; }


   /* 서브 */
   .subwrap p { font-size: 16px; padding: 0; }
  .subwrap .sub_sec01 > p br { display: none; }

    /* 에어컨 */
   .air .sub_sec01 .img_wrap { display: block; }
   .air .sub_sec01 .img_wrap .img_box img { width: 100%; }
   .air .sub_sec02 p { font-size: 15px; }
   .air .sub_sec05 ul li .img_box { width: 100%; }
   .air .sub_sec06 .txt .service { padding: 15px 0; }

   /* 세탁기 */
  .wash .sub_sec01 .img_wrap { display: block; }
  .wash .sub_sec01 .img_wrap .img_box img { width: 100%; }
  .wash .sub_sec06 .txt .service { padding: 15px 0; }
}