@charset "utf-8";


/*페이지공통*/
#page_area .tit_box{margin-bottom:40px;padding:40px 35px;border:1px solid #e4e4e4;font-size:1.32em;color:#9c9b9b;letter-spacing:-0.05em;background:url(/sh_page/img/page30_1.png) 95% center no-repeat #f7f7f7;}
#page_area .tit_box p{font-size:2.3em;color:#444;font-weight:bold;margin-bottom:5px;padding-top:10px}
#page_area .tit_box p span{color:#f16722}
#page_area .bar{width:40px;height:4px;margin-bottom:7px;background-color:#f16722;}
#page_area .Btit{margin-bottom:12px;font-size:1.65em;font-weight:bold;color:#444;}
#page_area .pro_box{width:94%;margin:0 auto;letter-spacing:-0.03em}
#page_area .pro_box .Stit{position:relative;margin-bottom:12px;padding:12px 12px 12px 55px;font-weight:bold;font-size:1.25em;color:#6a6a6a;background-color:#f7f7f7;}
#page_area .pro_box .Stit span{position:absolute;padding:12px;margin-right:10px;left:0;top:0;font-weight:bold;color:#fff;font-size:1.2em;background-color:#f16722;}
#page_area .pro_box .Stit span.gray{background-color:#929292}
#page_area .pro_box .txt{padding-left:22px;font-size:15px;line-height:24px;}
#page_area .pro_box .txt b{color:#1c5b9d}
#page_area .down{width:500px;margin:10px auto;padding:14px 20px;font-size:15px;text-align:center;border:1px solid #9999a5;border-radius:5px;transition:all 280ms;color:#FFFFFF;background-color:#9999a5}
#page_area .down:hover{background-color:#333333;color:#fff}

/*인사말*/
#page29{width:770px;min-height:905px;margin:0 auto;background:url(/sh_page/img/page29_bg.png) right top no-repeat}
#page29 .m_tit{padding:20px 0 40px;font-size:1.7em;line-height:1.8em;letter-spacing:-0.05em;color:#333333}
#page29 .m_tit span{font-weight:700;font-size:1.38em;letter-spacing:-0.05em;font-family:'Nanum Myeongjo'}
#page29 .m_tit b{font-weight:700;color:#3f99d6}
#page29 .cont {font-size:15px;line-height:1.7em;letter-spacing:-0.04em;white-space:pre;color:#777777}
#page29 .cont b{font-size:17px;color:#1a5492}
#page29 .sign{padding-left:390px}
#page29 .box2 p{margin:50px 0 20px;padding-left:25px;font-size:18px;font-weight:bold;color:#000;background:url(/sh_page/img/tit_bg.png) left 0 no-repeat}
#page29 .box2 .txt_box{overflow:hidden;width:544px;padding:14px;background-color:#f0f0f0;overflow:hidden;border:1px solid #d0d0d0}
#page29 .box2 .txt_box ul{float:left}
#page29 .box2 .txt_box ul:first-child{margin-right:20px}
#page29 .box2 .txt_box ul li{padding-left:16px;font-size:14px;line-height:24px;background:url(/sh_page/img/li_bg.png) left no-repeat}
#page29 .box2 .img_box{padding-top:13px}

