#main { display:table; width:100%; padding-top:120px; table-layout:fixed; }
#main > article { display:table-cell; vertical-align:top; }
.mainVis { position:relative; }
#mainVisual li { position:relative; width:100% !important; height:831px; background:center no-repeat; background-size:cover; }
#mainVisual .txt { position:absolute; left:0; right:0; bottom:0; padding:60px 20px 50px; color:#fff; background:rgba(0,0,0,.5); box-sizing:border-box; }
#mainVisual .txt > div { float:right; width:100%; max-width:984px; font-family: 'Lato', sans-serif; text-shadow:1px 1px 10px rgba(0,0,0,.5); }
#mainVisual h3 { margin-bottom:10px; font-size:55px; font-weight:700; }
#mainVisual p { font-size:26px; }
.mainVis .bx-controls { position:absolute; right:68px; bottom:58px; z-index:51; }
.mainVis .bx-pager { display:inline-block; }
.mainVis .bx-pager div { display:inline-block; margin:0 4px; }
.mainVis .bx-pager a { display:block; width:14px; height:14px; background:#a0a4a8; border-radius:50%; overflow:hidden; text-indent:-5000px; }
.mainVis .bx-pager a:hover, .mainVis .bx-pager a.active { background:#2265c7; }
#btn_auto { display:inline-block; width:12px; height:14px; margin-left:10px; background:url(/img/main/btn_stop.png) center no-repeat; }
#btn_auto.stop { background-image:url(/img/main/btn_start.png); }

.mainVis.move h3 { animation: vsT1 .6s 1s; animation-fill-mode:forwards; opacity: 0; -webkit-animation: vsT1 .6s 1s; -webkit-animation-fill-mode:forwards; -moz-animation: vsT1 .6s 1s; -moz-animation-fill-mode:forwards; }
.mainVis.move p { animation: vsT1 .6s 1.3s; animation-fill-mode:forwards; opacity: 0; -webkit-animation: vsT1 .6s 1.3s; -webkit-animation-fill-mode:forwards; -moz-animation: vsT1 .6s 1.3s; -moz-animation-fill-mode:forwards; }

.mainCon { width:756px; letter-spacing:-0.03em; }
.mainCon > div { float:left; width:100%; }
.mainCon article { padding:27px 30px; color:#fff; background-size:cover !important; box-sizing:border-box;  }
.mainCon h3 { margin-bottom:30px; font-size:13px; font-weight:700; font-family: 'Lato', sans-serif; text-transform:uppercase; }
.mainCon a { color:#fff; }
.mainCon .more { position:relative; display:inline-block; width:14px; padding:6px 0; vertical-align:middle; -webkit-transition-duration:.2s; -o-transition-duration:.2s; transition-duration:.2s; }
.mainCon .more:before { content:''; display:block; width:100%; height:2px; }
.mainCon .more:after { content:''; display:block; position:absolute; left:6px; top:0; bottom:0; width:2px; }
.mainCon a:hover .more { -webkit-transform:rotate(-90deg); -ms-transform:rotate(-90deg); transform:rotate(-90deg); }

/**/
.mainCon .brand { position:relative; background:#e4c7b9; display:flex; justify-content:space-between; padding: 12px 30px 30px; }
.mainCon .brand .rightBox{ overflow:hidden; position: relative; }
.mainCon .brand h3{ margin: 10px 0 20px;}
.mainCon .brand .rightBox:after{ position: absolute; right: -35px; top: 0; content:''; display:block; width: 1px; height: 100%; background: #495c9d; ;}
.mainCon .brand li { position:relative; height:100px; background:#fff; }
.mainCon .brand li img { position:absolute; left:0; right:0; top:0; bottom:0; max-width:100%; max-height:100%; margin:auto; }
.mainCon .brand .bx-controls-direction { position:absolute; top: 0; right: 0; }
.mainCon .brand .bx-controls-direction a { display:inline-block; width:25px; height:25px; margin-left:4px; border:1px solid #fff; background:center no-repeat; overflow:hidden; text-indent:-5000px; }
.mainCon .brand .bx-controls-direction .bx-prev { background-image:url(/img/main/brand_prev.png); }
.mainCon .brand .bx-controls-direction .bx-next { background-image:url(/img/main/brand_next.png); }
.mainCon .brand .inquiry { padding-top:38px; }
.mainCon .brand .inquiry a { display:inline-block; padding-right:49px; font-size:15px; line-height:30px; background:right center no-repeat; }
.mainCon .brand .inquiry a.online { margin-right:21.5%; background-image:url(/img/main/inquiry_icon1.png); }
.mainCon .brand .inquiry a.estimate { background-image:url(/img/main/inquiry_icon2.png); }

/* 260406 수정 */
.mainCon .brand li img { width: 135px; }
.mainCon .brand li p:not(.imgArea) { display: none; }


/**/
.mainCon .fsitem { background:#a57664; }
.mainCon .fsitem h3 { overflow:hidden; margin-bottom:20px; }
.mainCon .fsitem .more { float:right; }
.mainCon .fsitem .more:hover { -webkit-transform:rotate(-90deg); -ms-transform:rotate(-90deg); transform:rotate(-90deg); }
.mainCon .fsitem .more:before, .mainCon .fsitem .more:after { background:#fff; }
.mainCon .fsitem section a { display:block; }
.mainCon .fsitem .img { position:relative; height:335px; /*padding-bottom:47.15%;*/ overflow:hidden; }
.mainCon .fsitem .img img { position:absolute; left:0; right:0; top:-9999px; bottom:-9999px; width:100%; min-height:100%; margin:auto; -webkit-transition-duration:.2s; -o-transition-duration:.2s; transition-duration:.2s; }
.mainCon .fsitem a:hover img { -webkit-transform:scale(1.13); -ms-transform:scale(1.13); transform:scale(1.13); }
.mainCon .fsitem p { margin-top:15px; font-size:14px; font-weight:300; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; opacity:.7; }
.mainCon .fsitem p strong { padding-right:4px; font-weight:500; }


/**/
.mainCon .cpn_grt { width:100%; display:flex; flex-wrap:wrap; }
.mainCon .cpn_grt article { width:50%; padding:25px 30px 20px; }
.mainCon .cpn_grt article h3 { margin-bottom:15px; }
.mainCon .company { background:#c39f89; }
.mainCon .company .tabNav { margin-bottom:13px; max-width:193px; /* border:1px solid rgba(255,255,255,.3); */}
.mainCon .company .tabNav a { float:left; width:50%; line-height:36px; text-align:center; font-size:14px; font-weight:300; box-sizing:border-box; }
.mainCon .company .tabNav a:first-child { border-right:1px solid rgba(255,255,255,.3); }
.mainCon .company .tabNav a:hover, .mainCon .company .tabNav a.on { background:#977460; }
.mainCon .company .tabCon a { display:flex; width:100%; }
.mainCon .company .img { display:flex; width:120px; height:70px; background:center no-repeat; background-size:cover; overflow:hidden }
.mainCon .company dl { padding-left:23px; vertical-align:middle; }
.mainCon .company dt { margin-bottom:8px; font-weight:500; }
.mainCon .company dd { font-size:14px; font-weight:300; }
.mainCon .company dd p { line-height:1.35em; font-weight:300; opacity:.5; }
.mainCon .company dd em { display:block; margin-top:15px; color:#634f46; font-family: 'Lato', sans-serif; }
.mainCon .company .more { margin-left:8px; }
.mainCon .company .more:before, .mainCon .company .more:after { background:#634f46; }


/**/
.mainCon .greeting { background:#a38678; }
.mainCon .greeting .txt { font-size:19px; line-height:1.4em; }
.mainCon .greeting .txt span { display:flex; margin-top:32px; padding-right:52px; font-size:14px; line-height:1.35em; font-weight:100; opacity:.5; justify-content: flex-end; text-align:right;}


/**/
.mainCon .right { float:right; }
.mainCon .product { height:448px; color:#3c3c3c; }
.mainCon .product h3 { margin-bottom:20px; }
.mainCon .product ul { border-top:1px solid #ededed; }
.mainCon .product li { border-bottom:1px solid #ededed; }
.mainCon .product li a { display:block; position:relative; padding-left:73px; line-height:85px; font-weight:300; color:#3c3c3c; }
.mainCon .product li a:hover { color:#1f4e94; }
.mainCon .product li a:before { content:''; display:block; position:absolute; right:0; top:0; bottom:0; width:106px; background:center no-repeat; background-size:cover; }
.mainCon .product li.pd1 a:before  { background-image:url(/img/main/pd_img1_ov.jpg); }
.mainCon .product li.pd2 a:before  { background-image:url(/img/main/pd_img2_ov.jpg); }
.mainCon .product li.pd3 a:before  { background-image:url(/img/main/pd_img3_ov.jpg); }
.mainCon .product li.pd4 a:before  { background-image:url(/img/main/pd_img4_ov.jpg); }
.mainCon .product li a:after { content:''; display:block; position:absolute; right:0; top:0; bottom:0; width:106px; background:center no-repeat; background-size:cover; -webkit-transition-duration:.4s; -o-transition-duration:.4s; transition-duration:.4s; }
.mainCon .product li.pd1 a:after  { background-image:url(/img/main/pd_img1.jpg); }
.mainCon .product li.pd2 a:after  { background-image:url(/img/main/pd_img2.jpg); }
.mainCon .product li.pd3 a:after  { background-image:url(/img/main/pd_img3.jpg); }
.mainCon .product li.pd4 a:after  { background-image:url(/img/main/pd_img4.jpg); }
.mainCon .product li a:hover:after { opacity:0; }
.mainCon .product .more { position:absolute; left:24px; top:50%; margin-top:-7px; }
.mainCon .product .more:before, .mainCon .product .more:after { background:#848484; }
.mainCon .product a:hover .more:before, .mainCon .product a:hover .more:after { background:#1f4e94; }


/**/
.mainCon .map { position:relative; padding:0; overflow:hidden; }
.mainCon .map:before { content:''; display:block; position:absolute; left:0; right:0; top:0; bottom:0; background:url(/img/main/map_bg.jpg) right top no-repeat #b89a3e; background-size:auto 100%; -webkit-transition-duration:.2s; -o-transition-duration:.2s; transition-duration:.2s; }
.mainCon .map:hover:before { -webkit-transform:scale(1.13); -ms-transform:scale(1.13); transform:scale(1.13); }
.mainCon .map a { position:relative; display:block; line-height:107px; padding-left:30px; font-size:18px; }