@charset "UTF-8";

/*서브 공통*/
.sub-contents-tit{font-size:25px;color:#363636;font-weight:600;letter-spacing:-1px;word-break:keep-all;}
.best-sub-contents{margin-top:30px;color:#363636;}
.best-sub-contents p{font-size:20px;color:#595757;letter-spacing:-1px;font-weight:300;word-break:keep-all;}
input,
textarea,
button,
select,
a {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
@media all and (max-width:768px){
	.sub-contents-tit{font-size:20px;}
	.best-sub-contents p{font-size:16px;}
	.m-br{display:block;}	
}



/*기업소개 - 소개*/
.best-intro .orange-company{display:block;position:relative;width:600px;font-size:25px;color:#e46d34;padding:0 80px;margin:70px auto 50px auto;letter-spacing:-1px;line-height:51px;}
.best-intro .orange-company::after{position:absolute;width:21px;height:51px;content:'';left:0;top:0;background:url('/theme/best/img/orange_left.png') top center no-repeat;}
.best-intro .orange-company::before{position:absolute;width:21px;height:51px;content:'';right:0;top:0;background:url('/theme/best/img/orange_right.png') top center no-repeat;}
.best-intro ul li{float:left;width:calc(50% - 15px);height:190px;border:1px solid #e5e5e5;border-radius:25px;margin-bottom:30px;padding:45px;}
.best-intro ul li:nth-child(1),
.best-intro ul li:nth-child(3){margin-right:30px;}
.best-intro ul li .cp-gbol{position:relative;padding-left:150px;}
.best-intro ul li .cp-gbol::before{position:absolute;width:112px;height:102px;content:'';left:0;top:0;}
.best-intro ul li:nth-child(1) .cp-gbol::before{background:url('/theme/best/img/cp-gbol-01.jpg') top center no-repeat;background-size:contain;}
.best-intro ul li:nth-child(2) .cp-gbol::before{background:url('/theme/best/img/cp-gbol-02.jpg') top center no-repeat;background-size:contain;}
.best-intro ul li:nth-child(3) .cp-gbol::before{background:url('/theme/best/img/cp-gbol-03.jpg') top center no-repeat;background-size:contain;}
.best-intro ul li:nth-child(4) .cp-gbol::before{background:url('/theme/best/img/cp-gbol-04.jpg') top center no-repeat;background-size:contain;}
.best-intro ul li .cp-gbol h4{font-size:25px;font-weight:600;margin-bottom:8px;}
.best-intro ul li .cp-gbol p{font-size:20px;color:#7d7d7d;font-weight:300;line-height:1.45;}
.best-intro ul li:nth-child(4) .cp-gbol h4{padding-top:15px;}

/*기업소개 - 제휴사*/
.aff-company .sub-contents-tit em{font-size:20px;font-weight:500;font-style:normal;}
.aff-company .logo-list{margin:30px 0 55px 0;}
.aff-company .logo-list li{float:left;width:270px;margin-right:20px;margin-bottom:20px;}
.aff-company .logo-list li:nth-child(4n){margin-right:0;}
.aff-company .logo-list li img{width:100%;}

/*기업소개 - 오시는 길*/

/*.map-location .best-sub-contents{float:left;width:calc((100% - 20px)/2);}*/
.map-location .best-sub-contents.map-con01{margin-bottom:80px;}
.map-location .map .root_daum_roughmap .wrap_map{height:300px;}
.map-location .map .root_daum_roughmap .wrap_controllers{display:none;}
.map-location .map .map-table{width:100%;margin-top:30px;border-top:1px solid #d2d2d2;}
.map-location .map .map-table td{font-size:20px;color:#363636;height:80px;line-height:80px;text-align:left;border-bottom:1px solid #d2d2d2;}
.map-location .map .map-table td.blue{color:#28a2dc;padding-left:30px;font-weight:500;}


/*기업소개 - 대리점 등록증*/
.certificate{}
.certificate ul{margin-top:30px;}
.certificate ul li{float:left;width:49%;border:1px solid #e5e5e5;}
.certificate ul li:nth-child(1){margin-right:2%;}
.certificate ul li img{display:block;margin:0 auto;padding:50px 0;}
.certificate ul li p{font-size:20px;background:#e46d34;color:#fff;font-weight:500;height:50px;line-height:50px;text-align:center;}

/*사업소개 - 영업지원*/
.sales .sales-section{padding:50px 0 ;border-bottom:1px solid #f5f5f5;}
.sales .sales-section.last{border-bottom:none;}
.orange-point{display:inline-block;width:110px;height:50px;line-height:50px;font-size:25px;color:#e46d34;border:2px solid #e46d34;border-radius:30px;font-weight:600;letter-spacing:-1px;text-align:center;}
.sales .sales-section .sub-contents-tit{margin:30px 0;}
.sales .sales-section .db-ico{border-top:1px solid #eeeeee;border-left:1px solid #eeeeee;}
.sales .sales-section .db-ico li{float:left;width:25%;border-right:1px solid #eeeeee;border-bottom:1px solid #eeeeee;padding:30px 0;}
.sales .sales-section .db-ico li img{display:block;margin:0 auto;}
.sales .sales-section .db-ico li p{text-align:center;margin-top:20px;font-weight:500;}

/*인재채용 - 입사안내*/
.best-qna {border-top:2px solid #464646;}
.best-qna .recruit-tit a{display:block;width:100%;height:120px;line-height:120px;position:relative;cursor:pointer;font-size:25px;font-weight:500;padding-left:50px;border-bottom:1px solid #e1e1e1;}
.best-qna .recruit-tit a::after{position:absolute;content:'';width:26px;height:14px;right:50px;top:55px;background:url('/theme/best/img/allow-orange.jpg') center center no-repeat;}
.best-qna .recruit-tit a img{margin-right:15px;}
.best-qna .recruit-tit a img.q-orange{display:none;}
.best-qna .recruit-tit .hide{display:none;font-size:20px;color:#7d7d7d;background:#f9f9f9;border-bottom:1px solid #e1e1e1;padding:45px 50px;}

/*사업소개 - 보험상훔*/
.product{}
.product #click_tab{margin-bottom:65px;}
.product #click_tab .click_tab_active{float:left;width:50%;height:65px;line-height:65px;font-size:25px;color:#a8a8aa;border-bottom:1px solid #e1e1e1;text-align:center;font-weight:500;}
.contents_box .product-set{}
.contents_box .product-set h3{font-size:25px;color:#363636;margin-bottom:20px;font-weight:600;}
.contents_box .product-set ul{}
.contents_box .product-set ul li{float:left;width:calc((100% - 60px)/3);height:80px;line-height:80px;font-size:25px;font-weight:500;margin:0 30px 30px 0;text-align:center;}
.contents_box .product-set ul li:nth-child(3n){margin-right:0;}
.contents_box .product-set ul li a{display:block;width:100%;height:100%;background:#f4f4f4;color:#a8a8aa;}
.contents_box .product-set ul li a:hover{background:#e46d34;color:#fff;}
.product-detail{}
.product-detail .md-img{float:left;width:350px;}
.product-detail .md-txt{float:right;width:350px;margin-left:50px;}
.product-detail .md-txt::-webkit-scrollbar{width:5px;background:#000;}
.product-detail .md-txt h3{font-size:25px;color:#363636;margin-bottom:20px;font-weight:600;}
.product-detail .md-txt p{text-align:justify;font-size:20px;color:#7d7d7d;font-weight:200;padding-right:20px;}
.modal.product-detail{max-width:850px !important;padding:60px 50px !important;}
.modal.product-detail a.close-modal{top:20px !important;right:20px !important;}


/*서브-반응형*/
@media all and (max-width:1500px){
	.aff-company .logo-list{width:620px;}
	.aff-company .logo-list li{width:200px;margin-right:10px;margin-bottom:10px;}
	.aff-company .logo-list li:nth-child(4n){margin-right:10px;}
	.aff-company .logo-list li:nth-child(3n){margin-right:0;}	
}

@media all and (max-width:1400px){
	.best-intro ul{width:90%;}
	.best-intro ul li{height:320px;padding:45px 20px;}
	.best-intro ul li .cp-gbol{padding-left:0;padding-top:130px;text-align:center;}
	.best-intro ul li .cp-gbol::before{position:absolute;width:112px;height:102px;content:'';left:50%;margin-left:-56px;top:0;}
}
@media all and (max-width:1100px){
	.best-intro ul{width:100%;}
	.aff-company .sub-contents-tit{text-align:center;}
	.aff-company .logo-list{margin-right: auto;margin-left:auto;}
	.product-detail .md-img{float:none;width:100%;}
	.product-detail .md-txt{float:none;width:100%;margin-left:0;}
	.product-detail .md-txt h3{margin-top:20px;}	
	.product-detail .md-txt p{height:auto;padding-right:0;}

}
@media all and (max-width:768px){
	.best-intro .orange-company{width:90%;padding:0 50px;line-height:1.3;text-align:center;}
	.best-intro .orange-company::after{top:3px;}
	.best-intro .orange-company::before{top:3px;}
	.best-intro ul li{width:calc(50% - 5px);margin-bottom:10px;height:260px;padding:35px 20px;}	
	.best-intro ul li:nth-child(1),
	.best-intro ul li:nth-child(3){margin-right:10px;}
	.best-intro ul li .cp-gbol{padding-top:90px;text-align:center;}
	.best-intro ul li .cp-gbol::before{width:80px;height:73px;left:50%;margin-left:-40px;}
	.best-intro ul li .cp-gbol h4{font-size:20px;}
	.best-intro ul li .cp-gbol p{font-size:16px;}
	.certificate ul li{float:none;width:100%;margin-bottom:30px;}	
	.certificate ul li:nth-child(1){margin-right:0;}
	.certificate ul li img{width:40%;}
	.certificate ul li p{font-size:18px;}
	.sales .sales-section{padding:40px 0;}
	.orange-point{font-size:18px;height:40px;line-height:36px;width:90px;}
	.sales .sales-section .sub-contents-tit{margin:15px 0;}	
	.map .map-table{margin-top:20px;}
	.map .map-table td{font-size:16px;height:auto;line-height:1.4;padding:15px 20px 15px 20px;word-break:keep-all;}
	.map .map-table td.blue{font-weight:600;padding-right:0;padding-left:5px;}
	.map .root_daum_roughmap .wrap_map{height:300px !important;}
	.best-qna .recruit-tit a{height:80px;line-height:80px;font-size:18px;padding-left:10px;}
	.best-qna .recruit-tit a::after{width:20px;right:10px;top:35px;background-size:contain;}
	.best-qna .recruit-tit a img{width:16px;margin-right:3px;margin-top:0px;vertical-align:top;margin-top:32px;}
	.best-qna .recruit-tit .hide{font-size:15px;padding:30px 20px;}	
	.product #click_tab{margin-bottom:50px;}
	.product #click_tab .click_tab_active{height:50px;line-height:50px;font-size:20px;}
	.modal.product-detail{padding:60px 30px 50px 30px !important;}
	.modal.product-detail a.close-modal{top:15px !important;right:15px !important;}
	.product-detail .md-txt h3{font-size:18px;margin:15px 0 10px 0;}	
	.product-detail .md-txt p{font-size:15px;}
	.contents_box .product-set h3{font-size:20px;margin-bottom:15px;}
	.contents_box .product-set ul li{width:calc((100% - 30px)/3);height:60px;line-height:60px;font-size:18px;margin:0 15px 15px 0;}
	.map-location .map .map-table td{line-height:1.4;font-size:18px;}


}
@media all and (max-width:640px){	
	.aff-company .logo-list{width:90%;}
	.aff-company .logo-list li{width:49%;}
	.aff-company .logo-list li:nth-child(4n){margin-right:0;}
	.aff-company .logo-list li:nth-child(even){margin-right:0;}
	.aff-company .logo-list li:nth-child(odd){margin-right:2%;}
	.sales .sales-section .db-ico li{width:33.333333%;padding:25px 0 20px 0;}
	.sales .sales-section .db-ico li img{width:50px;}
	.sales .sales-section .db-ico li p{margin-top:12px;}
	.product-detail .md-txt{-webkit-overflow-scrolling: touch;}
	.product-detail .md-txt p{height:135px;padding-right:10px;overflow-y:scroll;-webkit-overflow-scrolling: touch;}
	.contents_box .product-set ul li{width:calc((100% - 10px)/2);font-size:17px;margin:0 10px 10px 0;}
	.contents_box .product-set ul li:nth-child(2n){margin-right:0;}
	.contents_box .product-set ul li:nth-child(3n){margin-right:10px;}
	.map-location .map .map-table td.blue{padding-left:10px;}
	
}
@media all and (max-width:500px){
	.best-intro ul li{float:none;width:100%;padding:30px 15px;height:auto;}
	.certificate ul li img{width:50%;}
	.map .root_daum_roughmap .wrap_map{height:200px !important;}
}
@media all and (max-width:400px){
	.best-intro .orange-company{font-size:20px;padding:0 15px;}
	.sales .sales-section .db-ico li{width:50%;}	
	.best-intro .orange-company::after{width:15px;height:36px;background-size:contain;top:8px;left:-5px;}
	.best-intro .orange-company::before{width:15px;height:36px;background-size:contain;top:8px;right:-5px;}
}





/*220124 변지선 지점 추가*/
.map-location .map .root_daum_roughmap .wrap_map{height:250px;}
.map-location .best-sub-contents{float:left;width:calc((100% - 50px)/2);height:450px;}
.map-location .best-sub-contents:nth-of-type(odd){margin-right:50px;}
.map-location .cont {display:none;}
.map-location .map .map-table td{line-height:1.3;padding-top:10px;padding-bottom:10px;padding-right:30px;word-break:keep-all;}
.map-location .map .map-table td.blue{width:200px;}
@media all and (max-width:1024px){
	.map-location .best-sub-contents{float:none;width:100%;height:auto;margin-bottom:80px;}	
	.map-location .best-sub-contents:nth-of-type(odd){margin-right:0;}
}
@media all and (max-width:768px){
	.map-location .map .map-table td{word-break:break-all;}
	.map-location .map .map-table td.blue{width:30%;word-break:keep-all;padding-right:0;}
}


/*220329 변지선 사업소개 수정*/
.sales .sales-section .db-ico li{padding:0;}
.sales .sales-section .db-ico li a{display:block;width:100%;height:100%;padding:30px 0;}
.sales .sales-section .db-ico li a:hover{outline: 2px solid #e46d34;/*background:#f7f7f7;*/}
.sales .sales-section .db-ico li.hover-no a{cursor: default;}
.sales .sales-section .db-ico li.hover-no a:hover{outline: none;}




/*220330 변지선 사업소개-영업지원 모달창*/
#salesmodal{display:none;position:fixed;width:100%; height:100%;top:0; left:0;background:rgba(0,0,0,0.8);z-index:9999;}
.salesmodal-con{display:none;position:fixed;top:50%; left:50%;transform: translate(-50%,-50%);width:70%;height:80vh;/*max-width: 1200px;*/min-height: 30%;background:#fff;z-index:9999;}
.salesmodal-con .con{/*max-width:1200px;*/height:100%;margin-left:auto;margin-right:auto;font-size:15px; line-height:1.3;overflow-y:scroll ;
	-ms-overflow-style: none; /* IE and Edge */
	scrollbar-width: none; /* Firefox */
}
.salesmodal-con .con::-webkit-scrollbar {display: none; /* Chrome, Safari, Opera*/}
.salesmodal-con .con img{display:block;width:100%;}
.salesmodal-con .close{	display:block;	position:absolute;	width:40px; height:40px;right:0; top:0px;z-index: 500;background:url('/theme/best/img/modal-close.png') center center no-repeat;}
.salesmodal-con .scroll-ico{position:absolute;right:20px;bottom:20px;width:50px;height:70px;border-radius:20px;background:rgba(255,255,255,0.7) url('/theme/best/img/modal-scroll-ico.png') center center no-repeat;animation: motion 0.6s linear 0s infinite alternate;}
@keyframes motion {
	0% {bottom: 20px;}
	100% {bottom: 40px;}
}
.salesmodal-con .con .mobile{display:none;}
@media all and (max-width:1024px){
	.salesmodal-con{width:90%;}
	.salesmodal-con .con .pc{display:none;}
	.salesmodal-con .con .mobile{display:block;}
}
@media all and (max-width:640px){
	.salesmodal-con .close{top:-1px;}
	.salesmodal-con .scroll-ico{width:40px;height:59px;background-size:25px 47px;}
}


/*220519 변지선 사업소개 수정*/
.sales .sales-section .db-ico li a:hover{outline:none;}
.sales .sales-section .db-ico li a{position:relative;}
.sales .sales-section .db-ico li a::after{position:absolute;content:'';left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.8);opacity:0;transition: all 0.2s;}
.sales .sales-section .db-ico li a .cover{position:absolute;width:130px;left:50%;margin-left:-65px;top:50%;margin-top:-22px;z-index:10;text-align:center;border-radius:30px;background:#fff;height:44px;opacity:0;transition: all 0.5s;}
.sales .sales-section .db-ico li a .cover b{display:inline-block;font-size:20px;color:#000;line-height:44px;margin:0 5px;font-weight:600;}
.sales .sales-section .db-ico li a .cover img{display:inline-block;margin-top:-8px;}

.sales .sales-section .db-ico li a:hover::after{opacity:1;}
.sales .sales-section .db-ico li a:hover .cover{opacity:1;}


/*220530 변지선 ceo 메뉴 추가*/
.ceo-greeting{}
.ceo-greeting .ceo-left{float:left;width:405px;margin-right:90px;}
.ceo-greeting .ceo-right{float:right;width:calc(100% - 495px);padding-top:70px;}
.ceo-greeting .ceo-right h3{position:relative;font-size:36px;color:#122a88;padding-left:15px;font-weight:600;}
.ceo-greeting .ceo-right h3::after{position:absolute;content:'';left:0;top:3px;width:5px;height:40px;background:#a2a2a2;}
.ceo-greeting .ceo-right p{font-size:20px;line-height:1.5;margin:90px 0 100px 0;color:#595757;}
.ceo-greeting .ceo-right p strong{font-size:25px;color:#363636;}
.ceo-greeting .ceo-right p i.br{display:block;}
.ceo-greeting .ceo-right .sign{text-align:right;font-size:22px;color:#0068b3;font-weight:600;}
.ceo-greeting .ceo-right .sign img{display:inline-block;margin-left:10px;vertical-align: middle;}
.ceo-logo{margin-top:80px;}
.ceo-logo .logo-list{}
.ceo-logo .logo-list li{float:left;width:calc((100% - 60px)/5);margin-right:15px;margin-bottom:15px;}
.ceo-logo .logo-list li:nth-child(5n){margin-right:0;}
.ceo-logo .logo-list li img{display:block;width:100%;}
@media all and (max-width:960px){
	.ceo-greeting .ceo-left{width:405px;margin-right:50px;}
	.ceo-greeting .ceo-right{width:calc(100% - 455px);}
}
@media all and (max-width:768px){
	.ceo-greeting .ceo-left{float:none;width:100%;margin-right:0;}
	.ceo-greeting .ceo-left img{display:block;width:100%;}
	.ceo-greeting .ceo-right{float:none;width:100%;}
	.ceo-logo .logo-list li{width:calc((100% - 30px)/3);}
	.ceo-logo .logo-list li:nth-child(5n){margin-right:15px;}
	.ceo-logo .logo-list li:nth-child(3n){margin-right:0;}
}
@media all and (max-width:640px){
	.ceo-greeting .ceo-right h3{font-size:27px;}
	.ceo-greeting .ceo-right h3::after{height:30px;}
	.ceo-greeting .ceo-right p{margin:40px 0 70px 0;font-size:18px;}
	.ceo-greeting .ceo-right p strong{font-size:18px;}
	.ceo-greeting .ceo-right .sign{font-size:18px;}
	.ceo-logo .logo-list li{width:calc((100% - 15px)/2);}
	.ceo-logo .logo-list li:nth-child(5n){margin-right:15px;}
	.ceo-logo .logo-list li:nth-child(3n){margin-right:15px;}
	.ceo-logo .logo-list li:nth-child(2n){margin-right:0px;}
}


/*231115 수정*/
.ceo-greeting .ceo-right{float:none; width:100%; padding-top:0;}