/*모바일CSS*/
@media screen and (max-width:1024px) {
.bgf7f9fd {
	background-color: #f7f9fd !important;
}
.textIndent10 {
	text-indent: 10px !important;
}
#assess_proce div.container {
	margin: 0;
	padding: 0;
}
#assess_proce {
	background-color: #f7f9fd !important;
}
#assess_proce p {
	font-size: 16px;
	background-color: #f7f9fd !important;
}
div.sago h3 {
	margin-bottom: 10px;
	background: navy;
	color: white;
	height: 45px;
	line-height: 45px;
	text-align: center;
}
div.sago h3:before {
	content: '◁';
	position: absolute;
	left: 5px;
	top: 5px;
}
div.sago h3:after {
	content: '▷';
	position: absolute;
	right: 8px;
	top: 5px;
}
.sago h3 b {
	display: inline;
	cursor: pointer;
}
.sago h3 i {
	display: inline;
	font-style: normal;
}
.sago ol li ul li {
	text-indent: 20px;
}
.sago>ol>li {
	text-indent: 15px;
}
.sago h3 {
	text-indent: 5px;
}
/* 대인배상 */
#dain_baesang_box {
	/* background:url(../images/slider-small/featured-slider1.jpg); */
	position: relative;
	background-size: 100% 100%;
}
#dain_baesang span {
	display: block;
	border-radius: 50%;
	position: absolute;
	left: 38%;
	top: 30px;
	z-index: 1111;
	text-indent: -9999px;
	background: white url(../images/slider-small/dain_baesang.png) no-repeat;
	width: 100px;
	height: 100px;
	background-size: 70% 70%;
	background-position: 15px 15px;
	border: px solid black;
}
#dain_baesang {
	background: rgba(0,20,50,0.7);
	color: white;
 font-weight:;
	padding: 10px;
	margin-top: 50px;
	padding-top: 50px;
	border-radius: 20px;
	height: 480px;
	box-shadow: 5px 5px 0px rgba(0,0,0,0);
}
#dain_baesang h2 {
	color: white;
	text-align: center;
	margin: 0;
	font-size: 20px !important;
}
div.row span.swipe {
	left: 25% !important;
	font-style: italic;
}
/* 대물배상 */
#daemul_baesang_box {
	/* background:url(../images/slider-small/featured-slider4.jpg); */
	position: relative;
	background-size: 100% 100%;
}
#daemul_baesang span {
	display: block;
	border-radius: 50%;
	position: absolute;
	left: 38%;
	top: 30px;
	z-index: 1111;
	text-indent: -9999px;
	background: white url(../images/slider-small/daemul_baesang.png) no-repeat;
	width: 100px;
	height: 100px;
	background-size: 70% 70%;
	background-position: 15px 15px;
	border: px solid black;
}
#daemul_baesang {
	background: rgba(0,10,30,0.7);
	color: white;