/*보험대리점*/
.page30 .pro_box ul{margin-bottom:40px}
.page30 .pro_box ul li{padding-left:22px;margin-bottom:30px;font-size:15px;color:#777777;line-height:26px;letter-spacing:-0.05em;background:url(/sh_page/img/page30_2.png) left center no-repeat}
.page30 .pro_box ul li b{color:#1c5b9d}

/*제휴회사*/
.page31 .pro_box ul{overflow:hidden;margin-bottom:40px}
.page31 .pro_box ul li{float:left;padding:10px}

/*보장분석*/
.page34 .pro_box .box{width:780px;padding:32px 0;margin:20px 0;border:1px solid #e1e1e1;background:url(/sh_page/img/page34_bg.png) no-repeat}
.page34 .pro_box ul li{padding-left:44px;font-size:15px;color:#858585;line-height:28px;letter-spacing:-0.05em;background:url(/sh_page/img/li_bg.png) 28px center no-repeat}
.page34 .pro_box ul li b{color:#f16722}

/*종합재무설계*/
.page35 .pro_box .txt_box{width:780px;padding:30px 20px;border:1px solid #d0d0d0;font-size:15px;line-height:24px;background:#f8f8f8}
.page35 .pro_box .txt_box b{color:#1c5b9d}
.page35 .pro_box .box{width:780px;padding:20px 0;margin:20px 0;border:1px solid #e1e1e1;background-color:#f8f8f8}

/*은퇴설계*/
.page36 .txt_box{width:780px;padding:10px 22px;font-size:15px;line-height:26px}
.page36 .pro_box .box{width:780px;border:1px solid #e1e1e1;padding:20px 0;margin:20px 0px 40px;background-color:#f8f8f8;border:1px solid #e1e1e1}
.page36 .pro_box ul li{padding-left:44px;font-size:15px;color:#858585;line-height:24px;letter-spacing:-0.05em;background:url(/sh_page/img/li_bg.png) 28px center no-repeat}
.page36 .pro_box ul li b{color:#f16722}

/*사망원인*/
.page39 td{background-color:#FFF}
.page39 .tit{font-size:15px;text-align:center;color:#FFF;background-color:#F60}
.page39 .pro_box ul li{padding-left:44px;font-size:15px;color:#858585;line-height:24px;letter-spacing:-0.05em;background:url(/sh_page/img/li_bg.png) 28px center no-repeat}

/*3대질병*/
.page40 td{background-color:#FFF}
.page40 .tit{font-size:15px;text-align:center;color:#FFF;background-color:#F60}

/*ci보험*/
.page41 td{background-color:#FFF}
.page41 .tit{font-size:15px;text-align:center;color:#FFF;background-color:#F60}

/*보장범위*/
.page42 td{background-color:#FFF}
.page42 .tit{font-size:15px;text-align:center;color:#FFF;background-color:#F60}

/*보험기간*/
.page43 td{background-color:#FFF}
.page43 .tit{font-size:15px;text-align:center;color:#FFF;background-color:#F60}
.page43 img{padding:30px 0 50px}

/*납입기간*/
.page44 td{background-color:#FFF}
.page44 .tit{font-size:15px;text-align:center;color:#FFF;background-color:#F60}
.page44 img{padding:30px 0 30px}
.page44 .pro_box ul li{padding-left:44px;font-size:15px;line-height:24px;letter-spacing:-0.05em;color:#858585;background:url(/sh_page/img/li_bg.png) 28px center no-repeat}

/*세가지질문*/
.page46 td{background-color:#FFF}
.page46 .tit{font-size:15px;text-align:center;color:#FFF;background-color:#F60}
.page46 .pro_box .txt{padding-bottom:30px}
.page46 .pro_box .txt .orange{font-weight:bold;color:#f57d3c}    
.page46 .pro_box ul li{padding-left:44px;font-size:15px;line-height:24px;letter-spacing:-0.05em;color:#858585;background:url(/sh_page/img/li_bg.png) 28px center no-repeat}
.page46 .down{width:500px;margin:10px auto;padding:14px 20px;border:1px solid #9999a5;border-radius:5px;transition:all 280ms;font-size:15px;text-align:center;color:#FFFFFF;background-color:#9999a5}
.page46 .down:hover{background-color:#333333;color:#fff}

/*보상시스템*/
.page47 td{background-color:#FFF}
.page47 .tit{font-size:15px;text-align:center;background-color:#F60;color:#FFF}
.page47 .pro_box .pro_txt{font-weight:bold;font-size:18px}
.page47 .pro_box .pro_txt span{color:#f57d3c}
.page47 .pro_box .txt .orange{font-weight:bold;color:#f57d3c}    
.page47 .pro_box ul li{padding-left:44px;font-size:15px;color:#858585;line-height:24px;letter-spacing:-0.05em;background:url(/sh_page/img/li_bg.png) 28px center no-repeat}


/*영업지원*/
.page49 td{background-color:#FFF}
.page49 .tit{font-size:15px;text-align:center;color:#FFF;background-color:#F60}
.page49 .pro_box .pro_txt{font-weight:bold;font-size:18px}
.page49 .pro_box .pro_txt span{color:#f57d3c}
.page49 .pro_box .txt .orange{font-weight:bold;color:#f57d3c}    
.page49 .pro_box ul li{padding-left:44px;font-size:15px;line-height:24px;letter-spacing:-0.05em;color:#858585;background:url(/sh_page/img/li_bg.png) 28px center no-repeat}

/*성장기회*/
.page48 td{background-color:#FFF}
.page48 .tit{font-size:15px;text-align:center;color:#FFF;background-color:#F60}
.page48 .pro_box .pro_txt{font-weight:bold;font-size:18px}
.page48 .pro_box .pro_txt span{color:#f57d3c}
.page48 .pro_box .txt .orange{font-weight:bold;color:#f57d3c}    
.page48 .pro_box ul li{padding-left:44px;font-size:15px;line-height:24px;letter-spacing:-0.05em;color:#858585;background:url(/sh_page/img/li_bg.png) 28px center no-repeat}

/*제작*/
table, thead,tbody,tfooter,tr,td,th{border-collapse:collapse}

/*공통*/
.pagecommon{font-size:16px;line-height:26px;letter-spacing:-.2px;color:#777;font-family:'notokr-regular'}
.pagecommon .br{white-space:pre-line}
.pagecommon .tit_area .stit{position:relative;display:inline-block;margin-bottom:15px;font-size:13px;line-height:13px;letter-spacing:0;color:#636fc2;font-weight:700;font-family:'Montserrat'}
.pagecommon .tit_area .stit:before,.pagecommon .tit_area .stit:after{content:'';position:absolute;top:1px;height:10px;width:5px;background-color:rgba(99,111,194,.3);transform:skewX(-20deg)}
.pagecommon .tit_area .stit:before{display:none;left:-12px}
.pagecommon .tit_area .stit:after{right:-12px}
.pagecommon .tit_area .tit{margin-bottom:50px;font-size:30px;line-height:30px;letter-spacing:-.5px;color:#222;font-family:'notokr-light'}
.pagecommon b{font-family:'notokr-bold'}
.pagecommon .navy{color:#4552a7}

/*타이틀 가운데*/
.represent .tit_area{text-align:center}
.represent .tit_area .stit:before{display:block}

/*인사 공통*/
.about .cont .tit{position:relative;margin-bottom:90px;font-size:26px;color:#222;line-height:26px;font-family:'notokr-light'}
.about .cont .tit:before{content:'';position:absolute;left:0;bottom:-50px;width:20px;height:2px;background-color:rgba(69,82,167,.6)}
.about .cont .txt b{color:#555}

/*대표인사말*/
#p33{overflow:hidden}
#p33 > div{float:left}
#p33 .ceo{width:250px;height:350px}
#p33 .cont{width:calc(100% - 250px);padding:50px}

/*회사소개*/
#p60{position:relative;padding:300px 0}
#p60 .cont{position:absolute;left:0;top:0;width:900px;padding:60px 50px 50px;border-bottom-right-radius:50px;background-color:#fff;box-shadow:10px 10px 30px rgba(0,0,0,.2)}
#p60 .cont .tit{}
#p60 .cont .txt{}
#p60 .cont .txt .big{display:inline-block;position:relative;margin:20px 0 30px;font-size:20px;line-height:30px;color:#222}
#p60 .cont .txt .big:before{content:'';position:absolute;left:-5px;bottom:-2px;width:calc(100% + 10px);height:15px;background-color:rgba(69,82,167,.2)}
#p60 .cont .txt .right{display:block;text-align:right}
#p60 .img{text-align:right}
#p60 .img img{}

/*약력*/
#p35 .tit_area{text-align:center}
#p35 .tit_area .stit:before{display:block}
#p35 .list{overflow:hidden;padding:50px;background-color:#f7f7f7}
#p35 .list ul{float:left;width:calc(100% / 2)}
#p35 .list ul li{position:relative;padding-left:15px;margin-bottom:5px}
#p35 .list ul li:before{content:'';position:absolute;left:0;top:10px;width:3px;height:3px;border-radius:50%;background-color:#4552a7}

/*보험대리점*/
.all{overflow:hidden}
.all .tit_area{float:left;width:260px}
.all .tit_area .stit{}
.all .tit_area .tit{}
.all .tit_area .tit b{}
.all .tit_area .tit b .blue{}
.all .cont_area{float:left;width:calc(100% - 260px)}
.all .cont_area dl{position:relative;margin-bottom:60px;padding:5px 0 0 55px}
.all .cont_area dl dt{margin-bottom:15px;font-size:18px;color:#333;font-family:'notokr-medium'}
.all .cont_area dl dt .num{display:inline-block;position:absolute;left:0;top:0;width:40px;height:40px;margin-right:15px;background-color:#4552a7;font-size:13px;font-weight:700;color:#fff;text-align:center;line-height:40px;letter-spacing:0;font-family:'Montserrat'}
.all .cont_area dl:nth-child(even) dt .num{background-color:#7d88d1}
.all .cont_area dl dd{overflow:hidden}
.all .cont_area dl dd .logo{overflow:hidden}
.all .cont_area dl dd .logo li{float:left;height:72px;margin-right:10px}
.all .cont_area dl dd .logo li:nth-child(4n){margin-right:0}
.all .cont_area dl dd .txt{word-break:keep-all}
.all .cont_area dl dd .txt b{color:#555}
.all .cont_area dl dd .img{margin:30px 0 10px}
.all .cont_area dl dd .img img{}
.all .cont_area dl dd .box{margin-bottom:20px;padding:40px;background-color:#f7f7f7;border:1px solid #d7d7d7;text-align:center;font-size:20px;line-height:30px;color:#7d88d1;font-family:'notokr-bold'}
.all .cont_area dl dd .box span{display:block;margin-top:10px;padding-left:200px;font-size:13px;color:#777;line-height:13px;font-family:'notokr-regular'}
.all .cont_area dl dd .list{margin:20px 0;border:1px solid #d7d7d7;padding:40px}
.all .cont_area dl dd .list li{position:relative;padding-left:15px}
.all .cont_area dl dd .list li:before{content:'';position:absolute;left:0;top:10px;width:3px;height:3px;border-radius:50%;background-color:#4552a7}
.all .cont_area dl dd table{width:100%;margin:15px 0;border-top:2px solid #d7d7d7;border-bottom:2px solid #d7d7d7}
.all .cont_area dl dd table tbody{}
.all .cont_area dl dd table tbody tr{}
.all .cont_area dl dd table tbody tr+tr{border-top:1px solid #d7d7d7}
.all .cont_area dl dd table tbody th{width:20%;padding:15px 0;background-color:#7d88d1;color:#fff;font-weight:normal;font-family:'notokr-medium'}
.all .cont_area dl dd table tbody td{width:calc(100% / 6 - 5%);text-align:center}
.all .cont_area dl dd table tbody td+td{border-left:1px solid #d7d7d7}

/*종합재무설계*/
#p43 .cont_area dl dd .img{margin:30px 0}

/*수수료 시스템*/
.person .cont_area .tit{color:#222;font-size:22px;font-family:'notokr-medium'}
.person .cont_area .center{margin-top:30px;text-align:center}
.person .cont_area .tit img{margin:0 4px}
.person .cont_area .tit span{color:#4552a7}
.person .cont_area dl{padding:28px 0 28px 55px;margin:0 0 50px}
.person .cont_area dl dt .num{top:20px}
.person .cont_area dl dd .circle_wrap{overflow:hidden;margin-top:30px}
.person .cont_area dl dd .circle_wrap li{float:left;width:140px;height:140px;padding-top:28px;border-radius:50%;text-align:center}
.person .cont_area dl dd .circle_wrap li+li{margin-left:30px;font-size:15px}
.person .cont_area dl dd .circle_wrap li:last-child{margin-left:50px}
.person .cont_area dl dd .circle_wrap li .t_txt{position:relative;padding-bottom:6px}
.person .cont_area dl dd .circle_wrap li .t_txt:before{display:inline-block;content:'';position:absolute;top:26px;left:50%;width:100px;height:1px;background-color:#ddd;transform:translateX(-50%)}
.person .cont_area dl dd .circle_wrap li .b_txt span{display:block;font-size:18px;font-family:'notokr-medium'}
.person .cont_area dl dd .circle_wrap .col_1 .b_txt span{color:#b0b9f2}
.person .cont_area dl dd .circle_wrap .col_2 .b_txt span{color:#9aa4e6}
.person .cont_area dl dd .circle_wrap .col_3 .b_txt span{color:#707dd3}
.person .cont_area dl dd .circle_wrap .col_1{padding-top:14px;border:4px solid #b0b9f2}
.person .cont_area dl dd .circle_wrap .col_2{padding-top:14px;border:4px solid #9aa4e6}
.person .cont_area dl dd .circle_wrap .col_3{padding-top:22px;border:4px solid #707dd3}
.person .cont_area dl dd .circle_wrap .col_last{padding-top:46px;background-color:#4552a7;color:#fff;font-family:'notokr-medium'}
.person .cont_area dl dd .circle_wrap .col_last p{color:#f9f259;font-family:'notokr-regular'}
.person .cont_area .dl_all dl{border-top:1px dotted #ddd}
.person .cont_area .txt{line-height:60px;background-color:#f7f7f7;text-align:center;font-family:'notokr-medium'}
.person .cont_area dl dd .left{float:left;width:calc(100% / 2)}
.person .cont_area dl dd .left+.left{text-align:center}
.person .cont_area dl dd .left .img{float:left;width:calc(100% / 2 - 5px);height:70px;border:1px solid #d7d7d7;text-align:center;line-height:60px}
.person .cont_area dl dd .left .img+.img{margin-left:10px}
.person .cont_area dl dd .t_left{float:left;width:calc(100% / 2 - 5px)}
.person .cont_area dl dd .t_left+.t_left{margin-left:10px}
.person .cont_area dl dd .t_left .img{height:170px;background-color:skyblue}
.person .cont_area dl dd .t_left .word{padding:10px 15px;word-break:keep-all}
.person .cont_area dl dd .t_left .word i{display:inline-block;padding-left:5px}
.person .cont_area dl dd .txt_area{margin-top:20px;padding:20px 0;background-color:#f7f7f7;text-align:center;font-size:18px;color:#222;font-family:'notokr-medium'}
.person .cont_area dl dd .txt_area .red{color:#cf0955}
.person .cont_area dl dd table thead{background-color:#f7f7f7;border-bottom:2px solid #d7d7d7}
.person .cont_area dl dd table thead th{padding:10px 0;color:#555;font-weight:normal;font-family:'notokr-bold'}
.person .cont_area dl dd table thead th+th{border-left:1px solid #d7d7d7}
.person .cont_area dl dd table tbody td{width:calc(100% / 4 - 5%);padding:10px 0}
.person .cont_area dl dd table tbody td:last-child{width:200px}

/*베스트파트너스 소개*/
#p62 .cont_area .dd_arr{overflow:hidden}
#p62 .cont_area .dd_arr+.dd_arr{padding-top:60px;border-top:1px dashed #d7d7d7}
#p62 .cont_area .dd_arr .people{float:left;width:200px;margin-right:40px}
#p62 .cont_area .dd_arr .people .img{margin-bottom:20px}
#p62 .cont_area .dd_arr .people .img img{}
#p62 .cont_area .dd_arr .people .name{text-align:center;color:#555}
#p62 .cont_area .dd_arr .people .name b{color:#222}
#p62 .cont_area .dd_arr .people .name span{}
#p62 .cont_area .dd_arr dd{}
#p62 .cont_area .dd_arr dd .dd{position:relative;padding-left:15px;word-break:keep-all}
#p62 .cont_area .dd_arr dd .dd:before{content:'';position:absolute;left:0;top:10px;width:3px;height:3px;border-radius:50%;background-color:#4552a7}
#p62 .cont_area .dd_arr dd .tit{margin:20px 0 5px;font-size:18px;color:#333;font-family:'notokr-medium'}

/*운영 현황*/
#p61{}
#p61 .tit_area{}
#p61 .history{position:relative}
#p61 .history:before{content:'';position:absolute;left:0;top:0;width:1px;height:100%;background-color:#d7d7d7}
#p61 .history li{position:relative;padding-left:20px;margin-bottom:10px;font-size:18px;line-height:28px;color:#333}
#p61 .history li:before{content:'';position:absolute;left:-3px;top:10px;width:8px;height:8px;background-color:#fff;border-radius:50%;border:2px solid rgba(69,82,167,.7)}