@charset "utf-8";
/*모바일CSS*/
/* 배경색 f7f9fd */

@media screen and (max-width:1024px) {
.bgf7f9fd {
	background-color: #f7f9fd !important;
}
.textIndent10 {
	text-indent: 10px !important;
}
#ts-intro {
	margin: 0;
	padding: 0;
}
.dropdown-menu li.active {
	background: none !important;
}
.dropdown-menu li.active a {
	background: none !important;
	color: white !important;
	font-weight: bold !important;
}
p.ceo_welcome {
	text-align: justify;
	/* 	background: rgba(0,0,0,0.05); */
	width: 100%;
	padding: 5px;
	border-radius: 20px;
}
.carousel-inner {
	height: 380px !important;
}
#header-2 div.logo-area {
	width: 180px;
	height: 70px;
	position: absolute;
}
#header-2 div.logo-area a {
	width: 180px;
	height: 70px;
	position: absolute;
}
#header-2 div.logo-area img {
	position: absolute;
	left: 0;
	top: 0px;
	z-index: 1;
	width: 180px;
	height: 65px;
	border: 0px solid red;
}
div.item img {
	display: none !important;
}
.ts-intro .column-title {
	font-size: 28px;
	border-bottom: 3px outset black;
}
.column-title.title-small {
	font-size: 24px !important;
	border-bottom: 3px outset black;
	width: 100%;
	margin: auto;
	margin-bottom: 10px;
}
#edu_sys h2 {
	margin-bottom: 30px;
}
#about-us {
	padding-top: 0;
}
.column-title {
	font-size: 24px !important;
	border-bottom: 3px outset black;
	width: 100%;
	margin: auto;
	margin-bottom: 10px;
}
.about-us h3 {
	margin-bottom: 5px !important;
	font-size: 18px;
}
.intro-details {
	text-align: justify;
	padding: 0;
}
li#Logo_Image {
	display: none;
}
#header-2 ul.top-info li {
	display: none;
}
#header-2 img {
	width: 30%;
}
div.body-inner div.site-top-2 div.top-bar {
	display: none;
}
#header-2 div.container {
	margin: 0;
	padding: 0;
	width: 100%;
	max-width: 1024px;
}
div.banner-area {
	display: none;
}
div.logo-area {
	padding: 0;
}
ul.navbar-nav li:hover {
	color: white !important;
	font-size: 1.1em;
}
ul.navbar-nav li:hover a {
	color: white !important;
	font-size: 1.1em;
	transition: 0.1s;
}
#ts-services {
	padding-top: 0;
}
#ts-services h2.section-title {
	padding-top: 8px;
}
section#ts-features-light div.col-lg-4 {
	float: left;
	width: 33%;
}
section#ts-features-light div.col-lg-4 div.ts-feature-info {
	width: 100%;
	padding: 5px;
	margin: 0;
	/* 	background: rgba(238,238,238,0.3); */
	border-radius: 5px;
}
section#ts-features-light div.col-lg-4 p {
	font-size: 13px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
