/*인사말*/
#ab_greeting {width: 100%;}
.ab_greeting {width: 1200px; margin: 150px auto 100px;}
.ab_greeting strong {display: block; width: 100%; font-size: 40px; margin-bottom: 70px; font-family: 'KOHIBaeumOTF';}
.greeting_text {width: 50%; float: left; padding-right: 130px;  text-align: right}
.greeting_text p {font-weight: 500; line-height: 23px;  color: #808285; text-align: justify}
.greeting_text img {width: 150px; margin-top: 90px;}
.greeting_img {width: 50%; float: left;}
.greeting_img img {width: 100%;}

/*일신이념*/
#ab_mind {width: 100%; margin: 150px 0;}
.ab_mind {width: 1200px; margin: 0 auto;}
.ab_mind strong {display: block; width: 100%; font-size: 40px; margin-bottom: 30px; font-family: 'KOHIBaeumOTF';}
.ab_mind_text {width: 40%; float: left;}
.ab_mind_text p {font-weight: 500; color: #75777a; line-height: 23px; color: #6d6e70;}
.ab_mind_text ul {width: 300px; height: auto; margin-top: 30px;}
.ab_mind_text ul li {width: 100%; height: 35px; line-height: 35px; text-align: center; color: #fff; font-size: 14px;}
.ab_mind_text ul li:nth-child(1) {background-color: #a7a9ac;}
.ab_mind_text ul li:nth-child(2) {background-color: #34a3dc;}
.ab_mind_text ul li:nth-child(3) {background-color: #005e92;}

.ab_mind_organization {width: 60%; float: left; margin-top: 200px;}
.ab_mind_organization img {width: 100%;}
.ab_mind_organization img:nth-child(1) {display: block;}
.ab_mind_organization img:nth-child(2) {display: none;}

/*일신라이프*/
#ab_life {width: 100%; margin: 200px 0;}
#ab_life strong {display: block; width: 100%; font-size: 40px; font-family: 'KOHIBaeumOTF';}
.ab_life {width: 1200px; margin: 0 auto;}
.ab_life_slide {margin: 50px 0;}
.ab_life_slide .ab_life_img {width: 250px; height: auto; padding: 0 5px;}
.ab_life_slide .ab_life_img img {width: 100%;}

.ab_life_slide .slick-arrow {position: absolute;top: 40%; transform: translateY(-50%);font-size: 30px; padding: 15px; color: #777; transition: .2s}
.ab_life_slide .slick-arrow:hover {background-color: #ddd;}
.ab_life_slide .prev_arrow {left: -70px;}
.ab_life_slide .next_arrow {right: -70px;}

.ab_life_slide .slick-dots {text-align: center; margin-top: 50px;}
.ab_life_slide .slick-dots li {display: inline-block; font-size: 0; width: 50px; height: 5px; background-color: #ddd; transition: .2s;}
.ab_life_slide .slick-dots li.slick-active {background-color: #999; width: 100px;}

/*조직도*/
#ab_organizational {margin: 100px 0;}
.ab_organizational {width: 1200px; margin: 0 auto; padding: 100px;}
.ab_organizational img:nth-child(1) {width: 100%;}
.ab_organizational img:nth-child(2) {display: none;}

/*연혁*/
#history {width: 100%; margin: 100px 0;}
.history_con {width: 1200px; margin: 100px auto;}
.history_con div {width: 50px; height: 5px; background-color: #0a4e98; margin: 30px 0;}

.history {width: 1200px; margin: 100px auto;}
.history strong {font-size: 24px; margin: 20px 0; display: block;background-color: #0a4e98; color: #fff; padding: 15px 15px 10px; opacity: .5; letter-spacing: 2px;}
.history_list {float: left; width: 1200px; }
.history_list>li {width: 100%; height: auto; padding: 30px 20px 30px 0; border-bottom: 1px solid #ddd;}
.history_list>li:after {content: ""; display: table; clear: both;}
.history_list>li>h1 {float: left; font-size: 30px; color: #0a4e98; width: 20%; position: relative; top:-10px;}
.history_list>li>ul {float: left; width: 80%;}
.history_list>li>ul>li {width: 100%;float: left; line-height: 30px; margin-bottom: 10px;}
.history_list>li>ul>li>h2 {width: 10%; color: #0a4e98; display: block; float: left; position: relative; font-size: 16px;}
.history_list>li>ul>li>p {width: 90%;float: left;color: #6d6e71; display: block; line-height: 24px}

/*문의&오시는길*/
#directions {width: 100%; margin: 100px 0;}
.contact {width: 1200px; margin: 100px auto;}
.contact_con {width: 50%; float: left; padding-right: 70px;}
.contact_con strong {font-size: 50px; font-family: 'KOHIBaeumOTF';}
.contact_con h1 {font-size: 18px; font-weight: 500; line-height: 36px; margin-bottom: 20px;}
.contact_con h2 {font-size: 14px; margin-bottom: 10px;}
.contact_con h3 {color: #999; font-size: 14px;}
.contact_con ul {margin-top: 140px;}
.contact_con ul li {line-height: 35px; font-size: 18px; font-weight: 300}
.contact_con ul li i {color: #0a4e98; font-size: 20px; margin-right: 20px;}
.contact_con ul li p {display: inline-block; vertical-align:top}
.contact_con ul li span {font-weight: 700; display: inline-block; margin-right: 20px;}

.directions {width: 1200px; height: 500px; margin: 100px auto;  position: relative;}
.directions iframe {width: 100%;height: 100%; position: relative;}

.directions_adress {width: 1200px; margin: 0 auto;}
.directions_adress ul {width: 100%;}
.directions_adress li {width: 50%; float: left;margin: 3px 0;}
.directions_adress li strong {width: 25%; float: left; font-weight: 700; font-size: 20px;}
.directions_adress li p {width: 75%; float: left;}

.contact_mail {width: 50%; float: left;}

.contact_mail ul {margin-top: 80px;}
.contact_mail ul li {line-height: 35px; font-size: 18px; font-weight: 300}
.contact_mail ul li i {color: #0a4e98; font-size: 20px; margin-right: 20px;}
.contact_mail ul li p {display: inline-block; vertical-align:top}
.contact_mail ul li span {font-weight: 700; display: inline-block; margin-right: 20px;}

.contact_mail a {width: 100%; background-color: inherit; color: #000; border: 1px solid #ddd; height: 50px; line-height: 50px; font-size: 20px; margin: 50px 0;}
.contact_mail a:hover {background-color: #0a4e98; color: #fff;}

/*카달로그*/
#catalogue_list {width: 100%; margin: 100px 0;}
.catalogue_list {width: 1200px; margin: 100px auto;}
.catalogue_list ul {width: 100%; text-align: center; border: 1px solid #ddd;}
.catalogue_list ul li {width: 250px; margin: 50px; display: inline-block; vertical-align: top;}
.catalogue_list ul li img {width: 100%; box-shadow: 5px 5px 10px rgba(0,0,0,.2);display: block; transition: .3s}
.catalogue_list ul li img:hover {transform: scale(1.05);}
.catalogue_list ul li h1 {display: block; margin-top: 20px; font-size: 14px;}

@media (max-width: 1200px) {	
	/*인사말*/
	#ab_greeting {margin-top: 100px;}
	.ab_greeting {width: 100%; margin: 50px auto; padding: 0 30px;}
	.greeting_text {width: 50%; padding-right: 50px;}
	.greeting_text p {font-size: 14px; text-align: left;}

	/*일신이념*/
	#ab_mind {margin: 50px 0; padding: 0 30px;}
	.ab_mind {width: 100%;}
	.ab_mind_organization {margin-top: 0}
	
	/*일신라이프*/
	#ab_life {margin: 100px 0 50px;}
	.ab_life {width: 100%;}
	#ab_life strong {font-size: 30px; text-align: center;}
	.ab_life_slide {margin: 50px 0;}
	
	.ab_life_slide .slick-arrow {top: 35%;font-size: 24px; padding: 10px; border: none; background-color: #fff; opacity: .7; z-index: 1}
	.ab_life_slide .prev_arrow {left: 0;}
	.ab_life_slide .next_arrow {right: 0;}
	
	/*조직도*/
	.ab_organizational {width: 100%; padding: 50px 30px;}
	
	/*연혁*/
	#history {margin: 50px 0;}
	.history_con {width: 100%; margin: 50px 0;}
	.history {width: 100%; padding: 0 30px; margin: 50px 0;}
	.history_list {width: 100%;}
	/*문의&오시는길*/
	#directions {margin: 50px 0;}
	
	.contact {width: 100%; padding: 0 15px; margin: 50px 0;}
	.contact_con strong {font-size: 30px;}
	.contact_con h1 {font-size: 20px; line-height: 24px}
	
	.contact_con h2 {font-size: 14px;}
	
	.contact_con ul {margin-top: 0;}
	.contact_con ul li {font-size: 12px; line-height: 20px; margin-bottom: 10px}
	.contact_con ul li i {display: block; float: left; width: 10%}
	.contact_con ul li p {display: block; float: left;width: 80%;}
	
	.contact_mail ul {margin-top: 0;}
	.contact_mail ul li {font-size: 12px; line-height: 20px; margin-bottom: 10px}
	.contact_mail ul li i {display: block; float: left; width: 10%}
	.contact_mail ul li p {display: block; float: left;width: 80%;}
	
	
	.contact_us {font-size: 12px; margin-top: 30px;}
	.contact_us fieldset li {line-height: 30px; margin-top: 10px;}
	.contact_us fieldset input {width: 70%; height: 30px;}
	
	.directions {width: 100%; height: 300px; left: 0; top:0; margin: 50px 0;}
	.directions iframe {left: 0; top:0;}
	.directions_adress {width: 100%; left: 0; padding: 0 30px;}
	.directions_adress li {width: 100%;border-bottom: 1px solid #eee; padding-bottom: 10px;}
	.directions_adress li strong {font-size: 16px; width: 30%; line-height: 20px;}
	.directions_adress li p {font-size: 14px; width: 70%}
	
	/*카달로그*/
	#catalogue_list {margin: 50px 0 0;}
	.catalogue_list {width: 100%; margin: 50px 0;}
	.catalogue_list ul li {width: 25%; margin: 3%;}
}

@media (max-width: 767px) {
	/*인사말*/
	.ab_greeting strong {font-size: 30px; margin-bottom: 50px;}
	.greeting_text {width: 100%; padding-right: 0; font-size: 14px; line-height: 26px}
	.greeting_text img {margin-top: 50px;}
	.greeting_img {display: none;}
	.greeting_text p {	 text-align: left;}

	/*일신이념*/
	.ab_mind strong {font-size: 30px;}
	.ab_mind_text {width: 100%;}
	.ab_mind_text p {font-size: 14px;}
	.ab_mind_text ul {width: 100%;}
	.ab_mind_organization {width: 100%; margin-top: 50px;}
	
	/*일신라이프*/
	.ab_life_slide .ab_life_img {width: 200px; height: 150px;}
	.ab_life_slide .slick-dots li {width: 20px}
	.ab_life_slide .slick-dots li.slick-active {width: 50px;}
	
	/*연혁*/
	#history {margin: 50px 0;}
	.history_con {width: 100%; padding: 0 30px; margin: 50px 0;}
	.history_con h1 {font-size: 24px;}
	.history_con div {margin: 20px 0; width: 30px; height: 3px;font-size: 16px;}
	.history_con p {font-size: 14px; width: 100%;}
	
	.history_img {margin: 50px 0;}
	.history_img ul li {width: 33.33%;}
	.history_img ul li:nth-child(4) {display: none;}
	.history_img ul li:nth-child(5) {display: none;}
	
	.history {width: 100%; padding: 0 15px; margin: 50px 0;}
	.history strong {margin: 30px 0; font-size: 20px;}
	.history_list {width: 100%;}
	.history_list>li {padding: 30px 0;}
	.history_list>li>h1 {float: none; font-size: 28px;}
	.history_list>li>ul {width: 100%;}
	.history_list>li>ul>li>h2 {width: 20%;vertical-align: top; top:-5px}
	.history_list>li>ul>li>p {width: 80%; display: inline-block; font-size: 14px; line-height: 20px}
	
	
	/*조직도*/
	.ab_mind_organization img:nth-child(1) {display: none;}
	.ab_mind_organization img:nth-child(2) {display: block;}
	
	/*카달로그*/
	.catalogue_list ul li {width: 35%; margin: 20px 20px;}
	.catalogue_list ul li h1 {font-size: 12px;}
	
	/*문의&오시는길*/
	.contact_con {width: 100%; padding: 0;}
	.contact_us {width: 100%}
	.contact_mail {width: 100%; margin-top: 50px;}
	.contact_mail a {margin: 30px 0; font-size: 16px;height: 40px; line-height: 40px;}
	
}