font-weight:;
	padding: 10px;
	margin-top: 50px;
	padding-top: 50px;
	border-radius: 20px;
	height: 480px;
	box-shadow: 5px 5px 0px rgba(0,0,0,0);
}
#daemul_baesang h2 {
	color: white;
	text-align: center;
	margin: 0;
	font-size: 20px !important;
}
/* 영업배상 */
#youngup_baesang_box {
	/*  background:url(../images/slider-small/featured-slider8.jpg); */
	position: relative;
	background-size: 100% 100%;
}
#youngup_baesang span {
	display: block;
	border-radius: 50%;
	position: absolute;
	left: 38%;
	top: 30px;
	z-index: 1111;
	text-indent: -9999px;
	background: white url(../images/slider-small/youngup_baesang.png) no-repeat;
	width: 100px;
	height: 100px;
	background-size: 70% 70%;
	background-position: 15px 15px;
	border: px solid black;
}
#youngup_baesang {
	background: rgba(10,10,40,0.7);
	color: white;
	padding: 10px;
	margin-top: 50px;
	padding-top: 50px;
	border-radius: 20px;
	height: 480px;
	box-shadow: 5px 5px 0px rgba(0,0,0,0);
}
#youngup_baesang h2 {
	text-align: center;
	margin: 0;
	color: white;
	font-size: 20px !important;
}
/* 화재손해 */
#hwajae_sonhae_box {
	/* background:url(../images/slider-small/featured-slider11.jpg); */
	position: relative;
	background-size: 100% 100%;
}
#hwajae_sonhae span {
	display: block;
	border-radius: 50%;
	position: absolute;
	left: 38%;
	top: 30px;
	z-index: 1111;
	text-indent: -9999px;
	background: white url(../images/slider-small/hwajae_sonhae.png) no-repeat;
	width: 100px;
	height: 100px;
	background-size: 70% 70%;
	background-position: 15px 15px;
	border: px solid black;
}
#hwajae_sonhae {
	background: rgba(108,103,123,0.7);
	color: white;
 font-weight:;
	padding: 10px;
	margin-top: 50px;
	padding-top: 50px;
	border-radius: 20px;
	height: 480px;
	box-shadow: 5px 5px 0px rgba(0,0,0,0);
}
#hwajae_sonhae h2 {
	color: white;
	text-align: center;
	margin: 0;
	font-size: 20px !important;
}
/* 붕괴낙뢰손해 */
#bunggae_sonhae_box {
	/* background:url(../images/slider-small/featured-slider14.jpg); */
	position: relative;
	background-size: 100% 100%;
}
#bunggae_sonhae span {
	display: block;
	border-radius: 50%;
	position: absolute;
	left: 38%;
	top: 30px;
	z-index: 1111;
	text-indent: -9999px;
	background: white url(../images/slider-small/bunggae_sonhae.png) no-repeat;
	width: 100px;
	height: 100px;
	background-size: 70% 70%;
	background-position: 15px 15px;
	border: px solid black;
}
#bunggae_sonhae {
	background: rgba(98,83,93,0.7);
	color: white;
	padding: 10px;
	margin-top: 50px;
	padding-top: 50px;
	border-radius: 20px;
	height: 480px;
	box-shadow: 5px 5px 0px rgba(0,0,0,0);
}
#bunggae_sonhae h2 {
	color: white;
	text-align: center;
	margin: 0;
	font-size: 20px !important;
}
/* 도난손해 */
#donan_sonhae_box {
	/*  background:url(../images/slider-small/featured-slider17.jpg); */
	position: relative;
	background-size: 100% 100%;
}
#donan_sonhae span {
	display: block;
	border-radius: 50%;
	position: absolute;
	left: 38%;
	top: 30px;
	z-index: 1111;
	text-indent: -9999px;
	background: white url(../images/slider-small/donan_sonhae.png) no-repeat;
	width: 100px;
	height: 100px;
	background-size: 70% 70%;
	background-position: 15px 15px;
	border: px solid black;
}
#donan_sonhae {
	background: rgba(100,85,82,0.7);
	color: white;
	padding: 10px;
	margin-top: 50px;
	padding-top: 50px;
	border-radius: 20px;
	height: 480px;
	box-shadow: 5px 5px 0px rgba(0,0,0,0);
}
#donan_sonhae h2 {
	color: white;
	text-align: center;
	margin: 0;
	font-size: 20px !important;
}
/* 전자금융 */
#jeonja_bank_box {
	/*  background:url(../images/slider-small/featured-slider20.jpg); */
	position: relative;
	background-size: 100% 100%;
}
#jeonja_bank span {
	display: block;
	border-radius: 50%;
	position: absolute;
	left: 38%;
	top: 30px;
	z-index: 1111;
	text-indent: -9999px;
	background: white url(../images/slider-small/jeonja_bank.png) no-repeat;
	width: 100px;
	height: 100px;
	background-size: 70% 70%;
	background-position: 15px 15px;
	border: px solid black;
}
#jeonja_bank {
	background: rgba(108,123,143,0.7);
	color: white;
	padding: 10px;
	margin-top: 50px;
	padding-top: 50px;
	border-radius: 20px;
	height: 480px;
	box-shadow: 5px 5px 0px rgba(0,0,0,0);
}
#jeonja_bank h2 {
	color: white;
	text-align: center;
	margin: 0;
	font-size: 20px !important;
}
/* 농작물 */
#nongjakmul_box {
	/*  background:url(../images/slider-small/featured-slider22.jpg); */
	position: relative;
	background-size: 100% 100%;
}
#nongjakmul span {
	display: block;
	border-radius: 50%;
	position: absolute;
	left: 38%;
	top: 30px;
	z-index: 1111;
	text-indent: -9999px;
	background: white url(../images/slider-small/nongjakmul.png) no-repeat;
	width: 100px;
	height: 100px;
	background-size: 70% 70%;
	background-position: 15px 15px;
	border: px solid black;
}
#nongjakmul {
	background: rgba(100,103,83,0.7);
	color: white;
	padding: 10px;
	margin-top: 50px;
	padding-top: 50px;
	border-radius: 20px;
	height: 480px;
	box-shadow: 5px 5px 0px rgba(0,0,0,0);
}
#nongjakmul h2 {
	color: white;
	text-align: center;
	margin: 0;
	font-size: 20px !important;
}
/* 손해사정절차 */
div.image {
	/* 태그 중앙 정렬 */
	width: 98%;
	height: 98%;
	box-sizing: border-box;
	position: absolute;
	left: 0;
	top: 0;
	background: white;
	border: 1px solid black;
	border-radius: 10px;
	padding: 5px;
	box-shadow: 3px 3px 1px black;
}
#viewport {
	font-size: 16px;
	transform-style: preserve-3d;
	position: relative;
	height: 400px;
	width: 98%;
	transform: rotateX(-5deg);
	margin: 0;
	padding: 0;
	margin-top: 10px;
	margin-bottom: 100px;
	/* perspective:2000px; */
	background-color: transparent !important;
}
div.sago h3 {
	font-size: 18px;
}
section#assess_proce ol > li{
	font-size: 14px;
}
#wheel {
	width: 380px;
	height: 400px;
	transform-style: preserve-3d;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -150px;
	margin-top: -150px;
	backface-visibility: hidden;
	/*  transition: 0.1s;  */
}
div.image:nth-child(1) {
	transform: rotateY(-5deg) translateY(0px) translateZ(320px);
}
div.image:nth-child(2) {
	transform: rotateY(66deg) translateY(0px) translateZ(320px);
}
div.image:nth-child(3) {
	transform: rotateY(138deg) translateY(0px) translateZ(320px);
}
div.image:nth-child(4) {
	transform: rotateY(208deg) translateY(0px) translateZ(320px);
}
div.image:nth-child(5) {
	transform: rotateY(282deg) translateY(0px) translateZ(320px);
}
.ctrl-box {
	margin-top: 15px;
	text-align: center;
	display: block !important;
	position: absolute;
	left: 45%;
	bottom: 20px;
	z-index: 100;
}
.ctrl-box a .bullet {
	display: inline-block;
	width: 12px;
	height: 12px;
	border: 1px solid #cfd2d7;
	border-radius: 100%;
	background: #dfe2e7;
	text-indent: -9999em;
	font-size: 0;
	vertical-align: middle
}
.ctrl-box a.active .bullet {
	border: 1px solid #d43a3a;
	background: #fd4b4b;
}
.btn-ctrl {
	margin-left: 10px;
	padding: 0 4px;
	border: 1px solid #b6b6b6;
	border-radius: 4px;
	background-color: #dadada;
	line-height: 20px;
}