p.ceo_welcome {
	box-shadow: 3px 3px 1px darkgray;
}
.about-us h3 {
	margin-bottom: 5px !important;
	font-size: 16px;
	text-align: left;
	font-style: normal;
	font-weight: 400;/* 	text-indent: 13px; */
}
#about-us img[alt="CEO인사말"] {
	display: none;
}
#about-us div.gap-15 {
	display: none;
}
#about-us pre div.row {
	display: none;
}
#about-us div.col-lg-6:nth-of-type(2) {
	display: none;
}
#about-us pre {
	height: 60px;
	overflow: hidden;
	line-height: px;
	margin: 0;
	padding: 0;
}
#about-us pre h3 {
	height: 60px;
	margin: 0;
	padding: 0;
}
div.featured-tab ul li.nav-item {
	width: 33%;
}
#history_box {
	position: relative;/*  background:#f7f9fd; */
}
#history div.container {
	max-width: 1024px;
	margin: 0;
	padding: 0;
}
#history p {
	width: 100%;
}
#history p img {
	width: 100%;
	height: 360px;
}
#history div.container div {
	margin: 0;
	padding: 0;
}
#history {
	width: 100%;
	height: 400px;
	background: none;
	color: black;
	padding-left: 0;
	border: 0px solid red;
	margin-top: 20px;
}
#his_list_box {
	width: 100%;
	height: 80%;
	display: flex;
}
.his_year {
	border-right: 2px solid #c0c5c1;
	width: 13%;
	height: 90%;
	font-size: 13px;
}
#his_list {
	width: 87%;
	margin-left: 0px;
	margin: px;
	font-size: 13px;
}
.his_year li {
	position: relative;
}
.his_year span {
	position: absolute;
	right: -6px;
	top: 0;
	font-size: 10px;
}
.first {
	line-height: 50px;
}
.second {
	line-height: 50px;
}
.third {
	line-height: 40px;
}
.fourth {
	line-height: 50px;
	margin-top: 20px;
}
.fifth {
	line-height: 20px;
}
.sixth {
	line-height: 50px;
	margin-left: 10px;
}
.seventh {
	line-height: 30px;
	margin-left: 10px;
	margin-top: 10px;
}
.eighth {
	line-height: px;
	margin-left: 10px;
	margin-top: 15px;
}
.ninth {
	line-height: px;
	margin-left: 10px;
	margin-top: 6px;
}
.tenth {
	line-height: 30px;
	margin-left: 10px;
	margin-top: 6px;
}
.solid-bg {
	background: none;
}
#organ_status div.container {
	margin: 0;
	padding: 0;
	max-width: 1024px;
}
#organ_status p.mgroup {
	display: none;
}
#organ_status h2{
font-size: 24px !important;
    border-bottom: 3px outset black;
    width: 100%;
    margin: auto;
    margin-bottom: 10px;
	padding-bottom:10px;
	width:90%;
}

#organ_status div.container div {
	width: 100%;
	margin: 0 !important;
	padding: 0 !important;
}
#organ_status div.container div {
	width: 100%;
	height: 400px;
	border: px solid red;
}
#organ_status h2.column-title {
	margin: 0 !important;
	padding: 0;
	line-height: 40px !important;
}
#organ_status div.container div img {
	width: 100%;
	height: 100%;
}
#footer div.footer-top {
	display: none;
}
#main_footer {
	margin: 0;
	padding: 0;
	width: 100%;
}
#main_footer div.container {
	max-width: 1024px;
	width: 100%;
}
#main_footer div.container div.row {
	width: 100%;
	margin: 0;
	padding: 0;
}
div.footer-main {
	margin: 0;
	padding: 0;
}
#main_footer div.container div.row #map {
	width: 100%;
}
#main_footer div.container div.row #map iframe {
	width: 100%;
	height: 400px;
	box-shadow: 2px 2px 2px gray;
}
#main_footer div.gil:nth-of-type(2n+1) {
	margin-left: 0%;
	background: beige;
}
/* *** */
div.gil p {
	font-size: 13px;
	line-height: 20px;
	margin: 10px 0;
	padding: 0;
}
span.guide {
	display: none;
}
div#gil_box {
	margin: 0;
	padding: 0;
	display: flex;
	margin-top: 10px;
}
/* *** */
div.gil {
	box-sizing: content-box !important;
	border: 3px solid transparent;
	width: 25%;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
#map {
	padding-top: 10px;
	border-left: 3px outset #819ebc;
	border-right: 3px outset #819ebc;
	border-bottom: 3px outset #819ebc;
	margin-bottom: 10px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}
