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

@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

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{width:779px; margin-bottom:70px;}
#maintablewrap{min-width:1000px; overflow:hidden;}
/*#compolayer623{display:none;}*/

/*footer*/
.footer_box {width:100%; background:#2b2b2b;    padding: 20px 0 20px 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', '나눔고딕', '맑은 고딕';}

/* 회사소개  */
.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;}
.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; }

#m_product_all { display:none; }


#product_list_all { width:772px; margin-top:20px;}
.product_list_all_first { margin-top:0!important; }

#product_list_all { display:flex; }
#product_list_all > div { flex:1; display: inline-block; width:100%;}
.product_list > img { display:inline-block; width:50%;}
.right_box { display:inline-block; width:48%; position:absolute; padding-left:8px;}
.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: 5px;
    margin-bottom: 5px;
}
.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;
}
#m_producr_all { display:none; }
#m_inquiry { display:none; }
#fixed_box { display:none; }


.mobile_img { display:none; }
#m_guide { display:none; }
#mainproduct_box { display:none; }
.m_visual { display:none; }

/*채용*/
#recruitment h4 { margin:40px 0 20px 0!important; }
#recruitment img { border: 1px solid #dcdcdc; border-radius:10px; padding: 30px; margin: 0 0 10px 15px;}

.infotable { width:100%; border-top:1px solid #dcdcdc; border-collapse : collapse }
.infotable th { color:#fff; background:#1e73ac; }
.infotable td { height: 170px; }
.infotable th,.infotable td { padding:10px; border-bottom:1px solid #dcdcdc; border-right:1px solid #dcdcdc; font-size:13px;}
.infotable th:last-child,.infotable td:last-child { border-right:none; }
.infotable td:nth-child(1),.infotable td:nth-child(2) { text-align:center; }
.plus_p { color: #e12828; font-size: 13px; padding: 10px 0 3px 10px; }


.infoul { margin-bottom:7px!important;  margin-left:15px;}
.infoul > li { list-style:none!important; padding-left:5px; position:relative; }
.infoul > li::before { content:""; width:2px; height:2px; background:#8f8f8f; border-radius:50px; position:absolute; top:8px; left:0; }
.infoul > li a { color:#333; }
.infoul > li a:hover { color:#4890c2; }

.infoul > li > ul { margin-bottom:10px!important; }
.infoul > li > ul > li { list-style:none!important; padding-left:7px; position:relative; }
.infoul > li > ul > li::before { content:""; width:3px; height:1px; background:#8f8f8f; position:absolute; top:9px; left:0; }

.plusinfo { font-size:13px; color:#a1a1a1; padding-left:20px; }


.recruitment_btn { width:55%; margin:0 auto; display:flex; }
.recruitment_btn li { 
	flex:1;  
	background: #19699e;
    padding: 10px 0;
    border-radius: 50px;
	text-align: center;
	transition:all 0.3s;
}
.recruitment_btn li:first-child { margin-right:15px; }
.recruitment_btn li:hover { background:#333; transition:all 0.3s; }

.recruitment_btn li a { font-size: 13px; color: #fff; }