/*************************************************** *  Base Design ************************************************* */
/**  Fonts  **/
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,300,600);
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700);
/**  Nanum Gothic  **/
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
/**   Language   **/
html:lang(ko) body { font: 16px/1.5 'Nanum Gothic', NanumGothic, 'Open Sans', Arial, sans-serif; }
html:lang(en) body { font: 18px/1.5 'Open Sans', Arial, sans-serif; }

/**  Icon Fonts  **/
@font-face { font-family: 'icomoon'; src: url("../fonts/icomoon.eot?-2jdysi"); src: url("../fonts/icomoon.eot?#iefix-2jdysi") format("embedded-opentype"), url("../fonts/icomoon.woff?-2jdysi") format("woff"), url("../fonts/icomoon.ttf?-2jdysi") format("truetype"), url("../fonts/icomoon.svg?-2jdysi#icomoon") format("svg"); font-weight: normal; font-style: normal; }
[class^="icon-"], [class*=" icon-"] { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.icon-uniF077:before { content: "\f077"; }

.icon-uniF107:before { content: "\f107"; }

/**  Set default  **/
* { margin:0; padding:0; }
html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; overflow-y: scroll; -webkit-font-smoothing: antialiased; }

html, body { margin: 0; color: #555555; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; margin: 0; }

h1, h2, h3, h4, h5, p, span { margin: 0; }

audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }

audio:not([controls]) { display: none; height: 0; }

[hidden], template { display: none; }

/**  Links  **/
a { color: #555555; text-decoration: none; }

a:hover { text-decoration: none; }

a:active, a:focus { color: #555555; background: none; text-decoration: none; }

/**  Text-level semantics  **/
abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

/**  Embedded content  **/
img { border: 0; }

svg:not(:root) { overflow: hidden; }

/**  Grouping content  **/
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }

pre { overflow: auto; }

/**  Forms  **/
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }

button { overflow: visible; background: transparent; border: 0; }

button, select { text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }

