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

@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body{font-family:'Nanum Gothic', Dotum, Arial; margin:0;padding:0; -webkit-text-size-adjust: none;}
*{margin:0;padding:0;}
img{border:0;} 
p{-webkit-text-size-adjust: none;}
a{text-decoration:none;}
ul li{list-style-type:none;}
.sub{ margin-bottom:70px;}
#maintablewrap{min-width:1000px; overflow:hidden;}
/*#compolayer623{display:none;}*/

/*footer*/
.footer_box {width:100%; background:#2b2b2b;    padding: 20px 0 70px 0; /*height:116px;*/}
.footer {width:1000px; margin:0 auto; position:relative;}
.footer .prom {padding:4px 0; color:#d7d7d7;}
.footer .prom a {color:#d7d7d7; font-size:13px;  font-family:'NanumGothic', '나눔고딕', '맑은 고딕';}
.footer .address {padding-top:15px;}
.footer .address li {list-style:none; font-size:13px; color:#d7d7d7; padding-bottom:7px; font-family:'NanumGothic', '나눔고딕', '맑은 고딕';}
.footer .address li a { color:#fff!important; }
/* 회사소개  */
.sub p.title{font-size:23px; line-height:150%; color:#5d5d5d; padding-bottom:15px; word-break:keep-all; }
.sub p.greet_tt{line-height:21px; font-family:'Nanum Gothic', Dotum, Arial; font-size:13px; color:#333; margin-bottom:25px; word-break: keep-all;}
.sub h3 {background:url(/USER_DATA/proins/content/editor/img/arrow.png) no-repeat left center; padding-left:17px; font-size:15px; font-weight:600; color:#333; margin: 10px 0 5px 0 !important}
.sub .intro{background:url(/USER_DATA/proins/content/editor/img/intro_bg.jpg) no-repeat right 40px;;}

/* 업무프로세스 */
.sub .pro_box{margin-bottom:40px;}
.sub .process1{width:215px; height:82px; background:url(/USER_DATA/proins/content/editor/img/process_bg.jpg) no-repeat 0 0; position:relative; margin-bottom:10px; }
.sub p.title2{font-size:15px; font-weight:600; position:absolute; top:12px; left:3px; color:#333;}
.sub p.pro_tt{font-size:13px; line-height:18px; word-break:keep-all; position:absolute; top:36px; left:3px; color:#333; }

/* 재물보험 상품특징 */
.sub .product{overflow:hidden;}
.sub .product2{margin-bottom:25px;}
.sub .pro_box1{float:left; padding-right:5px;}
.sub table.banner{ width:219px; }
.sub table.banner th{background:#f8f8f8; font-size:15px; color:#333; font-weight:600; text-align:center;  padding: 6px 0; }
.sub table.banner td{font-size:13px; color:#333; }

.sub table.feature{border-top:2px solid #082e49; width:555px; height:538px; margin-bottom:25px;}
.sub table.feature th{background:#f8f8f8; font-size:15px; color:#333; font-weight:600; text-align:center; border-bottom:1px solid #ddd; padding: 6px 0; border-right: 1px solid #ddd; width:65px;}
.sub table.feature th.none{background:#f8f8f8; font-size:15px; color:#333; font-weight:600; text-align:center; border-bottom:1px solid #ddd; padding: 6px 0; border-right:none !important;}
.sub table.feature td{font-size:13px; color:#333; border-bottom:1px solid #ddd; line-height:21px; width:232px; text-align:center; border-right: 1px solid #ddd; }
.sub table.feature td.none{border-right:none !important; }
.sub table.feature td.feat{text-align:left; vertical-align:top;}
.sub table.feature td.feat2{text-align:left; border-right:none;  vertical-align:top;}
.sub table.feature td p.sec{font-size: 13px; margin-bottom:10px; letter-spacing:-1px;}
.sub table.feature td p.sec_none{font-size: 13px; letter-spacing:-1px;}

.sub table.total1{border-top:2px solid #082e49; width:100%; margin-bottom:25px;}
.sub table.total1 th{background:#f8f8f8; font-size:15px; color:#333; font-weight:600; text-align:center; border-bottom:1px solid #ddd; border-right: 1px solid #ddd;  height:30px;}
.sub table.total1 th.none{ border-right:none !important;}
.sub table.total1 td{font-size:13px; color:#333; border-bottom:1px solid #ddd; padding:6px 0; text-align:center; }
.sub table.total1 td.title{width: 170px; border-right: 1px solid #ddd;}

.sub table.total2{border-top:2px solid #082e49; width:100%; margin-bottom:25px;}
.sub table.total2 th{background:#f8f8f8; font-size:15px; color:#333; font-weight:600; text-align:center; border-bottom:1px solid #ddd; padding: 6px 0; border-right: 1px solid #ddd;  height:30px;}
.sub table.total2 th.none{ border-right:none !important;}
.sub table.total2 td{font-size:13px; color:#333; border-bottom:1px solid #ddd; padding:6px 0; text-align:left; border-right: 1px solid #ddd; line-height:21px; }
.sub table.total2 td.title{width: 170px; border-right: 1px solid #ddd; text-align:center !important;}
.sub table.total2 td.con{font-size:13px !important; color:#333; border-bottom:1px solid #ddd; padding:6px 0; text-align:left; padding-left:6px; line-height:21px; border-right:none;}

/*보험상품가이드 */
div#guide_01{
	background:url(/USER_DATA/proins/content/editor/img/guide01_bg.png)  no-repeat;
	width:779px;
	background-position-y: 16px;

}
div#guide_02{
	background:url(/USER_DATA/proins/content/editor/img/guide02_bg.png)  no-repeat;
	width:779px;
    background-position-y: 28px;
	background-position-x: -5px;
}
div#guide_03{
	background:url(/USER_DATA/proins/content/editor/img/guide03_bg.png)  no-repeat;
	width:779px;
	border:none !important;
	background-position-y: 40px;
}
div#guide_04{
	background:url(/USER_DATA/proins/content/editor/img/guide04_bg.png)  no-repeat;
	width:779px;
	border:none !important;
	background-position-y: 12px;
	margin-top: 15px;
}
div#guide_05{
	background:url(/USER_DATA/proins/content/editor/img/guide05_bg.png)  no-repeat;
	width:779px;
	border:none !important;
	background-position-y: 25px;
	margin-top: 15px;
}

div.guide {
	padding: 20px 0;
	overflow: hidden;

}
div.guide_line{
	margin-top:-8px;	
}

div.guide ul{
	float:left;
	margin: 0;
    padding: 0;
    margin-right: 96px;
}
div.guide ul li{
	list-style:none;
	text-align:center;
	margin:0;
	padding:0;
	font-family: 'Nanum Gothic', Dotum, Arial;
	color:#333;

}
div.guide ul li a {
	display:block;	
	color:#333;
	font-size:11px;
	padding-top:4px;
}

div.guide ul li a:hover {
	color:#0289c7
}


div#guide_01 ul.b_title{
	margin-top:113px;
}
div#guide_02 ul.b_title{
	margin-top:140px;
}
div#guide_03 ul.b_title{
	margin-top:53px;
}
div#guide_04 ul.b_title{
	margin-top:90px;
}
div#guide_05 ul.b_title{
    margin-top: 167px;
}
div.guide ul.b_title li{
	background:url(/USER_DATA/proins/content/editor/img/guide_bg01.png)  no-repeat;
	width:157px;
	height:57px;
	padding-top:12px;
	font-size:12px; 
	
}
div.guide ul.b_title li,
div.guide ul.b_title li strong{
	color:#fff !important;
}


div#guide_01 ul.m_title{
	margin-top:31px;
}
div#guide_02 ul.m_title{
	margin-top:38px;
}

div#guide_02 ul.s_title{
	margin:0 !important;	
	
}

div#guide_02 ul.m_title li:nth-child(2){
   margin-top: 35px;
}
div.guide ul.m_title li{
	background:url(/USER_DATA/proins/content/editor/img/guide_bg02.png) no-repeat;
	width:227px;
	height:50px;
	padding-top:7px;
}

div#guide_04 ul.m_title li{
	margin-bottom: 45px;
}


div.guide ul.s_title li{
	background:url(/USER_DATA/proins/content/editor/img/guide_bg03.png) no-repeat;
	width:202px;
	height:30px;
	margin-bottom:5px;
	line-height:30px;
	font-size: 13px;

}
.font_15{
	font-size:15px;
	font-weight:bold;
	color: #017BC4 !important;
}


/* 재물보험 */
.sub p.content{font-family:'Nanum Gothic', Dotum, Arial; font-size:13px; line-height:21px; word-break:keep-all; color:#333; margin-bottom:25px;}
.sub p.content2{font-family:'Nanum Gothic', Dotum, Arial; font-size:13px; line-height:21px; word-break:keep-all; color:#333; margin-bottom:5px;}
.sub ul{padding:0; margin-bottom:25px; }
.sub ul li{list-style:inside; line-height:21px; font-family:'Nanum Gothic', Dotum, Arial; font-size:13px; color:#333;}
.sub h4{background:url(/USER_DATA/proins/content/editor/img/list_icon.png) no-repeat left center; padding-left:20px; font-size:15px; font-weight:600; color:#2171aa; margin: 10px 0 5px 0 !important }
.sub h4 span {
	color:#000;
	padding-left:10px;	
}

.sub h5{background:url(/USER_DATA/proins/content/editor/img/call_icon.png) no-repeat left center; padding-left:20px; font-size:15px; font-weight:600; color:#333; margin:10px 0;}
.sub .bar{width: 332px; height:27px; background:url(/USER_DATA/proins/content/editor/img/fire_bar.png) no-repeat 0 0; position:relative; margin-bottom:7px; }
.sub .bar span{font-size:15px; color:#505050; font-weight:600; position:absolute; top:4px; left:7px;}
.sub ul.none{padding:0; margin-bottom:25px; }
.sub ul.none li{list-style:none !important; line-height:21px; font-family:'Nanum Gothic', Dotum, Arial; font-size:13px; color:#333;}

.content_box {
	width: 94%;
    padding: 3%;
    background: #f9f9f9;
	border: 1px solid #e0e0e0;
    margin-bottom: 40px;	
}
.content_box h1 {
    font-size: 16px;
    padding-bottom: 15px;
	font-weight:bold;
}
.content_box h1 span { 
    padding-left: 10px;
    color: #5ba9e0;
    font-size: 15px;
}
.content_box p {
    font-family: 'Nanum Gothic', Dotum, Arial;
    font-size: 13px;
    line-height: 21px;
    word-break: keep-all;
    color: #333;	
}

.content_title {  	
    font-size: 15px;
    font-weight: 600;
    background: #2171aa!important;
    display: block;
    width: 120px;
    color: #fff!important;
    text-align: center;
    padding: 10px 0!important;
    border-radius: 4px;
    margin: 10px 0 15px 0!important;
}
.content_text_box {
	border-bottom: 2px dotted #e2e2e2;
    padding-bottom: 25px;	
	padding-top: 5px;
}
.box2{overflow:hidden; width:775px; height:144px; margin-bottom:20px;}
.product1{float:left;}
.product2{float:left;}
.product3{float:left;}
.product4{float:left;}
.pro_img{float:left; padding-right:8px;}
.text_box{margin-left:135px; }
p.pro_title{font-family:'Nanum Gothic', serif; font-size:15px; font-weight:bold; color:#00619f; margin:0 0; letter-spacing:-1px;}
p.pro_title a{font-family:'Nanum Gothic', serif; font-size:17px; color:#00619f; margin:0 0; text-decoration: none; letter-spacing:-1px;}
p.pro_title a:hover{color:#00619f; text-decoration: underline; letter-spacing:-1px;}
.line{width:97px; height:1px; background:#dddddd; margin:6px 0; }
.line span{width:30px; height:1px; background:#00619f; display:block;}
p.pro_tt{height:90px; font-family: 'Nanum Gothic', serif; font-size:13px; color:#333; line-height:1.5; margin:0 0; letter-spacing:-1px;}
p.pro_tt a{height:90px; font-family: 'Nanum Gothic', serif; font-size:13px; color:#333; line-height:1.5; margin:0 0; text-decoration:none; letter-spacing:-1px;}
p.pro_tt a:hover{text-decoration:underline; color:#00619f;}


p.pro_tt2{width:135px; height:90px; font-family: 'Nanum Gothic', serif; font-size:13px; color:#333; line-height:1.5; margin:0 0; letter-spacing:-1px;}
p.pro_tt2 a{width:135px; height:90px; font-family: 'Nanum Gothic', serif; font-size:13px; color:#333; line-height:1.5; margin:0 0; text-decoration:none; letter-spacing:-1px;}
p.pro_tt2 a:hover{width:135px; text-decoration:underline; color:#00619f;}

.product_box { width:33%; }
.product_box_first { width:34%; }

.button a img { border-radius:2px; }

.navi_sec_m >ul> li.m_menu_sel > a{ color:#e00524!important; }
#slide_navi > ul > li.m_menu_sel > a, #slide_navi > ul > li.on > a, #slide_navi > ul > li > a:hover { color:#3e3e3e!important; }

#compolayer832 { display:none; }

#m_guide { display:block; }
#pc_guide { display:none; }
.m_visual { display:block; }

/*-----비주얼-----*/
.numbertext,.text_visual { display:none; }

/** {box-sizing: border-box;}
body {font-family: Verdana, sans-serif;}
.mySlides {display: none;}
img {vertical-align: middle;}*/

/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
  margin-bottom: 15px;
}

/* Caption text */
.text_visual {
  color: #000000;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  height: 10px;
  width: 10px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
  
  display: none;
}
.dot span { display:none; } 
.active {
  background-color: #717171;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .text {font-size: 11px}
}






@media only screen and (max-width: 768px) { 

#m_header h1 a img { width:65%; }
/*div.m_header { height:110px!important; }
div.m_header h1,#right { margin-top:-25px; }*/


/*로고옆 text*/
/*.top_textimg { position:absolute; top:66px; left:2%; z-index: 999; }
.top_textimg img { width:73%; }*/

.top_textimg { position:absolute; top:30px; left:25%; z-index: 999; width: 60%; }
.top_textimg img { width:100%; }


/*top버튼*/
.go_top a img { display:none; }
.go_top a {  
	width: 50px;
    height: 50px;
    border-radius: 3px;
    background: url(/USER_DATA/proins/content/editor/img/top_btn.png) #df0523;
    display: block;
    box-shadow: 1px 1px 5px rgba(0,0,0,0.5);
}


.go_top { bottom:84px!important; } 

.swiper-slide img { max-width: 770px!important; }
.swiper-pagination {
    bottom: 7% !important;
} 
.swiper-container {
    height: 130px!important;
    margin-bottom: 15px;
}
#slide_header > ul { display:none; }


#m_producr_all { 
    display: block;
    width: 93%;
    margin: 0 auto;
}
#pc_producr_all { display:none; }
#m_inquiry { display:block; text-align:center;}
#m_inquiry h1 {  
	font-family: 'Poppins', sans-serif;
    font-size: 35px;
    margin: 0 auto;
	color: #383434;
	margin-top: 10px;
	margin-left: -50px;
}
#m_inquiry h1 span img { 
	width:39px; 
    padding-right: 10px;
    margin-bottom:-5px;
}
#m_inquiry p { line-height:23px; }

#maintablewrap{min-width:100%; overflow:hidden;}

#m_header .mh_inner h1 {
	margin: 0!important;
	top: 10px!important;
    left: 4%!important;	
}
#m_header .mh_inner h1 a img { width: 100px!important; }


/*보험상품*/
#product_list_all { width:100%;}

/*#product_list_all { display:flex; }*/
#product_list_all > div { 
	/*flex:1; display: 
	inline-block;*/
	width: 100%;
    border-bottom: 1px dotted #cfcfcf;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.product_list > img { display:inline-block; width:45%;}
.right_box { display:inline-block; width:50%; position:absolute; padding-left:20px;}
.right_box h1 {
    font-family: 'Nanum Gothic', serif;
    font-size: 17px;
    color: #00619f;
    margin: 0 0;
    text-decoration: none;
    letter-spacing: -1px;	
    background: url(/USER_DATA/proins/content/editor/img/product_line.png) left bottom no-repeat;
    padding-bottom: 10px;
    margin: 10px 0;
}
.right_box ul li a {
    height: 90px;
    font-family: 'Nanum Gothic', serif;
    font-size: 13px;
    color: #333;
    line-height: 1.5;
    margin: 0 0;
    text-decoration: none;
    letter-spacing: -1px;	
}
.right_box > a {
    background: #aeaeae;
    color: #fff;
    font-size: 13px;
    display: inline-block;
    width: 55px;
    height: 20px;
    line-height: 18px;
    text-align: center;
    border-radius: 2px;	
	margin-top:13px;
}

#compolayer834 {/*문의배너*/
    /*display: inline-block;
    position: absolute!important;*/
    width: 84.5%!important;
    background: #f1f1f1;
    border: 1px solid #d7d7d7;
    height: 130px;
    margin-top: 5px;
    margin-left: 3%;
    padding: 5px 4%;
    margin-bottom: 15px;
}
#compolayer621 { 
	display: inline-block;   
    /*width: 58%!important;
    margin-left: 21%;*/
}
#compolayer621 p iframe { width:100%!important; }

/*푸터*/
.footer { width:100%; }
.footer .prom, .footer .address  { text-align: center; }
.footer .address li p span a { color:#d7d7d7; }
.copyright { padding-top:10px; font-size:12px!important; }
.copyright p span { color: #787878; }

#fixed_box { 
	dispaly:block!important; 
    width: 100%;
    height: 50px;
    position: fixed;
    bottom: 0;
    left: 0;
	z-index: 999;
}
#fixed_box ul { display:flex; }
#fixed_box ul li {
    flex: 1;
    text-align: center;
    line-height: 50px;
    widtH: 100%;
    height: 50px;	
}
#fixed_box ul li:first-child { border-right:1px solid #4a4a4a; }
#fixed_box ul li a {
    display: inline-block;
    widtH: 100%;
    height: 100%;	
	color:#fff;
	background:rgba(0,0,0,0.8);
}
#fixed_box ul li a img {
    width: 18px;
    padding-right: 8px;
    margin-bottom: -4px;
}


/*빠른상담신청*/
fieldset { padding:2% 1% 2% 2%;}

.top_title { width:100%!important; }
.company_tit { width:20%!important; }
.company_input,.cont_input { width:250px!important; }

#page_content { width:100%!important; }

/*약관*/
#compolayer623 { /*버튼위치*/
 	bottom:223px;
 	left:26%;	
}
.more_02 { 
	z-index:9999;    
	display: inline-block;
    width: 100px;
}
#compolayer623 p { left:0!important; }
#compolayer623 p textarea { width:235px!important; display: block; }

#inquireform21 { height:270px!important; }


/*--서브페이지--*/
#sub_title h1 {  /*서브페이지타이틀*/
    word-break: keep-all;
    font-size: 22px;
    letter-spacing: -2px;
}
#sub_title h1 span {
    background: #cccccc!important;
    width: 100%!important;
    height: 1px!important;
    display: flex;
    justify-content: center;
    margin-top: 15px!important;
	
}


/*회사소개*/

.greet_tt br { display:none; }
.br_on { padding-top:20px; }
.sub p.title { font-size:17px; line-height:25px; widtH: 65%; margin-bottom: 30px; }
.pc_img { display:none; }
.mobile_img { display:block; }

.sub { width: 98%!important; padding:0 1%; }
.sub .intro {background:url(/USER_DATA/proins/content/editor/img/intro_bg.jpg) no-repeat right -14px; background-size:48%; }

.sub p.pro_tt,.sub p.title2 { left:10px; }

.sub table.feature { width:100%; }
.sub table.feature th { font-size:11px; }
.sub table.feature td { font-size: 11px; padding:0 2px; word-break: keep-all; width: auto; }


.guide_line { width:100%; }
.guide_line img { width:100%; }
411
#contentmidle > div { width:100%!important; }
.font_15 { font-size:13px; }


div.guide ul { margin-right:2%; }
div.guide ul.b_title li { width:75px; }
div.guide ul.m_title li { width:130px; }
div.guide ul.s_title li {
    background: none;
    width: 130px;
    height: 28px;
    margin-bottom: 5px;
    line-height: 28px;
    /* padding: 10px 0; */
    font-size: 10px;
    border: 1px solid #ccc;
	background: #fff;
    word-break: keep-all;
    letter-spacing: -1px;
}

.m_title li a span,.b_title li span { display:none; }

div.guide ul li a { padding-top:6px; }
div.guide ul.b_title li { background: url(/USER_DATA/proins/content/editor/img/guide_bg01_m.png) no-repeat; padding-top:15px; }
div.guide ul.m_title li { background: url(/USER_DATA/proins/content/editor/img/guide_bg02_m.png) no-repeat; }

div#guide_02 { background: url(/USER_DATA/proins/content/editor/img/guide02_bg_m.png) no-repeat; background-position-y: 28px; }


div#guide_01 { background-position-x: -119px; }
div#guide_05 { background-position-x: -119px; }
div#guide_03 { background-position-x: -143px; }
div#guide_02 { background-position-x: -123px; }


#mformfield_6, #mformfield_10 { width:270px!important; }
}

/*메인_보험제품*/
#mainproduct_box {  
	width:94%;
	height: 320px;
	margin:0 auto;
}
#mainproduct_box ul li  {
	float:left;
	width: 48.5%;
    display: inline-block;	
	text-align: center;
    background: #000;
    margin-bottom: 10px;
    height: 95px;
    border-radius: 5px;
}
#mainproduct_box ul li:nth-child(2),#mainproduct_box ul li:nth-child(4),#mainproduct_box ul li:nth-child(6) { float:right; }

#mainproduct_box ul li a { 
    color: #fff;
    display: inline-block;
    width: 100%;
    height: 100%;
    padding-top: 18px;
	font-family: 'Noto Sans KR', sans-serif;
}
#mainproduct_box ul li a strong {
	font-size: 16px;
}
#mainproduct_box ul li a span {
	background:rgba(220,0,40,0.7);
	display: inline-block;
    width: 60px;
    height: 20px;
    line-height: 18px;
    border-radius: 3px;
    margin-top: 13px;
    font-size: 10px;
}
#mainproduct_box ul li { background-size:100%!important; }
#mainproduct_box ul li:nth-child(1) { background:url(/USER_DATA/proins/content/editor/img/pro1.jpg) left -70px no-repeat; }
#mainproduct_box ul li:nth-child(2) { background:url(/USER_DATA/proins/content/editor/img/pro2.jpg) left -70px no-repeat; }
#mainproduct_box ul li:nth-child(3) { background:url(/USER_DATA/proins/content/editor/img/pro4.jpg) left -70px no-repeat; }
#mainproduct_box ul li:nth-child(4) { background:url(/USER_DATA/proins/content/editor/img/pro5.jpg) left -70px no-repeat; }
#mainproduct_box ul li:nth-child(5) { background:url(/USER_DATA/proins/content/editor/img/pro3.jpg) left -70px no-repeat; }
#mainproduct_box ul li:nth-child(6) { background:url(/USER_DATA/proins/content/editor/img/pro6.jpg) left -70px no-repeat; }