@charset "utf-8";

/* font */
@font-face {
	font-family: "NanumSquareR"; font-style: normal; src: url(/css/fonts/NanumSquareR.eot); src: url(/css/fonts/NanumSquareR.woff) format('woff');
}
/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {
	margin: 0; padding: 0
}

fieldset,img {
	border: 0 none
}

dl,ul,ol,menu,li {
	list-style: none
}

blockquote,q {
	quotes: none
}

blockquote:before,blockquote:after,q:before,q:after {
	content: ''; content: none
}

input,select,textarea,button {
	font-size: 100%; vertical-align: middle
}

button {
	border: 0 none; background-color: transparent; cursor: pointer
}

table {
	border-collapse: collapse; border-spacing: 0
}

body {
	-webkit-text-size-adjust: none
} /* 뷰표트 변환시 폰트크기 자동확대 방지 */
input[type='text'],input[type='password'],input[type='submit'],input[type='search'] {
	-webkit-appearance: none; border-radius: 0
}

input:checked[type='checkbox'] {
	background-color: #666; -webkit-appearance: checkbox
}

button,input[type='button'],input[type='submit'],input[type='reset'],input[type='file'] {
	-webkit-appearance: button; border-radius: 0
}

input[type='search']::-webkit-search-cancel-button {
	-webkit-appearance: none
}

body {
	background: #fff
}

body,th,td,input,select,textarea,button {
	font-size: 16px; line-height: 1.5; font-family: 'NanumSquareR', sans-serif; color: #333
}

a {
	text-decoration: none; color: #333;
}

img {
	vertical-align: middle;
}

/* main */
body {
	background: #eff7ff;
}

#header {
	position: relative; background: #fff;
}

#header h1 {
	height: 39px; margin: 0 auto; font-size: 18px; font-weight: bold; color: #222; text-align: center; line-height: 39px;
}

#header .btn_back {
	display: inline-block; position: absolute; left: 0; top: 0; width: 32px; height: 39px; background: url(../images/common/bg_back_arrow.png) no-repeat center; background-size: 10px auto; text-indent: -9999%;
}

#contents .visual_wrap {
	padding: 33px 17px 49px 17px; background: #2498e9 url(../images/main/bg_visual.png) no-repeat top right; background-size: auto 100%; font-size: 20px; color: #fff; line-height: 30px; box-shadow: inset 0 2px 10px rgba(0, 0, 0, 0.2);
}

#contents .visual_wrap span {
	font-weight: bold; font-size: 20px;
}

#contents .list_wrap {
	width: 90.2%; margin: -20px auto 0; padding-bottom: 20px;
}

#contents .list_wrap:after {
	content: ""; display: block; clear: both;
}

#contents .list_wrap li {
	float: left; width: 48.5%; margin-top: 4%; background: #fff; border-radius: 5px; box-shadow: 2px 3px 10px 0 rgba(0, 0, 0, 0.2);
}

#contents .list_wrap li:nth-child(odd) {
	margin-right: 2.9%;
}

#contents .list_wrap li:nth-child(1) {
	margin-top: 0px; background: #fff url(../images/main/bg_list01.png) no-repeat center; background-size: cover;
}

#contents .list_wrap li:nth-child(2) {
	margin-top: 0px; background: #fff url(../images/main/bg_list02.png) no-repeat center; background-size: cover;
}

#contents .list_wrap li:nth-child(3) {
	background: #fff url(../images/main/bg_list03.png) no-repeat center; background-size: cover;
}

#contents .list_wrap li:nth-child(4) {
	background: #fff url(../images/main/bg_list04.png) no-repeat center; background-size: cover;
}

#contents .list_wrap li:nth-child(5) {
	background: #fff url(../images/main/bg_list05.png) no-repeat center; background-size: cover;
}

#contents .list_wrap li:nth-child(6) {
	background: #fff url(../images/main/bg_list06.png) no-repeat center; background-size: cover;
}

#contents .list_wrap li a {
	display: block; padding: 60% 10px 11%; font-weight: bold; text-align: center;
}

/* 레이어팝업 공통 */
.point_txt {
	color: #fd5621;
}

.mask {
	display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); z-index: 5
}

.btn_blue_full {
	display: block; height: 32px; background: #2498e9; border-radius: 5px; line-height: 32px; text-align: center; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3);
}

.btn_blue_full span {
	font-weight: bold; color: #fff;
}

.btn_blue_full.call span {
	padding-left: 29px; background: url(../images/common/btn_call.png) no-repeat left center; background-size: 17px auto;
}