button[disabled], html input[disabled] { cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

input { line-height: normal; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

legend { border: 0; padding: 0; }

textarea { overflow: auto; }

optgroup { font-weight: bold; }

/**  Tables  **/
div, ul, li { word-wrap: break-word; word-break: break-all; }

dl, dt, dd, ul, li, ol { list-style: none; }

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

th, td { padding: 0; }

caption { display: none; }

/**  Default custom select styles  **/
div.cs-select { display: inline-block; vertical-align: middle; position: relative; text-align: left; background: #fff; z-index: 99; min-width: 116px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
@media (max-width: 480px) { div.cs-select { min-width: 100px; } }

div.cs-select:focus { outline: none; }

.cs-select select { display: none; }

.cs-select span { display: block; position: relative; cursor: pointer; min-width: 116px; padding: 8px 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: normal; }
@media (max-width: 480px) { .cs-select span { min-width: 100px; } }

/**  Placeholder and selected option  **/
.cs-select > span::after, .cs-select .cs-selected span::after { speak: none; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.cs-select > span::after { right: 5px; }

.cs-select .cs-selected span::after { content: ''; margin-left: 8px; }

.cs-select.cs-active > span::after { -webkit-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); background: #fff; }

/**  Options  **/
.cs-select .cs-options { position: absolute; overflow: hidden; width: 100%; background: #fff; visibility: hidden; }

.cs-select.cs-active .cs-options { visibility: visible; }

.cs-select ul { list-style: none; margin: 0; padding: 0; width: 100%; }

.cs-select ul span { padding: 8px; }

.cs-select ul li.cs-focus span { background-color: #ddd; }

/**  Optgroup and optgroup label  **/
.cs-select li.cs-optgroup ul { padding-left: 8px; }

.cs-select li.cs-optgroup > span { cursor: default; }

div.cs-skin-border { background: transparent; font-size: 12px; color: #fff; }

@media screen and (max-width: 30em) { div.cs-skin-border { font-size: 12px; } }
.cs-skin-border > span { background: #555; }

.cs-skin-border > span::after { font-family: 'icomoon'; content: '\f107'; background: #25282b; color: #00a1e9; font-size: 16px; padding: 0 8px; }

.cs-skin-border ul span::after { content: ''; opacity: 0; }

.cs-skin-border .cs-selected span::after { content: ''; color: #ddd9c9; font-size: 12px; opacity: 1; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; }

.cs-skin-border.cs-active > span { background: #fff; border-color: #fff; color: #2980b9; }

.cs-skin-border .cs-options { color: #2980b9; font-size: 12px; opacity: 0; -webkit-transition: opacity 0.2s, visibility 0s 0.2s; transition: opacity 0.2s, visibility 0s 0.2s; }

.cs-skin-border.cs-active .cs-options { opacity: 1; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; }

.cs-skin-border ul span { padding: 8px 14px; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.cs-skin-border .cs-options li span:hover, .cs-skin-border li.cs-focus span { background: #00aeef; color: #fff; }

/*************************************************** *  Mixin Design ************************************************* */
a.top, a.top-white { width: 98.95833%; float: right; margin-left: 0; margin-right: 0.52083%; clear: none; font-size: 30px; text-align: right; letter-spacing: -0.05em; color: #aaa; }
a.top:hover, a.top-white:hover { color: #00aeef; }

a.top-white { color: #fff; }
a.top-white:hover { color: #333; }

/*************************************************** *  Desktop layout ************************************************* */
body { width: 100%; height: 100%; height: 100vh; background: url(../images/common/bg-common.png); }

.blind { position: relative; display: block; overflow: hidden; font-size: 0; text-align: center; width: 1px; height: 1px; line-height: 0; margin: 0 -1px -1px 0; z-index: 100; }
.blind:focus, .blind:active, .blind:hover { background: #00a1e9; color: white; font-size: 12px; font-weight: bold; margin: 0; width: 100%; height: 30px; line-height: 30px; margin: 0; }

#header-wrap .header, #content-wrap .content, #footer-wrap .footer { max-width: 998px; margin-left: auto; margin-right: auto; }

#header-wrap { padding: 0 20px; border-top: 3px solid #00a1e9; min-height: 83px; }

#header-wrap .header .logo { width: 15.625%; float: left; margin-right: -100%; margin-left: 0.52083%; clear: none; }
#header-wrap .header .logo > a { display: inline-block; height: 82px; vertical-align: middle; }
#header-wrap .header .logo > a > img { width: 78px; height: auto; margin-top: 24px; }

#header-wrap .header .btn-menu { display: none; float: right; margin-top: 20px; }
#header-wrap .header nav { width: 48.95833%; float: right; margin-right: 0; margin-left: 0; clear: none; }
#header-wrap .header nav .menu { text-align: center; margin: 0; padding: 0; }
#header-wrap .header nav .menu > li { display: inline-block; }
#header-wrap .header nav .menu > li > a { display: block; font-size: 18px; color: #cdcdcd; min-width: 100px; padding: 28px 20px; }
#header-wrap .header nav .menu > li > a:focus, #header-wrap .header nav .menu > li > a:active, #header-wrap .header nav .menu > li > a:hover { color: #00aeef; }

@media (max-width: 930px) { #header-wrap .header nav { width: 82.29167%; float: right; margin-left: 0; margin-right: 0.52083%; clear: none; }
  #header-wrap .header nav .menu { text-align: right; } }

@media (max-width: 640px) { #header-wrap .header .btn-menu { display: block; }
  #header-wrap .header nav { width: 98.95833%; float: right; margin-left: 0; margin-right: 0.52083%; clear: none; }
  #header-wrap .header nav .menu { display: none; position: absolute; top: 86px; left: 0; width: 100%; margin: 0;z-index:1; }
  #header-wrap .header nav .menu > li { display: block; background: #fff; border-bottom: 1px dotted #ddd; }
  #header-wrap .header nav .menu > li:last-child { border-bottom: 1px solid #ddd; }
  #header-wrap .header nav .menu > li > a { text-align: left; padding: 10px 20px; color: #888; } }

@media (max-width: 480px) { #header-wrap .header nav { width: 98.95833%; float: right; margin-left: 0; margin-right: 0.52083%; clear: none; }
  #header-wrap .header nav .menu { clear: both; display: none; } }

.search-set { width: 49%; float: none; margin-left: 0; margin-right: 0; clear: none; text-align: left; margin: 10px 0; }
.search-set .cs-select { width: 100%; margin-right: 2%; }
.search-set .cs-select:last-child,  .search-set .cs-select.last { margin-right: 0; }
.search-set .cs-select .cs-placeholder:focus, .search-set .cs-select .cs-placeholder:active,
.search-set .cs-select .cs-placeholder:hover { outline: 1px solid #00a1e9; }
.search-set .cs-select:first-child {display:none;}

@media (max-width: 930px) {
.search-set { width: 49%; float: none; margin-left: 0; margin-right: 0; clear: none; clear: both; margin: 0; text-align: right; margin: 10px 0; }
}
@media (max-width: 760px) {
.search-set { width: 49%; float: none; margin-left: 0; margin-right: 0; clear: none; clear: both; text-align: right; }
}
@media (max-width: 640px) {
 .search-set { width: 49%; float: none; margin-left: 0; margin-right: 0; clear: none; clear: both; text-align: right; }
.search-set .cs-select { width: 100%; margin-right: 0; margin-top:10px; margin-bottom:10px; }
}
@media (max-width: 480px) {
 .search-set { width: 98.95833%; float: none; margin-left: 0; margin-right: 0.52083%; clear: none; clear: both; }
}

#content-wrap { background: url(../images/common/bg-content.png); }
#content-wrap .content { max-width: 998px; padding: 30px 20px; overflow: hidden; clear: both; }

#footer-wrap { border-top: 1px solid #212427; padding: 45px 20px 50px; color: #cdcdcd; letter-spacing: -0.03em; overflow: hidden; }
@media (max-width: 480px) { #footer-wrap { padding-top: 30px; padding-bottom: 40px; } }
@media (max-width: 380px) { #footer-wrap { padding-top: 30px; padding-bottom: 40px; } }

#footer-wrap .footer { font-size: 12px; }
#footer-wrap .footer:after { content:""; display:block; clear:both; }
#footer-wrap .footer .sitemap { width: 48.95833%; float: right; margin-left: 0; margin-right: 0.52083%; clear: none; }
#footer-wrap .footer .sitemap > ul { float: left; margin: 0; margin-right: 22%; padding: 0; }
#footer-wrap .footer .sitemap > ul:last-child, #footer-wrap .footer .sitemap > ul.last { margin-right: 0; }
#footer-wrap .footer .sitemap > ul > h4 { margin: 0; }
#footer-wrap .footer .sitemap > ul > h4 a { color: #00aeef; font-weight: bold; }
#footer-wrap .footer .sitemap > ul > li { line-height: 1.7em; }
#footer-wrap .footer .sitemap > ul > li > a { color: #cdcdcd; }
#footer-wrap .footer .sitemap > ul > li > a:focus, #footer-wrap .footer .sitemap > ul > li > a:active, #footer-wrap .footer .sitemap > ul > li > a:hover { color: #fff; }

#footer-wrap .footer .copyright { width: 48.95833%; float: left; margin-right: -100%; margin-left: 0.52083%; clear: none; float: left; line-height: 1.7em; }
#footer-wrap .footer .copyright img { width: 138px; height: auto; }
#footer-wrap .footer .copyright address { font-style: normal; }

@media (max-width: 930px) { #footer-wrap .footer .sitemap { width: 48.95833%; float: right; margin-left: 0; margin-right: 0.52083%; clear: none; }
  #footer-wrap .footer .sitemap > ul { margin-right: 16%; }
  #footer-wrap .footer .copyright { width: 48.95833%; float: left; margin-right: -100%; margin-left: 0.52083%; clear: none; } }

@media (max-width: 760px) { #footer-wrap .footer .sitemap { width: 98.95833%; float: right; margin-left: 0; margin-right: 0.52083%; clear: none; padding-bottom: 20px; }
  #footer-wrap .footer .sitemap > ul { margin: 0; margin-right: 23%; }
  #footer-wrap .footer .sitemap > ul:last-child, #footer-wrap .footer .sitemap > ul.last { margin-right: 0; }
  #footer-wrap .footer .sitemap > ul > li { letter-spacing: -0.03em; }
  #footer-wrap .footer .copyright { width: 98.95833%; float: right; margin-left: 0; margin-right: 0.52083%; clear: none; padding-top: 20px; border-top: 1px solid  #808080; } }

@media (max-width: 640px) { #footer-wrap .footer .sitemap { width: 98.95833%; float: right; margin-left: 0; margin-right: 0.52083%; clear: none; }
  #footer-wrap .footer .sitemap > ul { margin-right: 20%; }
  #footer-wrap .footer .copyright { width: 98.95833%; float: right; margin-left: 0; margin-right: 0.52083%; clear: none; } }

@media (max-width: 480px) { #footer-wrap .footer .sitemap { width: 98.95833%; float: right; margin-left: 0; margin-right: 0.52083%; clear: none; }
  #footer-wrap .footer .sitemap > ul { margin-right: 10%; }
  #footer-wrap .footer .copyright { width: 98.95833%; float: right; margin-left: 0; margin-right: 0.52083%; clear: none; } }

@media (max-width: 380px) { #footer-wrap .footer .sitemap { width: 98.95833%; float: right; margin-left: 0; margin-right: 0.52083%; clear: none; }
  #footer-wrap .footer .sitemap > ul { margin-right: 8%; }
  #footer-wrap .footer .sitemap > ul:last-child, #footer-wrap .footer .sitemap > ul.last { margin-right: 0; }
  #footer-wrap .footer .copyright { width: 98.95833%; float: right; margin-left: 0; margin-right: 0.52083%; clear: none; } }

.main { padding: 100px 20px; overflow: hidden; clear: both; }
@media (max-width: 930px) { .main { padding-top: 80px; padding-bottom: 80px; } }
@media (max-width: 760px) { .main { padding-top: 60px; padding-bottom: 60px; } }
@media (max-width: 480px) { .main { padding-top: 30px; padding-bottom: 30px; } }
.main > article:nth-child(1), .main > article:nth-child(2), .main > article:nth-child(4) { height: 332px; overflow: hidden; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25); margin-bottom: 10px; }
@media (max-width: 480px) {
  .main > article:nth-child(1), .main > article:nth-child(2), .main > article:nth-child(4) { width: 98.95833%; float: right; margin-left: 0; margin-right: 0.52083%; clear: none; }
}
.main > article > div { width: 100%; height: 100%; }
.main > article > div > a { display: block; width: 100%; height: 100%; }
.main > article > div > img, .main > article > div > a img { width: 100%; height: 100%; }
.main > article:nth-child(3) > div, .main > article:nth-child(5) > div, .main > article:nth-child(6) > div { height: 161px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25); margin-bottom: 10px; }
.main > article:nth-child(3) > div:last-child, .main > article:nth-child(5) > div:last-child, .main > article:nth-child(6) > div:last-child { margin-bottom: 0; }

@media (max-width: 480px) {
  .main > article:nth-child(3) > div, .main > article:nth-child(5) > div, .main > article:nth-child(6) > div { width: 98.95833%; float: right; margin-left: 0; margin-right: 0.52083%; clear: none; }
  .main > article:nth-child(3) > div:last-child, .main > article:nth-child(5) > div:last-child, .main > article:nth-child(6) > div:last-child { margin-bottom: 10px; }
  .main > article:nth-child(3) > div{ height: 220px; }
}
@media (max-width: 480px) {
  .main > article:nth-child(3), .main > article:nth-child(5), .main > article:nth-child(6) { width: 98.95833%; float: right; margin-left: 0; margin-right: 0.52083%; clear: none; }
}
.main .imu-box1 { width: 48.95833%; float: left; margin-right: -100%; margin-left: 0.52083%; clear: none; }
@media (max-width: 780px) {
 .main .imu-box1 { width: 65.625%; float: left; margin-right: -100%; margin-left: 0.52083%; clear: none; }
}

@media (max-width: 360px) {
  .main > article:nth-child(3) > div { height: 180px; }
  }

.main .imu-box1 .main_bn_slide { position: relative; }
.main .imu-box1 #main_bn { width: 100%; height: 100%; margin: 0; }
.main .imu-box1 #main_bn li { float: left; }
.main .imu-box1 #main_bn li .txt01 { position: absolute; top: 15px; left: 20px; height:20px; width:196px; }
.main .imu-box1 #main_bn li .txt02 { position: absolute; top: 30%; right: 30px; height:65px; width:280px; }
.main .imu-box1 #main_bn li .txt03 { height:77px; width:360px; }
.main .imu-box1 #main_bn li:nth-child(1) { background: url(../images/main/main3.png) top center no-repeat; height: 100%; }
.main .imu-box1 #main_bn li:nth-child(2) { background: url(../images/main/main1.png) top center no-repeat; height: 100%; }
.main .imu-box1 #main_bn li:nth-child(3) { background: url(../images/main/main2.png) top center no-repeat; height: 100%; }
.main .imu-box1 #main_bn_bt { list-style-type: none; position: absolute; bottom: 6px; right: 10px; margin: 0; padding: 0; }
.main .imu-box1 #main_bn_bt li { display: inline-block; width: 12px; height: 12px; margin: 0 2px; text-indent: -999px; border-radius: 10px; background: transparent; cursor: pointer; overflow: hidden; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.8); }
.main .imu-box1 #main_bn_bt li:hover, .main .imu-box1 #main_bn_bt li.active { background: #fff; }


@media (max-width: 420px) {
  .main .imu-box1 #main_bn li .txt01 { position: absolute; top: 15px; left: 20px; height:15px; width:150px; }
  .main .imu-box1 #main_bn li .txt02 { position: absolute; top: 30%; right: 30px; height:46px; width:200px; }
  .main .imu-box1 #main_bn li .txt03 { height:47px; width:220px; }
}


.main .imu-box2 { width: 23.95833%; float: left; margin-right: -100%; margin-left: 50.52083%; clear: none; background:#e1462c; color:#fff; }
.main .imu-box2 div { width:85%; margin:0 auto; padding:15px 0; }
.main .imu-box2 div h2 { font-size:18px; font-weight:normal; margin-bottom:40px; }
.main .imu-box2 div p { text-align:center; margin-bottom:50px; }
.main .imu-box2 div dl { font-size:12px; }
.main .imu-box2 div dl dt { border-bottom:solid 1px #f0a396; font-size:14px; font-weight:bold; padding-bottom:5px; }
.main .imu-box2 div dl dt span { text-align:right;  color:#ffffff;}
.main .imu-box2 div dl dd { padding-top:5px; }

@media (max-width: 780px) {
  .main .imu-box2 { width: 32.29167%; float: right; margin-left: 0; margin-right: 0.52083%; clear: none; }
  .main .imu-box2 div { padding:30px 0; }
  .main .imu-box2 div h2 { margin-bottom:30px; }
  .main .imu-box2 div p { margin-bottom:40px; }
}

@media (max-width: 640px) and (min-width: 480px) {
  .main .imu-box2 div h2 { margin-bottom:25px; }
  .main .imu-box2 div p { margin-bottom:30px; }
}

.main .imu-box3 { width: 23.95833%; float: right; margin-left: 0; margin-right: 0.52083%; clear: none; }
.main .imu-box3 .p2c100 { background:url(../images/main/p2c100.png) no-repeat; background-size:242px; }
.main .imu-box3 .p2c100 dl { padding:10px; text-align:left; }
.main .imu-box3 .p2cT5 { background:url(../images/main/p2ct7.png) no-repeat; background-size:242px; }
.main .imu-box3 .p2cT5 dl { padding:10px; text-align:right; }
.main .imu-box3 dt { font-size:13px; font-weight:bold; font-family: verdana;}
.main .imu-box3 dt span { color:#ee2723; }
.main .imu-box3 dd { font-size:12px; }

@media (max-width: 780px) {
  .main .imu-box3 { width: 98.95833%; float: right; margin-left: 0; margin-right: 0.52083%; clear: none; clear: both; }
  .main .imu-box3 div:nth-child(1) { width: 48.95833%; float: left; margin-right: -100%; margin-left: 0.52083%; clear: none; }
  .main .imu-box3 .p2c100, .main .imu-box3 .p2cT5  { background-size:100%;}
 }

@media (max-width: 780px) and (max-width: 480px) {
  .main .imu-box3 div:nth-child(1) { width: 98.95833%; float: right; margin-left: 0; margin-right: 0.52083%; clear: none; }
}
@media (max-width: 780px) {
  .main .imu-box3 div:nth-child(2) { width: 48.95833%; float: right; margin-left: 0; margin-right: 0.52083%; clear: none; }
  }
@media (max-width: 780px) and (max-width: 480px) {
  .main .imu-box3 div:nth-child(2) { width: 98.95833%; float: right; margin-left: 0; margin-right: 0.52083%; clear: none; }
}

.main .imu-box4 { width: 23.95833%; float: left; margin-right: -100%; margin-left: 0.52083%; clear: none; clear: both; margin-bottom: 0; background:#2c60c0; color:#fff; }
.main .imu-box4 div { width:85%; margin:0 auto; padding:15px 0; }
.main .imu-box4 div h2 { font-size:18px; font-weight:normal; margin-bottom:27px;}
.main .imu-box4 div p { text-align:center; margin-bottom:30px; }
.main .imu-box4 div dl { font-size:12px; }
.main .imu-box4 div dl dt { border-bottom:solid 1px #96b0e0; font-size:14px; font-weight:bold; padding-bottom:5px; }
.main .imu-box4 div dl dd { padding-top:5px; }

@media (max-width: 780px) {
  .main .imu-box4 { width: 32.29167%; float: left; margin-right: -100%; margin-left: 0.52083%; clear: none; clear: both; }
  .main .imu-box4 div { padding:30px 0; }
  .main .imu-box4 div h2 { margin-bottom:20px;}
  .main .imu-box4 div p { margin-bottom:25px; }
}

@media (max-width: 640px) and (min-width: 480px)  {
  .main .imu-box4 div { padding:10px 0; }
  .main .imu-box4 div h2 { margin-bottom:18px;}
  .main .imu-box4 div p { margin-bottom:18px; }
}

.main .imu-box5 { width: 23.95833%; float: left; margin-right: -100%; margin-left: 25.52083%; clear: none; background:#fff;}
.main .imu-box5 dl { padding:15px; }
.main .imu-box5 dt { font-size:14px; font-weight: bold; }
.main .imu-box5 dt span { color:#2B60C0; }
.main .imu-box5 dd { font-size:12px; }
.main .imu-box5 ul { padding:5px 10px 0; overflow:hidden;}
.main .imu-box5 ul li { float:left; width:33%; font:bold 11px verdana; text-align:center; }
.main .imu-box5 div:last-child { background:url(../images/main/asp_cloud.png) no-repeat 15px 65%; }
.main .imu-box5 .asp dd { margin-top:10px;  padding-left:44%; }
.main .imu-box5 .asp dd .inblock { display:inline; }

@media (max-width: 780px) {
  .main .imu-box5 { width: 32.29167%; float: left; margin-right: -100%; margin-left: 33.85417%; clear: none; }
  .main .imu-box5 ul { padding:0 10px 0; overflow:hidden;}
}

@media (max-width: 670px) and (min-width: 480px) {
  .main .imu-box5 .asp dd .inblock { display:none; }
  .main .imu-box5 ul li { font-size:10px;  letter-spacing: -1px; }
  .main .imu-box5 .asp dd { padding-left:50%; }
  .main .imu-box5 div:last-child { background-size:70px; }
}

@media (max-width: 479px) and (min-width: 360px) {
  .main .imu-box5 dl { padding:10px; }
  .main .imu-box5 .asp dd { margin-top:10px; padding:10px 10px 10px 40%; }
}

.main .imu-box6 { width: 23.95833%; float: left; margin-right: -100%; margin-left: 50.52083%; clear: none; }
.main .imu-box6 div:first-child { background: #3F3F3F; text-align:center;}
.main .imu-box6 div:first-child h2 { color:#fff;font-size:18px; font-weight:normal; padding:10px 15px; text-align:left;}
.main .imu-box6 div:first-child img { width:80%; height:auto; }

.main .imu-box6 div:last-child { background:#89C702 url(../images/main/recruit.png) no-repeat 95% 85%; background-size:70px; color:#fff;  }
.main .imu-box6 div:last-child dl { padding:15px 55px 15px 15px;}
.main .imu-box6 div:last-child dt { font-size:16px; font-weight: bold; }
.main .imu-box6 div:last-child dd { font-size:12px; padding-top:5px; }
.main .imu-box6 div:last-child dd .inblock { display:block; }


@media (max-width: 780px) {
  .main .imu-box6 { width: 32.29167%; float: right; margin-left: 0; margin-right: 0.52083%; clear: none; }
  .main .imu-box6 div:first-child img { width:50%; height:auto; }
  .main .imu-box6 div:first-child h2 { padding:10px 15px 20px;}
  .main .imu-box6 div:last-child dl { padding:20px 10px 25px 10px;}
}

@media (max-width: 640px) and (min-width: 480px) {
  .main .imu-box6 div:last-child dl { padding:15px 15px 15px 15px;}
  .main .imu-box6 div:first-child h2 { padding:15px 15px;}
  .main .imu-box6 div:first-child img { width:80%; height:auto; }
}

@media (max-width: 480px) {
    .main .imu-box6 div:last-child dl { padding:25px 100px 25px 15px;}
}


.main .imu-box7 { width: 23.95833%; float: right; margin-left: 0; margin-right: 0.52083%; clear: none; }
.main .imu-box7 > div { height: 104px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25); margin-bottom: 10px; }
.main .imu-box7 div dl { color:#fff; }
.main .imu-box7 div dt { font-size:16px; font-weight: bold; }
.main .imu-box7 div dd { font-size:13px; padding-top:5px; }

.main .imu-box7 div:first-child { background:#F3A703 url(../images/main/history.png) no-repeat 93% 65%; background-size:70px; }
.main .imu-box7 div:first-child dl {font-size:12px; padding:15px 80px 15px 15px; }

.main .imu-box7 div:nth-child(2) { position:relative; }
.main .imu-box7 div:nth-child(2) dl { color:#757575; position:absolute; top:0; left:0; padding:10px 100px 0 15px; }
.main .imu-box7 div:nth-child(2) dt { font-size:18px; }

.main .imu-box7 > div:last-child { background:#9435D7 url(../images/main/map.png) no-repeat 90% center; ; margin-bottom: 0; }
.main .imu-box7 > div:last-child dl { padding:15px 100px 15px 15px; }

@media (max-width: 780px) and (min-width: 761px) {

}

@media (max-width: 780px) {
  .main .imu-box7 { width: 98.95833%; float: right; margin-left: 0; margin-right: 0.52083%; clear: none; clear: both; }
  .main .imu-box7 div:first-child dl { padding:10px 85px 10px 15px; }
  .main .imu-box7 div:nth-child(1) { width: 32.29167%; float: left; margin-right: -100%; margin-left: 0.52083%; clear: none; }
  .main .imu-box7 div:first-child dl { padding:10px 70px 10px 10px; }
  .main .imu-box7 > div:last-child dl { padding:15px 10px 15px 10px; }
}

@media (max-width: 640px) and (min-width: 480px) {
  .main .imu-box7 div:first-child dl { padding:10px 70px 10px 10px; }
  .main .imu-box7 > div:last-child dl { padding:15px 10px 15px 10px; }
  }

@media (max-width: 480px) {
  .main .imu-box7 div:nth-child(2) { height:140px; }
  .main .imu-box7 div:first-child dl { padding:15px 100px 15px 15px; }
}

@media (max-width: 780px) and (max-width: 480px) { .main .imu-box7 div:nth-child(1) { width: 98.95833%; float: right; margin-left: 0; margin-right: 0.52083%; clear: none; } }
@media (max-width: 780px) { .main .imu-box7 div:nth-child(2) { width: 32.29167%; float: left; margin-right: -100%; margin-left: 33.85417%; clear: none; } }
@media (max-width: 780px) and (max-width: 480px) { .main .imu-box7 div:nth-child(2) { width: 98.95833%; float: right; margin-left: 0; margin-right: 0.52083%; clear: none; } }
@media (max-width: 780px) { .main .imu-box7 div:nth-child(3) { width: 32.29167%; float: right; margin-left: 0; margin-right: 0.52083%; clear: none; } }
@media (max-width: 780px) and (max-width: 480px) { .main .imu-box7 div:nth-child(3) { width: 98.95833%; float: right; margin-left: 0; margin-right: 0.52083%; clear: none; } }

/*@media (max-width: 480px) {
  .main .imu-box7 div:nth-child(2) { height:158px; }
}

@media (max-width: 360px) {
  .main .imu-box7 div:nth-child(2) { height:115px; }
}*/

.content .company-menu, .content .job-menu, .content .brand-menu { width: 100%; }
.content .company-menu ul, .content .job-menu ul, .content .brand-menu ul { margin: 0; padding: 0; }
.content .company-menu ul li:nth-child(1), .content .job-menu ul li:nth-child(1), .content .brand-menu ul li:nth-child(1) { width: 24.66667%; float: left; margin-right: -100%; margin-left: 0.16667%; clear: none; }
.content .company-menu ul li:nth-child(2), .content .job-menu ul li:nth-child(2), .content .brand-menu ul li:nth-child(2) { width: 24.66667%; float: left; margin-right: -100%; margin-left: 25.16667%; clear: none; }
.content .company-menu ul li:nth-child(3), .content .job-menu ul li:nth-child(3), .content .brand-menu ul li:nth-child(3) { width: 24.66667%; float: left; margin-right: -100%; margin-left: 50.16667%; clear: none; }
.content .company-menu ul li:nth-child(4), .content .job-menu ul li:nth-child(4), .content .brand-menu ul li:nth-child(4) { width: 24.66667%; float: right; margin-left: 0; margin-right: 0.16667%; clear: none; }
.content .company-menu ul li a, .content .job-menu ul li a, .content .brand-menu ul li a { display: block; height: 50px; line-height: 50px; background: #00a1e9; color: #fff; text-align: center; }
.content .company-menu ul li a:focus, .content .job-menu ul li a:focus, .content .brand-menu ul li a:focus, .content .company-menu ul li a:active, .content .job-menu ul li a:active, .content .brand-menu ul li a:active, .content .company-menu ul li a:hover, .content .job-menu ul li a:hover, .content .brand-menu ul li a:hover { background: #0069a6; }

.content .job-menu ul li:nth-child(1) { width: 49.66667%; float: left; margin-right: -100%; margin-left: 0.16667%; clear: none; }
.content .job-menu ul li:nth-child(2) { width: 49.66667%; float: right; margin-left: 0; margin-right: 0.16667%; clear: none; }

.content .brand-menu ul li:nth-child(1) { width: 33%; float: left; margin-right: -100%; margin-left: 0.16667%; clear: none; }
.content .brand-menu ul li:nth-child(2) { width: 33%; float: left; margin-right: -100%; margin-left: 33.5%; clear: none; }
.content .brand-menu ul li:nth-child(3) { width: 33%; float: right; margin-left: 0; margin-right: 0.16667%; clear: none; }

@media (max-width: 480px) { .content .company-menu ul li, .content .job-menu ul li, .content .brand-menu ul li { font-size: 14px; } }
@media (max-width: 380px) { .content .company-menu ul li, .content .job-menu ul li, .content .brand-menu ul li { font-size: 12px; } }

.content .copy-box, .content .brand-box { clear: both; overflow: hidden; background: #fff; padding: 50px 30px 20px 30px; margin-top: 10px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15); }
@media (max-width: 480px) { .content .copy-box, .content .brand-box { padding: 30px 20px; } }
@media (max-width: 380px) { .content .copy-box, .content .brand-box { padding: 30px 20px; } }
.content .copy-box:nth-child(2), .content .brand-box:nth-child(2) { margin-top: 60px; }
.content .copy-box:nth-child(2) a, .content .brand-box:nth-child(2) a { clear: both; }
.content .copy-box.purple, .content .copy-box.yollow, .content .yollow.brand-box, .content .copy-box.green, .content .green.brand-box, .content .purple.brand-box { background: #9435d7; color: #fff; }
.content .copy-box.yollow, .content .yollow.brand-box { background: #f3a703; }
.content .copy-box.green, .content .green.brand-box { background: #89c702; }

/* Company Style */
.copy-box > header, .brand-box > header { margin-bottom: 50px; }
.copy-box > header h2, .brand-box > header h2 { background: url(../images/svg/tit-icon.svg) no-repeat; background-size: 20px 20px; background-position: 0 9px; padding-left: 40px; margin-bottom: 50px; }
.copy-box > header h2.white, .brand-box > header h2.white { background: url(../images/svg/tit-icon-white.svg) no-repeat; background-size: 20px 20px; background-position: 0 9px; }
@media (max-width: 480px) { .copy-box > header h2, .brand-box > header h2 { margin-bottom: 30px; } }

.copy-box > header .img-box, .brand-box > header .img-box { background: url(../images/company/about_img02.png) no-repeat 125% -5%, url(../images/company/about_img01.png) no-repeat 60% -1400%, url(../images/company/about_bg_img.png) no-repeat 100% 100%; height: 250px; }
.copy-box > header .img-box p, .brand-box > header .img-box p { padding-left: 30px; }
.copy-box > header .img-box p:nth-child(1), .brand-box > header .img-box p:nth-child(1) { font-size: 24px; color: #043151; letter-spacing: -0.05em; padding-top: 30px; }
.copy-box > header .img-box p:nth-child(2), .brand-box > header .img-box p:nth-child(2) { font-size: 60px; font-weight: bold; margin-top: -5px; color: #043151; }
.copy-box > header .img-box p:nth-child(3), .brand-box > header .img-box p:nth-child(3) { font-size: 18px; color: #0281dc; line-height: 1.7em; letter-spacing: -0.05em; text-shadow: 1px 1px 1px white; }

@media (max-width: 930px) { .copy-box > header .img-box, .brand-box > header .img-box { background: url(../images/company/about_img02.png) no-repeat 145% -10%, url(../images/company/about_img01.png) no-repeat 50% -25%, url(../images/company/about_bg_img.png) no-repeat 100% 100%; background-size: auto, 25% auto, auto; }
  .copy-box > header .img-box p, .brand-box > header .img-box p { padding: 0 20px; }
  .copy-box > header .img-box p:nth-child(2), .brand-box > header .img-box p:nth-child(2) { font-size: 50px; }
  .copy-box > header .img-box p:nth-child(3), .brand-box > header .img-box p:nth-child(3) { width: 300px; font-size: 16px; } }

@media (max-width: 760px) { .copy-box > header .img-box, .brand-box > header .img-box { background: url(../images/company/about_img02.png) no-repeat 180% 25px, url(../images/company/about_img01.png) no-repeat 50% 0%, url(../images/company/about_bg_img.png) no-repeat; background-size: 80% auto, 25% auto, auto 100%; }
  .copy-box > header .img-box p:nth-child(1), .brand-box > header .img-box p:nth-child(1) { font-size: 24px; }
  .copy-box > header .img-box p:nth-child(2), .brand-box > header .img-box p:nth-child(2) { font-size: 50px; }
  .copy-box > header .img-box p:nth-child(3), .brand-box > header .img-box p:nth-child(3) { width: 290px; font-size: 15px; } }

@media (max-width: 640px) { .copy-box > header .img-box, .brand-box > header .img-box { background: url(../images/company/about_img02.png) no-repeat 300% -20%, url(../images/company/about_img01.png) no-repeat 55% 30%, url(../images/company/about_bg_img.png) no-repeat; background-size: 90% auto, 30% auto, auto 100%; }
  .copy-box > header .img-box p:nth-child(1), .brand-box > header .img-box p:nth-child(1) { font-size: 24px; }
  .copy-box > header .img-box p:nth-child(2), .brand-box > header .img-box p:nth-child(2) { font-size: 50px; }
  .copy-box > header .img-box p:nth-child(3), .brand-box > header .img-box p:nth-child(3) { width: 235px; font-size: 15px; } }

@media (max-width: 480px) { .copy-box > header .img-box, .brand-box > header .img-box { background: url(../images/company/about_img02.png) no-repeat 285% -105%, url(../images/company/about_img01.png) no-repeat 74% 0%, url(../images/company/about_bg_img.png) no-repeat; background-size: 90% auto, 30% auto, auto 100%; }
  .copy-box > header .img-box p:nth-child(1), .brand-box > header .img-box p:nth-child(1) { font-size: 18px; }
  .copy-box > header .img-box p:nth-child(2), .brand-box > header .img-box p:nth-child(2) { font-size: 33px; }
  .copy-box > header .img-box p:nth-child(3), .brand-box > header .img-box p:nth-child(3) { width: 215px; font-size: 14px; } }

@media (max-width: 380px) { .copy-box > header .img-box, .brand-box > header .img-box { background: url(../images/company/about_img02.png) no-repeat 10% 120px, url(../images/company/about_img01.png) no-repeat 90% -5%, url(../images/company/about_bg_img.png) no-repeat; background-size: 300px auto, 50% auto, auto 100%; }
  .copy-box > header .img-box p:nth-child(1), .brand-box > header .img-box p:nth-child(1) { font-size: 15px; }
  .copy-box > header .img-box p:nth-child(2), .brand-box > header .img-box p:nth-child(2) { font-size: 26px; }
  .copy-box > header .img-box p:nth-child(3), .brand-box > header .img-box p:nth-child(3) { width: 130px; font-size: 12px; } }

.copy-box > div, .brand-box > div { line-height: 1.8em; }
.copy-box > div h3, .brand-box > div h3 { font-size: 30px; font-weight: normal; color: #333; padding-bottom: 30px; }
.copy-box > div h3 b, .brand-box > div h3 b { font-weight: bold; }
.copy-box > div h3 .logo, .brand-box > div h3 .logo { width: auto; height: 43px; vertical-align: middle; margin-top: -10px; margin-right: 20px; }

@media (max-width: 480px) { .copy-box > div h3, .brand-box > div h3 { font-size: 150%; }
  .copy-box > div h3 .logo, .brand-box > div h3 .logo { height: 30px; margin-right: 10px; } }

@media (max-width: 380px) { .copy-box > div h3, .brand-box > div h3 { font-size: 120%; }
  .copy-box > div h3 .logo, .brand-box > div h3 .logo { height: 26px; margin-right: 10px; } }

.brand-box > div:nth-child(1) { width: 40.625%; float: left; margin-right: -100%; margin-left: 0.52083%; clear: none; }
.brand-box > div:nth-child(2) { width: 57.29167%; float: right; margin-left: 0; margin-right: 0.52083%; clear: none; }
.brand-box .top { clear: both; }
.brand-box > div:nth-child(1) h2 { background: url(../images/svg/tit-icon.svg) no-repeat; background-size: 20px 20px; background-position: 0 7px; padding-left: 40px; margin-bottom: 50px; }
.brand-box > div:nth-child(2) { margin-top: 80px; }
.brand-box > div:nth-child(2) p.title { margin-bottom: 10px; }
.brand-box > div:nth-child(2) p.title img { vertical-align: text-bottom; }
.brand-box > div:nth-child(2) p > a { margin-left: 15px; color: #00a1e9; }
.brand-box > div:nth-child(2) > ul { padding: 0; }
.brand-box > div:nth-child(2) > ul > li { float: left; margin-right: 10px; }
.brand-box > div:nth-child(2) > ul > li img { vertical-align: bottom; }
.brand-box > div:nth-child(2) .db_list > ul { padding: 20px 0 0 0; }
.brand-box > div:nth-child(2) .db_list > ul li { float: none; padding-left: 20px; background: url(../images/svg/brand-icon.svg) 0 8px no-repeat; background-size: 10px 10px; }
.brand-box > div:nth-child(2) .db_list > ul:nth-child(1) { width: 48.95833%; float: left; margin-right: -100%; margin-left: 0.52083%; clear: none; }
.brand-box > div:nth-child(2) .db_list > ul:nth-child(2) { width: 48.95833%; float: right; margin-left: 0; margin-right: 0.52083%; clear: none; }

@media (max-width: 930px) { .brand-box > div:nth-child(1) { width: 98.95833%; float: right; margin-left: 0; margin-right: 0.52083%; clear: none; }
  .brand-box > div:nth-child(2) { width: 98.95833%; float: right; margin-left: 0; margin-right: 0.52083%; clear: none; }
  .brand-box > div:nth-child(2) { margin-top: 30px; } }

@media (max-width: 480px) { .brand-box > div:nth-child(1) img { width: 100%; height: auto; }
  .brand-box > div:nth-child(2) { margin-top: 30px; }
  .brand-box > div:nth-child(2) .title > a { display: block; margin-left: 0; }
  .brand-box > div:nth-child(2) .db_list { margin-top: 30px; }
  .brand-box > div:nth-child(2) .db_list > ul { margin: 0; padding: 0; }
  .brand-box > div:nth-child(2) .db_list > ul:nth-child(1) { width: 98.95833%; float: right; margin-left: 0; margin-right: 0.52083%; clear: none; }
  .brand-box > div:nth-child(2) .db_list > ul:nth-child(2) { width: 98.95833%; float: right; margin-left: 0; margin-right: 0.52083%; clear: none; } }

@media (max-width: 380px) { .brand-box > div:nth-child(2) ul li:last-child { margin-top: 10px; } }

#imu-history > header, #imu-job-info > header, #imu-map > header { overflow: hidden; }
#imu-history > header p:nth-of-type(1), #imu-job-info > header p:nth-of-type(1), #imu-map > header p:nth-of-type(1) { width: 15.625%; float: left; margin-right: -100%; margin-left: 0.52083%; clear: none; padding: 12px 0 15px 0; margin: 0; text-align: center; clear: both; }
#imu-history > header p:nth-of-type(1) .icon, #imu-job-info > header p:nth-of-type(1) .icon, #imu-map > header p:nth-of-type(1) .icon { width: auto; }
#imu-history > header p:nth-of-type(2), #imu-job-info > header p:nth-of-type(2), #imu-history > header p:nth-of-type(3), #imu-job-info > header p:nth-of-type(3), #imu-history > header p:nth-of-type(4), #imu-job-info > header p:nth-of-type(4), #imu-map > header p:nth-of-type(2), #imu-map > header p:nth-of-type(3), #imu-map > header p:nth-of-type(4) { width: 82.29167%; float: right; margin-left: 0; margin-right: 0.52083%; clear: none; margin: 0; letter-spacing: -0.03em; }

@media (max-width: 640px) { #imu-history > header p:nth-of-type(1), #imu-job-info > header p:nth-of-type(1), #imu-map > header p:nth-of-type(1) { width: 98.95833%; float: right; margin-left: 0; margin-right: 0.52083%; clear: none; text-align: center; margin-bottom: 20px; clear: both; }
  #imu-history > header p:nth-of-type(2), #imu-job-info > header p:nth-of-type(2), #imu-history > header p:nth-of-type(3), #imu-job-info > header p:nth-of-type(3), #imu-history > header p:nth-of-type(4), #imu-job-info > header p:nth-of-type(4), #imu-map > header p:nth-of-type(2), #imu-map > header p:nth-of-type(3), #imu-map > header p:nth-of-type(4) { width: 98.95833%; float: right; margin-left: 0; margin-right: 0.52083%; clear: none; font-size: 20px; padding: 0; clear: both; } }

@media (max-width: 480px) { #imu-history > header p:nth-of-type(1), #imu-job-info > header p:nth-of-type(1), #imu-map > header p:nth-of-type(1) { width: 98.95833%; float: right; margin-left: 0; margin-right: 0.52083%; clear: none; text-align: center; padding: 0 20px; margin: 0; clear: both; }
  #imu-history > header p:nth-of-type(2), #imu-job-info > header p:nth-of-type(2), #imu-history > header p:nth-of-type(3), #imu-job-info > header p:nth-of-type(3), #imu-history > header p:nth-of-type(4), #imu-job-info > header p:nth-of-type(4), #imu-map > header p:nth-of-type(2), #imu-map > header p:nth-of-type(3), #imu-map > header p:nth-of-type(4) { width: 98.95833%; float: right; margin-left: 0; margin-right: 0.52083%; clear: none; font-size: 20px; padding: 0; clear: both; } }

#imu-history > header p:nth-of-type(1) .icon, #imu-job-info > header p:nth-of-type(1) .icon { height: 62px; }
#imu-history > header p:nth-of-type(2), #imu-job-info > header p:nth-of-type(2) { font-size: 30px; color: #3a3b3d; }

@media (max-width: 760px) { #imu-history > header p:nth-of-type(2), #imu-job-info > header p:nth-of-type(2), #imu-history > header p:nth-of-type(3), #imu-job-info > header p:nth-of-type(3), #imu-history > header p:nth-of-type(4), #imu-job-info > header p:nth-of-type(4), #imu-map > header p:nth-of-type(2), #imu-map > header p:nth-of-type(3), #imu-map > header p:nth-of-type(4) { font-size: 26px; } }
@media (max-width: 640px) { #imu-history > header p:nth-of-type(2), #imu-job-info > header p:nth-of-type(2), #imu-history > header p:nth-of-type(3), #imu-job-info > header p:nth-of-type(3), #imu-history > header p:nth-of-type(4), #imu-job-info > header p:nth-of-type(4), #imu-map > header p:nth-of-type(2), #imu-map > header p:nth-of-type(3), #imu-map > header p:nth-of-type(4) { font-size: 24px; } }
@media (max-width: 480px) { #imu-history > header p:nth-of-type(1), #imu-job-info > header p:nth-of-type(1), #imu-map > header p:nth-of-type(1) { padding: 0 0 30px 0; }
  #imu-history > header p:nth-of-type(2), #imu-job-info > header p:nth-of-type(2), #imu-history > header p:nth-of-type(3), #imu-job-info > header p:nth-of-type(3), #imu-history > header p:nth-of-type(4), #imu-job-info > header p:nth-of-type(4), #imu-map > header p:nth-of-type(2), #imu-map > header p:nth-of-type(3), #imu-map > header p:nth-of-type(4) { font-size: 20px; } }

#imu-job-info > header p:nth-of-type(1) { margin-top: -20px; }
#imu-job-info > header p:nth-of-type(1) .icon { height: 95px; }
@media (max-width: 480px) { #imu-job-info > header p:nth-of-type(1) { margin-top: 0px; } }

#imu-job-talent .talent-text > header { margin-bottom: 50px; }
#imu-job-talent .talent-text > header h2 { background: url(../images/svg/tit-icon.svg) no-repeat; background-size: 20px 20px; background-position: 0 7px; padding-left: 40px; margin-bottom: 50px; }
#imu-job-talent .talent-text > header p:nth-of-type(1) { font-size: 30px; color: #3a3b3d; line-height: 40px; margin-bottom: 30px; }
#imu-job-talent .talent-text > header p:nth-of-type(2) { font-size: 18px; color: #0281dc; }

#imu-job-talent .talent-text { width: 48.95833%; float: left; margin-right: -100%; margin-left: 0.52083%; clear: none; }
#imu-job-talent .talent-text > ul { padding: 0; }
#imu-job-talent .talent-text > ul li { padding-left: 20px; background: url(../images/svg/job-info-icon.svg) 0 8px no-repeat; background-size: 10px 10px; }

#imu-job-talent .talent-img { width: 48.95833%; float: right; margin-left: 0; margin-right: 0.52083%; clear: none; text-align: right; padding: 40px 40px 0 0; }
#imu-job-talent .talent-img img { width: auto; height: 330px; }

@media (max-width: 930px) { #imu-job-talent .talent-img { padding: 60px 0 60px 20px; }
  #imu-job-talent .talent-img img { width: auto; height: 300px; } }
@media (max-width: 760px) { #imu-job-talent .talent-img { padding: 80px 0 80px 20px; }
  #imu-job-talent .talent-img img { height: 50%; } }
@media (max-width: 640px) { #imu-job-talent .talent-text { width: 98.95833%; float: right; margin-left: 0; margin-right: 0.52083%; clear: none; }
  #imu-job-talent .talent-img { width: 98.95833%; float: right; margin-left: 0; margin-right: 0.52083%; clear: none; clear: both; padding: 30px 0 0 0; margin: 0 auto; }
  #imu-job-talent .talent-img img { height: 250px; height: 100%; } }

#imu-history .history, #imu-job-info .history { overflow: hidden; clear: both; }
#imu-history .history h4, #imu-job-info .history h4 { width: 33.33333%; float: left; margin-right: -100%; margin-left: 0%; clear: none; font-size: 60px; line-height: 1; font-family: Arial; font-weight: normal; text-align: right; }
#imu-history .history ol, #imu-job-info .history ol { width: 66.66667%; float: right; margin-left: 0; margin-right: 0%; clear: none; overflow: hidden; padding: 16px 0; margin: 0; background: url(../images/company/history_line.png) 27px repeat-y; }
#imu-history .history ol li, #imu-job-info .history ol li { background: url(../images/svg/history-icon.svg) 20px 6px no-repeat; background-size: 16px 16px; padding-left: 60px; }

@media (max-width: 760px) { #imu-history .history, #imu-job-info .history { background: url(../images/company/history_line.png) 17px repeat-y; }
  #imu-history .history h4, #imu-job-info .history h4 { width: 98.95833%; float: right; margin-left: 0; margin-right: 0.52083%; clear: none; background: url(../images/svg/history-icon.svg) 10px 18px no-repeat; background-size: 16px 16px; font-size: 50px; float: none; text-align: left; padding-left: 60px; }
  #imu-history .history ol, #imu-job-info .history ol { width: 98.95833%; float: right; margin-left: 0; margin-right: 0.52083%; clear: none; background: transparent; }
  #imu-history .history ol li, #imu-job-info .history ol li { background: transparent; } }

@media (max-width: 480px) { #imu-history .history, #imu-job-info .history { background: url(../images/company/history_line.png) 7px repeat-y; }
  #imu-history .history h4, #imu-job-info .history h4 { font-size: 36px; background-position: 0px 10px; padding-left: 30px; }
  #imu-history .history ol, #imu-job-info .history ol { width: 98.95833%; float: right; margin-left: 0; margin-right: 0.52083%; clear: none; }
  #imu-history .history ol li, #imu-job-info .history ol li { padding-left: 30px; }
  #imu-history .history ol p, #imu-job-info .history ol p { font-size: 14px; } }

#imu-history .business, #imu-job-info .business { margin-top: 100px; overflow: hidden; }
#imu-history .business h4, #imu-job-info .business h4 { float: left; margin-bottom: 40px; }
#imu-history .business h4 span, #imu-job-info .business h4 span { display: inline-block; color: #333; font-weight: normal; }
#imu-history .business h4 .title, #imu-job-info .business h4 .title { background: #00a1e9; text-align: center; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; color: #fff; padding: 3px 20px; margin-right: 20px; }
#imu-history .business .archives-wrap, #imu-job-info .business .archives-wrap { float: left; text-align: center; line-height: 1.2; }
#imu-history .business .archives-wrap .archives, #imu-job-info .business .archives-wrap .archives { display: inline-block; vertical-align: top; margin-left: 20px; margin-right: 20px; }
#imu-history .business .archives-wrap .archives img, #imu-job-info .business .archives-wrap .archives img { background: #fff url("../images/common/ajax-loader.gif") center no-repeat; width: 98px; height: 140px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25); }
#imu-history .business .archives-wrap .archives span, #imu-job-info .business .archives-wrap .archives span { display: block; font-size: 12px; color: #333; margin-top: 10px; margin-bottom: 20px; }

@media (max-width: 480px) { #imu-history .business, #imu-job-info .business { width: 98.95833%; float: right; margin-left: 0; margin-right: 0.52083%; clear: none; }
  #imu-history .business h4, #imu-job-info .business h4 { float: none; margin-bottom: 8px; }
  #imu-history .business h4 span:nth-child(1), #imu-job-info .business h4 span:nth-child(1) { float: none; }
  #imu-history .business h4 span:nth-child(2), #imu-job-info .business h4 span:nth-child(2) { display: none; }
  #imu-history .business h4 .title, #imu-job-info .business h4 .title { background: #00a1e9; text-align: center; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; color: #fff; width: 100%; padding: 3px 0px; margin-right: 20px; } }

@media (max-width: 480px) { #imu-history .business .archives-wrap .archives, #imu-job-info .business .archives-wrap .archives { width: 98.95833%; float: right; margin-left: 0; margin-right: 0.52083%; clear: none; }
  #imu-history .business .archives-wrap .archives img, #imu-job-info .business .archives-wrap .archives img { display: none; }
  #imu-history .business .archives-wrap .archives span, #imu-job-info .business .archives-wrap .archives span { font-size: inherit; margin: 0; padding-bottom: 8px; margin-bottom: 8px; color: #fff; font-weight: bold; border-bottom: 1px dashed #fff; } }

#imu-job-info .history h4 { width: 16.66667%; float: left; margin-right: -100%; margin-left: 0%; clear: none; font-family: inherit; font-size: 30px; letter-spacing: 0.02em; text-align: left; padding-top: 15px; padding-left: 30px; }
#imu-job-info .history ol { width: 83.33333%; float: right; margin-left: 0; margin-right: 0%; clear: none; }
#imu-job-info .history ol li { background-image: url(../images/svg/job-info-icon.svg); padding: 0 30px 0 60px; }

@media (max-width: 930px) { #imu-job-info .history { background: url(../images/company/history_line.png) 17px repeat-y; }
  #imu-job-info .history h4 { width: 98.95833%; float: right; margin-left: 0; margin-right: 0.52083%; clear: none; background: url(../images/svg/job-info-icon.svg) 10px 24px no-repeat; background-size: 16px 16px; font-size: 30px; float: none; text-align: left; padding-left: 60px; }
  #imu-job-info .history ol { width: 98.95833%; float: right; margin-left: 0; margin-right: 0.52083%; clear: none; background: transparent; }
  #imu-job-info .history ol li { background: transparent; } }

@media (max-width: 640px) { #imu-job-info .history { background: url(../images/company/history_line.png) 7px repeat-y; }
  #imu-job-info .history h4 { font-size: 25px; font-weight: bold; background-position: 0px 18px; padding-left: 30px; }
  #imu-job-info .history ol { width: 98.95833%; float: right; margin-left: 0; margin-right: 0.52083%; clear: none; }
  #imu-job-info .history ol li { padding-left: 30px; }
  #imu-job-info .history ol p { font-size: 14px; } }

@media (max-width: 480px) { #imu-job-info .history h4 { font-size: 24px; background-position: 0px 18px; padding-left: 30px; }
  #imu-job-info .history ol { width: 98.95833%; float: right; margin-left: 0; margin-right: 0.52083%; clear: none; }
  #imu-job-info .history ol li { padding-left: 30px; }
  #imu-job-info .history ol p { font-size: 14px; } }

#imu-job-info .info-box ul { padding: 30px 0 0 0; overflow: hidden; }
#imu-job-info .info-box ul li { height: 176px; text-align: center; font-size: 18px; color: #333; }
#imu-job-info .info-box ul li span { display: block; padding-top: 136px; }

#imu-job-info .info-box ul li:nth-child(1) { width: 23.95833%; float: left; margin-right: -100%; margin-left: 0.52083%; clear: none; background: url(../images/svg/job-icon03.svg) center 40px #fff no-repeat; background-size: auto 70px; }
#imu-job-info .info-box ul li:nth-child(2) { width: 23.95833%; float: left; margin-right: -100%; margin-left: 25.52083%; clear: none; background: url(../images/svg/job-icon04.svg) center 40px #fff no-repeat; background-size: auto 66px; }
#imu-job-info .info-box ul li:nth-child(3) { width: 23.95833%; float: left; margin-right: -100%; margin-left: 50.52083%; clear: none; background: url(../images/svg/job-icon05.svg) center 20px #fff no-repeat; background-size: auto 100px; }
#imu-job-info .info-box ul li:nth-child(4) { width: 23.95833%; float: right; margin-left: 0; margin-right: 0.52083%; clear: none; background: url(../images/svg/job-icon06.svg) 55px 40px #fff no-repeat; background-size: auto 68px; }

@media (max-width: 930px) { #imu-job-info .info-box ul li { margin-bottom: 10px; }
  #imu-job-info .info-box ul li:nth-child(1) { width: 48.33333%; float: left; margin-right: -100%; margin-left: 0.83333%; clear: none; background: url(../images/svg/job-icon03.svg) center 40px #fff no-repeat; background-size: auto 70px; }
  #imu-job-info .info-box ul li:nth-child(2) { width: 48.33333%; float: right; margin-left: 0; margin-right: 0.83333%; clear: none; background: url(../images/svg/job-icon04.svg) center 40px #fff no-repeat; background-size: auto 66px; }
  #imu-job-info .info-box ul li:nth-child(3) { width: 48.33333%; float: left; margin-right: -100%; margin-left: 0.83333%; clear: none; background: url(../images/svg/job-icon05.svg) center 20px #fff no-repeat; background-size: auto 100px; clear: both; }
  #imu-job-info .info-box ul li:nth-child(4) { width: 48.33333%; float: right; margin-left: 0; margin-right: 0.83333%; clear: none; background: url(../images/svg/job-icon06.svg) center 40px #fff no-repeat; background-size: auto 68px; } }

@media (max-width: 380px) { #imu-job-info .info-box ul li { margin-bottom: 10px; }
  #imu-job-info .info-box ul li:nth-child(1) { width: 98.95833%; float: right; margin-left: 0; margin-right: 0.52083%; clear: none; }
  #imu-job-info .info-box ul li:nth-child(2) { width: 98.95833%; float: right; margin-left: 0; margin-right: 0.52083%; clear: none; }
  #imu-job-info .info-box ul li:nth-child(3) { width: 98.95833%; float: right; margin-left: 0; margin-right: 0.52083%; clear: none; }
  #imu-job-info .info-box ul li:nth-child(4) { width: 98.95833%; float: right; margin-left: 0; margin-right: 0.52083%; clear: none; } }

#imu-ci .ci-intro { float: left; height: 230px; margin-bottom: 20px; border: 1px solid #cdcdcd; }
#imu-ci .ci-intro > h5 { font-size: 16px; font-weight: normal; color: #00aeef; margin-top: 5px; margin-left: 10px; }
#imu-ci .ci-intro > ul { padding: 0; margin: 0; }
#imu-ci .ci-intro:nth-of-type(1) { background: url(../images/common/bg-grid.png); width: 47.22222%; float: left; margin-right: -100%; margin-left: 1.38889%; clear: none; }
#imu-ci .ci-intro:nth-of-type(1) li { text-align: center; }
#imu-ci .ci-intro:nth-of-type(1) li img { width: auto; max-height: 135px; margin-top: 10px; }
@media (max-width: 930px) { #imu-ci .ci-intro:nth-of-type(1) { width: 97.22222%; float: right; margin-left: 0; margin-right: 1.38889%; clear: none; height: 160px; clear: both; }
  #imu-ci .ci-intro:nth-of-type(1) li img { width: auto; max-height: 70px; } }
#imu-ci .ci-intro:nth-of-type(2) { width: 47.22222%; float: right; margin-left: 0; margin-right: 1.38889%; clear: none; }
#imu-ci .ci-intro:nth-of-type(2) li span { display: block; margin: 10px 30px; }
#imu-ci .ci-intro:nth-of-type(2) li img { margin-left: 30px; }
#imu-ci .ci-intro:nth-of-type(2) li:nth-of-type(1) { width: 47.22222%; float: left; margin-right: -100%; margin-left: 1.38889%; clear: none; }
#imu-ci .ci-intro:nth-of-type(2) li:nth-of-type(1) img { max-width: 185px; max-height: 124px; }
#imu-ci .ci-intro:nth-of-type(2) li:nth-of-type(2) { width: 47.22222%; float: right; margin-left: 0; margin-right: 1.38889%; clear: none; }
#imu-ci .ci-intro:nth-of-type(2) li:nth-of-type(2) img { max-width: 123px; max-height: 124px; }
@media (max-width: 930px) { #imu-ci .ci-intro:nth-of-type(2) { width: 97.22222%; float: right; margin-left: 0; margin-right: 1.38889%; clear: none; height: 160px; clear: both; }
  #imu-ci .ci-intro:nth-of-type(2) li span { display: block; margin: 10px; }
  #imu-ci .ci-intro:nth-of-type(2) li img { margin-left: -10px; }
  #imu-ci .ci-intro:nth-of-type(2) li:nth-of-type(1), #imu-ci .ci-intro:nth-of-type(2) li:nth-of-type(2) { width: 47.22222%; float: right; margin-left: 0; margin-right: 1.38889%; clear: none; }
  #imu-ci .ci-intro:nth-of-type(2) li:nth-of-type(1) img, #imu-ci .ci-intro:nth-of-type(2) li:nth-of-type(2) img { max-height: 60px; } }
#imu-ci .ci-intro:nth-of-type(3) { width: 47.22222%; float: left; margin-right: -100%; margin-left: 1.38889%; clear: none; clear: both; }
#imu-ci .ci-intro:nth-of-type(3) li { font-size: 12px; line-height: 1.5; }
#imu-ci .ci-intro:nth-of-type(3) li:nth-of-type(1) { font-size: 14px; text-align: center; margin-top: 20px; margin-bottom: 25px; }
#imu-ci .ci-intro:nth-of-type(3) li:nth-of-type(1) span { font-size: 36px; letter-spacing: -0.03em; }
#imu-ci .ci-intro:nth-of-type(3) li:nth-of-type(2) { margin-left: 60px; }
@media (max-width: 930px) { #imu-ci .ci-intro:nth-of-type(3) { width: 97.22222%; float: right; margin-left: 0; margin-right: 1.38889%; clear: none; height: 190px; }
  #imu-ci .ci-intro:nth-of-type(3) li:nth-of-type(1) { font-size: 10px; }
  #imu-ci .ci-intro:nth-of-type(3) li:nth-of-type(1) span { font-size: 20px; letter-spacing: -0.03em; }
  #imu-ci .ci-intro:nth-of-type(3) li:nth-of-type(2) { font-size: 11px; margin-left: 0px; padding: 0 20px; } }
#imu-ci .ci-intro:nth-of-type(4) { position: relative; width: 47.22222%; float: right; margin-left: 0; margin-right: 1.38889%; clear: none; }
#imu-ci .ci-intro:nth-of-type(4) h5 { width: 30.55556%; float: left; margin-right: -100%; margin-left: 1.38889%; clear: none; position: absolute; top: 0; left: 10px; clear: both; }
@media (max-width: 930px) { #imu-ci .ci-intro:nth-of-type(4) h5 { width: 97.22222%; float: right; margin-left: 0; margin-right: 1.38889%; clear: none; } }
#imu-ci .ci-intro:nth-of-type(4) li { height: 230px; font-size: 12px; color: #555555; text-align: center; }
#imu-ci .ci-intro:nth-of-type(4) li p { margin: 0; line-height: 2em; letter-spacing: -0.03em; text-align: left; }
#imu-ci .ci-intro:nth-of-type(4) li p span { margin-left: 10px; display: inline-block; width: 26px; height: 12px; background: #fff; margin-right: 6px; }
#imu-ci .ci-intro:nth-of-type(4) li:nth-child(1) { width: 33.33333%; float: left; margin-right: -100%; margin-left: 0%; clear: none; }
#imu-ci .ci-intro:nth-of-type(4) li:nth-child(1) p:nth-child(2) span { background: #4591c9; }
#imu-ci .ci-intro:nth-of-type(4) li:nth-child(1) p:nth-child(3) span { background: #707070; }
#imu-ci .ci-intro:nth-of-type(4) li:nth-child(1) p:nth-child(4) span { background: #000; }
#imu-ci .ci-intro:nth-of-type(4) li:nth-child(2) p, #imu-ci .ci-intro:nth-of-type(4) li:nth-child(3) p { color: #fff; }
#imu-ci .ci-intro:nth-of-type(4) li:nth-child(3) p:nth-child(2) span { background: #4591c9; }
#imu-ci .ci-intro:nth-of-type(4) li:nth-child(3) p:nth-child(3) span { background: #b0b6bb; }
#imu-ci .ci-intro:nth-of-type(4) li img { margin-top: 55px; margin-bottom: 30px; max-height: 46px; }
#imu-ci .ci-intro:nth-of-type(4) li:nth-of-type(2) { width: 33.33333%; float: left; margin-right: -100%; margin-left: 33.33333%; clear: none; background: #00a1e9; }
#imu-ci .ci-intro:nth-of-type(4) li:nth-of-type(3) { width: 33.33333%; float: right; margin-left: 0; margin-right: 0%; clear: none; background: #000; }
@media (max-width: 930px) { #imu-ci .ci-intro:nth-of-type(4) { width: 100%; float: right; margin-left: 0; margin-right: 0%; clear: none; clear: both; overflow: hidden; height: 100%; }
  #imu-ci .ci-intro:nth-of-type(4) li:nth-of-type(1), #imu-ci .ci-intro:nth-of-type(4) li:nth-of-type(2), #imu-ci .ci-intro:nth-of-type(4) li:nth-of-type(3) { width: 100%; float: right; margin-left: 0; margin-right: 0%; clear: none; clear: both; }
  #imu-ci .ci-intro:nth-of-type(4) li:nth-of-type(2) { height: 185px; } }

#imu-map header p:nth-of-type(1) .icon { height: 84px; }
#imu-map header p:nth-of-type(2) { font-size: 30px; color: #fee82a; padding-bottom: 8px; }

/*************************************************** *  IE layout ************************************************* */
.ie8 #header-wrap, .ie8 #content-wrap, .ie8 #footer-wrap { display: none; }

.ie8 .pos-wrap { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; }

.ie8 .pos-header { width: 100%; height: 60px; line-height: 60px; overflow: hidden; background: #f8f8f8; }

.ie8 .pos-header .caution { width: 960px; color: #555; font-size: 12px; line-height: 20px; padding: 10px 50px; margin: 0 auto; background: url(../../images/ie/exclamation.gif) 5px no-repeat; }

.ie8 .pos-header .caution a { color: #e71210; }

.ie8 .pos-header .caution a span { font-size: 11px; }

.ie8 .pos-contant { width: 100%; text-align: center; padding: 40px 0; background-color: #fff; }

.ie8 .pos-contant h1 { line-height: 40px; padding-bottom: 20px; }

.ie8 .pos-contant p { font-size: 12px; color: #555; margin: 0 auto; text-align: center; padding-bottom: 30px; }

.ie8 .pos-contant ul { margin: 0; padding: 0; }

.ie8 .pos-contant ul li { display: inline-block; margin-right: 6px; }

.ie8 .pos-footer { text-align: center; width: 100%; height: 100px; background: url(../images/common/bg-common.png); }

.ie8 .pos-footer p { font-size: 12px; color: #777; margin: 0 auto; text-align: center; line-height: 20px; padding-top: 30px; }

.ie8 .login-box { color: #555; margin-bottom: 20px; }
.ie8 .login-box [class^="icon-"] { font-size: 16px; color: #555; vertical-align: bottom; margin-right: 6px; }


#modal {
	    /* display: none; */
	    justify-content: center;
	    align-items: center;
	    position: fixed;top: 50px;left: 3%;right: 0;bottom: 0;
	    /* background: rgba(0,0,0,.8); */
	}
#modal .inner {
	    position: relative;
	    display: inline-block;
	    width:500px;
	    border-radius: 25px;
	    border: 0px solid #fff;
	    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	}
#modal button {
	    position: absolute;top: -15px;right: -15px;
	    width: 50px;height: 50px;
	    background: #555;
	    border-radius: 50%;
	    border: none;
	    font-size: 25px;
	    color:#fff;
	}
#modal img {
	    display: block;
	    width:100%;
	}

	

    @media screen and (max-width:834px){
	#modal .inner{
	top:30px;
	left:16%;
	}
}
	@media screen and (max-width:768px){
	#modal .inner{
	top:30px;
	left:13%;
	}
}
	@media screen and (max-width:550px){
	#modal .inner{
	 width: 430px;
	 top:30px;
	left:4%;
	 }
}
    @media screen and (max-width:414px){
	#modal .inner{
	width: 330px;
	top:30px;
	left:4%;
	}
}
    @media screen and (max-width:375px){
	#modal .inner{
	width: 300px;
	top:30px;
	left:4%;
	}

	}
/*# sourceMappingURL=style.css.map */