#map iframe {
	box-shadow: none;
	border-radius: 20px;
	overflow: hidden;
}
div.gil p:first-of-type {
	font-weight: bold;
	font-size: 1.0em;
	text-align: center;
}
/* *** */
div.copyright a {
	color: white;
}
div.gil p:first-of-type:hover {
	position: relative;
	top: -1px;
	cursor: pointer;
}
div.gil p:first-of-type:active {
	position: relative;
	top: -1px;
	cursor: pointer;
}
/* *** */
div.gil p:last-of-type {
	display: none;
}
/* *** */
#back-to-top {
	display: block !important;
	z-index: 111;
	cursor: pointer;
}
#back-to-top .btn.btn-primary {
	line-height: 16px;
}
div.card-header button p {
	margin-bottom: 0px;
	font-weight: 500;
	color: #626c84;
	white-space: normal;
	text-align: left;
}
/* 손해사정절차 */
div#sago_box {
	width: 100%;
	border: px solid red;
}
div#sago_box ul {
	width: 100%;
	border: px solid blue;
	overflow: hidden;
}
div#sago_box ul li {
	width: 48%;
	border: px solid gold;
	float: left;
	height: 200px;
background:;
	margin: 2px;
}
div#sago_box ul li img {
	width: 70px;
	height: 70px;
	margin: 20px 0px 0px 20px;
}
div#sago_box ul li a {
	display: block;
	background: #efefef;
	border-radius: 50%;
}
div#sago_box a {
	position: relative;
	width: 150px;
	height: 150px;
	margin: auto;
}
div#sago_box img {
	position: absolute;
	left: 20px;
	top: 20px;
}
div#sago_box span {
	position: absolute;
	color: #819ebc;
	font-size: 40px;
	left: 70%;
	bottom: 0;
}
div#sago_box p {
	background: white;
	height: 50px;
	text-align: center;
	line-height: 50px;
	border-left: 3px solid #819ebc;
}
#assess_proce p {
	text-align: justify;
}
#assess_proce h2 {
	padding-top: 10px;
}
section:nth-of-type(2n+1) {
}
div.sago h3 {
/* 	margin-top: 20px;
	border-bottom: 1px solid black;
 */}
