﻿.main_container { padding:0; max-width: 1900px; margin: auto; }

/* BUSINESS */
.main_business, .main_business * {box-sizing:border-box;}
.main_business_header {margin-top: 6.9%;text-align: center;margin-bottom: 75px;}
.main_business_header h2 { letter-spacing: 0.38em; padding-left:0.25em; font-weight: bold; font-size: 35px; padding-bottom: 19px; }
.main_business_header h2 span:first-child { color: #DC372B; }
.main_business_header p {letter-spacing: 0.085em;}

.main_business_nav {padding-top: 42.5%; width: 100%; height: 0; position: relative; margin-bottom:50px; background-color:#2c2929; background-size: cover; }
.main_business_nav_inner{position: absolute; top: 0; left:0; width:100%; height:100%;}
.main_business_item {position:relative; display: block; float: left; width:50%; height:50%; text-align: center; color: #fff; background-size: cover; }
.main_business_item_01 {background:url(/images/main/mainimg_bg01.jpg) center center;}
.main_business_item_02 {background:url(/images/main/mainimg_bg02.jpg) center center;}
.main_business_item_03 {background:url(/images/main/mainimg_bg03.jpg) center center;}
.main_business_item_04 {background:url(/images/main/mainimg_bg04.jpg) center center;}

.main_business_item a {border-color: #5c5c5c;border-color: rgba(255,255,255,0.2);border-style: solid;border-width:0;}
.main_business_nav_inner .main_business_item_01 a {border-bottom-width: 1px; border-right-width: 1px;}
.main_business_nav_inner .main_business_item_02 a {border-bottom-width: 1px;}
.main_business_nav_inner .main_business_item_03 a {border-right-width: 1px;}
.main_business_nav_inner.hover_item_01 .main_business_item_01 a {border-color: #d23127;}
.main_business_nav_inner.hover_item_02 .main_business_item_01 a {border-right-color: #d23127;}
.main_business_nav_inner.hover_item_02 .main_business_item_02 a {border-bottom-color: #d23127;}
.main_business_nav_inner.hover_item_03 .main_business_item_01 a {border-bottom-color: #d23127;}
.main_business_nav_inner.hover_item_03 .main_business_item_03 a {border-right-color: #d23127;}
.main_business_nav_inner.hover_item_04 .main_business_item_02 a {border-bottom-color: #d23127;}
.main_business_nav_inner.hover_item_04 .main_business_item_03 a {border-right-color: #d23127;}

.main_business_item_face {display: block;position: absolute;width: 100%;height: 100%;-webkit-transition: all 1s;transition: all 1s;padding-top: 6%;}
.main_business_item:hover .main_business_front {background:#158bbf; -webkit-transition: 1s border 1.5s;transition: 1s border 1.5s;}
.main_business_item img {display: block;margin: auto;height: 80px;}
.main_business_item h3 { color: #fff; font-size: 26px; font-weight: 400; padding-bottom: 13px; letter-spacing: .1em; }
.main_business_item p {color: #fff; padding-bottom: 31px; font-size: 15px;}
.main_business_more {display:block; margin:auto; width:35px; height:35px; text-align:center; }
.main_business_more:after {display:inline-block; content: '\f002'; font-family: 'FontAwesome'; font-size:35px; color:#797979; -webkit-transition:transform 500ms, color 500ms; transition:transform 500ms, color 500ms; -webkit-transition-delay:0ms,200ms,200ms; transition-delay:0ms,200ms,200ms;}
.main_business_item:hover .main_business_more:after {content: '\f00e';color:#fff;font-size:40px; -webkit-transition-delay:0ms,0ms,0ms; transition-delay:0ms,0ms,0ms  }

/*
{ display:block;margin:auto; padding-bottom:6px; width:38px; font-size:12px; line-height:16px; font-weight:bold; color:#797979; text-align:center; border-bottom: 3px solid #797979; -webkit-transition:width 500ms,color 500ms,border 500ms; transition:width 500ms,color 500ms,border 500ms; -webkit-transition-delay:0ms,200ms,200ms; transition-delay:0ms,200ms,200ms;

    margin: auto;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    font-family: 'FontAwesome';
    content: '\f138';
    font-size: 47px;
    font-weight: normal;
    line-height: 1;
    color: #aaaaaa;
    color: rgba(170, 170, 170, 0.66667);
    -webkit-transition: color 300ms, -webkit-transform 300ms;
    transition: color 300ms, -webkit-transform 300ms;
    transition: color 300ms, transform 300ms;
    transition: color 300ms, transform 300ms, -webkit-transform 300ms;
}*/

.main_business_item_icon {position: relative;height: 80px;width: 100%;margin-bottom:10px;}
.main_business_item_icon img { position: absolute; left: 50%; z-index: 22; -webkit-transition:opacity 1000ms; transition: opacity 1000ms }
.main_business_item_icon img,
.main_business_item:hover .main_business_item_icon img:first-child {opacity: 0;}
.main_business_item_icon img:first-child,
.main_business_item:hover .main_business_item_icon img { opacity: 1;}

.main_business_item_01 .main_business_item_icon img {margin-left: -35px;}
.main_business_item_02 .main_business_item_icon img { margin-left:-35px}
.main_business_item_03 .main_business_item_icon img {margin-left: -35px;}
.main_business_item_04 .main_business_item_icon img {margin-left: -35px;}


.bot_container, .bot_container * {box-sizing: border-box;}
.bot_container {overflow:hidden; margin-bottom:50px; }
.bot_container > div {margin:0 auto; width:100%; }
.bot_container > div > div {float:left; position:relative; padding:50px 35px; width:33.33333%; height:250px; background-color:#f7f7f7; border:1px solid #ddd; vertical-align:middle;}
.bot_container > div > div:nth-child(2) {background-color:#ebebeb; border-right:0; border-left:0;}
.bot_container > div > div:after {clear:both; display:block; content:''; }
.notice h2 {position:relative; font-size:24px; font-weight:400;}
.notice ul {margin-top:25px;}
.notice ul li {position:relative; margin-top:12px; padding-left:13px; padding-right:100px;}
.notice ul li:before {content: ''; position:absolute; top:10px; left:0; width:3px; height:3px; background-color:#666;}
.notice ul li:first-child {margin-top:0;}
.notice ul li a {display:block; overflow:hidden; position:relative; color:#333; font-size:16px; line-height:1.5; white-space:nowrap; text-overflow:ellipsis;}
.notice ul li span.date {display:block; position:absolute; top:0; right:0; max-width:100px; color:#8e8e8e; font-size:14px; line-height:16px;}
.notice .more a {display:block; position:absolute; top:0; right:0; width:20px; height:20px; background:url('/images/main/ic_more.png') no-repeat center center; font-size:0; transition:transform 0.3s ease-in-out;}
.notice .more a:hover {transform:rotate(90deg);}
.bot_container > div > div.btm_life {text-align: center;}
.btm_life span.icon {display:inline-block; width:66px; height:57px;font-size:0;line-height:0;}
.sprite01 {background: url(/images/main/sprite01.png) no-repeat;}
.sprite02 {background: url(/images/main/sprite02.png) no-repeat;}
.btm_life .tit {margin:10px 0; font-size:22px; font-weight:500; color:#000;}
.btm_life .txt {font-size:16px;line-height: 24px;}

@media (max-width:1650px) {
    .main_business_nav { padding-top: 50.5%;}
}

@media (max-width:1400px) {
    .bot_container > div > div.notice {width:50%;}
	.bot_container > div > div.btm_life {width:25%;}
	.bot_container > div > div.btm_life .br_small {display: block;}
	
}

@media (max-width:1270px) {
    .main_business_nav {padding-top: 610px;}
    .main_business_nav p {padding-left: 10%; padding-right: 10%}
    .main_business_nav p br { display: none;}
    .main_business_nav h3 {/* font-size: 0.7em; */ padding-bottom: 30px;}
    .main_business_nav p{font-size:12px}
    .main_business_item_face {padding-top: 30px;}
    nav.main_bottom_link_nav h3 .br_small { display: block;}
    nav.main_bottom_link_nav p { display: none;}
    .main_bottom_item_inner {/* padding-top: 15%; */}
    nav.main_bottom_link_nav { padding-top: 260px;}
    nav.main_bottom_link_nav li.main_bottom_link_02 h3{padding-top:12px; min-height:90px}    
    .main_business_item_face {padding-top: 30px;}
	.notice h2 {font-size:20px;}
	.notice ul li a {font-size:14px;}
	.btm_life .tit {font-size:20px;}
	.btm_life .txt {font-size:14px; line-height:1.5;}
	
}

@media (max-width:1024px) {
    .main_business_nav p { display: none; }
    .main_business_item_face {padding-top: 60px;}
}

@media (max-width:960px) {
    .bot_container > div > div.notice {width:100%; height:auto; border-bottom:0;}
	
	.bot_container > div > div.btm_life {width:50%; height:auto;}
	.bot_container > div > div:nth-child(2) {border-left:1px solid #ddd;}
	.bot_container > div > div.btm_life .br_small {display: inline-block;}
	
}

@media (max-width:768px) {
    .main_business_item h3{padding-bottom: 5px;}
    nav.main_business_link { margin-bottom: 0; padding-top: 79.5%;}
	.bot_container > div > div.btm_life .br_small {display:block;}

}

@media (max-width:640px) {
    .btm_life .txt {display:none;}
	.bot_container > div > div.btm_life {padding:35px;}
}

@media (max-width:540px) {
    .main_business_item_inner img,
    .main_business_item_inner p,
    .main_business_header p { display: none; }
    .main_business_item { width: 100%; height: 25%; border: none; border-bottom: 1px solid #5c5c5c; }
    span.main_business_more {position: absolute;right: 20px;top: 50%;margin-top: -12px;}
    .main_business_nav h3 {padding-bottom: 0;text-align: left;padding-left: 20px;font-size: 18px;}
    .main_business_item img{ display:none}
    .main_business_item_inner {padding-top: 6.5%; height: 100%;}
    .main_business_more:after, .main_business_item:hover .main_business_more:after{font-size:30px;}
    .main_business_header h2 {padding: 0;font-size: 18px;padding: 9%;}
    .main_business_header {margin: 0;}
    .main_business_item_face {padding-top: 5.9%;}
    .main_business_nav{margin-bottom:0;padding-top: 78.3%;}
    .main_business_item_icon {display: none;}
    .main_business_nav_inner .main_business_item_01 a {border-bottom-width: 0px; border-right-width: 0px;}
    .main_business_nav_inner .main_business_item_02 a {border-bottom-width: 0px;}
    .main_business_nav_inner .main_business_item_03 a {border-right-width: 0px;}
	
	.bot_container {margin-bottom:0;}

}

/* font weight */
.fwb{font-weight:bold !important;}
.fwn{font-weight:normal !important;}

/* letter-spacing */
.ls0{letter-spacing:0 !important;}
.ls1{letter-spacing:-1px !important;}

/* font color */
.fcBlack{color:#232323 !important;}
.fcGrayB{color:#464646 !important;}
.fcGray{color:#777 !important;}
.fcGrayN{color:#999 !important;}
.fcRed{color:#d10000!important;}
.fcOrg{color:#ff7a00 !important;}
.fcBlue{color:#1f5cd1 !important;}
.fcGreen{color:#009900 !important;}
.fcPurple{color:#7800cc !important;}