@charset "UTF-8";
/*Medical Plus PC
author: banghg
http://freewebclub.com
*/
/*
_var
*/
@import url(ui/animate.css);
@import url(//cdn.jsdelivr.net/npm/xeicon@2.3.3/xeicon.min.css);
._mc { color: #A46000; }

._mc2 { color: #056a90; }

.main--visual .wrap, .main--demo .wrap .img, .s_01 .imgwrap:after, .s_02 .imgwrap:after { top: 0; bottom: 0; left: 0; right: 0; }

/*
_basic.scss
*/
@font-face { font-family: 'NotoKr'; font-style: normal; font-weight: 100; src: url("../../fonts/notokr/notokr-light.eot"); src: url("../../font/notokr-light.eot?#iefix") format("embedded-opentype"), url("../../font/notokr-light.woff2") format("woff2"), url("../../font/notokr-light.woff") format("woff"); }

@font-face { font-family: 'NotoKr'; font-style: normal; font-weight: 300; src: url("../../fonts/notokr/notokr-regular.eot"); src: url("../../font/notokr-regular.eot?#iefix") format("embedded-opentype"), url("../../font/notokr-regular.woff2") format("woff2"), url("../../font/notokr-regular.woff") format("woff"); }

@font-face { font-family: 'NotoKr'; font-style: normal; font-weight: 500; src: url("../../fonts/notokr/notokr-medium.eot"); src: url("../../font/notokr-medium.eot?#iefix") format("embedded-opentype"), url("../../font/notokr-medium.woff2") format("woff2"), url("../../font/notokr-medium.woff") format("woff"); }

@font-face { font-family: 'NotoKr'; font-style: normal; font-weight: 700; src: url("../../fonts/notokr/notokr-bold.eot"); src: url("../../font/notokr-bold.eot?#iefix") format("embedded-opentype"), url("../../font/notokr-bold.woff2") format("woff2"), url("../../font/notokr-bold.woff") format("woff"); }

body { font-family: "NotoKr", sans-serif; font-size: 14px; width: 100%; min-width: 1024px; color: #666; overflow-y: auto; line-height: 1.6; -webkit-text-size-adjust: none; font-weight: 400; overflow-x: hidden; }

@media only screen and (max-width: 1024px) { body { overflow-x: hidden; } }

.wrapper { width: 100%; max-width: 1500px; position: relative; margin: 0 auto; overflow: hidden; }

@media only screen and (max-width: 1499px) { .wrapper { padding: 0 20px; min-width: 1024px; } }

.con-margin-01 { margin-top: 30px; }

.con-margin-02 { margin-top: 60px; }

.f_16 { font-size: 16px; }

.f_18 { font-size: 18px; }

.f_20 { font-size: 20px; }

.f_28 { font-size: 28px; }

.f_30 { font-size: 30px; }

.f_35 { font-size: 35px; }

::selection { background: #999; color: #152C5E; text-shadow: none; }

a { color: #666; text-decoration: none; -webkit-transition: 200ms color, background; transition: 200ms color, background; }

a:hover, a:focus { text-decoration: none; }

html, body, div, span, input, select, textarea, button, applet, object, iframe, p, blockquote, pre, a, abbr, acronym, address, big, code, del, dfn, em, font, img, ins, kbd, q, s, samp, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, header, section, footer { border: 0; margin: 0; padding: 0; }

address { font-style: normal; }

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

div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, form, fieldset, input, table, tr, th, td, button, textarea, select { margin: 0; padding: 0; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }

img { border: 0; vertical-align: top; max-width: 100%; }

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

table, th, td { border-spacing: 0; font-weight: normal; }

th, td { border-collapse: collapse; }

caption { display: block; text-indent: -9999em; overflow: hidden; height: 0; font-size: 0; line-height: 0; }

fieldset, blockquote, iframe, button { border: none; }

i, em, u, cite { font-style: normal; }

strong, em, b { font-weight: normal; }

img, fieldset { border: 0; outline: none; }

input, button { outline: none; }

option, label, textarea { margin: 0; }

label { font-weight: normal; vertical-align: middle; }

button { margin: 0; padding: 0; vertical-align: middle; background: transparent; }

section, nav, article, aside, header, footer, main { display: block; }

select, textarea, button { font: inherit; -webkit-appearance: none; border-radius: 0; }

.hidden { position: absolute; overflow: hidden; visibility: hidden; width: 0; height: 0; margin: 0; padding: 0; font-size: 0; line-height: 0; background: none; }

.clearfix:before, .clearfix:after { content: " "; display: table; }

.clearfix:after { clear: both; }

*, *:after, *:before { box-sizing: border-box; }

ul.skip li a { text-indent: -9999px; font-size: 0; height: 0; position: absolute; top: 0; }

ul.skip li a:focus { text-indent: 0; font-size: 14px; width: 100%; min-width: 1250px; height: 30px; background-color: #0c3874; color: #fff; text-align: center; padding-top: 10px; z-index: 999; }

textarea { border: solid 1px #ccc; background-color: #fff; overflow: auto; min-height: 150px; width: 100%; box-sizing: border-box; -webkit-appearance: none; -webkit-border-radius: 0; resize: none; }

textarea.txtarea { width: 100%; padding: 8px; height: 150px; border: solid 1px #ccc; overflow-y: auto; }

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

input, select, textarea { padding: 0 5px; }

input[type="date"]::-webkit-calendar-picker-indicator, input[type="date"]::-webkit-inner-spin-button { display: none; }

::-webkit-input-placeholder, ::-moz-placeholder, :-ms-input-placeholder, :-moz-placeholder { color: #aaa; }

::-ms-clear, ::-ms-reveal { display: none; }

input { font: inherit; margin: 0; line-height: normal; -webkit-border-radius: 0; resize: none; }

input[type="text"], input[type="search"], input[type="tel"], input[type="number"], input[type="password"] { -webkit-appearance: none; border-radius: 0; }

input[type="file"] { width: 100%; padding: 0; line-height: normal; }

input[type="checkbox"] { padding: 0; }

input[type="radio"] { width: 14px; padding: 0; vertical-align: middle; margin-right: 5px; }

input[type="image"] { border: none; background: 0; }

input[type="submit"] { width: 260px; border: 1px solid #ccc; font-size: 1em; line-height: 1.5; color: #666; }

input[type="text"], input[type="file"], input[type="number"], input[type="password"] { height: 40px; line-height: 40px; margin: 0; vertical-align: middle; border: solid 1px #ccc; resize: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; -webkit-border-radius: 0; border-radius: 0; text-overflow: ''; zoom: 1; }

input[placeholder] { font-family: inherit; }

select { height: 40px; margin: 0; vertical-align: middle; border: solid 1px #ccc; resize: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; -webkit-border-radius: 0; border-radius: 0; text-overflow: ellipsis; zoom: 1; width: 100%; background-color: #fff; background-image: url(../images/icon/select_down.png); background-size: 12px; background-repeat: no-repeat; background-position: center right 5px; }

select::-ms-expand { display: none; }

.lt-ie10 select { font-family: inherit; background: none; padding: 0; }

.lt-ie10 select:before { display: block; position: absolute; content: ''; right: 0px; top: 0px; height: 1em; width: 1em; margin: 2px; background: red; z-index: 5; }

.lt-ie9 select { font-family: inherit; background: none; padding: 6px; }

option { border: solid 1px #ccc; background-color: #fff; text-indent: 7px; }

.mt_5 { margin-top: 5px; }

.ml_5 { margin-left: 5px; }

.mr_5 { margin-right: 5px; }

.mb_5 { margin-bottom: 5px; }

.mt_10 { margin-top: 10px; }

.ml_10 { margin-left: 10px; }

.mr_10 { margin-right: 10px; }

.mb_10 { margin-bottom: 10px; }

.mt_20 { margin-top: 20px; }

.ml_20 { margin-left: 20px; }

.mr_20 { margin-right: 20px; }

.mb_20 { margin-bottom: 20px; }

._b0 { color: black; }

._b1 { color: #111111; }

._b2 { color: #222222; }

._b3 { color: #333333; }

._b4 { color: #444444; }

._b5 { color: #555555; }

._b6 { color: #666666; }

._b7 { color: #777777; }

._b8 { color: #888888; }

._b9 { color: #999999; }

.lighter { font-weight: lighter; font-weight: 100; }

.light { font-weight: 300; }

.bold { font-weight: 600; }

.bolder { font-weight: 700; }

.text_center { text-align: center; }

.text_left { text-align: left; }

.text_right { text-align: right; }

.text_line { text-decoration: underline !important; }

.text_line_th { text-decoration: line-through !important; }

.left { float: left; }

.right { float: right; }

.ver_middle { vertical-align: middle; }

.ver_top { vertical-align: top; }

.posi_a { position: absolute; }

.posi_r { position: relative; }

.dis_inline { display: inline; }

.dis_block { display: block; }

.dis_inblock { display: inline-block; }

.dis_tbl { display: table; width: 100%; }

.dis_cel { display: table-cell; vertical-align: middle; padding: 0 5px; }

.root_daum_roughmap { width: 100% !important; }

/*
_ui
*/
.con-margin-01 { margin-top: 30px; }

.con-margin-02 { margin-top: 60px; }

i.br, i.pc, i.pc_o, img.pc { display: block; }

@media only screen and (max-width: 1499px) { i.sl { display: block; } }

/*slide dont show all slides before initialized*/
#top_btn { -webkit-transition: all 0.3s; transition: all 0.3s; position: fixed; filter: alpha(opacity=0); opacity: 0; bottom: 15px; right: 10px; overflow: hidden; z-index: 999; }

#top_btn a { display: block; text-decoration: none; width: 50px; height: 50px; text-indent: 100%; background-image: url(../images/top.png); background-size: 50px; background-repeat: no-repeat; outline: #fff; }

#top_btn a:active, #top_btn a:focus { outline: none; }

#top_btn.on { filter: alpha(opacity=100); opacity: 1; }

/* scrollbox*/
.join.scroll-con-y { height: 150px; padding: 10px 0 10px 10px; font-size: 13px; color: #999; line-height: 1.3; border: 1px solid #ddd; letter-spacing: -0.5px; }

.row_scroll { overflow-x: auto; overflow-y: auto; -webkit-overflow-scrolling: touch; }

.row_scroll::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3); background-color: #fff; }

.row_scroll::-webkit-scrollbar { width: 10px; height: 4px; background-color: #fff; }

.row_scroll::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3); background-color: #999; }

.row_scroll__simple { overflow-x: auto; overflow-y: auto; padding-bottom: 5px; }

.row_scroll__simple::-webkit-scrollbar { width: 8px; height: 8px; background-color: #f5f5f5; /* or add it to the track */ }

.row_scroll__simple::-webkit-scrollbar-thumb { background: #666; }

.row_scroll__light { overflow-x: auto; overflow-y: auto; }

.row_scroll__light::-webkit-scrollbar { width: 5px; height: 10px; background-color: #f7f7f7; /* or add it to the track */ }

.row_scroll__light::-webkit-scrollbar-thumb { background: #ddd; }

.modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; display: none; overflow: hidden; -webkit-overflow-scrolling: touch; outline: 0; }

.modal.start_pop { display: block; position: absolute; width: auto; height: auto; right: auto; bottom: auto; box-shadow: 0 6px 7px 0px rgba(0, 0, 0, 0.2), 2px 2px 8px 0px rgba(0, 0, 0, 0.2); }

.modal.start_pop .modal-header { text-align: center; }

.modal.start_pop .modal-content { text-align: initial; }

.modal.start_pop .modal_standard { position: relative; display: block; width: auto; height: auto; }

.modal.start_pop .modal_standard .modal-dialog .modal-header { cursor: move; border-bottom: solid 1px #ddd; }

.modal.start_pop .modal-footer .check-area { float: left; display: inline-block; }

.modal.start_pop .modal-footer .check-area label, .modal.start_pop .modal-footer .check-area input { cursor: pointer; }

.modal.start_pop .modal-footer .pop-close { float: right; display: inline-block; cursor: pointer; }

.modal-open { padding-right: 0 !important; }

.modal-footer .check-area { float: left; }

.modal_standard { position: fixed; left: 0; top: 0; display: table; height: 100%; width: 100%; overflow: hidden; text-align: center; }

.modal-dialog { margin: 0 auto; width: 100%; }

.modal_wrap { display: table-cell; vertical-align: middle; position: static; top: 50%; }

.modal_con { min-height: 50px; }

.modal .close { z-index: 100; position: absolute; top: 10px; right: 10px; float: right; /* font-size: 35px; */ line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; filter: alpha(opacity=20); opacity: .5; }

.modal .close:hover, .modal .close:focus { color: #000; text-decoration: none; cursor: pointer; filter: alpha(opacity=50); opacity: .8; }

.modal button.close { -webkit-appearance: none; padding: 0; cursor: pointer; background: transparent; border: 0; }

.modal.fade .modal-dialog { -webkit-transform: translate(0, -15%); transform: translate(0, -15%); -webkit-transition: -webkit-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; }

.modal.in .modal-dialog { -webkit-transform: translate(0, 0); transform: translate(0, 0); }

.modal-open { overflow-x: hidden; }

.modal-open .modal { overflow-x: hidden; overflow-y: auto; }

.modal-content { display: inline-block; max-width: 600px; min-width: 300px; margin: 0 auto; position: relative; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.2); outline: 0; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); }

.modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: #000; opacity: .5; z-index: 1000; }

.modal-backdrop.fade { filter: alpha(opacity=0); opacity: 0; }

.modal-backdrop.in { filter: alpha(opacity=50); opacity: 0.5; }

.modal-header { min-height: 50px; line-height: 50px; }

.modal-title { margin: 0; line-height: 1.42857143; }

.modal-body { position: relative; padding: 0 20px 20px; }

.modal-body .inner { padding-top: 20px; }

.modal-footer { padding: 15px; text-align: right; border-top: 1px solid #e5e5e5; }

.modal-footer .btn + .btn { margin-bottom: 0; margin-left: 5px; }

.modal-footer .btn-group .btn + .btn { margin-left: -1px; }

.modal-footer .btn-block + .btn-block { margin-left: 0; }

.modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; }

.modal .pop-main-title { font-size: 26px; color: #333; font-weight: 500; }

/*
grid
*/
.row { margin-right: -15px; margin-left: -15px; /* For IE 6/7 */ zoom: 1; }

.row:before, .row:after { content: ""; display: table; }

.row:after { clear: both; }

*[class*="row"] *[class*="col-"], *[class*="row_"] *[class*="col-"] { padding-right: 15px; padding-left: 15px; position: relative; min-height: 1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; }

*[class*="row_"] { zoom: 1; }

*[class*="row_"]:before, *[class*="row_"]:after { content: ''; display: table; }

*[class*="row_"]:after { clear: both; }

.row_0 { margin-right: 0px; margin-left: 0px; }

.row_0 *[class*="col-"] { padding-right: 0px; padding-left: 0px; }

.row_5 { margin-right: -5px; margin-left: -5px; }

.row_5 *[class*="col-"] { padding-right: 5px; padding-left: 5px; }

.row_10 { margin-right: -10px; margin-left: -10px; }

.row_10 *[class*="col-"] { padding-right: 10px; padding-left: 10px; }

.col-lg-0 { display: none; }

.col-lg-1 { width: 8.33333%; }

.col-lg-2 { width: 16.66667%; }

.col-lg-3 { width: 25%; }

.col-lg-4 { width: 33.33333%; }

.col-lg-5 { width: 41.66667%; }

.col-lg-6 { width: 50%; }

.col-lg-7 { width: 58.33333%; }

.col-lg-8 { width: 66.66667%; }

.col-lg-9 { width: 75%; }

.col-lg-10 { width: 83.33333%; }

.col-lg-11 { width: 91.66667%; }

.col-lg-12 { width: 100%; }

@media only screen and (max-width: 1499px) { .col-sl-0 { display: none; }
  .col-sl-1 { width: 8.33333%; }
  .col-sl-2 { width: 16.66667%; }
  .col-sl-3 { width: 25%; }
  .col-sl-4 { width: 33.33333%; }
  .col-sl-5 { width: 41.66667%; }
  .col-sl-6 { width: 50%; }
  .col-sl-7 { width: 58.33333%; }
  .col-sl-8 { width: 66.66667%; }
  .col-sl-9 { width: 75%; }
  .col-sl-10 { width: 83.33333%; }
  .col-sl-11 { width: 91.66667%; }
  .col-sl-12 { width: 100%; } }

/*_inc.css*/
.main-home .sub_gnb { display: none; }

.sub-home .main_gnb { display: none; }

.header, .header .headwrap .gnb, .header .logo, .header .logo img, .header .gnb_wrap .depth .depth01 > a, .header .gnb_wrap .depth .depth01 > a:after, .header .gnb_wrap .depth .depth01 .depth02_box, .header .head_apply, .header .head_apply a img { -webkit-transition: 300ms all; transition: 300ms all; }

.header .gnb { line-height: 1; width: 100%; padding: 0 120px 0 350px; margin: -100px auto 0; }

.header .gnb_wrap { max-width: 800px; text-align: center; }

.header { min-width: 1024px; border-bottom: 1px solid #fff; border-bottom: 1px solid rgba(255, 255, 255, 0.2); margin: 0 auto; position: fixed; top: 0; width: 100%; z-index: 999; }

.header .wrapper { width: 100%; margin: 0 auto; }

.header .gnb_wrap { position: relative; width: 100%; }

.header .gnb_wrap .gnb-box { margin: 0 auto; }

.header .gnb_wrap .depth .depth01 { position: relative; float: left; display: inline-block; width: 20%; }

.header .gnb_wrap .depth .depth01 > a { text-align: center; position: relative; display: inline-block; font-size: 18px; width: 100%; color: #fff; letter-spacing: -0.4px; height: 100px; line-height: 100px; text-decoration: none; }

.header .gnb_wrap .depth .depth01 > a:after { width: 0; content: ""; position: absolute; height: 4px; margin: 0 auto; background-color: #fff; display: block; bottom: 0; left: 0; right: 0; }

.header .gnb_wrap .depth .depth01:hover > a:after, .header .gnb_wrap .depth .depth01 > a.active:after { width: 100%; }

.header .logo { display: inline-block; height: 100px; line-height: 100px; }

.header .logo a { display: inline-block; }

.header .logo img { vertical-align: middle; height: 30px; }

.header .head_apply { display: table; position: absolute; right: 0; top: 0; height: 100px; width: 100px; background-color: #152C5E; }

.header .head_apply a { display: table-cell; vertical-align: middle; color: #fff; text-align: center; }

.header .head_apply img { width: 33px; margin: 0 auto 10px; display: block; }

.header.simple { background-color: #2b2b2b; border-bottom: 0; }

.header.simple .headwrap .gnb { margin: -70px auto 0; }

.header.simple .gnb_wrap .depth .depth01 > a, .header.simple .logo { height: 70px; line-height: 70px; }

.header.simple .gnb_wrap .depth .depth01 > a img, .header.simple .logo img { height: 26px; }

.header.simple .head_apply { height: 70px; width: 70px; font-size: 12px; }

.header.simple .head_apply img { margin: 0 auto 5px; width: 20px; }

@media only screen and (max-width: 1024px) { .header { position: absolute; }
  .header.simple { position: fixed; } }

html, body { height: 100%; }

body { margin: 0; }

.footer_wrap { position: relative; bottom: 0; left: 0; width: 100%; background-color: #363b3e; font-weight: 300; font-size: 13px; color: #999; }

.footer_wrap .wrap { width: 100%; margin: 50px 0; position: relative; display: inline-block; }

.footer_wrap .bar_span span { height: 13px; line-height: 13px; }

.footer_wrap .bar_span span:before { background-color: #999; content: ''; }

.footer_wrap .bar_span span:first-child a { padding-left: 0; }

.footer_wrap .bar_span a { color: #aeafb0; }

.footer_wrap .bar_span a:hover { color: #ccc; }

.footer_wrap .foot_right { position: absolute; top: 0; right: 0; color: #c1c1c1; }

.footer_wrap .foot_right .copy { margin-top: 10px; font-size: 15px; }

.footer_wrap .sns_wrap ul { display: inline-block; }

.footer_wrap .sns_wrap ul li { float: left; margin-left: 10px; }

.footer_wrap .sns_wrap ul li a { width: 36px; height: 36px; display: table; text-align: center; background-color: #4d5357; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; color: #888; position: relative; }

.footer_wrap .sns_wrap ul li a:hover { color: #bbb; }

.footer_wrap .sns_wrap ul li a i { font-size: 20px; display: table-cell; vertical-align: middle; }

.bar_span span { position: relative; display: inline-block; padding: 0 10px; }

.bar_span span:first-child:before { content: none; }

.bar_span span:before { content: ''; position: absolute; left: 0; top: 50%; width: 1px; height: 10px; background: #ccc; margin-top: -5px; }

/*
_main.css
*/
*[class*="arr_link_0"] { display: inline-block; color: #fff; padding: 0 50px; border-style: solid; border-right: 0 !important; border-color: #fff; vertical-align: middle; position: relative; }

*[class*="arr_link_0"] img { position: absolute; top: 50%; }

*[class*="arr_link_0"]:after, *[class*="arr_link_0"]:before { position: absolute; background-color: #fff; content: ''; display: inline-block; right: 0; }

*[class*="arr_link_0"]:before { top: 0; }

*[class*="arr_link_0"]:after { bottom: 0; }

*[class*="arr_link_0"]:hover img { -webkit-transition: 1000ms all; transition: 1000ms all; animation-duration: 1000ms; -webkit-animation-duration: 1000ms; animation-fill-mode: both; }

*[class*="arr_link_0"]._b { color: #222; border-color: #222; }

*[class*="arr_link_0"]._b:after, *[class*="arr_link_0"]._b:before { background-color: #222; }

.arr_link_02 { font-size: 20px; height: 70px; line-height: 66px; border-width: 2px; }

.arr_link_02 img { right: -30px; margin-top: -12px; }

.arr_link_02:after, .arr_link_02:before { width: 2px; height: 20px; }

.arr_link_02:hover img { animation-name: arr02; -webkit-animation-name: arr02; }

.arr_link_01 { min-width: 160px; font-size: 22px; height: 52px; line-height: 50px; border-width: 1px; }

.arr_link_01 img { right: -20px; margin-top: -9px; }

.arr_link_01:after, .arr_link_01:before { width: 1px; height: 12px; }

.arr_link_01:hover img { animation-name: arr01; -webkit-animation-name: arr01; }

@keyframes arr02 { 20% { right: -22px; }
  50% { right: -40px; }
  100% { right: -30px; } }

@-webkit-keyframes arr02 { 20% { right: -22px; }
  50% { right: -40px; }
  100% { right: -30px; } }

@keyframes arr01 { 20% { right: -16px; }
  50% { right: -25px; }
  100% { right: -20px; } }

@-webkit-keyframes arr01 { 20% { right: -16px; }
  50% { right: -25px; }
  100% { right: -20px; } }

.main__tit { padding: 100px 0 50px; text-align: center; letter-spacing: -0.4px; }

.main__tit .tit { line-height: 1.3; font-weight: 300; font-size: 45px; letter-spacing: -2px; word-spacing: -1px; }

.main__tit .tit span { font-weight: 500; }

.main__tit p { margin-top: 10px; font-size: 18px; font-weight: 300; }

.main__tit p span { font-weight: normal; }

.quote img { vertical-align: text-top; }

.main--visual { overflow: hidden; }

.main--visual, .main--visual .main_slick_slide { height: 980px; width: 100%; position: relative; max-width: inherit; }

.main--visual .img, .main--visual .main_slick_slide .img { top: 0; position: absolute; left: 0; max-width: inherit; }

.main--visual .wrap { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 10; position: absolute; width: 100%; height: 100%; max-width: 1500px; margin: 0 auto; display: table; }

.main--visual .txt { vertical-align: middle; display: table-cell; width: 100%; }

.main--visual .txt p { color: #fff; }

.main--visual .txt p.p_01 { font-size: 70px; font-weight: bold; letter-spacing: -2px; }

.main--visual .txt p.p_02 { margin: 20px 0 60px; font-size: 25px; line-height: 1.3; font-weight: 200; letter-spacing: -0.4px; }

.main--visual .main_dots { z-index: 11; position: absolute; bottom: 80px; width: 100%; text-align: center; height: 7px; line-height: 7px; }

.main--visual .main_dots li { display: inline-block; margin-left: 4px; vertical-align: top; height: 7px; }

.main--visual .main_dots li:first-child { margin-left: 0; }

.main--visual .main_dots li button { vertical-align: top; width: 94px; height: 7px; text-indent: -9999em; background-color: #fff; opacity: 0.3; }

.main--visual .main_dots li.slick-active button { opacity: 1; }

.main--visual .main_slick_button { z-index: 11; position: absolute; bottom: 70px; margin-left: 110px; left: 50%; }

.main--visual .main_slick_button button { display: none; color: #fff; }

.main--visual .main_slick_button button i { font-size: 20px; }

.main--visual .main_slick_button button:hover { color: #152C5E; }

.main--visual .main_slick_button button.on { display: block; }

@media only screen and (max-width: 1499px) { .main--visual .wrap { padding: 0 20px; } }

@media all and (min-width: 2000px) { .main--visual .main_slick_slide .img { width: 100%; } }

.main--box { color: #222; margin-top: -20px; margin-bottom: -20px; position: relative; z-index: 15; }

.main--box .wrap { width: 100%; max-width: 450px; text-align: center; padding: 70px 0 50px; background-color: #fff; box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.2); }

.main--box .wrap .txtwrap { font-size: 16px; }

.main--box .wrap .txtwrap .f_28 { font-weight: 300; line-height: 1.3; margin: 20px 0 10px; }

.main--consult { background-color: #1595c6; padding: 80px 0 60px; text-align: left; color: #fff; }

.main--consult .wrap._l { letter-spacing: -0.5px; font-weight: 200; }

.main--consult .wrap._l p { display: inline-block; }

.main--consult .wrap._r input, .main--consult .wrap._r .btn, .main--consult .wrap._r span { height: 56px; line-height: 56px; }

.main--consult .wrap._r .input, .main--consult .wrap._r .btnwrap { float: left; }

.main--consult .wrap._r .input { width: -ms-calc(100% - 250px); width: -webkit-calc(100% - 250px); width: calc(100% - 250px); width: calc(100% - 250px); }

.main--consult .wrap._r .input input, .main--consult .wrap._r .input span { float: left; }

.main--consult .wrap._r .input input { width: 30%; }

.main--consult .wrap._r .input span { display: inline-block; text-align: center; width: 5%; }

.main--consult .wrap._r .btnwrap { width: 230px; margin-left: 20px; }

.main--consult .wrap._r .btnwrap .btn { letter-spacing: -0.5px; font-weight: 200; text-align: center; background-color: #056a90; color: #fff; display: block; }

.main--porf { background-color: #f8f8f8; text-align: center; }

.main--porf .porf_list .wrap { display: inline-block; }

.main--porf .porf_list p { margin: 20px 0 0; font-size: 18px; color: #222; }

.main--porf .porf_link { padding: 140px 0 120px; }

.main--porf .porf_link .arr_link_01 { font-size: 18px; }

.main--demo .main__tit { padding: 80px 0; }

.main--demo .wrap { position: relative; overflow: hidden; }

.main--demo .wrap .img { position: relative; }

.main--demo .wrap .img img { -webkit-transition: all 3s ease; transition: all 3s ease; -webkit-transform: scale(1); transform: scale(1); width: 100%; }

.main--demo .wrap .txt { position: absolute; top: 100px; right: 100px; z-index: 2; text-align: right; color: #fff; }

.main--demo .wrap .txt .desc { font-size: 25px; letter-spacing: 3px; }

.main--demo .wrap .txt .tit { line-height: 1; margin: 10px 0 60px; font-size: 50px; font-weight: 100; letter-spacing: -2px; }

.main--demo .wrap:hover .img img { -webkit-transform: scale(1.05); transform: scale(1.05); }

.lt-ie10 .main--demo .wrap:hover .img img { -webkit-transform: scale(1); transform: scale(1); }

.main--service { background-image: url(../images/main/service_bg.jpg); background-position: center; background-size: cover; background-attachment: fixed; text-align: center; }

.main--service .itemwrap { padding: 50px 0 100px; }

.main--service .itemwrap .item { overflow: hidden; position: relative; display: table-cell; vertical-align: top; }

.main--service .itemwrap .item span { display: inline-block; overflow: hidden; position: relative; }

.main--service .itemwrap .img2 { padding: 0 40px; }

.main--service .itemwrap .img5 { width: 725px; text-align: left; padding: 0 40px; margin-bottom: 265px; }

.main--service .itemwrap .img7 { position: absolute; top: 0; padding-top: 231px; padding-top: -webkit-calc(19.2% + 40px); padding-top: -ms-calc(19.2% + 40px); padding-top: calc(19.2% + 40px); left: 342px; }

.main--service .itemwrap .line { position: relative; display: inline-block; }

.main--service .itemwrap .line.line1 { float: left; margin-bottom: 40px; }

.main--service .itemwrap .line.line1 .item { vertical-align: bottom; }

.main--service .itemwrap .line.line2 { float: right; }

.main--service .itemwrap .line.line2 .item { vertical-align: top; }

@media all and (max-width: 1400px) { .main--service .itemwrap .line { margin-left: -20px; margin-right: -20px; }
  .main--service .itemwrap .item, .main--service .itemwrap .img2, .main--service .itemwrap .img5 { padding: 0 20px; }
  .main--service .itemwrap .img5 { width: initial; }
  .main--service .itemwrap .img1 { width: 29.6875%; }
  .main--service .itemwrap .img2 { width: 39.6875%; }
  .main--service .itemwrap .img3 { width: 25%; }
  .main--service .itemwrap .img4 { width: 25%; }
  .main--service .itemwrap .img5 { width: 50.39063%; }
  .main--service .itemwrap .img6 { width: 23.35938%; }
  .main--service .itemwrap .img7 { width: 27.34375%; left: 25%; padding: 0; padding-top: 186px; padding-top: -webkit-calc(19.2% + 40px); padding-top: -ms-calc(19.2% + 40px); padding-top: calc(19.2% + 40px); }
  .main--service .itemwrap .img7 span { padding: 0 20px; } }

.main--dash { background-color: #eef2f5; }

.main--dash .itemwrap { position: relative; padding: 50px 0 130px; width: 100%; margin-left: 100px; }

.main--dash .itemwrap .item1, .main--dash .itemwrap .item2 { float: left; margin-right: 50px; color: #222; letter-spacing: -0.4px; font-weight: 200; }

.main--dash .itemwrap .item1 .txtwrap, .main--dash .itemwrap .item2 .txtwrap { position: relative; z-index: 3; }

.main--dash .itemwrap .item1 .tit, .main--dash .itemwrap .item2 .tit { font-size: 25px; margin: 20px 0 10px; }

.main--dash .itemwrap .item1 .txt, .main--dash .itemwrap .item2 .txt { font-size: 16px; }

.main--dash .itemwrap .item3 { position: absolute; width: 42%; bottom: 21%; right: 3%; }

@media only screen and (max-width: 1499px) { .main--dash .itemwrap { margin-left: 50px; }
  .main--dash .itemwrap .item1, .main--dash .itemwrap .item2 { width: 30%; } }

.main--interview { background-image: url(../images/main/interview_bg.jpg); background-position: center; background-size: cover; text-align: center; padding-bottom:5rem;}

.main--interview .itemwrap { padding: 50px 0 0; max-width: 1330px; margin: 0 auto; }

.main--interview .wrap { max-width: 420px; margin: 0 auto; display: block; width: 100%; }

.main--interview .wrap .img { position: relative; border: 1px solid #737678; border-bottom: 0; height: 62px; }

.main--interview .wrap .img img { left: 0; right: 0; top: 50%; display: block; margin: -40px auto 0; }

.main--interview .wrap .txtwrap { padding: 0 20px; color: #fff; letter-spacing: -0.4px; max-width: 360px; margin: 0 auto; }

.main--interview .wrap .txtwrap .name { line-height: 1.2; }

.main--interview .wrap .txtwrap .txt { color: #aeafb0; font-weight: 200; line-height: 1.8; font-size: 16px; word-break: keep-all; padding-top: 40px; margin-top: 20px; background-image: url(../images/main/interview_quato.png); background-repeat: no-repeat; background-position: top center; }

.main--interview .interview_link { padding: 70px 0 100px; }

.main--interview .interview_link, .main--interview .interview_link a { color: #e1e1e1; }

.main--interview .interview_link .arr_link_02 { font-size: 16px; }

.main--client .client_slide { padding: 50px 0 100px; }

.main--client .client_slide .slick { padding: 0 100px; }

.main--client .client_slide .slick li img { margin: 0 auto; }

.main--client .client_slide .slick-arrow { font-size: 30px; }

.main--kawards .prize_big { right: 16%; top: 0; }

.main--kawards .moveBtn { position: absolute; left: 50%; margin-left: -51px; bottom: -51px; z-index: 10; }

.main--prize { background-color: #f8f8f8; }

.main--prize .prize_wrap li { float: right; }

.main--prize .prize_big { left: 16%; top: 0; }

.prize_wrap { max-width: 1920px; margin: 0 auto; padding: 100px 0 270px; position: relative; }

.prize_wrap li { float: left; width: 11.11111%; text-align: center; }

.prize_big { z-index: 2; position: absolute; width: 30%; max-width: 438px; }

.main--cs .main__tit { text-align: left; }

.main--cs .wrap { padding: 100px 0; }

.main--inquiry { padding: 0 0 100px; background-image: url(../images/main/inquiry_bg.jpg); background-position: center; background-size: cover; }

.s_01 .imgwrap { width: 2000px; height: 980px; background-color: #9a99a1; top: 0; position: absolute; left: 0; max-width: inherit; }

.s_01 .imgwrap:after { z-index: 5; content: ''; width: 100%; height: 980px; display: block; position: absolute; background-image: url(../images/visual/bg1_mask.png); background-size: 2000px; background-repeat: no-repeat; background-position: top left; }

.s_01 .imgwrap .img1 { left: 0; top: 773px; }

.s_01 .imgwrap .img2 { left: 816px; top: 4px; }

.s_01 .imgwrap .img3 { z-index: 2; top: 877px; left:287px; }

.s_01 .imgwrap .img4 { z-index: 3; left: 164px; top: 347px; }

.s_01 .imgwrap .img5 { z-index: 4; left: 277px; top: 0; }

.s_01 .imgwrap .img6 { left: 587px; top: 154px; }

.s_01 .imgwrap .img7 { left: 0; top: 103px; }

.s_01 .imgwrap .img8 { left: 880px; top: 327px; }

.s_01 .imgwrap .img9 { z-index: 5; left: 1134px; top: 272px; }

.s_01 .imgwrap .img10 { left: 1459px; top: 484px; }

.s_01 .imgwrap .img11 { z-index: 5; left: 759px; top: 684px; }

.s_01 .imgwrap .img12 { left: 1710px; top: 100px; }

.s_01 .imgwrap li { position: absolute; transform: translate3d(0, -200px, 0); opacity: 0; }

.s_01.slick-active .imgwrap li { animation: s01img 800ms both 800ms; animation-name: s01img; animation-duration: 800ms; }

.s_01.slick-active .imgwrap li.img1 { animation-delay: 100ms; }

.s_01.slick-active .imgwrap li.img2 { animation-delay: 200ms; }

.s_01.slick-active .imgwrap li.img3 { animation-delay: 300ms; }

.s_01.slick-active .imgwrap li.img4 { animation-delay: 400ms; }

.s_01.slick-active .imgwrap li.img5 { animation-delay: 500ms; }

.s_01.slick-active .imgwrap li.img6 { animation-delay: 600ms; }

.s_01.slick-active .imgwrap li.img7 { animation-delay: 700ms; }

.s_01.slick-active .imgwrap li.img8 { animation-delay: 800ms; }

.s_01.slick-active .imgwrap li.img9 { animation-delay: 900ms; }

.s_01.slick-active .imgwrap li.img10 { animation-delay: 1000ms; }

.s_01.slick-active .imgwrap li.img11 { animation-delay: 1100ms; }

.s_01.slick-active .imgwrap li.img12 { animation-delay: 1200ms; }

@keyframes s01img { 0% { transform: translate3d(0, -200px, 0);
    opacity: 0; }
  70% { opacity: 1; }
  100% { transform: translate3d(0, 0, 0);
    opacity: 1; } }

@-webkit-keyframes s01img { 0% { transform: translate3d(0, -200px, 0);
    opacity: 0; }
  70% { opacity: 1; }
  100% { transform: translate3d(0, 0, 0);
    opacity: 1; } }

.s_02 { background-image: url(../images/visual/bg2.png); background-size: 2000px; background-position: top left; background-repeat: no-repeat; }

.s_02 .imgwrap { width: 2000px; top: 0; position: absolute; left: 0; max-width: inherit; }

.s_02 .imgwrap:after { content: ''; width: 100%; height: 980px; display: block; position: absolute; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#313131+0,313131+100&0.4+0,0+50 */ background: -moz-linear-gradient left, rgba(30, 30, 30, 0.3) 0%, rgba(30, 30, 30, 0.3) 70%, rgba(30, 30, 30, 0) 100%; /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(30, 30, 30, 0.3) 0%, rgba(30, 30, 30, 0.3) 70%, rgba(30, 30, 30, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient to right, rgba(30, 30, 30, 0.3) 0%, rgba(30, 30, 30, 0.3) 70%, rgba(30, 30, 30, 0) 100%; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66313131', endColorstr='#00313131',GradientType=1 ); /* IE6-9 */ }

.s_02 .imgwrap .img1_l { left: 518px; top: 478px; }

.s_02 .imgwrap .img2_l { left: 660px; top: 575px; }

.s_02 .imgwrap .img3_l { left: 748px; top: 425px; }

.s_02 .imgwrap .img4_l { left: 790px; top: 429px; }

.s_02 .imgwrap .img1_r { left: 1622px; top: 48px; }

.s_02 .imgwrap .img2_r { left: 1255px; top: 21px; }

.s_02 .imgwrap .img3_r { left: 1201px; top: 50px; }

.s_02 .imgwrap .img4_r { left: 1416px; top: 251px; }

.s_02 .imgwrap li { position: absolute; opacity: 0; }

.s_02 .imgwrap li.img1_l, .s_02 .imgwrap li.img2_l, .s_02 .imgwrap li.img3_l, .s_02 .imgwrap li.img4_l { transform: translate3d(200px, -114.28571px, 0); }

.s_02 .imgwrap li.img1_r, .s_02 .imgwrap li.img2_r, .s_02 .imgwrap li.img3_r, .s_02 .imgwrap li.img4_r { transform: translate3d(-200px, 114.28571px, 0); }

.s_02.slick-active .imgwrap li.img1_l, .s_02.slick-active .imgwrap li.img2_l, .s_02.slick-active .imgwrap li.img3_l, .s_02.slick-active .imgwrap li.img4_l { animation: s02imgL 1200ms both 1200ms; animation-name: s02imgL; animation-duration: 1200ms; }

.s_02.slick-active .imgwrap li.img1_r, .s_02.slick-active .imgwrap li.img2_r, .s_02.slick-active .imgwrap li.img3_r, .s_02.slick-active .imgwrap li.img4_r { animation: s02imgR 1200ms both 1200ms; animation-name: s02imgR; animation-duration: 1200ms; }

.s_02.slick-active .imgwrap li.img1_r { animation-delay: 400ms; }

.s_02.slick-active .imgwrap li.img2_r { animation-delay: 600ms; }

.s_02.slick-active .imgwrap li.img3_r { animation-delay: 800ms; }

.s_02.slick-active .imgwrap li.img4_r { animation-delay: 1000ms; }

.s_02.slick-active .imgwrap li.img1_l { animation-delay: 450ms; }

.s_02.slick-active .imgwrap li.img2_l { animation-delay: 650ms; }

.s_02.slick-active .imgwrap li.img3_l { animation-delay: 850ms; }

.s_02.slick-active .imgwrap li.img4_l { animation-delay: 1050ms; }

@keyframes s02imgL { 0% { transform: translate3d(200px, -114.28571px, 0);
    opacity: 0; }
  70% { opacity: 1; }
  100% { transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes s02imgR { 0% { transform: translate3d(-200px, 114.28571px, 0);
    opacity: 0; }
  70% { opacity: 1; }
  100% { transform: translate3d(0, 0, 0);
    opacity: 1; } }

@-webkit-keyframes s02imgL { 0% { transform: translate3d(200px, -114.28571px, 0);
    opacity: 0; }
  70% { opacity: 1; }
  100% { transform: translate3d(0, 0, 0);
    opacity: 1; } }

@-webkit-keyframes s02imgR { 0% { transform: translate3d(-200px, 114.28571px, 0);
    opacity: 0; }
  70% { opacity: 1; }
  100% { transform: translate3d(0, 0, 0);
    opacity: 1; } }

@media all and (min-width: 2000px) { .s_01, .s_02 { background-position: top center; }
  .s_01 .imgwrap, .s_02 .imgwrap { margin: 0 auto; right: 0; }
  .s_01 .imgwrap:after, .s_02 .imgwrap:after { margin: 0 auto; } }

/*sub*/
.sub-visual { height: 435px; position: relative; }

.sub-visual .wrap { position: relative; z-index: 1; height: 435px; margin: 0 auto; width: 100%; max-width: 1500px; display: table; }

.sub-visual-title { display: table-cell; text-align: center; vertical-align: middle; color: #fff; }

.sub-visual-title h2 { letter-spacing: -0.4px; line-height: 1.3; font-weight: 200; font-size: 50px; letter-spacing: -2px; word-spacing: -1px; }

.sub-visual-title h2 span { font-weight: 500; }

.sub-visual-bg { background-position: center 0; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; z-index: 0; display: block; width: 100%; height: 435px; position: absolute; top: 0; }

.sub-contents { background-color: #edf1f4; min-height: 500px; padding-bottom: 180px; }

.sub--wrapper { max-width: 1500px; width: 100%; margin: 0 auto; position: relative; margin-top: -50px; background-color: #fff; padding-left: 20px;
  padding-right: 20px; }

.sub--wrapper__contents { max-width: 1200px; margin: 0 auto; padding-bottom: 120px; }

.sub--wrapper .moveBtn { position: absolute; left: 50%; margin-left: -51px; top: -51px; z-index: 10; }

.sub--tit { padding: 150px 0 100px; text-align: center; }

.sub--tit .tit { color: #222; font-size: 45px; line-height: 1.3; letter-spacing: -2px; word-spacing: -1px; }

.sub--tit .tit_01 { font-size: 25px; margin-top: 30px; letter-spacing: -0.3px; font-weight: 500; }

.sub--tit .tit_02 { font-size: 18px; font-weight: 300; }

._red { color: #e6493a; }

.inquiry--wrap em._red { vertical-align: middle; }

.inquiry--wrap .input_01, .inquiry--wrap .input_02, .inquiry--wrap textarea, .inquiry--wrap select, .inquiry--wrap .file_box, .inquiry--wrap .file_list, .inquiry--wrap .clause_box { border: 1px solid #c3c3c3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

.inquiry--wrap .input_01 { position: relative; overflow: hidden; display: inline-block; height: 60px; width: 100%; display: table; }

.inquiry--wrap .input_01.chked { background-color: #f7f7fa; }

.inquiry--wrap .input_01 .wrap { padding-right: 50px; line-height: 58px; position: relative; }

.inquiry--wrap .input_01 .wrap .label { color: #c3c3c3; position: absolute; left: 0; top: 0; font-size: 16px; filter: alpha(opacity=100); opacity: 1; -webkit-transition: 200ms all; transition: 200ms all; }

.inquiry--wrap .input_01 .wrap .label.on { filter: alpha(opacity=0); opacity: 0; }

.inquiry--wrap .input_01 .wrap input { background-color: inherit; background-color: none; background-color: transparent; border: 0; width: 100%; }

.inquiry--wrap .input_01 .i { display: table-cell; vertical-align: middle; width: 58px; height: 58px; text-align: center; }

.inquiry--wrap .input_01 .i img { vertical-align: middle; }

.inquiry--wrap .input_01 .input_chk { right: 10px; filter: alpha(opacity=0); opacity: 0; -webkit-transition: 200ms all; transition: 200ms all; top: 50%; margin-top: -15px; position: absolute; }

.inquiry--wrap .input_01 .input_chk i { -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; width: 30px; height: 30px; line-height: 30px; color: #fff; font-size: 26px; vertical-align: middle; text-align: center; }

.inquiry--wrap .input_01 .input_chk i.xi-check-min { background-color: #152C5E; }

.inquiry--wrap .input_01 .input_chk i.xi-close-min { background-color: #e17776; }

.inquiry--wrap .input_01.chked .input_chk { filter: alpha(opacity=100); opacity: 1; }

.inquiry--wrap .input_02 { margin-bottom: 10px; overflow: hidden; position: relative; }

.inquiry--wrap .input_02 input[type="checkbox"] + label, .inquiry--wrap .input_02 input[type="radio"] + label { width: 100%; text-align: center; -webkit-transition: all 200ms; transition: all 200ms; }

.inquiry--wrap .input_02 input[type="checkbox"] + label p, .inquiry--wrap .input_02 input[type="radio"] + label p { font-size: 16px; color: #111; letter-spacing: -0.2px; font-weight: 300; }

.inquiry--wrap .input_02 input[type="checkbox"]:active:before, .inquiry--wrap .input_02 input[type="checkbox"]:checked + label:active:before, .inquiry--wrap .input_02 input[type="radio"]:active:before, .inquiry--wrap .input_02 input[type="radio"]:checked + label:active:before { box-shadow: inset 0 0 0 4px #152C5E; }

.inquiry--wrap .input_02 input[type="checkbox"]:checked + label, .inquiry--wrap .input_02 input[type="radio"]:checked + label { box-shadow: inset 0 0 0 4px #152C5E; }

.inquiry--wrap .sel_01 { max-width: 380px; height: 60px; font-size: 16px; padding: 0 20px; background-image: url(../images/icon/sel.png); background-repeat: no-repeat; background-size: 16px; background-position: center right 20px; background-color: #f7f7f7; }

.inquiry--wrap .file_box { position: relative; overflow: hidden; display: inline-block; height: 60px; line-height: 58px; width: 100%; }

.inquiry--wrap .file_box p { overflow: hidden; text-overflow: ellipsis; display: block; white-space: nowrap; width: 100%; word-break: break-all; padding: 0 10px; padding-right: 300px; }

.inquiry--wrap .file_box .btn_type_file { background: #f2f2f2; font-size: 18px; color: #222; display: block; width: 300px; text-align: center; position: absolute; top: 0; right: 0; cursor: pointer; }

.inquiry--wrap .file_box .btn_type_file img { vertical-align: middle; margin-right: 10px; }

.inquiry--wrap .file_box input { position: absolute; top: 0; right: 0; left: 0; bottom: 0; width: 100%; height: 100%; opacity: 0; filter: alpha(opacity=0); cursor: pointer; -webkit-appearance: none; }

.inquiry--wrap .file_list { margin-top: 20px; padding: 24px 80px; }

.inquiry--wrap .file_list table { table-layout: fixed; width: 100%; }

.inquiry--wrap .file_list table col { width: 30%; }

.inquiry--wrap .file_list table ._name { width: 60%; }

.inquiry--wrap .file_list table ._delete { width: 70px; }

.inquiry--wrap .file_list table thead th { font-size: 16px; color: #222; text-align: left; }

.inquiry--wrap .file_list table thead tr th:last-child, .inquiry--wrap .file_list table thead tr th + th + th { text-align: center; }

.inquiry--wrap .file_list table tbody td { padding: 5px 0; font-weight: 300; }

.inquiry--wrap .file_list table .delete { display: block; width: 100%; height: 20px; background: url(../images/icon/trash_i.png) no-repeat center center; }

.inquiry--wrap .clause_box { overflow-y: auto; height: 190px; padding: 20px; font-size: 13px; color: #999; }

.inquiry--wrap .inquiry_cont._1 { max-width: 880px; }

.inquiry--wrap .inquiry_cont._1 .input_01 { margin-bottom: 24px; }

.inquiry--wrap .inquiry_cont._2 .input_02 { background-color: #f7f7f7; }

.inquiry--wrap .inquiry_cont._2 .input_02 .cont { text-align: center; padding: 26px 0; }

.inquiry--wrap .inquiry_cont._2 .input_02 .cont p { margin-top: 10px; font-size: 16px; color: #111; letter-spacing: -0.2px; font-weight: 300; }

.inquiry--wrap .inquiry_cont._2 .input_02 input[type="checkbox"] + label, .inquiry--wrap .inquiry_cont._2 .input_02 input[type="radio"] + label { position: absolute !important; height: 100%; width: 100%; }

.inquiry--wrap .inquiry_cont._3 label { padding: 18px 0; background-color: #f7f7f7; }

.inquiry--wrap .inquiry_cont._4 textarea { height: 250px; }

.inquiry--wrap .titwrap, .inquiry--wrap .inquiry_cont { padding-left: 70px; }

.inquiry_tit { position: relative; margin-bottom: 50px; }

.inquiry_tit .num { position: absolute; width: 45px; height: 45px; line-height: 45px; -webkit-border-radius: 45px; -moz-border-radius: 45px; border-radius: 45px; font-size: 18px; text-align: center; display: inline-block; border: 1px solid #666; color: #222; top: 0; left: 0; }

.inquiry_tit .tit { line-height: 45px; font-size: 25px; color: #222; letter-spacing: -0.4px; }

.inquiry_tit .desc { margin-top: 10px; color: #908f8f; font-weight: 300; letter-spacing: -0.2px; font-size: 18px; }

.inquiry_tit .desc span { display: inline-block; }

.inquiry--item { margin-bottom: 100px; }

.inquiry--done { padding-bottom: 50px; }

.chk_cir { line-height: 20px; }

.chk_cir input[type="checkbox"] + label { display: inline-block; position: relative; padding-left: 25px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }

.chk_cir input[type="checkbox"] + label:before { content: ''; position: absolute; left: 0; top: 50%; margin-top: -10px; width: 20px; height: 20px; text-align: center; background: #fafafa; border: 1px solid #444; border-radius: 100%; }

.chk_cir input[type="checkbox"]:checked + label:before { background: #E9ECEE; border-color: #666; }

.chk_cir input[type="checkbox"]:checked + label:after { content: ''; position: absolute; top: 50%; margin-top: -6px; left: 4px; width: 12px; height: 12px; background: #333; border-radius: 100%; }

.inquiry--wrap .input_02 input[type="checkbox"], .inquiry--wrap .inquiry_cont._2 .input_02 input[type="checkbox"], .chk_cir input[type="checkbox"], .inquiry--wrap .input_02 input[type="radio"], .inquiry--wrap .inquiry_cont._2 .input_02 input[type="radio"], .chk_cir input[type="radio"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }

.inquiry--wrap .input_02 input[type="checkbox"] + label, .inquiry--wrap .inquiry_cont._2 .input_02 input[type="checkbox"] + label, .chk_cir input[type="checkbox"] + label, .inquiry--wrap .input_02 input[type="radio"] + label, .inquiry--wrap .inquiry_cont._2 .input_02 input[type="radio"] + label, .chk_cir input[type="radio"] + label { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }

*[class*="btn-type-0"] { display: inline-block; text-align: center; -webkit-transition: 200ms all; transition: 200ms all; color: #fff; background-color: #666; cursor: pointer; vertical-align: middle; border-style: solid; border-color: #666; }

._btn1 { background-color: #152C5E; border-color: #152C5E; color: #fff; }

._btn1:hover { background-color: #fff; color: #152C5E; }

._btn2 { background-color: #056a90; border-color: #056a90; color: #fff; }

._btn2:hover { background-color: #fff; color: #056a90; }

._btn3 { background-color: #fff; border-color: #fff; color: #999; border-color: #999; color: #444; }

._btn3:hover { background-color: #999; color: #fff; }

._btn4 { background-color: #fff; border-color: #fff; color: #9c9c9c; border-color: #333; }

._btn4:hover { background-color: #9c9c9c; color: #fff; }

.btn-type-01 { padding: 0 20px; height: 30px; line-height: 28px; border-width: 1px; }

.btn-type-02 { min-width: 230px; padding: 0 0; height: 80px; line-height: 78px; border-width: 1px; font-size: 20px; }

.clause_modal { font-size: 13px; color: #444; }

.clause_modal .modal-content { padding: 50px 0; font-weight: 300; }

.clause_modal .modal-body { text-align: left; height: 600px; overflow-y: auto; }

/*
slick
*/
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-slider, .slick-slider a { outline: none; }

.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }

.slick-list:focus { outline: none; }

.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-list .slick-track, .slick-list .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; top: 0; left: 0; display: block; }

.slick-track:before, .slick-track:after { display: table; content: ''; }

.slick-track:after { clear: both; }

.slick-loading .slick-track { visibility: hidden; }

.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }

[dir='rtl'] .slick-slide { float: right; }

.slick-slide img { display: block; }

.slick-slide.slick-loading img { display: none; }

.slick-slide.dragging img { pointer-events: none; }

.slick-initialized .slick-slide { display: block; }

.slick-loading .slick-slide { visibility: hidden; }

.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.slick-arrow.slick-hidden { display: none; }

.slick { visibility: hidden; }

.slick.slick-initialized { visibility: visible !important; }

.sa_l, .sa_r { -webkit-transform: translate(0, -50%); transform: translate(0, -50%); -webkit-transition: 200ms all; transition: 200ms all; line-height: 0; position: absolute; top: 50%; display: block; cursor: pointer; z-index: 50; }

.sa_l { left: 0; }

.sa_r { right: 0; }

.slick-prev { left: 0; }

.slick-next { right: 0; }

.slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; z-index: 50; }

.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { filter: alpha(opacity=100); opacity: 1; }

.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { filter: alpha(opacity=25); opacity: 0.25; }

.slick-prev:before, .slick-next:before { font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

[dir='rtl'] .slick-prev { right: 0; left: auto; }

.slick-prev:before { content: '←'; }

[dir='rtl'] .slick-prev:before { content: '→'; }

[dir='rtl'] .slick-next { right: auto; left: 0; }

.slick-next:before { content: '→'; }

[dir='rtl'] .slick-next:before { content: '←'; }

.slick-dotted.slick-slider { margin-bottom: 30px; }

.slick-dots { position: absolute; bottom: -40px; left: 0; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; }

.slick-dots li { position: relative; display: inline-block; width: 10px; height: 10px; margin: 0 5px; padding: 0; cursor: pointer; }

.slick-dots li button { font-size: 0; line-height: 0; display: block; width: 10px; height: 10px; border-radius: 5px; -ms-border-radius: 5px; -webkit-border-radius: 5px; padding: 5px; background-color: #fff; cursor: pointer; color: transparent; border: 0; outline: none; }

.slick-dots li button:before { font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 10px; height: 10px; border-radius: 5px; -ms-border-radius: 5px; -webkit-border-radius: 5px; content: ""; /*'•';*/ text-align: center; opacity: .25; color: #fff; /*background-color:#ddd;*/ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }

.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }

.slick-dots li.slick-active button:before { opacity: .75; color: black; background-color: #152C5E; }


/*2020-02-11 jhy*/
.chk-pt{
	line-height: 40px;
}
._f2{
	color: #fff;
}


/*팝업 */
.mfp-content {
  text-align: center; }

.pop-con {
  position: relative;
  display: inline-block;
  padding: 0;
  background-color: #fff; }

.video-pop {
  position: relative;
  display: inline-block; }

.video-pop.pop-con .mfp-close {
  background: url(../images/icon/close_i.png) no-repeat 0 0;
  background-size: 30px auto;
  top: -40px; }

.pop-con.video-pop {
  margin: 0 2%;
  width: 96%;
  padding: 0;
  max-width: 900px; }

.pass-pop-box {
  width: 400px; }
  .pass-pop-box .pass-pop-head {
    position: relative;
    padding: 10px;
    background-color: #e3444f;
    border: solid 1px #e3444f;
    color: #fff; }
  .pass-pop-box .pass-pop-content {
    padding: 20px 10px 20px 10px;
    background-color: #fff;
    border: solid 1px #e3444f; }
  .pass-pop-box .btn-pass-01 {
    display: inline-block;
    padding: 4px 25px;
    color: #fff;
    background-color: #151515;
    border-radius: 5px;
    font-size: 15px; }

.pop-con.close-02 .mfp-close {
  color: #fff; }

.modal_standard {
  position: fixed;
  left: 0;
  top: 0;
  display: table;
  height: 100%;
  width: 100%;
  overflow: hidden;
  text-align: center; }

.modal_wrap {
  display: table-cell;
  vertical-align: middle;
  position: static;
  top: 50%; }

.modal_con {
  min-height: 50px; }

.close {
  position: absolute;
  top: 0;
  right: 10px;
  font-size: 35px;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: .2; }
  .close:hover, .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: .5; }

button.close {
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0; }

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0; }
  .modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: -webkit-transform 0.3s ease-out;
    -o-transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%); }
  .modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); }

.modal-open {
  overflow-x: hidden; }
  .modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto; }

.modal-content {
  position: relative;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  outline: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); }

.modal-backdrop {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  background-color: #000; }
  .modal-backdrop.fade {
    filter: alpha(opacity=0);
    opacity: 0; }
  .modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .5;
    z-index: 300; }

.modal-header {
  min-height: 16.42857143px;
  padding: 15px; }
  .modal-header .close {
    margin-top: -2px; }

.modal-title {
  margin: 0;
  line-height: 1.42857143; }

.modal-body {
  position: relative;
  padding: 20px; }

.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5; }
  .modal-footer .btn + .btn {
    margin-bottom: 0;
    margin-left: 5px; }
  .modal-footer .btn-group .btn + .btn {
    margin-left: -1px; }
  .modal-footer .btn-block + .btn-block {
    margin-left: 0; }

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll; }

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #000;
  opacity: .5; }

@media (min-width: 768px) {
  .modal-dialog {
    margin: 0 auto;
    display: inline-block; }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); }
  .modal-sm {
    width: 300px; } }

@media (min-width: 992px) {
  .modal-lg {
    width: 900px; } }

@media (max-width: 768px) {
  .modal-dialog {
    width: 96% !important;
    margin: 0 2%; } }

.mfp-content {
  text-align: center; }

.pop-con {
  position: relative;
  display: inline-block;
  width:100%;
  max-width:1000px;
  padding:40px 30px;
  border-radius:0;
  max-height:600px;
  text-align:left;
  overflow-y:auto;
  background-color: #fff; }

.mfp-close-btn-in .mfp-close:after {
  font-size: 30px;
  font-family: 'xeicon' !important;
  content:'\e9af';
  color:#333;
}
.pop-con .tit_bx {
    text-align: center;
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 30px;
}
.pop-con .tit_bx .tit{
	font-size: 25px;
	color: #222;
}


.col_scroll {
    height: 100%;
    overflow-x: hidden;
    padding: 0 0 20px 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
.term_wrap {
    border: 1px solid #ddd;
    padding: 30px;
    word-break: keep-all;
    line-height: 1.7;
}
.col_scroll::-webkit-scrollbar, .row_scroll::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    background-color: #fff;
}

.col_scroll::-webkit-scrollbar-thumb, .row_scroll::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #999;
}

.col_scroll::-webkit-scrollbar-track, .row_scroll::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #fff;
}

/* 포트폴리오 */

.search-area.pf .input-area {
  width: 100%;
  margin: 0 auto;
}

.pf-area li{
  margin-bottom: 30px;
}

.pf-area li .pf-box {
  position: relative;
  display: block;
  height: auto;
  box-shadow: 0 50px 60px rgba(0, 0, 0, 0.1);
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}

.pf-area li .pf-box a {
  height: auto;
  box-shadow: none;
  animation: none;
  transform: none;
}

.pf-area li .pf-box .txt-box {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  width: 100%;
  box-sizing: border-box;
  height: 100%;
  padding: 40px 30px;
  color: #fff;
}

.pf-area li .pf-box .txt-box .dis_cel {
  vertical-align: bottom;
}

.pf-area li .pf-box .txt-box .pf-name {
  font-size: 25px;
  margin-top: 15px;
  line-height: 1.2;
  font-weight: 600;
}

.pf-area li .pf-box .img-box {
  position: relative;
  overflow: hidden;
}

.pf-area li .pf-box .img-box::after {
  content: '';
  display: block;
  padding-bottom: 60.83650190114068%;
}

.pf-area li .pf-box .img-box img {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 1000%;
  min-height: 1000%;
  max-width: none;
  max-height: none;
  transform: translate(-50%, -50%) scale(0.1);
}

.pf-area li .pf-box .over {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  z-index: 3;
  background: rgba(0,0,0,0.8);
  display: flex;
  align-items: center;
  justify-content: center;
}

.pf-area li .pf-box:hover .over {
  opacity: 1;
}

.pf-area li .pf-box .over .over-info-box {
  display: flex;
  align-items: stretch;
  justify-content: center;
  width: 100%;
  padding: 0 24px;
}

.pf-area li .pf-box .over .over-info-box .over-info-box-l {
  flex: 1 1 auto;
  width: 1%;
  text-align: left;
}

.pf-area li .pf-box .over .over-info-box .over-info-box-r {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pf-area li .pf-box .over .over-info-badge {
  display: inline-block;
  color: #ffffff;
  border: 1px solid #fff;
  border-radius: 50px;
  padding: 5px 10px;
  font-weight: 300;
  font-size: 12px;
  margin-bottom: 16px;
}

.pf-area li .pf-box .over .over-info-title {
  font-size: 23px;
  font-weight: 700;
  margin-bottom: 16px;
  color: #ffffff;
  line-height: 1.4;
}

.pf-area li .pf-box .over .over-info-date {
  font-size: 12px;
  color: #ffffff;
  opacity: 0.7;
  letter-spacing: 0;
}

.pf-area li .pf-box .over .over-info-time {
  font-size: 12px;
  color: #ffffff;
  opacity: 0.7;
  letter-spacing: 0;
}

.pf-area li .pf-box .over .over-info-os {
  font-size: 12px;
  color: #ffffff;
  margin-top: 20px;
}

.pf-area li .pf-box .over .over-info-link-box {
  text-align: center;
  margin-top: 20px;
}

.pf-area li .pf-box .over .over-info-link {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  color: #ffffff;
  opacity: 1;
  width: 52px;
  height: 52px;
  border: 1px solid #fff;
  border-radius: 100%;
  font-size: 28px;
}

.pf-area li .pf-box .over .over-info-link + .over-info-link {
  margin-top: 10px;
}


@media screen and (max-width: 1200px) {
  .pf-area li {
    width: 50% !important;
    margin-bottom: 20px;
  }
}


/* 포트폴리오 상세페이지 */

.sub_wrap.pd0 {
  padding: 0;
}

.dis_tbl {
  display: table;
  width: 100%;
  height: 100%;
}

.dis_cel {
  display: table-cell;
  vertical-align: middle;
  padding: 0 5px;
}

.mt_10 {
  margin-top: 10px !important;
}

.mz-visual {
  height: 935px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  text-align: center;
  color: #fff;
}

.mz-visual .pf-tit {
  margin-bottom: 50px;
  color: #fff;
  font-size: 74px;
  line-height: 1.3;
  font-weight: 600;
}


.mz-visual.story-visual .category {
  font-size: 40px;
  font-weight: 600;
  margin-bottom: 35px;
}

.mz-visual.story-visual .pf-tit {
  margin-bottom: 70px;
}

.mz-visual.story-visual .date {
  font-size: 22px;
}
.mz-con.pf-detail-img-area{
	text-align:center;
	padding-bottom:0;
}
.mz-con{
	padding-bottom:150px;
}
@media screen and (max-width: 1200px) {
  .mz-visual .pf-tit {
    font-size: 60px;
  }
}

@media screen and (max-width: 1024px) {
  .mz-visual {
    height: 800px;
  }
  .mz-visual .pf-tit {
    font-size: 50px;
  }
  .mz-visual.story-visual .category {
    font-size: 35px;
    margin-bottom: 30px;
  }
  .mz-visual.story-visual .date {
    font-size: 22px;
  }
}

@media screen and (max-width: 850px) {
  .mz-visual {
    height: 700px;
  }
  .mz-visual .pf-tit {
    font-size: 40px;
  }
  .mz-visual.story-visual .category {
    font-size: 30px;
  }
  .mz-visual.story-visual .date {
    font-size: 18px;
  }
  .mz-con{
	padding-bottom:100px;
}
}

@media screen and (max-width: 640px) {
  .mz-visual {
    height: 500px;
  }
    .mz-con{
	padding-bottom:90px;
}
  .mz-visual .pf-tit {
    font-size: 30px;
  }
  .mz-visual.story-visual .category {
    font-size: 25px;
  }
  .mz-visual.story-visual .date {
    font-size: 15px;
  }
}



.pf-detail-con .blog-txt{
	line-height:1.8;
}

@media screen and (max-width: 1024px) {
  .pf-detail-con {
    padding-top: 90px;
  }
}

@media screen and (max-width: 850px) {
  .pf-detail-con {
    padding-top: 70px;
  }
}

@media screen and (max-width: 640px) {
  .pf-detail-con {
    padding-top: 60px;
  }
}

.mz-paging {
  background: #202020;
}

.mz-paging a {
  display: block;
  height: 60px;
  line-height: 60px;
  color: #fff;
  font-weight: 600;
  text-align: center;
}

.mz-paging a:hover i {
  color: #7d67ff;
  -webkit-animation-name: scaleup;
  animation-name: scaleup;
  -webkit-animation-duration: 1.1s;
  animation-duration: 1.1s;
  -webkit-animation-timing-function: linear;
  /* Safari 4.0 - 8.0 */
  animation-timing-function: linear;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.mz-paging a:hover .list-back-i {
  background-image: url(../images/icon/list-back-icon-on.png);
}

.mz-paging a.prev {
  text-align: left;
}

.mz-paging a.next {
  text-align: right;
}

.mz-paging a i {
  font-size: 20px;
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}
.mz-paging a span{
	display:inline-block;
}

.mz-paging a .list-back-i {
  background-image: url(../images/icon/list-back-icon.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  width: 24px;
  height: 16px;
  margin-right: 5px;
}

.mz-paging a .prev-txt {
  opacity: 0.3;
  filter: alpha(opacity=30);
  font-size: 12px;
  margin: 0 18px;
}

.mz-paging.fixed {
  position: fixed;
  width: 100%;
  left: 0;
  bottom: 0;
}

.mz-paging.fixed .wrapper {
  margin: 0 auto;
}

@media screen and (max-width: 850px) {
  .mz-paging .col-lg-4 {
    position: relative;
    width: 40%;
    padding: 0 5px;
  }
  .mz-paging .col-lg-4:nth-child(2) {
    width: 20%;
  }
  .mz-paging a {
    font-size: 13px;
  }
  .mz-paging a .prev-txt {
    display: none;
  }
}

@media screen and (max-width: 640px) {
  .mz-paging .col-lg-4 {
    position: relative;
    display: table;
  }
  .mz-paging a {
    display: table-cell;
    line-height: inherit;
    vertical-align: middle;
  }
  .mz-paging a.prev {
    padding-left: 20px;
  }
  .mz-paging a.prev i {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -10px;
  }
  .mz-paging a.next {
    padding-right: 20px;
  }
  .mz-paging a.next i {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -10px;
  }
  .mz-paging a.list span{
	  height:auto;
  }


}