@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);

body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select {margin: 0;padding: 0;}
html{overflow-y:scroll;}
html, body { height:100%;}
body { font-size:12px; font-family:'NanumGothic', '나눔고딕', Arial, Verdana, Helvetica, sans-serif; color:#1b1b1b; 
margin:0px; text-align:center; }
table { border-collapse: collapse;}
fieldset, img { border: none;}
input{vertical-align:middle; }
select {font-size:12px; color:#6b6b6c; vertical-align:middle;}
div, ul, form, fieldset, td, th, li, h1, h2, h3, h4, p { margin:0; padding:0;}
ul,li,ol,li,dl,dd,dt{list-style:none;}
legend,hr{position:absolute; left:-999px; width:0; height:0; font-size:0; visibility:hidden; z-index:-1;}
caption{ width:0; height:0;  z-index:-1; font-size:0; line-height:0; visibility:hidden; }
hr{ display:none;}
a{text-decoration:none;}
em{font-style:normal;}

.blind { margin:0; padding:0; width:0; height:0; line-height:0; visibility:hidden; }


#wrap{position:relative;}

/* intro */
.intro{margin:0 auto; min-width:1200px; width:100%; height:100%; background:url('/images/main/intro.jpg') no-repeat center top;}
.introWrap{position:relative; margin:0 auto; width:1200px; height:100%;}
.introWrap .dmText{position:absolute; left:10px; top:241px; font-size:16px; font-weight:bold; color:#282828; text-align:right; line-height:22px;}
.introWrap .dmLink{position:absolute; left:240px; top:212px; padding:132px 35px 26px 40px; font-size:18px; font-weight:600; color:#252525; display:inline-block;}
.introWrap .plText{position:absolute; right:70px; top:649px; font-size:16px; font-weight:bold; color:#282828; text-align:left; line-height:22px;}
.introWrap .plLink{position:absolute; left:717px; top:613px; padding:97px 38px 19px 43px; font-size:18px; font-weight:600; color:#252525; display:inline-block;}

#header{position:relative; margin:0 auto; width:1128px; height:97px; text-align:left;}
#container{margin:0 auto; width:1128px;}
#container:after{clear:both; content:''; display:block;}
#footer{position:relative; margin:120px auto 0; padding:29px 0 0 191px; width:1009px; height:68px; text-align:left; background:#d8dade;}
#container.main{margin:0 auto; padding-top:0; width:1200px;}

h1.logo{display:inline-block;}
/* 
edit by jun 2020-10-30 
h1.logo a{margin-top:10px; width:148px; height:56px; display:inline-block; text-indent:-9999px; background:url('/images/common/logo.png') no-repeat left top;}

edit by jun 2024-12-19 
h1.logo a{margin-top:10px; width:148px; height:70px; display:inline-block; text-indent:-9999px; background:url('/images/common/logo.png') no-repeat left top;}
*/
h1.logo a{margin-top:10px; width:283px; height:70px; display:inline-block; text-indent:-9999px; background:url('/images/common/logo.png') no-repeat left top;}
.utilMenu{position:absolute; right:0; top:15px;}
.utilMenu ul:after{clear:both; content:''; display:block;}
.utilMenu li{float:left; font-weight:bold;}
.utilMenu li a{font-size:11px; color:#747474;}
.utilMenu li + li a{margin-left:16px; padding-left:17px; background:url('/images/common/icon_util.gif') no-repeat left center;}
.utilMenu li + li + li + li{padding-top:2px; margin-left:16px; padding-left:17px;font-size:11px; color:#0455a6;}

.gnb{position:absolute; right:0; top:40px;}
.gnb > ul{padding-right:20px; border-bottom:1px solid #dadada;}
.gnb ul:after{clear:both; content:''; display:block;}
.gnb > ul > li{position:relative; float:left; padding-left:95px;}
.gnb > ul > li > a{padding-bottom:7px; font-size:16px; font-weight:700; color:#1b1b1b; display:inline-block;}
.gnb > ul > li > a:hover,
.gnb > ul > li > a.on{color:#0455a6}
.gnb > ul > li + li{padding-left:90px;}
.gnb > ul > li > a.on + .depth2{display:block;}
.gnb .depth2{display:none; position:absolute; top:20px; padding-left:9px; width:270px; background:url('/images/common/icon_gnb.png') no-repeat 26px top;}
.gnb .depth2.gnbSub2{left:89px; width:221px;}
.gnb .depth2.gnbSub3{left:89px; padding-left:30px; background-position:45px top;}
.gnb .depth2.gnbSub4{left:89px; width:225px;}
.gnb .depth2.gnbSub5{right:0; width:270px; background-position:240px top;}
.gnb .depth2 li{float:left; padding-top:16px;}
.gnb .depth2 li + li{margin-left:10px; padding-left:16px; background:url('/images/common/icon_gnbSub.gif') no-repeat left 19px;}
.gnb .depth2 a{font-size:12px; font-weight:700; color:#747474; display:inline-block;}
.gnb .depth2 a:hover,
.gnb .depth2 a.on{color:#3f3f3f;}

/*------------------ main ------------------*/
.mainSlide{position:relative;}
.mainText{
	position:absolute; left:43px; top:320px; font-size:46px; font-weight:bold; color:#1b1b1b; text-align:left;
	/* edit by jun 2020-10-30 */	
	/* -webkit-text-stroke: 1px #fff;	표준이 아니라서 웹킷 및 모질라 계열만 적용됨*/	
  text-shadow:
	  -2px -2px 0 #fff,
	   2px -2px 0 #fff,
	  -2px  2px 0 #fff,
	   2px  2px 0 #fff;  
}
.mainText span{
	color:#0455a6;
	/* edit by jun 2020-10-30 */	
	/* -webkit-text-stroke: 1px #fff;	표준이 아니라서 웹킷 및 모질라 계열만 적용됨*/
  text-shadow:
	  -2px -2px 0 #fff,
	   2px -2px 0 #fff,
	  -2px  2px 0 #fff,
	   2px  2px 0 #fff;
}
.smallVisual{position:absolute; right:40px; top:184px;}
.smallVisual li{width:211px; height:50px; text-align:left; background:url('/images/common/slideBg.png') repeat-x left top;}
.smallVisual li.on{width:211px; height:50px; text-align:left; background:url('/images/common/slideBgOn.png') repeat-x left top;}
.smallVisual li a{padding:18px 0 16px 85px; font-size:16px; color:#fff; display:inline-block; background:url('/images/main/slideIcon1.png') no-repeat 25px 10px;}
.smallVisual li + li{margin-top:1px;}
.smallVisual li + li a{/* padding-right:24px; */ padding-bottom:16px; background:url('/images/main/slideIcon2.png') no-repeat 25px 15px;}
.smallVisual li + li + li a{/* padding-right:65px; */ padding-bottom:17px; background:url('/images/main/slideIcon3.png') no-repeat 25px 12px;}
.slideNavi{position:absolute; right:114px; top:344px;}
.slideNavi a{width:14px; height:14px; display:inline-block; text-indent:-9999px; background:url('/images/main/slideNavi.png') no-repeat left top;}
.slideNavi a.on{background:url('/images/main/slideNavi_on.png') no-repeat left top;}

/*.mainSlide .bx-wrapper .bx-pager{right:114px !important; top:344px !important; width:auto!important; padding-top:0;}
.mainSlide .bx-wrapper .bx-pager.bx-default-pager a{width:14px; height:14px; display:inline-block; text-indent:-9999px; background:url('../images/main/slideNavi.png') no-repeat left top;}
.mainSlide .bx-wrapper .bx-pager.bx-default-pager a:hover{background:url('../images/main/slideNavi.png') no-repeat left top;}
.mainSlide .bx-wrapper .bx-pager.bx-default-pager a.active{background:url('../images/main/slideNavi_on.png') no-repeat left top;}*/

.mainGallery{position:relative; padding:60px 40px 40px; background:#f8f8f8;}
.mainGallery h2{font-size:28px; color:#000; text-align:center; background:url('/images/main/main_line.gif') repeat-x left center;}
.mainGallery h2 span{padding:0 15px; display:inline-block; background:#f8f8f8;}
.mainGallery .bx-wrapper{width:1084px;}
.mainGallery .bx-viewport{height:auto !important;}
.mainGallery ul{padding:39px 40px 0;}
.mainGallery ul:after{clear:both; content:''; display:block;}
.mainGallery li{float:left; margin-left:24px; width:241px !important; height:298px; text-align:left; background:#fff;}
.mainGallery li span{padding:24px 11px 19px; font-size:14px; font-weight:bold; display:block; background:url('/images/main/icon_gallery.gif') no-repeat 12px 15px;}
.mainGallery li span a{color:#3d3d3d;}
.mainGallery li p{padding:0 12px;}
.mainGallery .mainGalleryTit a{font-size:18px; color:#3d3d3d;}
.mainGallery .mainGalleryDate{padding-top:5px; padding-bottom:26px; color:#b1b1b1;}
.mainGallery .btnPrev{position:absolute; left:40px; top:223px; width:26px; height:47px; display:inline-block; text-indent:-9999px; background:url('/images/main/slidePrev.png') no-repeat left top;}
.mainGallery .btnNext{position:absolute; right:40px; top:223px; width:26px; height:47px; display:inline-block; text-indent:-9999px; background:url('/images/main/slideNext.png') no-repeat left top;}
.moreWrap{margin-top:45px; background:url('/images/main/main_line.gif') repeat-x left center;}
.moreWrap .btnMore{padding:0 45px 2px; font-size:16px; color:#000; display:inline-block; text-decoration:underline; background:#f8f8f8;}

.mainBottom{margin:34px 40px 0; text-align:left; border:1px solid #d0d0d0;}
.mainBottom:after{clear:both; content:''; display:block;}
.mainBottom > div{float:left; padding:13px 17px 0; width:338px;}
.mainNotice{position:relative;}
.mainNotice .tab{width:100%; border-bottom:1px solid #c0c3c5;}
.mainNotice .tab:after{clear:both; content:''; display:block;}
.mainNotice .tab a{float:left; padding:2px 2px 0; width:73px; height:25px; line-height:25px; font-size:14px; font-weight:bold; color:#494848; text-align:center; display:inline-block;}
.mainNotice .tab a.on{padding:0; border:2px solid #4b99e8; border-bottom:0;}
.mainNotice .more{position:absolute; right:22px; top:19px; width:55px; height:17px; display:inline-block; text-align:left;  text-indent:-9999px; display:inline-block; background:url('/images/common/btn_more.gif') no-repeat left top;}
.mainNotice .tabCon{display:none; padding-top:20px;}
.mainNotice .tabCon.tab1{display:block;}
.mainNotice .tabCon li{position:relative;}
.mainNotice .tabCon li .noticeDate{position:absolute; right:6px; top:0; color:#000;}
.mainNotice .tabCon .noticeTit{padding-bottom:5px;}
.mainNotice .tabCon .noticeTit a{font-weight:bold; color:#363636;}
.mainNotice .tabCon .noticeCon{padding-bottom:14px;}
.mainNotice .tabCon .noticeCon a{height:16px; font-size:11px; line-height:16px; color:#adadad; overflow:hidden; display:block; white-space:nowrap; text-overflow:ellipsis;}
.mainDistribution{height:195px; border-left:1px solid #d0d0d0; background:url('/images/main/bg_distribution.jpg') no-repeat 242px 82px;}
.mainDistribution h3{padding-bottom:18px; font-size:14px; font-weight:bold; color:#494848;}
.mainDistribution .distributionCj{margin-left:13px; width:89px; height:50px; text-indent:-9999px; display:inline-block; vertical-align:top; background:url('/images/main/icon_cj.jpg') no-repeat left top;}
.mainDistribution .distributionPost{margin-left:26px; width:100px; height:50px; text-indent:-9999px; display:inline-block; vertical-align:top; background:url('/images/main/icon_epost.jpg') no-repeat left top;}
.mainDistribution p{padding-top:20px; font-size:13px; font-weight:bold; color:#8f8f8f; line-height:20px;}
.mainCscenter{position:relative; height:195px; border-left:1px solid #d0d0d0; background:url('/images/main/main_csCenter.jpg') no-repeat 17px 37px;}
.mainCscenter h3{padding-bottom:18px; font-size:14px; font-weight:bold; color:#494848;}
.mainCscenter p{padding-top:88px; font-size:13px; font-weight:bold; color:#8f8f8f; line-height:20px;}
.mainCscenter a{position:absolute; right:45px; top:175px; padding:5px 0 3px; width:65px; font-size:10.5px; color:#436586; text-align:center; border:1px solid #82a9cf; display:inline-block; background:#bfdcf8;}

/* footer */
#footer h1{
	/* edit by jun 2020.10.30
	position:absolute; left:52px; top:33px;
	*/
	position:absolute; left:52px; top:20px;
}
#footer .copy{font-family:'NanumGothic', Verdana; font-size:11px; color:#000; line-height:15px;}
#footer .agreeWrap{position:absolute; right:41px; top:41px;}
#footer .agreeWrap a{font-weight:900; color:#3f3f3f; display:inline-block;}
#footer .agreeWrap a + a{margin-left:6px; padding-left:12px; background:url('/images/common/agreeLine.gif') no-repeat left 2px;}

/*------------------ sub ------------------*/
.subTop{padding-bottom:38px;  clear:both;}

/* lnb */
.aside{float:left; width:208px;}
.aside .lnb{text-align:left;}
.aside .lnb h2{padding:0 0 19px 12px; font-size:24px; font-weight:bold; color:#0455a6; border-bottom:1px solid #d2d2d2;}
.aside .lnb a{padding:14px 0 15px 11px; width:198px; font-size:14px; font-weight:bold; color:#989898; display:inline-block; border-bottom:1px solid #d2d2d2;}
.aside .lnb a:hover,
.aside .lnb a.on{color:#1e1e1e;}
.aside .lnbCs{margin-top:60px; border:1px solid #c8c8c8; background:#f5f5f5;}
.aside .lnbCs a{color:#414242;}
.aside .lnbCs .lnbCsTit{margin:0 4px; padding-top:18px; font-size:14px; font-weight:bold; color:#1e1e1e; background:url('/images/main/main_line.gif') repeat-x left 27px;}
.aside .lnbCs .lnbCsTit span{padding:0 10px; display:inline-block; background:#f5f5f5;}
.aside .csCenter{padding:14px 0 5px 43px; background:url('/images/sub/icon_csCenter.jpg') no-repeat 23px 20px;}
.aside .csCenter .tel{padding-top:3px; font-size:17px; font-weight:bold; color:#414242; line-height:20px;}
.aside .csCenter .mail{padding-top:6px; font-size:12px; font-weight:bold; color:#414242;}
.aside .eCJ{text-align:left; background:url('/images/sub/icon_cj.jpg') no-repeat 16px 16px;}
.aside .eCJ a{padding:26px 0 5px 115px; font-weight:bold; color:#4c4c4c; display:inline-block;}
.aside .ePost{text-align:left; background:url('/images/sub/icon_epost.jpg') no-repeat 16px 16px;}
.aside .ePost a{padding:26px 0 5px 115px; font-weight:bold; color:#4c4c4c; display:inline-block;}
.aside .estimate{text-align:left; background:url('/images/sub/icon_estimate.jpg') no-repeat 17px 19px;}
.aside .estimate a{padding:28px 0 28px 81px; font-weight:bold; color:#4c4c4c; display:inline-block;}

.contents{float:left; margin-left:30px; width:890px;}

/* margin */
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}

/* table top */
.tblTop:after{clear:both; content:''; display:block;}
.tblTop .tl{float:left;}
.tblTop .tr{float:right;}
.tblTop a{color:#1b1b1b;}
.tblTop select{vertical-align:top;}
.tblTop input{vertical-align:top;}

/* table */
.tblType1 table{width:100%;}
.tblType1 th{padding:10px 0; font-size:12px; font-weight:bold; text-align:center; border:1px solid #a8beda; background:#ebf1f6}
.tblType1 th + th{border-left:0;}
.tblType1 td{padding:10px 0; font-size:12px; color:#5b5b5b; text-align:center; border-bottom:1px solid #ddd;}
.tblType1 td:first-child{border-left:0;}
.tblType1 a{color:#5b5b5b;}

		table.tblType11 { margin: 0 auto; width:600px; }
		table.tblType11 td{padding:10px 0; font-size:14px; color:#444444; border:1px solid #ccc; text-align:center;}
		.hhh { background:#ebf1f6; font-weight:600; }

.tblType2{border-top:2px solid #a8beda;}
.tblType2 table{width:100%; border-right:1px solid #ddd;}
.tblType2 thead th{padding:10px 0; font-size:12px; font-weight:bold; text-align:center; color:#4d5363; border:1px solid #ddd; border-top:0; background:#ebf1f6}
.tblType2 thead th + th{border-left:0;}
.tblType2 thead td{padding:10px 0; font-size:12px; color:#333; text-align:center; border-bottom:1px solid #ddd;}
.tblType2 thead td.tl{padding:10px; text-align:left;}
.tblType2 thead td a{color:#333;}
.tblType2 tbody th{padding:10px; font-size:12px; color:#333; text-align:center; border-bottom:1px solid #ddd;}
.tblType2 tbody th:first-child{border-left:1px solid #ddd;}
.tblType2 tbody td{padding:5px 10px; font-size:12px; color:#5b5b5b; text-align:left; border:1px solid #ddd; border-top:0;}
.tblType2 tbody td.tblCon{padding:20px;}
.tblType2 tbody td.tblCon img{max-width:847px;}
.tblType2 tbody td.tblConTit{padding:10px 20px; font-weight:bold; color:#333;}

/* paging */
.paging{padding-top:20px;}
.paging a{padding:3px 5px; color:#1b1b1b; display:inline-block;}
.paging a.on{font-weight:bold; color:#0455a6;}
.paging .btnPaging{padding:5px 0; width:25px; font-weight:normal; border:1px solid #ddd;}
.paging .btnPrev{margin-right:10px;}
.paging .btnNext{margin-left:10px;}

/* button */
.btnSearch{color:#fff; background:#5f5f5f;}
.btnWrap:after{clear:both; content:''; display:block;}
.btnWrap.tc{text-align:center;}
.btnWrap.tr{text-align:right;}
.btnWrap.tl{text-align:left;}
.btnWrap .tr{float:right;}
.btnWrap .tl{float:left;}
.btnType1{padding:5px 10px; height:auto; font-size:12px; color:#333; display:inline-block; border:1px solid #d5d5d5; background:#fff;}
button.btnType1{padding:4px 10px; vertical-align:top;}
.btnType2{padding:5px 10px; height:auto; font-size:12px; color:#333; display:inline-block; border:1px solid #d5d5d5; background:#eee;}

/* input, select */
input[type="text"],
input[type="password"]{padding:0 10px; height:28px; border:1px solid #ddd;}
select{padding:0 0 0 10px; height:30px; border:1px solid #ddd;}
button{padding:0 10px; height:30px; border:1px solid #ddd; cursor:pointer;}


/* 타이틀영역 */
.titWrap{padding-bottom:50px; text-align:right;}
.titWrap .location span{font-size:11px; color:#4b4b4b;}
.titWrap .location span + span{margin-left:10px; padding-left:14px; display:inline-block; background:url('/images/sub/icon_arrow.gif') no-repeat left center;}
.titWrap .location span:last-child{font-weight:bold; color:#2e2e2e;}
.titWrap h3{padding-left:15px; font-size:24px; font-weight:bold; color:#363636; text-align:left; background:url('/images/sub/icon_tit.gif') no-repeat left 6px;}

/* 회사개요 */
.summary{padding:15px 0 90px 15px; font-size:14px;  line-height:26px; font-weight:bold; color:#161616; text-align:left; background:url('/images/temp/temp6.jpg') no-repeat right top;}
.summary span{color:#0455a6;}
.summary p{padding:46px 0 0 319px; font-size:18px; font-weight:bold; color:#0455a6;}

/*
.summary5{padding:50px 30px; font-size:14px; line-height:26px; font-weight:400; color:#666666; text-align:left;}
.summary5 span{color:#0455a6;}
.summary5 p{padding:46px 0 0 319px; font-size:18px; font-weight:bold; color:#666666;}
*/

.summary5{padding-top:50px; padding-left:60px; font-size:16px; font-weight:bold; text-align:left;}
.summary5 li{padding:20px 0 5px; font-size:15px;}
.summary5 li span{padding-top:5px; font-size:13px; color:#747474; display:block;}



/* 오시는길 */
.map{text-align:left;}
.map p{padding:5px 0 0 60px; font-size:16px;}
.map p.add{padding-top:30px;}
.map p span{padding-right:5px; font-weight:bold; display:inline-block;}
.map .useCar{padding-top:50px; padding-left:60px; font-size:20px; font-weight:bold;}
.map .useCar li{padding:20px 0 5px; font-size:15px;}
.map .useCar li span{padding-top:5px; font-size:13px; color:#747474; display:block;}

/* 견적문의 */
.estimateWrap{text-align:left;}
.estimateInfo{line-height:18px;}
.estimateImportant{color:#ff0000;}
.estimateWrap .tblType1 th{padding-left:20px; text-align:left;}
.estimateWrap .tblType1 th span{color:#ff0000;}
.estimateWrap .tblType1 td{padding-left:10px; text-align:left; border-top:1px solid #ddd; border-right:1px solid #ddd;}
.estimateWrap .tblType1 td input.w50{width:50px;}
.estimateWrap .tblType1 td input.w500{width:500px;}
.estimateWrap .tblType1 td textarea{width:715px; height:100px; resize:none; border:1px solid #ddd;}
.estimateWrap .tblType1 td span{color:#7fa7e4;}
.estimateWrap .tblType1 td label + input{margin-left:20px;}

/* 이용안내 */
.useInfo .tblType1 td{border-right:1px solid #ddd;}
.useInfo .tblType1 td:first-child{border-left:1px solid #ddd;}
.useInfo .tblType1 td.last{padding-left:130px; text-align:left; line-height:18px;}
.useInfo .tblType1 td.last span{padding-left:15px; display:inline-block;}
.useInfo .tblType1 tr:nth-child(2n) td{background:#eee;}
.etc{margin-top:20px; text-align:left;}
.etc li{padding-left:15px; line-height:18px;}
.etc li:first-child{padding-left:0;}

/* 현장갤러리 */
.galleryType1:after{clear:both; content:''; display:block;}
.galleryType1 li{position:relative; float:left; margin-left:10px; margin-top:20px; width:290px; height:270px; text-align:left;}
.galleryType1 li img{width:290px; height:205px; display:inline-block;}
.galleryType1 li.first{margin-left:0;}
.galleryType1 li .galleryTit{padding-top:10px; width:220px; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.galleryType1 li .galleryCon{padding-top:5px; height:33px; line-height:18px; overflow:hidden;}
.galleryType1 li span{position:absolute; right:1px; top:219px; font-size:11px; color:#9c9c9c;}
.galleryType1 li + li + li + li{margin-top:30px;}

/* 사이트맵 */
.sitemapWrap{height:324px; background:url('/images/sub/bg_sitemap.jpg') no-repeat center top;}
.sitemapWrap > ul{margin:0 auto; width:644px;}
.sitemapWrap > ul:after{clear:both; content:''; display:block;}
.sitemapWrap > ul > li{float:left; margin-top:109px; padding-top:36px; width:98px; background:url('../images/sub/bg_sitemap_line.gif') no-repeat center top}
.sitemapWrap > ul > li:first-child{margin-left:0}
.sitemapWrap > ul > li + li{margin-left:30px;}
.sitemapWrap > ul > li + li + li{margin-left:26px; width:139px;}
.sitemapWrap > ul > li + li + li + li{margin-left:26px; width:98px;}
.sitemapWrap > ul > li + li + li + li + li{margin-left:30px;}
.sitemapWrap > ul > li > a{padding:6px 15px; font-size:18px; color:#fff; display:inline-block; background:#0455a6;}
.sitemapWrap > ul > li ul{padding-top:26px;}
.sitemapWrap > ul > li ul li + li{margin-top:10px;}
.sitemapWrap > ul > li ul a{width:85px; line-height:24px; font-size:14px; color:#202020; display:inline-block; background:#fff;}

/* pop */
.pop{display:none; position:fixed; left:50%; z-index:2; margin-left:-350px; width:700px; background:#fff;}
.pop .popTop{position:relative; padding:10px 20px; height:30px; text-align:left; background:#ddd;}
.pop .popTop .btnClose{position:absolute; right:20px; top:17px; width:16px; height:14px; display:inline-block; text-indent:-9999px; background:url('/images/pop/btnClose.gif') no-repeat left top;}
.pop .popCon{padding:20px; text-align:left; line-height:18px; }
.pop .privacyCon{padding:10px; height:150px; border:1px solid #ddd; overflow-y:auto;}
.dimm{display:none; position:absolute; left:0; top:0; z-index:1; width:100%; height:100%; background:#000; opacity:0.6;}




/* ----------------------------------------------------------------
	Columns & Grids
-----------------------------------------------------------------*/
.postcontent,
.sidebar {
  position: relative;
}


/* Grid - Filter
-----------------------------------------------------------------*/
.grid-filter-wrap,
.grid-filter {
  --cnvs-grid-filter-mb: 3.5rem;
  --cnvs-grid-filter-border: 1px;
  --cnvs-grid-filter-border-color: rgba(var(--cnvs-contrast-rgb), 0.1);
  --cnvs-grid-filter-border-radius: 0.25rem;
  --cnvs-grid-filter-item-padding-x: 1.25rem;
  --cnvs-grid-filter-item-padding-y: 0.75rem;
  --cnvs-grid-filter-item-font-size: 0.9375rem;
  --cnvs-grid-filter-col-sm: 3;
  --cnvs-grid-filter-col-xs: 2;
  --cnvs-grid-filter-styles-m: 0.75rem;
  --cnvs-grid-filter-styles-radius: 1.25rem;
  --cnvs-grid-shuffle-size: 2.5rem;
}

.grid-filter {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--cnvs-grid-filter-mb);
  list-style: none;
  /* Grid - Filter: Style 2
  -----------------------------------------------------------------*/
  /* Grid - Filter: Style 3
  -----------------------------------------------------------------*/
  /* Portfolio - Filter: Style 4
  -----------------------------------------------------------------*/
  /* Portfolio - Filter: Style 5
  -----------------------------------------------------------------*/
}
@media (min-width: 768px) {
  .grid-filter {
    border: var(--cnvs-grid-filter-border) solid var(--cnvs-grid-filter-border-color);
    border-radius: var(--cnvs-grid-filter-border-radius);
  }
}
@media (max-width: 767.98px) {
  .grid-filter {
    width: 100%;
  }
}
.grid-filter-wrap {
  display: flex;
  justify-content: space-between;
}
.grid-filter li {
  position: relative;
  width: calc(100% / var(--cnvs-grid-filter-col-xs));
}
@media (min-width: 576px) {
  .grid-filter li {
    width: calc(100% / var(--cnvs-grid-filter-col-sm));
  }
}
@media (min-width: 768px) {
  .grid-filter li {
    width: auto;
  }
}
.grid-filter li a {
  display: block;
  position: relative;
  padding: var(--cnvs-grid-filter-item-padding-y) var(--cnvs-grid-filter-item-padding-x);
  font-size: var(--cnvs-grid-filter-item-font-size);
  color: var(--cnvs-contrast-600);
  text-align: center;
  border-radius: 2px;
}
@media (min-width: 768px) {
  .grid-filter li a {
    border-left: var(--cnvs-grid-filter-border) solid var(--cnvs-grid-filter-border-color);
    border-radius: 0;
  }
  .bothsidebar .grid-filter li a {
    padding: 12px 14px;
  }
}
.grid-filter li a:hover {
  color: var(--cnvs-themecolor);
}
.grid-filter li.activeFilter a {
  color: #fff;
  font-weight: 600;
  background-color: var(--cnvs-themecolor);
  margin: 0;
}
@media (min-width: 768px) {
  .grid-filter li.activeFilter a {
    margin: -1px 0;
    padding-top: 11px;
    padding-bottom: 11px;
  }
  .bothsidebar .grid-filter li.activeFilter a {
    padding: 13px 18px;
  }
}
@media (min-width: 768px) {
  .grid-filter li:first-child a {
    border-left: none;
    border-radius: var(--cnvs-grid-filter-border-radius) 0 0 var(--cnvs-grid-filter-border-radius);
  }
  .grid-filter li:last-child a {
    border-radius: 0 var(--cnvs-grid-filter-border-radius) var(--cnvs-grid-filter-border-radius) 0;
  }
}
.grid-filter.style-2, .grid-filter.style-3, .grid-filter.style-4, .grid-filter.style-5, .grid-filter.style-6 {
  border: none;
  border-radius: 0;
  margin-bottom: 2.75rem;
}
.grid-filter.style-2 li, .grid-filter.style-3 li, .grid-filter.style-4 li, .grid-filter.style-5 li, .grid-filter.style-6 li {
  margin-bottom: var(--cnvs-grid-filter-styles-m);
}
.grid-filter.style-2 li a, .grid-filter.style-3 li a, .grid-filter.style-4 li a, .grid-filter.style-5 li a, .grid-filter.style-6 li a {
  padding-top: 9px;
  padding-bottom: 9px;
  border-radius: var(--cnvs-grid-filter-styles-radius);
  border: none;
  background-color: transparent;
  margin: 0;
}
.grid-filter.style-2 li.activeFilter a {
  color: #fff !important;
  background-color: var(--cnvs-themecolor);
}
@media (min-width: 768px) {
  .grid-filter.style-2 li:not(:first-child), .grid-filter.style-3 li:not(:first-child) {
    margin-left: var(--cnvs-grid-filter-styles-m);
  }
}
.grid-filter.style-3 li a {
  border: var(--cnvs-grid-filter-border) solid transparent;
}
.grid-filter.style-3 li.activeFilter a {
  color: var(--cnvs-themecolor) !important;
  border-color: var(--cnvs-themecolor);
  background-color: transparent;
}
@media (min-width: 768px) {
  .grid-filter.style-4 li:not(:first-child) {
    margin-left: 2.25rem;
  }
}
.grid-filter.style-4 li a {
  padding: 0.75rem 0;
  border-radius: 0;
}
.grid-filter.style-4 li a::after {
  content: "";
  position: absolute;
  top: auto;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 2px;
  transition: all 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
  .grid-filter.style-4 li a::after {
    transition: none;
  }
}
.grid-filter.style-4 li.activeFilter a {
  color: var(--cnvs-contrast-900) !important;
}
.grid-filter.style-4 li.activeFilter a::after {
  width: 100%;
  left: 0%;
  background-color: var(--cnvs-themecolor);
}
@media (min-width: 768px) {
  .grid-filter.style-5 li:not(:first-child) {
    margin-left: 2.25rem;
  }
}
.grid-filter.style-5 li a {
  padding: 0.75rem 0 1rem;
  border-radius: 0;
}
.grid-filter.style-5 li a::after {
  content: "";
  position: absolute;
  top: auto;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%) scale(0);
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 50%;
  transition: all 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
  .grid-filter.style-5 li a::after {
    transition: none;
  }
}
.grid-filter.style-5 li.activeFilter a {
  color: var(--cnvs-contrast-900) !important;
}
.grid-filter.style-5 li.activeFilter a::after {
  transform: translateX(-50%) scale(1);
  background-color: var(--cnvs-themecolor);
}

/* Portfolio - Shuffle Icon
-----------------------------------------------------------------*/
.grid-shuffle {
  width: var(--cnvs-grid-shuffle-size);
  height: var(--cnvs-grid-shuffle-size);
  border: var(--cnvs-grid-filter-border) solid var(--cnvs-grid-filter-border-color);
  font-size: calc(var(--cnvs-grid-shuffle-size) / 2.625);
  text-align: center;
  line-height: calc(var(--cnvs-grid-shuffle-size) - var(--cnvs-grid-filter-border) - var(--cnvs-grid-filter-border));
  color: var(--cnvs-contrast-900);
  cursor: pointer;
  transition: all 0.2s linear;
}
@media (prefers-reduced-motion: reduce) {
  .grid-shuffle {
    transition: none;
  }
}
.grid-shuffle:hover {
  background-color: var(--cnvs-themecolor);
  color: #fff;
}



/* Toggle - FAQs
-----------------------------------------------------------------*/
.faqs .toggle {
  border: 2px solid var(--cnvs-toggle-bg-color); 		/* border-bottom: 1px solid var(--cnvs-toggle-bg-color); */
  padding-bottom: 12px;
  margin-bottom: 12px;
}
.faqs .toggle-content {
  padding-bottom: 10px;
}




/*-----------------------------------------------------------------------------------
	Shortcodes: tabs.scss
-----------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------
	Tabs
-----------------------------------------------------------------*/
.tabs, .tab-content {
  --cnvs-tab-base-color: var(--cnvs-heading-color);
  --cnvs-tab-padding-width: 15px;
  --bs-nav-link-font-size: 1rem;
  --bs-nav-link-font-weight:	400;
  --bs-nav-tabs-border-width: 1px;
  --bs-nav-tabs-border-color: rgba(var(--cnvs-contrast-rgb), 0.075);
  --bs-nav-tabs-link-hover-border-color: transparent;
  --cnvs-tabs-bg-color: var(--cnvs-contrast-bg-offset);
  --cnvs-tabs-active-bg-color: var(--cnvs-contrast-bg);
  --cnvs-tabs-active-color: var(--cnvs-themecolor);
  --cnvs-tab-container-padding: 20px;
  --cnvs-side-tab-width: 200px;
  --cnvs-sidenav-font-size: 1rem;
  --cnvs-sidenav-border: 1px;
  --cnvs-sidenav-radius: 4px;
  --cnvs-sidenav-icon-margin: 6px;
  --cnvs-sidenav-padding-height: 11px;
  --cnvs-sidenav-padding-width: 20px;
  --cnvs-sidenav-border-color: rgba(var(--cnvs-contrast-rgb), 0.1);
  --cnvs-sidenav-font-color: var(--cnvs-heading-color);
  position: relative;
}

/* Bootstrap Tabs */
:not(.dark) .list-group-media .list-group-item-action p {
  opacity: 0.8;
  line-height: 1.6 !important;
}

/* Tab Icons */
[role=tablist] a.i-plain.active {
  color: var(--cnvs-themecolor);
}

[role=tablist] a.active {
  border-color: var(--cnvs-themecolor);
  background-color: var(--cnvs-themecolor);
  color: var(--cnvs-contrast-0);
}

/* Tab Bordered */
.tab-bordered {
  position: relative;
}

.tab-bordered::before {
  content: "";
  height: 1px;
  border: 1px dashed var(--cnvs-contrast-300);
  position: absolute;
  margin: auto;
  top: 50%;
  left: 15px;
  right: 15px;
  z-index: 0;
}

.tab-bordered a {
  z-index: 2;
}

.tab-bordered a.i-bordered:not(.active):not(:hover) {
  background-color: var(--cnvs-tabs-active-bg-color) !important;
}

.tab-bordered.list-group-horizontal-sm::before {
  height: 100%;
  width: 1px;
  border: 1px dashed var(--cnvs-contrast-300);
  top: 15px;
  bottom: 15px;
  left: 26px;
  right: auto;
  z-index: 0;
}

.tab-sticky.sticky-sm-none {
  position: relative;
  top: auto;
  height: auto;
}

.tab-sticky {
  position: sticky;
  top: 80px;
  height: 100%;
  z-index: 1;
}

.canvas-tabs,
.canvas-tabs.nav-tabs {
  --bs-nav-link-padding-x: 1.5rem;
  --bs-nav-tabs-border-width: 1px;
  --bs-nav-tabs-border-color: rgba(var(--cnvs-contrast-rgb), 0.075);
  --bs-nav-tabs-border-radius: 0;
  --bs-nav-link-color: var(--cnvs-heading-color);
  --bs-nav-link-hover-color: var(--cnvs-heading-color);
  padding: 0 var(--cnvs-tab-padding-width);
}
.canvas-tabs .nav-item:first-child .nav-link,
.canvas-tabs.nav-tabs .nav-item:first-child .nav-link {
  border-left: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
}
.canvas-tabs .nav-link,
.canvas-tabs.nav-tabs .nav-link {
  min-height: 41px;
  background-color: var(--cnvs-tabs-bg-color);
  border: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
  border-left: 0;
  transition: none;
}
.canvas-tabs .nav-link.active, .canvas-tabs .nav-tabs .nav-item.show .nav-link,
.canvas-tabs.nav-tabs .nav-link.active,
.canvas-tabs.nav-tabs .nav-tabs .nav-item.show .nav-link {
  background-color: var(--cnvs-tabs-active-bg-color);
  color: var(--cnvs-tabs-active-color);
  border-bottom: 0;
  padding-bottom: calc(var(--bs-nav-link-padding-y) + 1px);
}
.canvas-tabs.tabs-bordered,
.canvas-tabs.nav-tabs.tabs-bordered {
  padding: 0;
  margin-bottom: 0 !important;
}
.canvas-tabs.tabs-bordered + .tab-content,
.canvas-tabs.nav-tabs.tabs-bordered + .tab-content {
  border: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
  border-top: 0;
  padding: var(--cnvs-tab-container-padding);
}
.canvas-tabs.flex-column,
.canvas-tabs.nav-tabs.flex-column {
  --bs-nav-link-padding-y: .75rem;
  padding: var(--cnvs-tab-padding-width) 0;
  border-bottom: 0;
  border-right: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
}
.canvas-tabs.flex-column .nav-link,
.canvas-tabs.nav-tabs.flex-column .nav-link {
  width: 100%;
  text-align: left;
  border-left: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
  margin-bottom: -1px;
  margin-left: calc(var(--bs-nav-tabs-border-width) * 1);
}
.canvas-tabs.flex-column .nav-link:hover, .canvas-tabs.flex-column .nav-link:focus,
.canvas-tabs.nav-tabs.flex-column .nav-link:hover,
.canvas-tabs.nav-tabs.flex-column .nav-link:focus {
  isolation: auto;
}
.canvas-tabs.flex-column:not(.nav-pills) .nav-link.active,
.canvas-tabs.nav-tabs.flex-column:not(.nav-pills) .nav-link.active {
  border-right-color: transparent;
  padding-bottom: var(--bs-nav-link-padding-y);
}
.canvas-tabs.flex-column:last-child .nav-link,
.canvas-tabs.nav-tabs.flex-column:last-child .nav-link {
  border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
}
.canvas-tabs.size-sm,
.canvas-tabs.nav-tabs.size-sm {
  --bs-nav-link-padding-x: 1rem;
  --bs-nav-link-font-size: .9375rem;
}

.canvas-alt-tabs {
  --bs-nav-tabs-border-radius: 0;
  --bs-nav-link-color: var(--cnvs-tab-base-color);
  --bs-nav-link-hover-color: var(--cnvs-tab-base-color);
  --bs-nav-link-padding-x: 1.5rem;
  --bs-nav-tabs-link-active-bg: var(--cnvs-contrast-bg);
  --bs-nav-tabs-link-active-color: var(--cnvs-themecolor);
  --bs-nav-tabs-link-active-border-color: var(--bs-nav-tabs-border-color) var(--bs-nav-tabs-border-color) var(--cnvs-contrast-bg);
  padding: 0 var(--cnvs-tab-padding-width);
}
.canvas-alt-tabs.tabs-tb .nav-link {
  transition: none;
}
.canvas-alt-tabs.tabs-tb .nav-link.active {
  border-top: calc(var(--bs-nav-tabs-border-width) + 1px) solid var(--cnvs-themecolor);
  border-bottom: 0;
}
.canvas-alt-tabs.tabs-bb {
  --bs-nav-tabs-border-width: 0px;
  --bs-nav-tabs-border-radius: 0;
  --bs-nav-link-color: var(--cnvs-tab-base-color);
  padding: 0;
  border-bottom: 1px solid var(--bs-nav-tabs-border-color);
}
.canvas-alt-tabs.tabs-bb .nav-link.active {
  border-bottom: 1px solid var(--cnvs-themecolor);
}
.canvas-alt-tabs .nav-link:not(.active):not(:hover), .canvas-alt-tabs .nav-link:not(.active):not(:focus) {
  border-color: transparent;
}

.canvas-alt-tabs2 {
  --bs-nav-pills-link-active-bg: var(--cnvs-themecolor);
  --bs-nav-pills-border-radius: 2px;
  --bs-nav-link-hover-color: var(--cnvs-tab-base-color);
  --bs-nav-link-padding-x: 1.5rem;
}
.canvas-alt-tabs2 .nav-link {
  background-color: var(--cnvs-contrast-200);
  --bs-nav-link-color: var(--cnvs-tab-base-color);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.canvas-alt-tabs2 .nav-item:not(:last-child) .nav-link {
  margin-right: 15px;
}
.canvas-alt-tabs2 .tabs-bordered {
  padding: 0;
  margin-bottom: 0 !important;
}
.canvas-alt-tabs2 .tabs-bordered + .tab-content {
  border: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
  border-top: 0;
  padding: var(--cnvs-tab-container-padding);
}

.tabs-bordered .tabs, .tabs-bordered .tab-content {
  --bs-nav-tabs-border-color: var(--cnvs-contrast-300);
}
.tabs-bordered .flex-column {
  padding: 0;
  z-index: 1;
}
.tabs-bordered .tab-content {
  padding: var(--cnvs-sidenav-padding-width);
  border: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
  margin-left: -1px;
  height: 100%;
}
.tabs-bordered .tab-content p {
  margin-bottom: 0;
}

@media (min-width: 576px) {
  .canvas-br-side-tabs .nav-link {
    border: 0 !important;
    background-color: transparent !important;
    padding-left: 0;
  }
  .canvas-br-side-tabs .nav-link.active {
    border-right: 2px solid var(--cnvs-themecolor) !important;
  }
}
@media (max-width: 575.98px) {
  .tabs {
    flex-direction: column;
    border-bottom: 0;
    padding: 0;
  }
  .tabs li .nav-link {
    width: 100%;
    text-align: left;
    margin: 0 0 5px 0;
    border: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color) !important;
  }
  .tabs li:last-child .nav-link {
    margin-bottom: 0;
  }
  .tabs.canvas-alt-tabs {
    --bs-nav-tabs-link-active-color: var(--cnvs-themecolor);
  }
}
/*-----------------------------------------------------------------------------------
	Shortcodes: faqs.scss
-----------------------------------------------------------------------------------*/