.layer_wrap .layer_pop {
	display: none; position: absolute; left: 0; top: 0; width: 80%; margin-bottom: 30px; padding: 21px; background: #fff; border: 1px solid #0079ea; border-radius: 5px; z-index: 10;
}

.layer_pop h2 {
	margin-bottom: 15px; font-size: 20px; color: #222; text-align: center; letter-spacing: -1px;
}

.layer_pop .btn_close {
	position: absolute; top: -30px; right: 0; width: 20px; height: 20px; background: url(../images/common/btn_close.png) no-repeat center; background-size: cover; text-indent: -9999px; z-index: 10;
}

.layer_pop .list_type01 {
	border-top: 2px solid #212221; border-bottom: 1px solid #212221;
}

.layer_pop .list_type01 li {
	display: table; position: relative; width: 100%; min-height: 90px; padding: 14px 0; box-sizing: border-box;
}

.layer_pop .list_type01 li:after {
	content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: url(../images/sub/line_dotted.gif) repeat-x left bottom;
}

.layer_pop .list_type01 li .icon_wrap {
	display: table-cell;
}

.layer_pop .list_type01 li .num {
	display: inline-block; position: absolute; left: 0; top: 14px; width: 18px; height: 18px; background: #4eaff3; font-size: 13px; color: #fff; text-align: center; line-height: 18px;
}

.layer_pop .list_type01 li .cont {
	display: table-cell; font-weight: bold; vertical-align: middle; letter-spacing: -0.5px;
}

.layer_pop .list_type01 li:last-child:after {
	display: none;
}

.layer_pop .info_wrap {
	width: calc(100% - 2px); border: 1px solid #2498e9; border-radius: 5px;
}

.layer_pop .info_wrap li {
	padding: 8px 10px; border-bottom: 1px dashed #dfdfdf;
}

.layer_pop .info_wrap li:last-child {
	border-bottom: 0px;
}

.layer_pop .info_wrap li:after {
	content: ""; display: block; clear: both;
}

.layer_pop .info_wrap li strong {
	float: left; margin-right: 13px; font-weight: bold; color: #2498e9;
}

.layer_pop .info_wrap li span {
	float: left; display: inline-block; width: 152px; font-size: 12px; line-height: 21px;
}

.layer_pop .txt {
	margin-top: 15px; font-size: 12px; color: #000; text-align: center;
}

.layer_pop .txt span {
	font-weight: bold; color: #2498e9; text-decoration: underline;
}

.table_style {
	display: table;
}

/* 2차 교통사고 예방 */
.layer01 .list_type01 li .icon_wrap {
	width: 45%; padding: 0 2.6%;
}

.layer01 .list_type01 li .icon_wrap img {
	width: 100%;
}

.layer01 .list_type01 li .cont {
	width: 50%; padding-left: 4%;
}

/* 부상사고 신고 */
.layer02 .list_type01 li {
	padding: 0;
}

.layer02 .list_type01 li .icon_wrap {
	width: 47%; padding-left: 4%
}

.layer02 .list_type01 li .icon_wrap img {
	width: 100%;
}

.layer02 .list_type01 li .cont {
	width: 55%; padding-left: 5%
}

.layer02 .btn_blue_full {
	margin-top: 5px;
}

.layer02 .list_type01 {
	margin-top: 20px;
}

/* 사고현장 촬영 */
.layer03 .list_type03 li {
	margin-top: 10px; background: #fff; border: 1px solid #2498e9; border-radius: 5px;
}

.layer03 .list_type03 li .icon_wrap {
	display: table-cell; width: 48.6%; padding-left: 6%; vertical-align: middle;
}

.layer03 .list_type03 li .icon_wrap img {
	width: 100%;
}

.layer03 .list_type03 li dl {
	display: table-cell; width: 52.4%; padding-left: 8%; vertical-align: middle; letter-spacing: -1px;
}

.layer03 .list_type03 li dl dt {
	margin-bottom: 5px; font-size: 14px; font-weight: bold; color: #222;
}

.layer03 .list_type03 li dl dd {
	font-size: 12px; color: #555; padding-left: 8px;
}

.layer03 .list_type03 li .btn_wrap {
	display: -webkit-flex; width: 100%;
}

.layer03 .list_type03 li .btn_wrap a {
	-webkit-flex: 1; height: 31px; border-top: 1px solid #2498e9; font-size: 12px; font-weight: bold; text-align: center; line-height: 31px;
}

.layer03 .list_type03 li .btn_wrap a:first-child {
	background: #2498e9; color: #fff;
}

.layer03 .list_type03 li .btn_wrap a:last-child {
	color: #2498e9;
}