#Rot_Left, #Rot_Right{ display:none;}

}     /*모바일*/


/* desktop  */
@media screen and (min-width:1024px){
/* 손해사정절차 */
#Rot_Left, #Rot_Right{ border:0; background:;
width:50px; height:50px; box-shadow:2px 2px 1px gray; font-weight:bold;
cursor:pointer;
}
#Rot_Left:active, #Rot_Right:active{  top:calc(50% - 1px);}
#Rot_Left{position:absolute; left:0; top:50%; }
#Rot_Right{position:absolute; right:0; top:calc(50%); }
#assess_proce h2.column-title{ text-indent:0 !important; }
#assess_proce {
	background-color: #f7f9fd !important;
}
ol.first, ol.second{ line-height:2; }
ol.first li, ol.second{ margin:0; }

section#assess_proce ol > li{ text-indent:5px;  font-size:15px;}
section#assess_proce ul > li{
   text-indent:10px;	
}
div.sago h3 {
	margin-bottom: 10px;
	background: navy;
	color: white;
	height: 45px;
	line-height: 45px;
	text-align: center;
 font-size:20px;
}
div.sago h3:before {
	content: '◁';
	position: absolute;
	left: 5px;
	top: 5px;
}
div.sago h3:after {
	content: '▷';
	position: absolute;
	right: 8px;
	top: 5px;
}
.sago h3 b {
	display: inline;
	cursor: pointer;
}
.sago h3 i {
	display: inline;
	font-style: normal;
}
.sago ol li ul li {
	text-indent: 20px;
}
.sago>ol>li {
	text-indent: 15px;
}
.sago h3 {
	text-indent: 5px;
}
div.image {
	/* 태그 중앙 정렬 */
	width: 98%;
	height: 98%;
	box-sizing: border-box;
	position: absolute;
	left: 0;
	top: 0;
	background: white;
	border: 1px solid black;
	border-radius: 10px;
	padding: 5px;
	box-shadow: 3px 3px 1px black;
}
#viewport {
	font-size: 16px;
	transform-style: preserve-3d;
	position: relative;
	height: 400px;
	width: 98%; 
	 transform: rotateX(-5deg); 
	margin: 0;
	padding: 0;
	margin-top: 10px;
	margin-bottom: 100px;
	/* perspective:2000px; */
	/* -ms-perspective:2000px; */