div.sago ol {
	opacity: 1 !important;
	height: px !important;
	margin-top: 10px;
	color: black;
	line-height: 30px;
}
/*  리쿠르팅절차 */
#recrute_pro h2 {
	padding-top: 20px;
	padding-left: 20px;
}
#recrute_pro p {
	width: 100%;
}
#recrute_pro img {
	width: 100%;
}
#recrute_pro div {
	margin: 0;
	padding: 0;
}
div.container {
	max-width: 1024px;
}
h2.section-title {
	margin: 0;
	padding: 0;
	font-size: 24px;
	margin-bottom: 30px;
	border-bottom: 3px groove black;
	width: 100%;/* 	background:red; */
}
#main-container2 {
	width: 100%;
}
#main-container2 img {
	width: 100%;
}
div.gap-40, p.gap-40 {
	display: none;
}
#main-container3 div {
	margin: 0;
	padding: 0;
}
#main-container3 {
	margin: 0 !important;
	padding: 0 !important;
	margin-top: 10px !important;
}
#main-container3 div.col-lg-8 span {
	width: 50%;
	margin: 0;
	padding: 30px 30px 20px 20px;
	float: left;
}
#main-container3 div.col-lg-4 img {
	width: 100%;
	display: none;
}
#main-container3 div.col-lg-8 span li {
	line-height: 2;
	width: 100%;
	font-size: 14px;
}
#main-container3 div.col-lg-8 span li:before {
	content: '▶ ';
}
div#banner-area {
	height: 250px !important;
	overflow: hidden;
	border: 0px solid red;
	min-height: 100px;
}
div.container div.row {
	margin: 0 !important;
	padding: 0;
	margin-right: 0 !important;
	margin-left: 0 !important;
}
div.gap-20 {
	display: none;
}
section.call-to-action {
	padding: 10px 0 0 0;
}
section.pab-120 {
	padding: 0 !important;
}
h2.section-title {
	padding-top: 20px;
	padding-left: 10px;
	padding-bottom: 10px;
}
#company_news h2 span {
	display: none;
}
#company_news h2:before {
/* 	content: "\e854  ";
	font-family: 'iconfont'; */
}
div.container h2.column-title {
	padding-left: 0px;
}
#company_news a {
	display: block;
	width: 90%;
	margin: auto;
}
#company_news a img {
	width: 100%;
	border-radius: 5px;
	box-shadow: 3px 3px 3px gray;
}
div.ts-service-content h3:before {
	content: "\e866  ";
	font-family: 'iconfont';
}
#ts-testimonial-static img {
	width: 95%;
	box-shadow: 3px 3px 3px gray;
	border-radius: 10px;
}
#ts-testimonial-static .col-lg-4 {
	width: 95%;
	margin: auto;
}
.tab-content-info {
	text-align: justify;
	padding-top: 20px;
}
.column-title2 {
	font-size: 24px !important;
}
h2.column-title2+p {
	text-align: justify !important;
}
.ts-features-light .ts-feature-info i {
	color: black;
}
.ts-feature-info i {
	font-size: 45px;
}
.ts-features-light .ts-feature-info h3 {
	font-size: 18px;
	font-weight: normal;
}
.tab-head span i {
	color: black;
}
.tab-content, .tab-content-info {
	margin: 0 !important;
	padding: 0 !important;
	width: 100%;
}
.tab-content img {
	display: none;
}
.tab-content-info h3, .tab-content-info p {
	width: 100%;
}
.tab-content-title {
	font-size: 20px;
	margin: 0;
	padding: 0;
}
/* 조직도 */
#organ_status {
	height: 500px;
}
#organ_status .container {
	height: 100%;
}
#organ_status .container .col-lg-12 {
	height: 100%;
}
div#oraganic_box {
	display: block;
	height: 100%;
}
#organ_status .container .col-lg-12 div {
	display: none !important;
}
#organ_status img, #organ_status .container p.mgroup {
	display: block;
	margin: auto;
	/* background-color:white !important; */
	height: 70%;
}
#organ_status img, #organ_status .container p.mgroup img {
	width: 90%;
	height: 80%;
	margin-top: 30px;
	box-shadow: 3px 3px 1px gray;
}
#organic_box {
	position: relative;
	width: 100%;
	height: 500px;
	background: white;
	color: black;
	text-align: center;
	min-width: 400px;
	max-width: 700px;
}
#organic_box div, #organic_box b, #organic_box span {
	position: absolute;
}
#organic_box #daepho {
	width: 100px;
	height: 45px;
	border: 3px solid black;
	border-radius: 15px;
	left: 135px;
	top: 55px;
	line-height: 40px;
	background: white;
	z-index: 1;
	box-shadow: 3px 3px 1px gray;
}
.damdang {
	width: 90px;
	height: 40px;
	border: 3px solid black;
	border-radius: 10px;
	line-height: 35px;
	font-size: 14px;
}
#jiwon, #sudokwon, #youngnam {
	top: 270px;
	z-index: 1;
	background: white;
	box-shadow: 3px 3px 1px gray;
}
#jiwon {
	left: 10px;
}
#sudokwon {
	left: 140px;
}
#youngnam {
	left: 300px;
}
#kamsa {
	left: 250px;
	width: 90px;
	height: 35px;
	z-index: 1;
	background: white;
	box-shadow: 3px 3px 1px gray;
	border: 2px solid black;
	border-radius: 5px;
	top: 135px;
	line-height: 30px;
}
#organic_box b {
	display: block;
	width: 0;
	border-width: 1px;
	border-right: 1px solid black;
	text-indent: -99999px;
}
#organic_box b:nth-of-type(1) {
	left: 186px;
	top: 100px;
	height: 200px;
}
#organic_box b:nth-of-type(2) {
	left: 186px;
	top: 150px;
	width: 110px;
	height: 0;
	border-top: 1px solid black;
}
#organic_box b:nth-of-type(3) {
	width: 290px;
	height: 1px;
	border-top: 1px solid black;
	left: 57px;
	top: 230px;
}
#organic_box b:nth-of-type(4) {
	width: 0px;
	height: 38px;
	border-left: 0.5px solid black;
	left: 55px;
	top: 230px;
}
#organic_box b:nth-of-type(5) {
	width: 0px;
	height: 38px;
	border-left: 0.5px solid black;
	left: 347px;
	top: 230px;
}
#organic_box b:nth-of-type(6) {
	width: 0px;
	height: 35px;
	border-left: 0.5px solid black;
	left: 55px;
	top: 310px;
}
#organic_box b:nth-of-type(7) {
	width: 135px;
	height: 0px;
	border-top: 1px solid black;
	left: 121px;
	top: 335px;
}
#organic_box b:nth-of-type(8) {
	width: 0px;
	height: 15px;
	border-left: 0.5px solid black;
	left: 121px;
	top: 335px;
}
#organic_box b:nth-of-type(9) {
	width: 0px;
	height: 45px;
	border-left: 0.5px solid black;
	left: 184px;
	top: 305px;
}
#organic_box b:nth-of-type(10) {
	width: 0px;
	height: 31px;
	border-left: 0.5px solid black;
	left: 345px;
	top: 305px;
}
#organic_box b:nth-of-type(11) {
	width: 62px;
	height: 1px;
	border-top: 0.5px solid black;
	left: 316px;
	top: 335px;
}
#organic_box b:nth-of-type(12) {
	width: 0px;
	height: 15px;
	border-left: 0.5px solid black;
	left: 255px;
	top: 335px;
}
#organic_box b:nth-of-type(13) {
	width: 0px;
	height: 15px;
	border-left: 0.5px solid black;
	left: 316px;
	top: 335px;
}
#organic_box b:nth-of-type(14) {
	width: 0px;
	height: 15px;
	border-left: 0.5px solid black;
	left: 378px;
	top: 335px;
}
#organic_box span {
	display: block;
	width: 10px;
	height: 10px;
	border: 2px solid black;
	border-radius: 50%;
	background: beige;
	z-index: 10;
	text-indent: -9999px;
}
#organic_box .large_won {
	top: 265px;
}
#organic_box span:nth-of-type(1) {
	left: 51px;
}
#organic_box span:nth-of-type(2) {
	left: 181px;
}
#organic_box span:nth-of-type(3) {
	left: 343px;
}
#organic_box span:nth-of-type(4) {
	left: 51px;
}
#organic_box span:nth-of-type(5) {
	left: 117px;
}
#organic_box span:nth-of-type(6) {
	left: 180px;
}
#organic_box span:nth-of-type(7) {
	left: 250px;
}
#organic_box span:nth-of-type(8) {
	left: 312px;
}
#organic_box span:nth-of-type(9) {
	left: 375px;
}
[class*=small_won] {
 width: 7px;
top: 345px;
 height: 7px;
 border: 2px solid black;
 border-radius: 50%;
 background: beige;
 z-index: 10;
}
div[class*=organic_sub] {
	width: 60px;
	height: 25px;
	border: 2px solid black;
	border-radius: 5px;
	font-size: 11px;
	line-height: 23px;
}
.organic_sub1, .organic_sub2, .organic_sub3, .organic_sub4, .organic_sub5, .organic_sub6 {
	top: 350px;
	box-shadow: 2px 2px 1px lightgray;
}
.organic_sub1 {
	left: 25px;
	z-index: 2;
	background: white;
}
.organic_sub2 {
	left: 90px;
}
.organic_sub3 {
	left: 155px;
}
.organic_sub4 {
	left: 221px;
}
.organic_sub5 {
	left: 284px;
}
.organic_sub6 {
	left: 348px;
}
#main_footer {
	margin-top: 0px;
}
div#organic_box {
	display: block !important;
}
#main-container3 p.gap-40:nth-child(4) {
display:;
}
h3.service-title {
	font-size: 18px;
	font-weight: normal;
}
#company_news h2.title-small {
	margin-top: 50px;
}
div.card-body {
	padding: 10px;
}
div.card-body p {
	text-align: justify;
	font-size: 14px;
	line-height: 25px;
	padding: 5px;
}
}     /*모바일*/