.layer03 .txt {
	margin: 0;
}

/* 경찰신고 */
.layer04 .list_type01 li {
	padding: 0;
}

.layer04 .list_type01 li .icon_wrap {
	width: 47%; padding-left: 4%;
}

.layer04 .list_type01 li .icon_wrap img {
	width: 100%;
}

.layer04 .list_type01 li .cont {
	width: 57%; padding-left: 3%;
}

.layer04 .btn_blue_full {
	margin-top: 5px;
}

.layer04 .list_type01 {
	margin-top: 20px;
}

/* 보험사 사고접수 */
.layer05 .list_type02 {
	margin-top: 10px; border: 1px solid #e5e5e5; border-radius: 5px;
}

.layer05 .list_type02:after {
	content: ""; display: block; clear: both;
}

.layer05 .list_type02 li {
	float: left; height: 45px; border-top: 1px solid #e5e5e5;
}

.layer05 .list_type02 li a {
	display: block; height: 100%; text-indent: -9999px;
}

.layer05 .list_type02 li:nth-child(1),.layer05 .list_type02 li:nth-child(2) {
	border-top: 0px;
}

.layer05 .list_type02 li:nth-child(odd) {
	width: calc(50% - 1px); border-right: 1px solid #e5e5e5;
}

.layer05 .list_type02 li:nth-child(even) {
	width: 50%;
}

.layer05 .list_type02 li:nth-child(1) {
	background: url(../images/sub/bg_logo_meritz.gif) no-repeat center; background-size: 50px 21px;
}

.layer05 .list_type02 li:nth-child(2) {
	background: url(../images/sub/bg_logo_hyundai.gif) no-repeat center; background-size: 75px 12px;
}

.layer05 .list_type02 li:nth-child(3) {
	background: url(../images/sub/bg_logo_hanwha.gif) no-repeat center; background-size: 72px 18px;
}

.layer05 .list_type02 li:nth-child(4) {
	background: url(../images/sub/bg_logo_kb.gif) no-repeat center; background-size: 80px 16px;
}

.layer05 .list_type02 li:nth-child(5) {
	background: url(../images/sub/bg_logo_lotte.gif) no-repeat center; background-size: 66px 12px;
}

.layer05 .list_type02 li:nth-child(6) {
	background: url(../images/sub/bg_logo_db.gif) no-repeat center; background-size: 79px 23px;
}

.layer05 .list_type02 li:nth-child(7) {
	background: url(../images/sub/bg_logo_mg.gif) no-repeat center; background-size: 88px 21px;
}

.layer05 .list_type02 li:nth-child(8) {
	background: url(../images/sub/bg_logo_axa.gif) no-repeat center; background-size: 71px 27px;
}

.layer05 .list_type02 li:nth-child(9) {
	background: url(../images/sub/bg_logo_heungkuk.gif) no-repeat center; background-size: 82px 15px;
}

.layer05 .list_type02 li:nth-child(10) {
	background: url(../images/sub/bg_logo_thek.gif) no-repeat center; background-size: 85px 16px;
}

.layer05 .list_type02 li:nth-child(11) {
	background: url(../images/sub/bg_logo_samaung.gif) no-repeat center; background-size: 86px 15px;
}

.layer05 .list_type02 li.no_data {
	background: #f5f5f5 url(../images/sub/bg_logo_knia.gif) no-repeat center; background-size: 62px 12px;
}

/* 과실비율 알아보기 */
.layer06 .img_wrap {
	padding: 19px; border: 1px solid #e5e5e5; border-radius: 5px; text-align: center;
}

.layer06 .img_wrap img {
	display: block; width: 100%;
}

.layer06 .img_wrap .url {
	display: block; font-size: 10px; font-weight: bold;
}

.layer06 .btn_blue_full {
	margin-top: 5px;
}

/* 샘플보기 이미지 팝업 */
.sample img.sp_img {
	width: 100%; border: 1px solid #e5e5e5;
}

/* 사진저장 팝업 */
.layer_pop.picture {
	padding: 0
}

.picture .pic_area {
	margin: 20px; background: #f4f4f4; border: 1px solid #e5e5e5;
}

.picture .pic_area img {
	width: 100%;
}

.picture .btn_wrap {
	display: -webkit-flex; width: 100%;
}

.picture .btn_wrap a {
	-webkit-flex: 1; height: 35px; border-top: 1px solid #2498e9; font-size: 12px; font-weight: bold; text-align: center; line-height: 35px;
}

.picture .btn_wrap a:first-child {
	background: #2498e9; color: #fff;
}

.picture .btn_wrap a:last-child {
	color: #2498e9;
}