/* 	-moz-perspective:2000px; */
	background-color: transparent !important;
	/* transition:0.5s; */
}
div.sago h3 {
	font-size: 18px;
}
div.sago ol li {
	font-size: 14px;
}
#wheel {
	width: 380px;
	height: 400px;
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -150px;
	margin-top: -150px;
	backface-visibility: hidden;
		-webkit-backface-visibility: hidden;
		-ms-backface-visibility: hidden;
		-o-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
	/*  transition: 0.1s;   */
}
div.image:nth-child(1) {
	transform: rotateY(-5deg) translateY(0px) translateZ(320px);
	-webkit-transform: rotateY(-5deg) translateY(0px) translateZ(320px);
	-ms-transform: rotateY(-5deg) translateY(0px) translateZ(320px);
	-moz-transform: rotateY(-5deg) translateY(0px) translateZ(320px);
}
div.image:nth-child(2) {
	transform: rotateY(66deg) translateY(0px) translateZ(320px);
   -webkit-transform: rotateY(66deg) translateY(0px) translateZ(320px);
	-ms-transform: rotateY(66deg) translateY(0px) translateZ(320px);
}
div.image:nth-child(3) {
	transform: rotateY(138deg) translateY(0px) translateZ(320px);
	-webkit-transform: rotateY(138deg) translateY(0px) translateZ(320px);
	-ms-transform: rotateY(138deg) translateY(0px) translateZ(320px);	
}
div.image:nth-child(4) {
	transform: rotateY(208deg) translateY(0px) translateZ(320px);
    -webkit-transform: rotateY(208deg) translateY(0px) translateZ(320px);
	-ms-transform: rotateY(208deg) translateY(0px) translateZ(320px);
}
div.image:nth-child(5) {
	transform: rotateY(282deg) translateY(0px) translateZ(320px);
	-webkit-transform: rotateY(282deg) translateY(0px) translateZ(320px);
	-ms-transform: rotateY(282deg) translateY(0px) translateZ(320px);	
}
#assess_proce.call-to-action p {
}
div.ctrl-box {
	display: none;
}
#commo_insure{ background-color:#f7f9fd ;}
#assess_proce .call-to-action{padding:0 !important; }
#assess_proce{
	margin:0; padding:0;
	padding-bottom:60px; 
	}
#indemnity{ margin:0; padding:0; }
#commo_insure{ margin:0; padding:0; }
#special_damage{ margin:0; padding:0; }
#assess_proce h2,#indemnity h2, #commo_insure h2, #special_damage h2{
 padding-top:20px;	}
#featured-cases-slide .owl-stage-outer{
padding:0 !important;	 
 }
 
 p.intro-desc{ background:rgba(193,193,193,0.1); border-radius:10px; 
 box-shadow:3px 3px 1px rgba(193,193,193,0.5); box-sizing:border-box;
 padding:5px;}
}  
/* pc화면 */