@charset "utf-8";
/*
	SKIN CSS
*/

#bbs_bound{padding:0;}
.slBox{width:100%;height:282px;}
.slBox a{color:#fff;}
.slBox .slPos{width:142px;margin:0 auto;text-align:center;margin-bottom:25px;margin-top:40px;padding-bottom:4px;border-bottom:1px solid #fff;color:#fff;font-family:'Nanum Square';font-size:15px;font-weight:normal;}
.slBox .slTitle{width:1000px;margin:0 auto;text-align:center;font-family:'Nanum Square';font-size:30px;color:#fff;letter-spacing:-1px;padding:30px 0;}
.slBox .slCont{width:800px;margin:0 auto;text-align:center;font-family:'Nanum Square';font-size:16px;color:#aaa;letter-spacing:-0.5px;line-height:135%; font-weight: 200;}


.subTopImg{width:100%;height:282px;background:url('/images/tmp_plan_timg.jpg') center center no-repeat;background-size:cover;}
.bbsMainLayout{overflow:hidden;width:1200px;margin-top:20px;margin-bottom:70px;}
.bbsMainLayout > li{float:left;}
.bbsMainLayout > li.col01{width:883px;margin-right:24px;}
.bbsMainLayout > li.col02{width:293px;}

.bbsList{margin-top:30px;}
.no-data{width:100%; padding:100px 0 80px 0; text-align:center; font-family:'NanumSquare'; font-size:16px; color:#ddd; border-top:1px solid #efefef;}

.subRbox{margin-bottom:10px;}

/* 슬라이더 커스텀 */
#customPrevNext{width:1200px;margin:0 auto;border-top:0px solid red;position:relative;z-index:9999;height:0;}
#customPrevNext #custom_prev{position:absolute;left:0;top:90px;cursor:pointer;}
#customPrevNext #custom_next{position:absolute;right:0;top:90px;cursor:pointer;}

/* 지역구분 */
.bbsGubun .guBunList{overflow:hidden;border:1px solid #d9d9d9;border-top:0;border-left:0;}
.bbsGubun .guBunList > li{float:left;/*width:147px;*/width:25%;text-align:center;border:1px solid #d9d9d9;}
.bbsGubun .guBunList > li{border-bottom:0;border-right:0;background:#f6f6f6;}
.bbsGubun .guBunList > li a{display:inline-block;width:100%;padding:18px 20px;color:#4b4b4b;font-family:'Nanum Square';font-size:16px;}
.bbsGubun .guBunList > li.active{background:#1dc800;color:#fff;}
.bbsGubun .guBunList > li:hover{color:#000;}
.bbsGubun .guBunList > li.nodata:hover{background:#f6f6f6;}
.bbsGubun .guBunList > li.active a{color:#fff;}
.bbsGubun .guBunList > li:hover a{color:#0177e4;}
.bbsGubun .guBunList > li.active:hover a{color:#fff}

.bbsGubun2{overflow:hidden;margin-bottom:40px;}
.bbsGubun2 .guBunList{overflow:hidden;border:1px solid #ddd;border-top:0;border-left:0;margin-top:20px;}
.bbsGubun2 .guBunList > li{float:left;/*width:12.5%;*/width:25%;text-align:center;border:1px solid #d9d9d9;}
.bbsGubun2 .guBunList > li{border-bottom:0;border-right:0;background:#fff;}
.bbsGubun2 .guBunList > li a{display:inline-block;width:100%;padding:20px;color:#4b4b4b;;font-family:'Nanum Square';font-size:16px;}
.bbsGubun2 .guBunList > li a.active{background:linear-gradient(to right, #0177e4, #35aff5);color:#fff;}
.bbsGubun2 .guBunList > li a:hover{color:#000;}
.bbsGubun2 .guBunList > li.nodata:hover{background:#f6f6f6;}
.bbsGubun2 .guBunList > li a.active{color:#fff;}
.bbsGubun2 .guBunList > li a:hover{color:#1b8bfd;}
.bbsGubun2 .guBunList > li a.active:hover{color:#fff;}


.preTitle{position:relative;height:118px;border-bottom:2px solid #333;margin-bottom:13px;}
.preTitle .title{position:absolute;left:0;top:45px;font-family:'Nanum Square';font-size:32px;letter-spacing:-1px;}
.preTitle .subStr{position:absolute;left:0;top:85px;font-family:'돋움';font-size:13px;color:#9d9d9d;letter-spacing:-1px;line-height: 30px;}
.preTitle .qtype{position:absolute;right:0;bottom:15px;float:left;}
.preTitle .qtype > li{float:left;padding:0 5px;color:#333;letter-spacing:-1px;}
.preTitle .qtype > li a{color:#333;}

.preBest .bestList{overflow:hidden;}
.preBest .bestList > li{float:left;width:287px;height:318px;border:0px solid #ddd;margin-right:10px;}
.preBest .bestList > li:last-child{margin-right:0;}
.preBest .bestList > li .photo{position:relative;width:100%;height:192px;border:1px solid #c4c4c4;}
.preBest .bestList > li .photo .nos{position:absolute;left:-0.2px;top:134px;}
/*.preBest .bestList > li .photo:hover{transform: scale(1.2);transition: all .2s;}*/
.preBest .bestList > li .txt{padding:25px 15px;border:1px solid #ddd;border-top:0;}
.preBest .bestList > li .txt .subject{font-family:'Nanum Square';font-size:16px;color:#444;line-height:150%;}
.preBest .bestList > li .txt .tag{padding-top:6px;color:#aaa;font-family:'Nanum Square';font-size:14px;}
.preBest .bestList > li .txt .gt{color:#888;}
.preBest .bestList > li .txt .grt{color:#1b8bfd;}

.bbsArticleList{width:100%;overflow:hidden;border-top:1px solid #efefef;}
.bbsArticleList:last-child{border-bottom:1px solid #efefef;}
.bbsArticleList > li{float:left;padding:25px 0;font-family:'Nanum Square';font-size:16px;color:#444;}
.bbsArticleList > li.col01{width:8%;text-align:left;padding-top:35px;padding-left:4px;font-family:'Montserrat';font-size:28px;}
.bbsArticleList > li.col02{width:15%;text-align:center;padding-top:40px;color:#888;}
.bbsArticleList > li.col03{width:52%;padding-top:38px;line-height:150%;}
.bbsArticleList > li.col03 a{color:#444;}
.bbsArticleList > li.col04{width:25%;text-align:right;padding-right:2px;}
.bbsArticleList > li .tag{color:#999;font-size:15px;padding-top:30px;font-weight: 300;}

/* 질문과 답변 최근게시물 */
.qBox{border:1px solid #ebebeb;min-height:400px;}
.qBox .qTitle{font-family:'Nanum Square';font-size:15px;padding:20px 15px;border-bottom:1px solid #ebebeb;}
.qBox .inBox{padding:15px;}
.qBox .qList{overflow:hidden;}
.qBox .qList > li{float:left;height:24px;line-height:24px;color:#333;}
.qBox .qList > li.col01{width:70%;}
.qBox .qList > li.col02{width:20%;text-align:right;color:#afafaf;}

.qBox .qnaWbtn{display:inline-block;clear:both;width:100%;height:52px;margin-top:20px;line-height:52px;font-family:'Nanum Square';font-size:17px;text-align:center;}
.qBox .qnaWbtn{background:#d5d9df;color:#000 !important;}
.qBox a{color:#4c4c4c;}

/* 상담신청하기 */
.rpBox{border:1px solid #ebebeb;}
.rpBox .rfont{color:red;}
.rpBox .inBox{padding:20px 25px;}
.rpTitle{padding:20px 15px;border-bottom:1px solid #ebebeb;}
.rpTitle .tt{font-family:'Nanum Square';font-size:15px;}
.rpTitle .txt{font-family:'돋움';font-size:11px;color:#666;}
.rPhone input{width:69px !important;}
.rPhone div{margin-bottom:15px;}
.btnFsangDam{display:inline-block;width:100%;height:52px;margin:0 auto;line-height:52px;font-family:'Nanum Square';font-size:17px;text-align:center;}
.btnFsangDam{background:linear-gradient(to right, #419bf7, #01c7b7);color:#fff !important;}


/* 실시간상담접수 현황 */
.rTitle{position:relative;height:40px;width:100%;padding-top:12px;}
.rTitle .rDate{position:absolute;right:0;bottom:10px;color:#9e9e9e;}
.rTitle .rDate > span{letter-spacing:-1px;}
.rTable{background:#ebebeb;}
.rTable th{background:#fafafa;padding:15px 0;}
.rTable td{background:#fff;padding:0;height:90px;overflow:hidden;}
.aiList{height:135px;overflow:hidden;padding-top:10px;}

#sangDamList2{width:100%;}
#sangDamList2 > ul {width:100%;}
#sangDamList2 .list{width:100%;height:24px;color:#4c4c4c;} 
#sangDamList2 .list > li{float:left;height:24px;line-height:24px;}
#sangDamList2 .list > li.col1{width:33%;text-align:center;}
#sangDamList2 .list > li.col2{width:33%;text-align:center;}
#sangDamList2 .list > li.col3{width:34%;text-align:center;}


.rPhoneBox .rTitle{border:1px solid #ebebeb;padding-top:12px;padding-left:8px;border-bottom:0;}
.rPhoneBox .rPhoneCont{position:relative;width:100%;height:130px;background:url('/images/bg_rm_phone.jpg') 10px 25px  no-repeat;border:1px solid #ebebeb;}
.rPhoneBox .rPhoneCont .tPhone{position:absolute;left:100px;top:24px;font-family:'Montserrat';font-size:34px;letter-spacing:-1px;font-weight:bold;}
.rPhoneBox .rPhoneCont .rTime{position:absolute;left:100px;top:72px;color:#999;font-size:11px;font-family:'돋움';letter-spacing:-0.2px;}


/* 파트너링크 */
.partNer{border:1px solid #ebebeb;min-height:300px;padding-top:10px;}
.partNer .pList{overflow:hidden;}
.partNer .pList > li{float:left;width:50%;}

.pageBox{padding-top:40px;}
.subTopImg{}


#bbs_bound .active{background:linear-gradient(to right, #0177e4, #35aff5) !important; color:#fff;}


.bcontBoxy{width:100%;background:#f8f8f8;}
.cmtCont{width:1200px;margin:0 auto;padding-bottom:50px;font-family:'Nanum Square';font-size:14px;}
.binBox{width:1200px;margin:0 auto;}
.viewTitle{padding:15px 0;border-bottom:2px solid #52596b;}
.viewTitle .title{padding:5px 0;font-family:'Nanum Square';font-size:32px;font-weight:bold;letter-spacing:-1px;color:#000;}
.viewTitle .desc{font-family:'돋움';font-size:13px;color:#9d9d9d;letter-spacing:-1px;}
.viewContBox{padding:50px 70px;background:#fff;min-height:500px;border:0px solid #eee;margin-top:18px;}
.vtop{position:relative;color:#a5a5a5;letter-spacing:-1px;}
.vtop .vgubun{display:inline-block;padding:6px 18px 4px 18px;margin-right:4px;border:1px solid #1b8bfd;border-radius:15px;color:#1b8bfd;background:#fff;font-size:14px;}
.vtop .vlist{position:absolute;right:0;top:0;}
.vSubject{padding:40px 0 30px 0;font-family:'Nanum Square';font-size:34px;color:#000;font-weight:normal;}
.vDate{padding-bottom:20px;border-bottom:1px solid #efefef;color:#a3a3a3;font-weight: 200;}
.vComment{padding:50px 0;min-height:300px;border-bottom:1px solid #efefef;font-size:16px;font-family:'Nanum Square';line-height:150%;color:#000;}
.prevnext{background:#fbfbfc;margin-top:0;}

.vComment{line-height:170% !important;}
.page_bn { width:699px; height:230px; margin:0 auto; margin-top:40px;}

.viewContBox .atch{display:inline-block;margin-left:25px;}
.viewContBox .atch .dwn{display:inline-block;padding:6px 12px 4px 12px;border:1px solid #ddd;border-radius:15px;margin-right:5px;color:#999;}


/*콜박스*/
#subBtmBox .call_box{position:relative;width:1200px;height:219px;background:url('img/bg_btm_call.png') 0 0 no-repeat;padding: 54px 64px;margin:0 0 80px 0;}
#subBtmBox .call_box .phone_box{position:absolute;right:0;top:0;width:476px;height: 157px; padding: 0px 47px; margin-top: 32px; border-left: 1px solid #666666ad;}
#subBtmBox .call_box .phone_box .tt{font-family:'NanumSquare';font-size:43px;font-weight:700;color:#88c6ff;letter-spacing:-1px;margin:17px 0 10px 0;}
#subBtmBox .call_box .phone_box .txt{font-family:'돋움';font-size:13px;color:#e2e2e2;line-height:150%; letter-spacing:-2px;}

#subBtmBox .call_box .phone_box .txt .gg{color:#848490;}
#subBtmBox .call_box .phone_box .txt div:nth-child(1){margin-bottom:2px;}

#subBtmBox .call_box .btt{width:100%;padding-bottom:10px;font-family:'NanumSquare';font-size:30px;font-weight:700;color:#fff;letter-spacing:-0.5px;line-height:140%;}
#subBtmBox .call_box .desc{font-family:'NanumSquare';font-size:18px;font-weight:400;color:#b8b8b9;letter-spacing:-0.5px;}