@charset "UTF-8";
/*
date:2017-09-22
title: h&p logis
type: responsive
author: banghg
*/
@import url(mCustomScrollbar.css);
@import url(magnific-popup.css);
@import url(animate.css);
@import url(slick.css);
@import url(slick-theme.css);
@import url(jquery.bxslider.css);
._mc { color: #df7a32; }
a { transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; }
.ellipsis, .gall-list .item .des p.tit { display: block; word-wrap: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
/* _basic.scss*/
body { font-size: 16px; width: 100%; color: #555; overflow-y: auto; line-height: 1.7; -webkit-text-size-adjust: none; font-weight: 400; }
@media only screen and (max-width: 640px) {
body { font-size: 13px; }
}
::selection { background: #0a2240; color: #ddd; text-shadow: none; }
/*setting*/
a { color: #555; text-decoration: none; transition: color, background 0.2s linear; }
a:hover, a:focus { text-decoration: none !important; }
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; }
/* HTML5 display-role reset for older browsers */
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; }
fieldset, blockquote, iframe, button { border: none; }
i, em, u, cite { font-style: normal; }
em, b { font-weight: normal; }
img, fieldset { border: 0; outline: none; }
input, button { outline: none; }
.clearfix:before, .row_0:before, .row_5:before, .row_10:before, .sub-contents:before, .topmenu .snswrap:before, .clearfix:after, .row_0:after, .row_5:after, .row_10:after, .sub-contents:after, .topmenu .snswrap:after { content: " "; display: table; }
.clearfix:after, .row_0:after, .row_5:after, .row_10:after, .sub-contents:after, .topmenu .snswrap:after { clear: both; }
.hidden { position: absolute; overflow: hidden; visibility: hidden; width: 0; height: 0; margin: 0; padding: 0; font-size: 0; line-height: 0; background: none; }
.banner_sj { display: none !important; }
.banner_pc { display: flex !important; }
/* 바로가기 */
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; }
*, *:after, *:before { box-sizing: border-box; }
option, label, textarea { margin: 0; }
option { border: solid 1px #ccc; background-color: #fff; text-indent: 7px; }
label { font-weight: normal; vertical-align: middle; }
textarea { border: solid 1px #ddd; background-color: #fff; font-size: 1em; overflow: auto; min-height: 156px; width: 80%; -webkit-appearance: none; -webkit-border-radius: 0; resize: none; }
textarea.txtarea { width: 100%; box-sizing: border-box; }
textarea.text-area-01 { width: 100%; padding: 8px; height: 150px; border: solid 1px #ddd; overflow-y: auto; }
button { margin: 0; padding: 0; vertical-align: middle; background: transparent; }
button, input[type="submit"], input[type="button"], input[type="reset"] { cursor: pointer; -webkit-appearance: none; }
section, nav, article, aside, header, footer, main { display: block; }
 input[type="date"]::-webkit-calendar-picker-indicator, input[type="date"]::-webkit-inner-spin-button {
display: none;
}

::-webkit-input-placeholder {
color: #aaa;
}

::-moz-placeholder {
color: #aaa;
}

:-ms-input-placeholder {
color: #aaa;
}

:-moz-placeholder {
color: #aaa;
}

::-ms-clear, ::-ms-reveal {
display: none;
}
select, textarea, button { font: inherit; -webkit-appearance: none; border-radius: 0; }
input, select, textarea { padding: 0 5px; font-size: 14px; line-height: 30px }
/*input*/
input { font: inherit; margin: 0; line-height: normal; -webkit-border-radius: 0; resize: none; font-size: 14px }
/*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: auto; border: none; font-size: 1em; line-height: 2.4; color: #fff; background: transparent; padding: 0 }
/*input[type="text"], input[type="file"], input[type="password"] { height: 30px; line-height: 30px; margin: 0; vertical-align: middle; border: solid 1px #ddd; resize: none; appearance: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; -webkit-border-radius: 0; border-radius: 0; text-overflow: ''; zoom: 1; }*/
input[placeholder] { font-family: Roboto, "Helvetica Neue", Helvetica, Tahoma, Arial, "PingFang SC", " "; }
/*select*/
select { height: 30px; line-height: 30px; margin: 0; vertical-align: middle; border: solid 1px #ddd; resize: none; appearance: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; -webkit-border-radius: 0; border-radius: 0; text-overflow: ''; zoom: 1; width: 100%; background: #ffffff url(../images/select_down.png) no-repeat center right 5px; font-size: 14px }
select::-ms-expand {
display: none;
}
.lt-ie10 select { font-family: inherit; background: none; padding: 0; }
.lt-ie9 select { font-family: inherit; background: none; padding: 6px; }
/*margin*/
.mt_05 { margin-top: 5px !important; }
.ml_05 { margin-left: 5px !important; }
.mr_05 { margin-right: 5px !important; }
.mb_05 { margin-bottom: 5px !important; }
.mt_06 { margin-top: 6px !important; }
.ml_06 { margin-left: 6px !important; }
.mr_06 { margin-right: 6px !important; }
.mb_06 { margin-bottom: 6px !important; }
.mt_07 { margin-top: 7px !important; }
.ml_07 { margin-left: 7px !important; }
.mr_07 { margin-right: 7px !important; }
.mb_07 { margin-bottom: 7px !important; }
.mt_08 { margin-top: 8px !important; }
.ml_08 { margin-left: 8px !important; }
.mr_08 { margin-right: 8px !important; }
.mb_08 { margin-bottom: 8px !important; }
.mt_09 { margin-top: 9px !important; }
.ml_09 { margin-left: 9px !important; }
.mr_09 { margin-right: 9px !important; }
.mb_09 { margin-bottom: 9px !important; }
.mt_10 { margin-top: 10px !important; }
.ml_10 { margin-left: 10px !important; }
.mr_10 { margin-right: 10px !important; }
.mb_10 { margin-bottom: 10px !important; }
.mt_20 { margin-top: 20px !important; }
.ml_20 { margin-left: 20px !important; }
.mr_20 { margin-right: 20px !important; }
.mb_20 { margin-bottom: 20px !important; }
.mt_30 { margin-top: 30px !important; }
.ml_30 { margin-left: 30px !important; }
.mr_30 { margin-right: 30px !important; }
.mb_30 { margin-bottom: 30px !important; }
.mt_40 { margin-top: 40px !important; }
.ml_40 { margin-left: 40px !important; }
.mr_40 { margin-right: 40px !important; }
.mb_40 { margin-bottom: 40px !important; }
.mt_50 { margin-top: 50px !important; }
.ml_50 { margin-left: 50px !important; }
.mr_50 { margin-right: 50px !important; }
.mb_50 { margin-bottom: 50px !important; }
.mt_60 { margin-top: 60px !important; }
.ml_60 { margin-left: 60px !important; }
.mr_60 { margin-right: 60px !important; }
.mb_60 { margin-bottom: 60px !important; }
.mt_70 { margin-top: 70px !important; }
.ml_70 { margin-left: 70px !important; }
.mr_70 { margin-right: 70px !important; }
.mb_70 { margin-bottom: 70px !important; }
.mt_80 { margin-top: 80px !important; }
.ml_80 { margin-left: 80px !important; }
.mr_80 { margin-right: 80px !important; }
.mb_80 { margin-bottom: 80px !important; }
.mt_90 { margin-top: 90px !important; }
.ml_90 { margin-left: 90px !important; }
.mr_90 { margin-right: 90px !important; }
.mb_90 { margin-bottom: 90px !important; }
.mt_100 { margin-top: 100px !important; }
.ml_100 { margin-left: 100px !important; }
.mr_100 { margin-right: 100px !important; }
.mb_100 { margin-bottom: 100px !important; }
.font_8 { font-size: 8px; }
.font_9 { font-size: 9px; }
.font_10 { font-size: 10px; }
.font_11 { font-size: 11px; }
.font_12 { font-size: 12px; }
.font_13 { font-size: 13px; }
.font_14 { font-size: 14px; }
.font_15 { font-size: 15px; }
.font_16 { font-size: 16px; }
.font_17 { font-size: 17px; }
.font_18 { font-size: 18px; }
._b0 { color: #000; }
._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: 200; }
.fw3 { font-weight: 300; }
.bold { font-weight: bold; }
.bolder { font-weight: bolder; }
.bt_no { border-top: none !important; }
.bb_no { border-bottom: none !important; }
.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; }
.line_10 { line-height: 1; }
.line_12 { line-height: 1.2; }
.line_14 { line-height: 1.4; }
.line_15 { line-height: 1.5; }
.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; }
/* _font.scss*/

.main-visual .slide-content .tit1, .main_history h3.main_tit2 .tit_e, .history_slick .wrap .txtwrap .tit, .history-con .year p { }
/*나눔바른고딕 Nanum Barun Gothic */
@font-face { font-family: 'Nanum Barun Gothic'; font-style: normal; font-weight: 700; src: url("../fonts/NanumBarunGothic-Bold.eot"); src: url("../fonts/NanumBarunGothic-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/NanumBarunGothic-Bold.woff") format("woff"), url("../fonts/NanumBarunGothic-Bold.ttf") format("truetype"); }
@font-face { font-family: 'Nanum Barun Gothic'; font-style: normal; font-weight: 400; src: url("../fonts/NanumBarunGothic-Regular.eot"); src: url("../fonts/NanumBarunGothic-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/NanumBarunGothic-Regular.woff") format("woff"), url("../fonts/NanumBarunGothic-Regular.ttf") format("truetype"); }
.nanum_bg { font-family: "Nanum Barun Gothic"; }
/*나눔스퀘어*/
.noto { font-family: Roboto, "Helvetica Neue", Helvetica, Tahoma, Arial, "PingFang SC", " "; }
/* 코펍 돋움 KoPub Dotum */
/*
_tab.css
*/
.tab-wrap .tab.tab1 li, .tabwrap .tab.tab1 li { width: 100%; }
.tab-wrap .tab.tab2 li, .tabwrap .tab.tab2 li { width: 50%; }
.tab-wrap .tab.tab3 li, .tabwrap .tab.tab3 li { width: 33.3333333333%; }
.tab-wrap .tab.tab4 li, .tabwrap .tab.tab4 li { width: 25%; }
.tab-wrap .tab.tab5 li, .tabwrap .tab.tab5 li { width: 20%; }
.tab-wrap .tab.tab6 li, .tabwrap .tab.tab6 li { width: 16.6666666667%; }
.tab-wrap .tab.tab7 li, .tabwrap .tab.tab7 li { width: 14.2857142857%; }
.tab-wrap .tab.tab8 li, .tabwrap .tab.tab8 li { width: 12.5%; }
 @media only screen and (max-width: 900px) {
.tab-wrap .tab.tab6 li, .tabwrap .tab.tab6 li { width: 33.33%; }
}
/*TAB*/
.sub-menu-tab { position: relative; text-align: center; width: 100%; }
 @media only screen and (max-width: 640px) {
.sub-menu-list.pc { display: none; }
}
.sub-menu-tab-box { position: relative; margin: 0 auto; width: 100%; text-align: center; }
.sub-menu-tab-box .sub-menu-list { display: inline-block; position: relative; width: 100%; border: 1px solid #ddd; box-sizing: border-box; }
.sub-menu-tab-box .sub-menu-list li { position: relative; float: left; border-bottom: 3px solid rgba(0, 0, 0, 0); }
.sub-menu-tab-box .sub-menu-list li:first-child a { border-left: 0; }
.sub-menu-tab-box .sub-menu-list li a { display: inline-block; text-align: center; width: 100%; font-size: 17px; height: 20px; padding: 20px 0; line-height: 20px; font-weight: 300; letter-spacing: -0.5px; transition: none; }
.sub-menu-tab-box .sub-menu-list li a:before { content: ""; height: 20px; background-color: #ddd; width: 1px; left: -1px; position: absolute; }
.sub-menu-tab-box .sub-menu-list li a:after { height: 3px; width: 100%; background-color: #7caf3f; display: block; position: absolute; bottom: -3px; -webkit-transition: 0.3s all; -o-transition: 0.3s all; transition: 0.3s all; }
.sub-menu-tab-box .sub-menu-list li:hover a, .sub-menu-tab-box .sub-menu-list li a:hover, .sub-menu-tab-box .sub-menu-list li a.active { color: #7caf3f; font-weight: 500; }
.sub-menu-tab-box .sub-menu-list li:hover a:after, .sub-menu-tab-box .sub-menu-list li a:hover:after, .sub-menu-tab-box .sub-menu-list li a.active:after { content: ""; }
.tab-wrap, .tabwrap { position: relative; text-align: center; }
.tab-wrap .tab-content, .tabwrap .tab-content { display: none; }
.tab-wrap .tab, .tabwrap .tab { padding: 0; list-style: none; box-sizing: border-box; position: relative; z-index: 1; }
.tab-wrap .tab li, .tabwrap .tab li { float: left; box-sizing: border-box; }
.tab-wrap .tab li a, .tabwrap .tab li a { display: inline-block; text-align: center; position: relative; width: 100%; }
.tab-wrap .tab li a.active, .tabwrap .tab li a.active, .tab-wrap .tab li a:hover, .tabwrap .tab li a:hover { margin: 0; z-index: 1; }
.tab-wrap .tab.tabwrap-style-cir, .tabwrap .tab.tabwrap-style-cir { border: 0; }
.tab-wrap .tab.tabwrap-style-cir li, .tabwrap .tab.tabwrap-style-cir li { padding: 0 5px; border-left: 0; }
.tab-wrap .tab.tabwrap-style-cir li a, .tabwrap .tab.tabwrap-style-cir li a { width: 100%; height: 60px; line-height: 60px; letter-spacing: -0.5px; border: 1px solid #ddd; color: #666; -webkit-border-radius: 60px; -moz-border-radius: 60px; -ms-border-radius: 60px; -o-border-radius: 60px; border-radius: 60px; }
.tab-wrap .tab.tabwrap-style-cir li a.active, .tabwrap .tab.tabwrap-style-cir li a.active, .tab-wrap .tab.tabwrap-style-cir li a:hover, .tabwrap .tab.tabwrap-style-cir li a:hover { color: #fff; border: 1px solid #df7a32; }
@media only screen and (max-width: 640px) {
.tab-wrap .tab.tabwrap-style-cir li, .tabwrap .tab.tabwrap-style-cir li { padding: 0 2px; border-left: 0; }
.tab-wrap .tab.tabwrap-style-cir li a, .tabwrap .tab.tabwrap-style-cir li a { height: 40px; line-height: 40px; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px; border-radius: 40px; }
}
.tab-wrap .tab.tabwrap-tooltip, .tabwrap .tab.tabwrap-tooltip { margin: 0 auto 30px; }
.tab-wrap .tab.tabwrap-tooltip li, .tabwrap .tab.tabwrap-tooltip li { width: auto !important; display: inline-block; float: none; border-left: 0; }
.tab-wrap .tab.tabwrap-tooltip li a, .tabwrap .tab.tabwrap-tooltip li a { border: 0; width: 100%; height: 28px; line-height: 28px; letter-spacing: -0.5px; padding: 0 20px; color: #666; font-size: 14px; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -ms-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; }
.tab-wrap .tab.tabwrap-tooltip li a:after, .tabwrap .tab.tabwrap-tooltip li a:after { content: ""; bottom: 0; position: absolute; display: inline-block; width: 8px; margin-left: -4px; height: 6px; left: 50%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.tab-wrap .tab.tabwrap-tooltip li a.active, .tabwrap .tab.tabwrap-tooltip li a.active, .tab-wrap .tab.tabwrap-tooltip li a:hover, .tabwrap .tab.tabwrap-tooltip li a:hover { color: #fff; background-color: #111; }
.tab-wrap .tab.tabwrap-tooltip li a.active:after, .tabwrap .tab.tabwrap-tooltip li a.active:after, .tab-wrap .tab.tabwrap-tooltip li a:hover:after, .tabwrap .tab.tabwrap-tooltip li a:hover:after { bottom: -6px; background: url(../images/tab_on.png) no-repeat; }
.tab-wrap .tab.tabwrap-bar, .tabwrap .tab.tabwrap-bar { margin: 0 auto 30px; }
.tab-wrap .tab.tabwrap-bar li, .tabwrap .tab.tabwrap-bar li { height: 20px; line-height: 20px; width: auto !important; display: inline-block; float: none; border-left: 0; border-left: 1px solid #ddd; }
.tab-wrap .tab.tabwrap-bar li:first-child, .tabwrap .tab.tabwrap-bar li:first-child { border-left: 0; }
.tab-wrap .tab.tabwrap-bar li a, .tabwrap .tab.tabwrap-bar li a { border: 0; width: 100%; letter-spacing: -0.5px; padding: 0 20px; color: #666; font-size: 18px; }
.tab-wrap .tab.tabwrap-bar li a.active, .tabwrap .tab.tabwrap-bar li a.active, .tab-wrap .tab.tabwrap-bar li a:hover, .tabwrap .tab.tabwrap-bar li a:hover { color: #585745; font-weight: 500; }
@media only screen and (max-width: 640px) {
.tab-wrap .tab.tabwrap-bar, .tabwrap .tab.tabwrap-bar { margin: 0 auto 20px; }
.tab-wrap .tab.tabwrap-bar li, .tabwrap .tab.tabwrap-bar li { height: 16px; line-height: 16px; }
.tab-wrap .tab.tabwrap-bar li a, .tabwrap .tab.tabwrap-bar li a { font-size: 14px; padding: 0 15px; }
}
.tab-wrap .tab.tabwrap-cup, .tabwrap .tab.tabwrap-cup { margin: 0 auto 30px; border-bottom: 0; }
.tab-wrap .tab.tabwrap-cup li, .tabwrap .tab.tabwrap-cup li { height: 60px; line-height: 60px; display: inline-block; }
.tab-wrap .tab.tabwrap-cup li:first-child a, .tabwrap .tab.tabwrap-cup li:first-child a { border-left: 1px solid #ddd; }
.tab-wrap .tab.tabwrap-cup li a, .tabwrap .tab.tabwrap-cup li a { border: 1px solid #ddd; border-left: 0; width: 100%; letter-spacing: -0.5px; color: #666; font-size: 15px; }
.tab-wrap .tab.tabwrap-cup li a.active, .tabwrap .tab.tabwrap-cup li a.active { color: #595645; font-weight: 500; border: 1px solid #595645; border-bottom: 1px solid #fff; }
@media only screen and (max-width: 640px) {
.tab-wrap .tab.tabwrap-cup li, .tabwrap .tab.tabwrap-cup li { height: 40px; line-height: 40px; }
.tab-wrap .tab.tabwrap-cup li a, .tabwrap .tab.tabwrap-cup li a { font-size: 13px; }
}
.tab-wrap .tab.tabwrap_board, .tabwrap .tab.tabwrap_board { margin: 0 auto 50px; width: 100%; }
.tab-wrap .tab.tabwrap_board li, .tabwrap .tab.tabwrap_board li { height: 50px; line-height: 50px; display: inline-block; float: left; margin-left: -1px; }
.tab-wrap .tab.tabwrap_board li a, .tabwrap .tab.tabwrap_board li a { border: 1px solid #ddd; width: 100%; letter-spacing: -0.5px; color: #222; background-color: #fff; font-size: 18px; }
.tab-wrap .tab.tabwrap_board li a.active, .tabwrap .tab.tabwrap_board li a.active { background-color: #df7a32; color: #fff; font-weight: 500; border-color: #df7a32; }
@media only screen and (max-width: 640px) {
.tab-wrap .tab.tabwrap_board li, .tabwrap .tab.tabwrap_board li { height: 30px; line-height: 30px; margin-left: 0; }
.tab-wrap .tab.tabwrap_board li a, .tabwrap .tab.tabwrap_board li a { font-size: 13px; }
}
@media only screen and (max-width: 1199px) {
.tab-wrap .tab li a, .tabwrap .tab li a { font-size: 16px; }
}
@media only screen and (max-width: 640px) {
.tab-wrap .tab li a, .tabwrap .tab li a { font-size: 13px; padding: 0; }
.tab-wrap .tab.tab5 li, .tabwrap .tab.tab5 li { width: 33.33%; }
.tab-wrap .tab.tab5 li + li + li + li, .tabwrap .tab.tab5 li + li + li + li { width: 50%; border-top: 1px solid #ddd; }
.tab-wrap .tab.tab6 li, .tabwrap .tab.tab6 li { width: 33.33%; }
}
/*list*/
.bar_list li { float: left; }
.bar_list li a { display: inline-block; padding: 0 10px; border-left: 1px solid #7697c2; line-height: 12px; height: 12px; }
.bar_list:first-child a { padding-left: 0; border-left: 0; }
.bar_list :last-child a { padding-right: 0; }
.bar_list:after { content: ''; clear: both; visibility: hidden; display: table; }
.bar_list span { position: relative; height: 14px; line-height: 14px; /*overflow:hidden;*/ display: inline-block; padding: 0 10px; }
.bar_list span:first-child:before { display: none; }
.bar_list span :before { content: ''; position: absolute; left: 0; top: 50%; width: 1px; height: 10px; background: #ccc; margin-top: -5px; }
@media only screen and (max-width: 640px) {
.bar_list span { height: 12px; line-height: 12px; font-size: 12px; padding: 0 5px; }
}
.bar_span span { position: relative; height: 60px; font-size: 20px; color: #fff; vertical-align: bottom; display: table-cell; }
.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; }
.bar_span .xx { margin-top: 20px; }
.bar_span .xx i { margin-right: 10px; }
.bar_span .xx p { color: #fff; line-height: 30px; font-size: 14px; }
.bar_span.copyright span { font-size: 12px; color: #666 }
.bar_span.copyright a { font-size: 12px; color: #666 }
.bar_span a { color: #999; height: 34px; line-height: 34px; padding: 0 10px; font-size: 14px; }
.bar_span a:hover { color: #df7a32 }
.bar_span span:first-child:before { display: none; }
}
/*
_btn.scss
*/
/*버튼*/
*[class*="btn-type-0"] { display: inline-block; text-align: center; padding: 10px 20px; min-width: 70px; color: #fff; line-height: 1.5; cursor: pointer; font-size: 16px; vertical-align: middle; -webkit-transition: 0.2s all; -o-transition: 0.2s all; transition: 0.2s all; }
*[class*="btn-type-0"]:hover { background-color: #fff; }
@media only screen and (max-width: 640px) {
*[class*="btn-type-0"] { font-size: inherit; }
}
*[class*="btn-type-0"]._blue { color: #fff; background-color: #585745; border: 1px solid #585745; }
*[class*="btn-type-0"]._blue:hover { background: #fff; color: #585745; }
*[class*="btn-type-0"]._blue2 { background-color: #e58323; border: 1px solid #e58323; }
*[class*="btn-type-0"]._blue2:hover { background: #fff; color: #e58323; }
*[class*="btn-type-0"]._gray { background-color: #666; border: 1px solid #666; }
*[class*="btn-type-0"]._gray:hover { background: #fff; color: #333; }
*[class*="btn-type-0"]._gray2 { background-color: #fff; border: 1px solid #999; color: #666; }
*[class*="btn-type-0"]._gray2:hover { color: #333; }
.btn-type-01 { background-color: #df7a32; border: 1px solid #df7a32; }
.btn-type-01:hover { color: #df7a32; }
.btn-type-02 { min-width: 240px; padding: 16px 40px; }
@media only screen and (max-width: 640px) {
.btn-type-02 { min-width: 100px; padding: 5px 20px; }
}
.btn-type-04 { padding: 0; font-size: 12px; min-width: 86px; margin: 2px auto; height: 24px; line-height: 24px; background-color: #21cae9; border: 1px solid #21cae9; }
.btn-type-04:hover { color: #21cae9; }
*[class*="form_btn_0"] { display: inline-block; text-align: center; width: 130px; padding: 8px 0; color: #fff; border-width: 1px; border-style: solid; line-height: 1.5; cursor: pointer; }
.form_btn_01 { border-color: #df7a32; background-color: #df7a32; }
.form_btn_02 { border-color: #1b3963; background-color: #1b3963; }
.form_btn_03 { border-color: #999; background-color: #999; }
*[class^="btn_submit_0"] { display: inline-block; text-align: center; padding: 8px 10px 8px 10px; color: #fff; background-color: #333; font-size: 14px; vertical-align: middle; min-width: 60px; }
.btn_submit_01 { background-color: #666; }
.btn_submit_02 { background-color: #de6742; }
.btn-type-table { display: inline-block; text-align: center; padding: 3px 10px; color: #333; background-color: #fff; line-height: 1.5; cursor: pointer; border: 1px solid #666; }
*[class^="table-btn-0"] { display: inline-block; text-align: center; color: #fff; font-size: 13px; vertical-align: middle; width: 60px; }
.table-btn-01 { padding: 6px 10px 7px 10px; background-color: #666; }
.table-btn-02 { padding: 4px 10px 5px 10px; background-color: #e70014; }
/*cir_btn*/
.cir-button { width: 70px; height: 70px; min-width: 0; padding: 0; color: #fff; -webkit-transition: color 0.3s; transition: color 0.3s; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; }
@media only screen and (max-width: 640px) {
.cir-button { width: 40px; height: 40px; }
}
.cir-button::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: inherit; z-index: 0; opacity: 0.1; box-shadow: inset 0 0 0 35px #fff; -webkit-transform: scale3d(0.9, 0.9, 1); transform: scale3d(0.9, 0.9, 1); -webkit-transition: box-shadow 0.3s, -webkit-transform 0.3; transition: box-shadow 0.3s, transform 0.3s; }
.cir-button:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; background: url(../images/sns_bg.png) no-repeat center; }
.cir-button:hover { color: #fff; }
.cir-button:hover::before { box-shadow: inset 0 0 0 2px #fff; opacity: 0.3; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
/*
_table.scss
*/
col.col_clean_th { width: 127px; }
col.col_check { width: 37px; }
col.col_count { width: 110px; }
col.col_price { width: 110px; }
col.col_pay { width: 110px; }
col.col_state { width: 150px; }
col.col_num { width: 70px; }
col.col_ordernum { width: 150px; }
col.col_120 { width: 120px; }
col.col_statebtn { width: 80px; }
col.col_qnath { width: 100px; }
col.col_view-file { width: 100px; }
@media only screen and (max-width: 640px) {
col.col_clean_th { width: 72px; }
col.col_check { width: 30px; }
col.col_count { width: 80px; }
col.col_price { width: 90px; }
col.col_pay { width: 90px; }
col.col_state { width: 100px; }
col.col_num { width: 40px; }
col.col_ordernum { width: 75px; }
col.col_120 { width: 80px; }
col.col_statebtn { width: 72px; }
col.col_qnath { width: 64px; }
col.col_view-file { width: 70px; }
}
table thead th { border-top: 0 !important; }
*[class^="statebtn"] { font-size: 12px; display: inline-block; border-width: 1px; border-style: solid; letter-spacing: -0.5px; padding: 0 5px; }
.statebtn-y { color: #e58323; border-color: #e58323; }
.statebtn-n { color: #a8a8a8; border-color: #a8a8a8; }
/* 게시판 목록, 테이블 스타일*/
.table-type-00, .table-type-01, .table-type-02 { table-layout: fixed; width: 100%; margin-bottom: 20px; }
.table-type-00 th, .table-type-01 th, .table-type-02 th, .table-type-00 td, .table-type-01 td, .table-type-02 td { padding: 14px 10px; line-height: 20px; border-top: 1px solid #ddd; text-align: center; }
@media only screen and (max-width: 640px) {
.table-type-00 th, .table-type-01 th, .table-type-02 th, .table-type-00 td, .table-type-01 td, .table-type-02 td { padding: 10px 5px; }
}
.table-type-00 th, .table-type-01 th, .table-type-02 th { color: #333; text-align: center; font-weight: bold; }
.table-type-00 td.text_left, .table-type-01 td.text_left, .table-type-02 td.text_left { text-align: left; }
.table-type-00 td.text_left a, .table-type-01 td.text_left a, .table-type-02 td.text_left a { text-align: left; display: block; word-wrap: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.table-type-00 td .file, .table-type-01 td .file, .table-type-02 td .file { background: url(../images/file_icon.png) no-repeat center center; }
.table-type-01 { border-top: solid 1px #ddd; border-bottom: solid 1px #ddd; }
.table-type-01 tr td, .table-type-01 tr th { border-left: 1px solid #ddd; }
.table-type-01 tr td:first-child, .table-type-01 tr th:first-child { border-left: 0; }
.table-type-01 thead th { background-color: #f2f2f2; }
.table-type-02 { border-bottom: 1px solid #ddd; }
.table-type-02 th, .table-type-02 td { padding: 15px; border-left: 1px solid #ddd; }
.table-type-02 th:first-child, .table-type-02 td:first-child { border-left: 0; }
.table-type-02 th:first-child.rowspaned, .table-type-02 td:first-child.rowspaned { border-left: 1px solid #ddd; }
@media only screen and (max-width: 640px) {
.table-type-02 th, .table-type-02 td { padding: 10px 5px; }
}
.table-type-02 th { background-color: #b1b0a8; color: #fff; }
.table_board_for tr:hover td, .table_board_for tr:hover th, .table_board_for tr:hover a { background: #f7f7f7; color: #000; }
.table_board_for td, .table_board_for th { border-left: 0 !important; }
.table_board_for td.text_left { padding-right: 30px; }
.table_board_for .notice_t { color: #fff; background-color: #d61618; display: inline-block; padding: 2px 7px; border-radius: 20px; font-size: 13px; margin-right: 5px; }
.table_board_for span.file { position: absolute; top: 50%; right: 0; margin-top: -10px; display: inline-block; width: 25px; height: 24px; background: url(../images/file_icon.png) no-repeat 0 0; }
.clean-table { margin: 0 auto; border: none; }
.clean-table tbody tr th, .clean-table tbody tr td { padding: 6px 10px; }
.clean-table.clean-table2 { width: 60%; margin: 50px 0 0 0; }
.clean-table th { background: none; border: none; text-align: left; }
.clean-table th label { font-weight: bold; color: #333; text-align: left; font-size: 15px; }
.clean-table td { border: none; text-align: left; }
.clean-table td a.right { display: inline-block; color: #fff; height: 40px; line-height: 40px; background: #666; text-align: center; width: 26%; margin-left: 2%; vertical-align: middle; }
.clean-table td input { height: 40px; line-height: 40px; }
.clean-table td input[type="checkbox"] { vertical-align: middle; }
.clean-table td input.input_width1 { width: 72%; }
.clean-table td input.input_width3 { width: 55%; }
.clean-table td input.input_width2 { width: 48%; }
.clean-table td select { height: 40px; line-height: 40px; color: #999; }
.clean-table td select.sel_width1 { width: 18%; }
.clean-table td select.sel_width2 { width: 21%; }
.clean-table td select.sel_width3 { width: 48%; }
@media only screen and (max-width: 640px) {
.clean-table { margin: 0 auto; border: none; }
.clean-table th label { font-size: 13px; }
.clean-table td a.right { font-size: 10px; font-weight: 300; }
}
/* 게시판 보기 스타일 */
.table-view-01, .table-view-02 { margin-bottom: 40px; width: 100%; border-bottom: solid 1px #999; }
.table-view-01 .tit, .table-view-02 .tit { font-size: 16px; color: #000; }
@media only screen and (max-width: 640px) {
.table-view-01 .tit, .table-view-02 .tit { font-size: 14px; }
}
.table-view-01 tr:first-child th, .table-view-01 tr:first-child td, .table-view-02 tr:first-child th, .table-view-02 tr:first-child td { border-top: solid 1px #999; }
.table-view-01 th, .table-view-01 td, .table-view-02 th, .table-view-02 td { padding: 10px 8px; border-top: solid 1px #ddd; }
.table-view-01 th, .table-view-02 th { color: #333; text-align: left; font-weight: 500; }
.table-view-01 td.text_left, .table-view-02 td.text_left { text-align: left; }
.table-view-01 td .board-box, .table-view-02 td .board-box { min-height: 150px; padding: 10px; }
.table-view-01 td .board-box img, .table-view-02 td .board-box img { max-width: 100%; }
.table-view-01 .title-black th, .table-view-02 .title-black th { color: #333; }
.table-view-01 .tit_box p.tit, .table-view-02 .tit_box p.tit { float: left; }
.table-view-01 .tit_box p.tbl_detail_span, .table-view-02 .tit_box p.tbl_detail_span { float: right; }
.table-view-01 .tit_box p.tbl_detail_span span:before, .table-view-02 .tit_box p.tbl_detail_span span:before { display: inline-block; overflow: hidden; width: 1px; height: 10px; margin: 0 5px; margin-top: -2px; background: #bbb; content: ''; vertical-align: middle; }
.table-view-01 .tit_box p.tbl_detail_span span:first-child:before, .table-view-02 .tit_box p.tbl_detail_span span:first-child:before { display: none; }
.table-view-01 .notice-b, .table-view-02 .notice-b { display: inline-block; padding: 2px 8px; background-color: #d61618; color: #fff; font-size: 12px; border-radius: 10px; }
.table-view-01 .addfile_txt, .table-view-02 .addfile_txt { padding-left: 25px; line-height: 25px; height: 25px; min-height: 20px; background: url(../images/file_icon.png) no-repeat 0 0; }
/* 게시판 리스트 네비 스타일 */
.border-list-type { margin-top: 40px; border-top: solid 1px #999; border-bottom: solid 1px #999; font-size: 14px; }
.border-list-type li { background-color: #fff; border-bottom: solid 1px #ddd; }
.border-list-type li a { display: block; padding: 10px 10px; }
.border-list-type li a .list-title { font-weight: bold; color: #333; width: 70px; padding-left: 20px; }
.border-list-type li a .list-up-bg { background: url(../images/list-prev.png) no-repeat 0 6px; }
.border-list-type li a .list-down-bg { background: url(../images/list-next.png) no-repeat 0 6px; }
.border-list-type li a .w-con { float: none; display: block; word-wrap: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.border-list-type .border-none { border-bottom: none; }
/* 게시판 폼스타일 */
.table-form-01 { border-top: solid 1px #aaa; border-bottom: solid 1px #aaa; width: 100%; }
.table-form-01 .bt_no { border-top: 0; }
.table-form-01 span.red { color: #cc0000; margin-left: 3px; font-size: 12px; vertical-align: middle; }
.table-form-01 tr:first-child th, .table-form-01 tr:first-child td { border-top: none; }
.table-form-01 th, .table-form-01 td { padding: 10px 5px; }
.table-form-01 th { text-align: left; color: #333; font-weight: bold; }
.table-form-01 th label { font-weight: bold; color: #333; text-align: center; }
/*반응형 폼 */
.table-respon { width: 100%; border-top: solid 1px #aaa; border-bottom: solid 1px #aaa; text-align: left; }
.table-respon.border-01 th, .table-respon.border-01 td { border-top: 1px solid #ddd; }
.table-respon.border-01 th { background-color: #f7f7f7; }
.table-respon.border-01 td { padding: 10px 20px; }
@media only screen and (max-width: 1199px) {
.table-respon colgroup { display: none; }
.table-respon tr:first-child td { border-top: 0; }
.table-respon th, .table-respon td { display: block; width: 100%; box-sizing: border-box; }
.table-respon th { border-right: 0; padding: 5px 1%; }
.table-respon td { padding: 8px 8px 10px 8px; border-top: 0; }
.table-respon.boder-01 { border: 0; }
.table-respon.boder-01 th, .table-respon.boder-01 td { border: 0; }
.table-respon.boder-01 td { padding: 10px 8px; }
}
/*반응형 폼*/
.input_for { height: 26px; line-height: 26px; width: 100%; font-size: 14px; }
.sel_for { height: 35px; line-height: 35px; width: 100%; font-size: 14px; border: 1px solid #ccc; }
.sel-type-form.w_3 { width: 32%; }
.sel-type-form.w_2 { width: 49%; }
.area-type-form { width: 97%; padding: 1.5%; }
.textarea_box_border { border: 1px solid #dedede; }
.textarea_box { width: 96%; height: 150px; padding: 20px 2%; overflow-y: auto; font-size: 13px; }
.text-area-01 { padding: 10px 2%; width: 96%; height: 150px; border: solid 1px #ddd; overflow-y: auto; }
/*전화번호 폼*/
.num { display: table; vertical-align: middle; width: 100%; }
.num li { display: table-cell; width: 33.3333%; padding-left: 10px; }
.num li:before { float: left; width: 10px; line-height: 28px; margin-left: -10px; color: #444; text-align: center; content: '-'; }
.num li:first-child { padding-left: 0; }
.num li:first-child:before { display: none; }
/*생일폼*/
.birth_box { display: table; width: 100%; }
.birth_box .birth_sel { display: table-cell; vertical-align: middle; width: 29.333%; }
.birth_box .birth_a { width: 4%; text-align: center; display: table-cell; vertical-align: middle; }
/*이메일 폼*/
.e_mail_box { display: table; width: 100%; }
.e_mail_box .mail_txt { display: table-cell; width: 31.333%; vertical-align: middle; }
.e_mail_box .mail_txt2 { display: table-cell; width: 31.333%; vertical-align: middle; }
.e_mail_box .mail_a { display: table-cell; width: 4%; text-align: center; vertical-align: middle; }
.e_mail_box .mail_sel { display: table-cell; width: 31.333%; vertical-align: middle; padding-left: 10px; }
.e_mail_box .mail_sel:before { float: left; width: 10px; line-height: 28px; margin-left: -10px; text-align: center; content: ''; }
/*input_find*/
.input_find { position: relative; padding-right: 60px; }
.input_find .input_30 { float: none; width: 100%; font-size: 14px; padding: 0; box-sizing: border-box; }
.input_find .table-btn-01 { position: absolute; top: 0; right: 0; padding: 5px 2px 6px 2px; box-sizing: border-box; }
@media only screen and (max-width: 1199px) {
.input_find { position: relative; padding-right: 80px; }
.input_find .input_30 { float: none; width: 100%; font-size: 14px; padding: 0; box-sizing: border-box; }
.input_find .table-btn-01 { position: absolute; top: 0; right: 0; width: 80px; padding: 5px 2px 6px 2px; box-sizing: border-box; }
}
/*지역폼*/
.area_select { display: table; vertical-align: middle; width: 100%; }
.area_select li { display: table-cell; width: 50%; padding-left: 10px; }
.area_select li:before { float: left; width: 10px; line-height: 28px; margin-left: -10px; text-align: center; content: ''; }
.area_select li:first-child { padding-left: 0; }
.area_select li:first-child:before { display: none; }
.area_select.txt3 li { display: table-cell; width: 33.333%; padding-left: 10px; }
@media only screen and (max-width: 1199px) {
.area_select li { display: block; width: 100%; padding-left: 0; margin-top: 10px; }
.area_select li:first-child { margin-top: 0; }
.area_select li:before { display: none; }
}
/*페이징*/
.paging-area { position: relative; margin-top: 40px; }
.paging-area ul { margin: 0; padding: 0; list-style: none; text-align: center; }
.paging-area ul li { display: inline; margin-left: 2px; padding: 0; }
.paging-area ul li a { display: inline-block; width: 35px; height: 35px; line-height: 35px; font-size: 14px; color: #666; background-color: #fff; background-repeat: no-repeat; background-position: 0 0; background-image: url(../images/paging.png); }
.paging-area ul li a:hover, .paging-area ul li a.active { background-color: #fff; color: #595645; text-decoration: none; box-shadow: inset 0 0 0 1px #595645; background: none; }
.paging-area ul li a.prev-first { background-image: url(../images/prev-first.png); }
.paging-area ul li a.prev { background-image: url(../images/prev.png); }
.paging-area ul li a.next-last { background-image: url(../images/next-last.png); }
.paging-area ul li a.next { background-image: url(../images/next.png); }
.paging-area ul li a span { display: inline-block; text-indent: -9999px; }
/* 게시판 하단 검색 */
.board-search-01 { margin-top: 40px; padding: 20px; text-align: center; font-size: 14px; background-color: #ededed; }
.board-search-01 select { border: solid 1px #a1a1a1; background-color: #fff; }
.board-search-01 input { border: solid 1px #a1a1a1; background-color: #fff; }
.board-search-01 .select-type-01 { width: 90px; height: 30px; line-height: 30px; text-indent: 7px; }
.board-search-01 .input-type-01 { padding: 0 5px; width: 33%; height: 30px; line-height: 30px; }
.board-search-01 .btn { display: inline-block; vertical-align: middle; line-height: 30px; height: 30px; line-height: normal; }
.board-search-01 .btn-color-01 { width: 68px; color: #fff; background-color: #555555; border: solid 1px #555; }
/*파일첨부*/
.file_box { position: relative; border: 1px solid #ccc; line-height: 33px; height: 33px; }
.file_box .text_01 { position: absolute; top: 2px; left: 0; }
.file_box p { overflow: hidden; width: 197px; white-space: nowrap; text-overflow: ellipsis; display: block; }
.file_box .btn_type_file { display: block; width: 90px; margin-top: -1px; height: 33px; line-height: 33px; color: #fff; background: #666; text-align: center; position: absolute; top: 0; right: 0; cursor: pointer; }
.file_box input { position: absolute; top: 0; right: 0; /*width: 92px;*/ height: 33px; opacity: 0; filter: alpha(opacity=0); cursor: pointer; -webkit-appearance: none; }
@media only screen and (max-width: 1199px) {
.file_box p { width: 150px; }
}
.clean-table .file_box, .clean-table .btn_type_file, .clean-table input { line-height: 40px; height: 40px; }
/*파일필드 버튼형 디자인 리셋*/
.filebox_css input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
.filebox_css label { display: inline-block; padding: 3px 5px; color: #fff; font-size: inherit; line-height: normal; vertical-align: middle; background-color: #6a6a6a; cursor: pointer; border: 1px solid #555; }
.filebox_css .upload-name { display: inline-block; padding: 3px 5px; font-size: 15px; font-family: inherit; line-height: normal; vertical-align: middle; background-color: #fff; border: 1px solid #ccc; }
/*갤러리 게시판*/
table[class^="gallery-board-"] { padding: 30px 0; border-top: solid 1px #0b3e95; border-bottom: solid 1px #0b3e95; }
table[class^="gallery-board-"] li { padding: 10px 1%; float: left; }
table[class^="gallery-board-"] li a { display: block; position: relative; }
table[class^="gallery-board-"] li a img { width: 100%; }
table[class^="gallery-board-"] li .txt-box { margin-top: 10px; height: 50px; text-align: center; }
.gallery-board-01 li { width: 31.3%; }
.gallery-board-02 li { width: 25%; }
.gall-list { margin: 0 -0.5% 40px; }
.gall-list .item { position: relative; width: 24%; float: left; border: 1px solid #ddd; box-sizing: border-box; margin: 0 0.5% 1%; }
.gall-list .item a { width: 100%; height: 100%; display: inline-block; }
.gall-list .item img, .gall-list .item .des { position: relative; z-index: -1; }
.gall-list .item .des { box-sizing: border-box; border-top: 1px solid #ddd; width: 100%; padding: 15px 10px; }
.gall-list .item .des p.tit { margin-bottom: 5px; font-size: 16px; font-weight: bold; }
.gall-list .item .des p.txt { height: 40px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.gall-list .item .des p.date { color: #999; }
.gall-list .item .img { position: relative; }
.gall-list .item .img:before { -webkit-transition: 0.4s all; -moz-transition: 0.4s all; -ms-transition: 0.4s all; -o-transition: 0.4s all; transition: 0.4s all; color: #fff; width: 100%; height: 100%; content: ""; background: url(../images/view_i.png) no-repeat center, url(../images/portfolio_bg.png) repeat; background-size: 50px; opacity: 0; }
.gall-list .item:hover .des p.tit { color: #595645; }
.gall-list .item:hover .img:before { opacity: 1; }
@media only screen and (max-width: 640px) {
.gall-list .item { width: 49%; }
.gall-list .item .des { padding: 10px; }
.gall-list .item .des p.tit { font-size: 14px; }
}
/*뷰 공지*/
.img_notice_list { border-bottom: 1px solid #666; border-top: 1px solid #666; }
.img_notice_list li { padding: 12px 0; border-top: 1px solid #ddd; }
.img_notice_list li:first-child { border-top: 0; }
.img_notice_list li a { overflow: hidden; position: relative; display: table; width: 100%; }
.img_notice_list li a .img_box { position: relative; float: left; width: 158px; margin-right: 40px; }
.img_notice_list li a .txt_box { display: table-cell; width: 100%; vertical-align: middle; }
.img_notice_list li a .txt_box .tit { float: left; }
.img_notice_list li a .txt_box .tit span { font-size: 16px; color: #333; margin-bottom: 8px; }
.img_notice_list li a .txt_box .tit2 { margin-bottom: 5px; }
.img_notice_list li a .txt_box .tbl_detail_span { float: right; }
.img_notice_list li a .txt_box .tbl_detail_span span { position: relative; z-index: 100; display: inline-block; vertical-align: middle; font-size: 14px; height: 10px; line-height: 10px; color: #999; }
.img_notice_list li a .txt_box .tbl_detail_span span.date:before, .img_notice_list li a .txt_box .tbl_detail_span span.check_01:before { display: inline-block; overflow: hidden; width: 1px; height: 10px; margin: 0 5px; margin-top: -2px; background: #999; content: ''; vertical-align: middle; }
.img_notice_list li a .txt_box:after { content: ''; visibility: hidden; clear: both; display: block; }
.img_notice_list li a .txt_box.txt_file_box { padding-left: 40px; background: url(../images/file_i.png) no-repeat 0 0; }
@media only screen and (max-width: 900px) {
.img_notice_list li a .img_box { width: 77px; margin-right: 12px; }
.img_notice_list li a .txt_box .tbl_detail_span { margin-top: 8px; float: none; }
.img_notice_list li a .txt_box .tit { float: none; }
.img_notice_list li a .txt_box .tit span { font-size: 15px; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height: 21px; font-weight: normal; }
.img_notice_list li a .txt_box .des span { font-size: 15px; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height: 21px; font-weight: normal; }
}
.faq-box { width: 100%; border-bottom: 1px solid #ddd; }
.faq-box td { border-top: 1px solid #ddd; padding: 0 !important; }
.faq-box .faq-list .list-li:first-child dt { border-top: none; }
.faq-box a { color: #666; }
.faq-box .faq-link { display: block; padding: 15px 0; font-size: 18px; padding-left: 30px; background: url(../images/faq_up.png) no-repeat; background-position: left center; color: #333; }
.faq-box .faq-link.selected { color: #df7a32; font-weight: 500; background: url(../images/faq_down.png) no-repeat; background-position: left center; }
@media only screen and (max-width: 640px) {
.faq-box .faq-link { font-size: 15px; }
}
.faq-box .faq-con { display: none; padding: 15px 0; color: #666; }
.faq-box .faq-link, .faq-box .faq-con { position: relative; }
/*input*/
input[class^="input-"] { height: 26px; line-height: 26px; font-size: 14px; }
.input-7 { width: 70px; }
.input-8 { width: 80px; }
.input-9 { width: 90px; }
.input-10 { width: 100px; }
.input-11 { width: 110px; }
.input-12 { width: 120px; }
.input-13 { width: 130px; }
.input-14 { width: 140px; }
.input-15 { width: 150px; }
.input-20 { width: 200px; }
.input-30 { width: 300px; }
.input-40 { width: 400px; }
.input-50 { width: 500px; }
.input-type-01 { width: 100%; }
.input-type-02 { width: 50%; }
.input-type-03 { width: 33.3333333333%; }
.input-type-04 { width: 25%; }
/*css 체크박스, css 라디오*/
.lt-ie9 .checks input[type="checkbox"] { /* 실제 체크박스는 화면에서 숨김 */ position: relative; width: 20px; height: 20px; padding: 0; }
.lt-ie9 .checks input[type="checkbox"] + label { padding-left: 5px; }
.lt-ie9 .checks input[type="checkbox"] + label:before { /* 가짜 체크박스 */ content: none; }
.lt-ie9 .checks input[type="radio"] { position: relative; width: 14px; height: 14px; padding: 0; }
.lt-ie9 .checks input[type="radio"] + label { padding-left: 5px !important; }
.lt-ie9 .checks input[type="radio"] + label:before, .lt-ie9 .checks input[type="radio"] + label:after { content: none; }
.checks { position: relative; }
.checks input[type="checkbox"] { /* 실제 체크박스는 화면에서 숨김 */ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
.checks input[type="checkbox"] + label { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
.checks input[type="checkbox"] + label:before { /* 가짜 체크박스 */ content: ' '; display: inline-block; width: 21px; /* 체크박스의 너비를 지정 */ height: 21px; /* 체크박스의 높이를 지정 */ line-height: 21px; /* 세로정렬을 위해 높이값과 일치 */ margin: -2px 8px 0 0; text-align: center; vertical-align: middle; background: #fafafa; border: 1px solid #cacece; border-radius: 3px; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05); }
.checks input[type="checkbox"]:checked + label:active:before, .checks input[type="checkbox"] + label:active:before { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(0, 0, 0, 0.1); }
.checks input[type="checkbox"]:checked + label:before { /* 체크박스를 체크했을때 */ content: '\2714'; /* 체크표시 유니코드 사용 */ color: #99a1a7; text-shadow: 1px 1px #fff; background: #e9ecee; border-color: #adb8c0; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1); }
.checks.small input[type="checkbox"] + label { font-size: 12px; }
.checks.small input[type="checkbox"] + label:before { width: 17px; height: 17px; line-height: 17px; font-size: 11px; }
.checks.checks_01 input[type="checkbox"] + label { padding-left: 30px; }
.checks.checks_01 input[type="checkbox"] + label:before { position: absolute; left: 0; top: 0; margin-top: 0; opacity: .6; box-shadow: none; border-color: #333; border-radius: 0; -webkit-transition: all .12s, border-color .08s; transition: all .12s, border-color .08s; }
.checks.checks_01 input[type="checkbox"]:checked + label:before { position: absolute; content: ""; width: 10px; top: -5px; left: 5px; border-radius: 0; opacity: 1; background: transparent; border-color: transparent #333 #333 transparent; border-top-color: transparent; border-left-color: transparent; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.checks .no-csstransforms .checks.checks_01 input[type="checkbox"]:checked + label:before { /*content:"\2713";*/ content: "\2714"; top: 0; left: 0; width: 21px; line-height: 21px; color: #6cc0e5; text-align: center; border: 1px solid #6cc0e5; }
.checks input[type="radio"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
.checks input[type="radio"] + label { display: inline-block; position: relative; padding-left: 25px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
.checks input[type="radio"] + label:before { content: ''; position: absolute; left: 0; top: 50%; margin-top: -10px; width: 20px; height: 20px; text-align: center; background: #fafafa; border: 2px solid #cacece; border-radius: 100%; }
.checks input[type="radio"]:checked + label:before { background: #E9ECEE; border-color: #adb8c0; }
.checks input[type="radio"]:checked + label:after { content: ''; position: absolute; top: 50%; margin-top: -6px; left: 4px; width: 12px; height: 12px; background: #666; border-radius: 100%; }
.checks.small input[type="radio"] + label { padding-left: 25px; }
.checks.small input[type="radio"] + label:before { top: 3px; width: 17px; height: 17px; }
.checks.small input[type="radio"] + label:after { top: 8px; width: 9px; height: 9px; }
.btn-wrap { margin-top: 40px; }
.ul_list li:before { content: "· "; }
table .answered, table .answer { min-width: 60px; display: inline-block; padding: 2px 7px; color: #fff; text-align: center; font-size: 12px; background-color: #a6a6a6; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }
table .answered:before, table .answer:before { content: attr(data-content); }
table .answered { background-color: #60b1e6; }
.pass-wrap { max-width: 500px; margin: 0 auto; }
.pass-wrap input[class^="input-"] { height: 40px; line-height: 40px; }
/*댓글*/
.txt_post_wrap { margin-top: 40px; text-align: left; }
.txt_post_wrap .write_box .write_area { position: relative; padding: 20px; padding-right: 185px; background: #eeece2; }
.txt_post_wrap .write_box .write_area div { height: 70px; }
.txt_post_wrap .write_box .write_area textarea { width: 100%; height: 70px; min-height: 70px; padding: 10px; }
.txt_post_wrap .write_box .write_area .btn_submit { position: absolute; top: 20px; right: 80px; display: inline-block; height: 70px; line-height: 70px; text-align: center; width: 100px; background: #e58323; font-size: 16px; color: #fff; }
.txt_post_wrap .write_box .write_area .btn_share { position: absolute; width: 55px; top: 20px; right: 20px; display: inline-block; height: 70px; line-height: 70px; text-align: center; background-color: #fff; border: 3px solid #777; box-sizing: border-box; background-repeat: no-repeat; background-position: center; color: #777; }
.txt_post_wrap .write_box .write_area .btn_share i { font-size: 2em; }
.txt_post_wrap .write_box .write_area .btn_share:hover, .txt_post_wrap .write_box .write_area .btn_share.on { background: #777; color: #fff; }
@media only screen and (max-width: 640px) {
.txt_post_wrap .write_box .write_area { padding: 10px; padding-right: 105px; }
.txt_post_wrap .write_box .write_area div { height: 50px; }
.txt_post_wrap .write_box .write_area textarea { height: 50px; min-height: 50px; padding: 5px; }
.txt_post_wrap .write_box .write_area .btn_submit { top: 10px; right: 50px; height: 50px; line-height: 50px; width: 50px; font-size: 15px; }
.txt_post_wrap .write_box .write_area .btn_share { position: absolute; width: 35px; top: 10px; right: 10px; height: 50px; line-height: 50px; border: 2px solid #777; }
.txt_post_wrap .write_box .write_area .btn_share i { font-size: 1em; }
}
.txt_post_wrap .btn_answer { display: inline-block; height: 28px; line-height: 28px; border: 1px solid #e58323; color: #e58323; width: 50px; font-size: 13px; text-align: center; }
.txt_post_wrap .btn_del { display: inline-block; height: 28px; line-height: 28px; border: 1px solid #333; color: #333; width: 50px; font-size: 13px; text-align: center; }
@media only screen and (max-width: 640px) {
.txt_post_wrap .btn_answer, .txt_post_wrap .btn_del { width: 40px; font-size: 11px; height: 20px; line-height: 20px; }
}
.txt_post_wrap .list_box { margin-top: 30px; border-bottom: 1px solid #ccc; }
.txt_post_wrap .list_box .txt_num { height: 26px; line-height: 26px; }
.txt_post_wrap .list_box .txt_num i { margin-right: 5px; float: left; color: #e58323; }
.txt_post_wrap .post_list li { position: relative; border-top: 1px solid #ccc; }
.txt_post_wrap .post_list li.post_li .inner { padding: 15px 15px; }
.txt_post_wrap .post_list li.post_li .inner > .clearfix, .txt_post_wrap .post_list li.post_li .inner > .row_0, .txt_post_wrap .post_list li.post_li .inner > .row_5, .txt_post_wrap .post_list li.post_li .inner > .row_10, .txt_post_wrap .post_list li.post_li .inner > .sub-contents, .txt_post_wrap .post_list li.post_li .topmenu .inner > .snswrap, .topmenu .txt_post_wrap .post_list li.post_li .inner > .snswrap { margin-bottom: 5px; }
@media only screen and (max-width: 640px) {
.txt_post_wrap .post_list li.post_li .inner { padding: 15px 0; }
}
.txt_post_wrap .post_list li .answer_box { background: #fafafa; display: none; }
.txt_post_wrap .post_list li .answer_box .inner { position: relative; padding: 15px 15px 15px 30px; }
.txt_post_wrap .post_list li .answer_box .inner i { color: #e58323; position: absolute; top: 18px; left: 10px; }
.txt_post_wrap .post_list li .answer_box .inner .area-type-form { height: 60px; min-height: 60px; width: 100%; padding: 10px; }
.txt_post_wrap .post_list li .answer_box .inner .des_txt.write_txt { position: relative; padding-right: 160px; }
.txt_post_wrap .post_list li .answer_box .inner .btn_write { position: absolute; top: 0; right: 80px; display: inline-block; height: 60px; line-height: 60px; text-align: center; width: 72px; background: #595645; color: #fff; }
.txt_post_wrap .post_list li .answer_box .inner .btn_censel { position: absolute; top: 0; right: 0; display: inline-block; height: 60px; line-height: 60px; text-align: center; width: 72px; background: #999; color: #fff; }
@media only screen and (max-width: 640px) {
.txt_post_wrap .post_list li .answer_box .inner .area-type-form { height: 50px; min-height: 50px; padding: 5px; line-height: 1.3; }
.txt_post_wrap .post_list li .answer_box .inner .des_txt.write_txt { padding-right: 100px; }
.txt_post_wrap .post_list li .answer_box .inner .btn_write { right: 50px; }
.txt_post_wrap .post_list li .answer_box .inner .btn_censel, .txt_post_wrap .post_list li .answer_box .inner .btn_write { height: 50px; line-height: 50px; width: 46px; }
}
.txt_post_wrap .post_list li .name_01 { font-weight: 500; color: #333; }
.txt_post_wrap .post_list li .date_01 { font-size: 13px; font-weight: 700; color: #999; }
/*_grid.scss*/
.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^="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; }
.row_0 { zoom: 1; margin-right: -0px; margin-left: -0px; }
.row_0 > li, .row_0 > div, .row_0 > form, .row_0 *[class^="col-"] { padding-right: 0px; padding-left: 0px; }
.row_5 { zoom: 1; margin-right: -5px; margin-left: -5px; }
.row_5 > li, .row_5 > div, .row_5 > form, .row_5 *[class^="col-"] { padding-right: 5px; padding-left: 5px; }
.row_10 { zoom: 1; margin-right: -10px; margin-left: -10px; }
.row_10 > li, .row_10 > div, .row_10 > form, .row_10 *[class^="col-"] { padding-right: 10px; padding-left: 10px; }
 @media only screen and (max-width: 640px) {
.row_m_0 { zoom: 1; margin-right: -0px; margin-left: -0px; }
.row_m_0:before, .row_m_0:after { content: ""; display: table; }
.row_m_0:after { clear: both; }
.row_m_0 > li, .row_m_0 > div, .row_m_0 > form, .row_m_0 *[class^="col-"] { padding-right: 0px; padding-left: 0px; }
.row_m_5 { zoom: 1; margin-right: -5px; margin-left: -5px; }
.row_m_5:before, .row_m_5:after { content: ""; display: table; }
.row_m_5:after { clear: both; }
.row_m_5 > li, .row_m_5 > div, .row_m_5 > form, .row_m_5 *[class^="col-"] { padding-right: 5px; padding-left: 5px; }
.row_m_10 { zoom: 1; margin-right: -10px; margin-left: -10px; }
.row_m_10:before, .row_m_10:after { content: ""; display: table; }
.row_m_10:after { clear: both; }
.row_m_10 > li, .row_m_10 > div, .row_m_10 > form, .row_m_10 *[class^="col-"] { padding-right: 10px; padding-left: 10px; }
}
.col-lg-1 { width: 8.3333333333%; }
.col-lg-15 { width: 12.5%; }
.col-lg-2 { width: 16.6666666667%; }
.col-lg-25 { width: 20%; }
.col-lg-3 { width: 25%; }
.col-lg-35 { width: 29.1666666667%; }
.col-lg-4 { width: 33.3333333333%; }
.col-lg-45 { width: 37.5%; }
.col-lg-5 { width: 41.6666666667%; }
.col-lg-55 { width: 45.8333333333%; }
.col-lg-6 { width: 50%; }
.col-lg-65 { width: 54.1666666667%; }
.col-lg-7 { width: 58.3333333333%; }
.col-lg-75 { width: 62.5%; }
.col-lg-8 { width: 66.6666666667%; }
.col-lg-85 { width: 70.8333333333%; }
.col-lg-9 { width: 75%; }
.col-lg-95 { width: 79.1666666667%; }
.col-lg-10 { width: 83.3333333333%; }
.col-lg-105 { width: 87.5%; }
.col-lg-11 { width: 91.6666666667%; }
.col-lg-115 { width: 95.8333333333%; }
.col-lg-12 { width: 100%; }
 @media all and (max-width: 1599px) {
.col-l-1 { width: 8.3333333333%; }
.col-l-15 { width: 12.5%; }
.col-l-2 { width: 16.6666666667%; }
.col-l-25 { width: 20.8333333333%; }
.col-l-3 { width: 25%; }
.col-l-35 { width: 29.1666666667%; }
.col-l-4 { width: 33.3333333333%; }
.col-l-45 { width: 37.5%; }
.col-l-5 { width: 41.6666666667%; }
.col-l-55 { width: 45.8333333333%; }
.col-l-6 { width: 50%; }
.col-l-65 { width: 54.1666666667%; }
.col-l-7 { width: 58.3333333333%; }
.col-l-75 { width: 62.5%; }
.col-l-8 { width: 66.6666666667%; }
.col-l-85 { width: 70.8333333333%; }
.col-l-9 { width: 75%; }
.col-l-95 { width: 79.1666666667%; }
.col-l-10 { width: 83.3333333333%; }
.col-l-105 { width: 87.5%; }
.col-l-11 { width: 91.6666666667%; }
.col-l-115 { width: 95.8333333333%; }
.col-l-12 { width: 100%; }
}
@media only screen and (max-width: 1024px) {
.col-sl-1 { width: 8.3333333333%; }
.col-sl-15 { width: 12.5%; }
.col-sl-2 { width: 16.6666666667%; }
.col-sl-25 { width: 20.8333333333%; }
.col-sl-3 { width: 25%; }
.col-sl-35 { width: 29.1666666667%; }
.col-sl-4 { width: 33.3333333333%; }
.col-sl-45 { width: 37.5%; }
.col-sl-5 { width: 41.6666666667%; }
.col-sl-55 { width: 45.8333333333%; }
.col-sl-6 { width: 50%; }
.col-sl-65 { width: 54.1666666667%; }
.col-sl-7 { width: 58.3333333333%; }
.col-sl-75 { width: 62.5%; }
.col-sl-8 { width: 66.6666666667%; }
.col-sl-85 { width: 70.8333333333%; }
.col-sl-9 { width: 75%; }
.col-sl-95 { width: 79.1666666667%; }
.col-sl-10 { width: 83.3333333333%; }
.col-sl-105 { width: 87.5%; }
.col-sl-11 { width: 91.6666666667%; }
.col-sl-115 { width: 95.8333333333%; }
.col-sl-12 { width: 100%; }
}
@media only screen and (max-width: 900px) {
.col-tab-1 { width: 8.3333333333%; }
.col-tab-15 { width: 12.5%; }
.col-tab-2 { width: 16.6666666667%; }
.col-tab-25 { width: 20.8333333333%; }
.col-tab-3 { width: 25%; }
.col-tab-35 { width: 29.1666666667%; }
.col-tab-4 { width: 33.3333333333%; }
.col-tab-45 { width: 37.5%; }
.col-tab-5 { width: 41.6666666667%; }
.col-tab-55 { width: 45.8333333333%; }
.col-tab-6 { width: 50%; }
.col-tab-65 { width: 54.1666666667%; }
.col-tab-7 { width: 58.3333333333%; }
.col-tab-75 { width: 62.5%; }
.col-tab-8 { width: 66.6666666667%; }
.col-tab-85 { width: 70.8333333333%; }
.col-tab-9 { width: 75%; }
.col-tab-95 { width: 79.1666666667%; }
.col-tab-10 { width: 83.3333333333%; }
.col-tab-105 { width: 87.5%; }
.col-tab-11 { width: 91.6666666667%; }
.col-tab-115 { width: 95.8333333333%; }
.col-tab-12 { width: 100%; }
}
@media only screen and (max-width: 640px) {
.col-xs-1 { width: 8.3333333333%; }
.col-xs-15 { width: 12.5%; }
.col-xs-2 { width: 16.6666666667%; }
.col-xs-25 { width: 20.8333333333%; }
.col-xs-3 { width: 25%; }
.col-xs-35 { width: 29.1666666667%; }
.col-xs-4 { width: 33.3333333333%; }
.col-xs-45 { width: 37.5%; }
.col-xs-5 { width: 41.6666666667%; }
.col-xs-55 { width: 45.8333333333%; }
.col-xs-6 { width: 50%; }
.col-xs-65 { width: 54.1666666667%; }
.col-xs-7 { width: 58.3333333333%; }
.col-xs-75 { width: 62.5%; }
.col-xs-8 { width: 66.6666666667%; }
.col-xs-85 { width: 70.8333333333%; }
.col-xs-9 { width: 75%; }
.col-xs-95 { width: 79.1666666667%; }
.col-xs-10 { width: 83.3333333333%; }
.col-xs-105 { width: 87.5%; }
.col-xs-11 { width: 91.6666666667%; }
.col-xs-115 { width: 95.8333333333%; }
.col-xs-12 { width: 100%; }
}
@media all and (max-width: 480px) {
.col-xxs-1 { width: 8.3333333333%; }
.col-xxs-15 { width: 12.5%; }
.col-xxs-2 { width: 16.6666666667%; }
.col-xxs-25 { width: 20.8333333333%; }
.col-xxs-3 { width: 25%; }
.col-xxs-35 { width: 29.1666666667%; }
.col-xxs-4 { width: 33.3333333333%; }
.col-xxs-45 { width: 37.5%; }
.col-xxs-5 { width: 41.6666666667%; }
.col-xxs-55 { width: 45.8333333333%; }
.col-xxs-6 { width: 50%; }
.col-xxs-65 { width: 54.1666666667%; }
.col-xxs-7 { width: 58.3333333333%; }
.col-xxs-75 { width: 62.5%; }
.col-xxs-8 { width: 66.6666666667%; }
.col-xxs-85 { width: 70.8333333333%; }
.col-xxs-9 { width: 75%; }
.col-xxs-95 { width: 79.1666666667%; }
.col-xxs-10 { width: 83.3333333333%; }
.col-xxs-105 { width: 87.5%; }
.col-xxs-11 { width: 91.6666666667%; }
.col-xxs-115 { width: 95.8333333333%; }
.col-xxs-12 { width: 100%; }
}
/*
_ui.SCSS
*/
i.br, i.pc, i.pc_o, img.pc { display: block; }
i.mo, img.mo { display: none; }
@media only screen and (max-width: 640px) {
i.mo, img.mo { display: block; }
}
 @media only screen and (max-width: 1199px) {
i.pc_o { display: none; }
}
@media only screen and (max-width: 640px) {
i.pc, img.pc { display: none; }
img.mo { display: block; }
}
@media only screen and (max-width: 1199px) {
.pc { display: none!important; }
.sj { display: block!important; }
}
@media only screen and (min-width: 1199px) {
.pc { display: block!important; }
.sj { display: none!important; }
}
/*slide dont show all slides before initialized*/
.slick { visibility: hidden; }
.slick-initialized { visibility: visible !important; }
.bxslider { visibility: hidden; }
.bxslider[style="width: auto; position: relative;"] { visibility: visible; }
#toTop { display: none; text-decoration: none; position: fixed; bottom: 15px; right: 10px; overflow: hidden; width: 58px; height: 58px; text-indent: 100%; background: #dea36d; z-index: 99; outline: #fff; -webkit-transition: bottom 0.3s; -moz-transition: bottom 0.3s; -ms-transition: bottom 0.3s; -o-transition: bottom 0.3s; transition: bottom 0.3s; }
#toTopHover { background-image: url(../images/top-btn.png); background-repeat: no-repeat; width: 58px; height: 58px; display: block; overflow: hidden; float: left; opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); }
#toTop:active, #toTop:focus { outline: none; }
 @media only screen and (max-width: 640px) {
#toTop, #toTopHover { bottom: 20px; right: 10px; width: 40px; height: 40px; background-size: 40px; }
}
/* 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; }
/* css scroll*/
.row_scroll { overflow-x: 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: hidden; }
.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, textarea { overflow-x: auto; }
.row_scroll__light::-webkit-scrollbar, textarea::-webkit-scrollbar {
width: 5px;
height: 10px;
background-color: #f7f7f7; /* or add it to the track */
}
.row_scroll__light::-webkit-scrollbar-thumb, textarea::-webkit-scrollbar-thumb {
background: #ddd;
}
 @-webkit-keyframes progress-bar-stripes { from {
background-position: 40px 0;
}
to { background-position: 0 0; }
}
@-o-keyframes progress-bar-stripes { from {
background-position: 40px 0;
}
to { background-position: 0 0; }
}
@keyframes progress-bar-stripes { from {
background-position: 40px 0;
}
to { background-position: 0 0; }
}
.progress { height: 20px; overflow: hidden; background-color: #ddd; border-radius: 4px; overflow: visible; }
.progress-bar { border-radius: 4px; position: relative; }
.progress-bar:after { display: block; position: absolute; background: url(../images/i_progress.png); width: 22px; height: 22px; top: 50%; margin-top: -11px; right: -11px; content: ""; }
.progress-bar { float: left; width: 0; height: 100%; font-size: 12px; line-height: 20px; color: #fff; text-align: center; background-color: #e58323; }
.progress-bar-xs { height: 8px !important; }
.progress-bar-striped, .progress-striped .progress-bar { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -webkit-background-size: 40px 40px; background-size: 40px 40px; }
/*modal*/
.modal-footer .check-area { float: left; }
.modal-open { padding-right: 0 !important; }
.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_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%); -ms-transform: translate(0, -15%); -o-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); -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 { display: inline-block; 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: .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; }
.pop-main-title { font-size: 26px; color: #333; font-weight: 500; }
 @media only screen and (max-width: 798px) {
.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 only screen and (max-width: 798px) and (max-width: 640px) {
.modal-dialog, .modal-content { width: 96% !important; }
.modal-header { padding: 10px; min-height: 20px; line-height: 20px; }
.modal .pop-main-title { font-size: 16px; }
.modal-body { padding: 0 10px 10px; }
.modal .close { width: 20px; }
}
/* 제품보기 팝업 */
.arrow_01 .slick-prev, .arrow_01 .slick-next { width: 39px; height: 76px; opacity: 0.8; background-image: url(../images/arrow_01.png); background-repeat: no-repeat; background-position: left; }
.arrow_01 .slick-prev { background-position-x: 0; }
.arrow_01 .slick-prev:hover { opacity: 1; }
.arrow_01 .slick-next { background-position-x: 100%; }
.arrow_01 .slick-next:hover { opacity: 1; }
.lt-ie9 .arrow_01 .slick-prev, .lt-ie9 .slick-next { margin-top: -38px; }
@media only screen and (max-width: 640px) {
.arrow_01 .slick-prev, .arrow_01 .slick-next { width: 19.5px; height: 38px; background-size: 38px; }
.lt-ie9 .arrow_01 .slick-prev, .lt-ie9 .slick-next { margin-top: -38px; }
}
.arrow_02 .slick-prev, .arrow_02 .slick-next { width: 56px; height: 14px; opacity: 0.8; background-image: url(../images/arrow_02.png); background-repeat: no-repeat; background-position: left; }
.arrow_02 .slick-prev { background-position-y: 0; }
.arrow_02 .slick-prev:hover { opacity: 1; }
.arrow_02 .slick-next { background-position-y: 100%; }
.arrow_02 .slick-next:hover { opacity: 1; }
.lt-ie9 .arrow_01 .slick-prev, .lt-ie9 .slick-next { margin-top: -7px; }
@media only screen and (max-width: 640px) {
.arrow_02 .slick-prev, .arrow_02 .slick-next { width: 28px; height: 7px; background-size: 7px; }
.lt-ie9 .arrow_01 .slick-prev, .lt-ie9 .slick-next { margin-top: -7px; }
}
/*
_main.css
*/
.main-home { min-width: 320px; }
.main-visual { position: relative; }
.main-visual .slide { height: 650px; background-size: auto 700px; background-size: cover; background-position: center; position: relative; }
.main-visual .box { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); z-index: 6; width: 50%; }
.main-visual .box { width: 80%; max-width: 1200px; margin: -60px auto 0; min-width: 1200px; }
.main-visual .box .tit1 { font-size: 50px; color: #fff }
.main-visual .box .tit2 { font-size: 18px; opacity: .8; padding: 10px 0 30px; color: #fff }
.main-visual .box .tit3 { font-size: 14px; }
.main-visual .box .tit3 a { border: 1px solid #fff; padding: 8px 16px; width: 140px; display: block; color: #fff; text-align: center; border-radius: 5px; }
.main-visual .box .tit3 a>i { transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; }
.main-visual .box .tit3 a:hover i { margin-left: 20px; color: #fff; }
@media only screen and (max-width: 1024px) {
.main-visual { margin-top: 60px; }
.main-visual .slide-content p { top: -30px; }
.main-visual .slide-content .tit0 span { font-size: 14px; }
.main-visual .slide-content .tit1 { font-size: 40px; margin: 5px 0; }
.main-visual .slide-content .tit2 { font-size: 16px; }
}
@media only screen and (max-width: 640px) {
.main-visual { margin-top: 50px; }
.main-visual .slide-content p { top: 0px; }
.main-visual .slide-content .tit0 span { font-size: 12px; padding: 3px 10px; }
.main-visual .slide-content .tit1 { font-size: 26px; margin: 5px 0; }
.main-visual .slide-content .tit2 { font-size: 12px; line-height: 1.2; }
.main-visual .slick-dots { bottom: 34px; }
.main-visual .slick-dots li, .main-visual .slick-dots li button, .main-visual .slick-dots li button:before { width: 6px; height: 6px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
.main-visual .slick-dots li button { -moz-box-shadow: inset 0 0 0 2px #fff; -webkit-box-shadow: inset 0 0 0 2px #fff; box-shadow: inset 0 0 0 2px #fff; }
.main-visual .slick-dots li.slick-active button { -moz-box-shadow: inset 0 0 0 2px #df7a32; -webkit-box-shadow: inset 0 0 0 2px #df7a32; box-shadow: inset 0 0 0 2px #df7a32; }
.main-visual .slick-dots li.slick-active button:before { background-color: inherit; background-color: transparent; }
.main-visual .slick-dots li.slick-active, .main-visual .slick-dots li.slick-active button, .main-visual .slick-dots li.slick-active button:before { width: 6px; }
}
h3.main_tit1 { margin-bottom: 20px; text-align: center }
h3.main_tit1 .tit_e { line-height: 1.3; font-size: 18px; letter-spacing: 1px; color: #333; }
h3.main_tit, .main_history h3.main_tit2 { margin: 0 0 30px; text-align: center; }
h3.main_tit .tit, .main_history h3.main_tit2 .tit { color: #333; font-size: 30px; color: #0a2240; margin-top: 10px; }
h3.main_tit .tit span, .main_history h3.main_tit2 .tit span { color: #dea36d }
h3.main_tit .tit_e, .main_history h3.main_tit2 .tit_e { line-height: 1.3; font-size: 12px; color: #dea36d; position: relative; justify-content: center; }
h3.main_tit .tit_e i, .main_history h3.main_tit2 .tit_e i { font-size: 12px; margin: 0 10px; }
h3.main_tit .tit_e:before, .main_history h3.main_tit2 .tit_e:before { content: ''; width: 60px; height: 1px; background: #dea36d; }
h3.main_tit .tit_e:after, .main_history h3.main_tit2 .tit_e:after { content: ''; width: 60px; height: 1px; background: #dea36d; }
@media only screen and (max-width: 640px) {
h3.main_tit, .main_history h3.main_tit2 { margin: 10px 0; text-align: center; }
h3.main_tit .tit, .main_history h3.main_tit2 .tit { font-size: 18px!important; letter-spacing: 3px; }
h3.main_tit .tit_e, .main_history h3.main_tit2 .tit_e { font-size: 13px!important; letter-spacing: 1px; }
.pro-bar .pro-list { display: none; }
}
.main_busi { }
.main_busi .col-lg-3 { display: table; text-align: center; position: relative; }
.main_busi .wrap { display: table-cell; vertical-align: middle; width: 100%; color: #666; position: relative; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; display: block; background: transparent; }
.main_busi .wrap.pc_b { background-color: #e9e9e9; }
.main_busi .wrap .tit { font-size: 25px; font-weight: 600; letter-spacing: 5px; }
.main_busi .wrap .img { margin: 10px 0; }
.main_busi .wrap .txt { font-size: 14px; font-weight: 300; letter-spacing: -0.3px; }
.main_busi .wrap:hover { color: #fff; background-color: transparent !important; }
@media only screen and (max-width: 1024px) {
.main_busi i.br { display: none; }
.main_busi .wrap .img { width: 100px; margin: 0 auto; }
}
@media only screen and (max-width: 798px) {
.main_busi .main_busi_list { max-width: 900px; }
.main_busi .wrap.pc_b { background-color: #f4f4f4; }
.main_busi .wrap.tab_b { }
.main_busi .wrap .tit { font-size: 17px; font-weight: 500; letter-spacing: 4px; }
.main_busi .wrap .txt { font-size: 13px; padding: 0 10px; }
}
@media only screen and (max-width: 480px) {
.main_busi .wrap .img { width: 60px; }
.main_busi .wrap .txt { font-size: 12px; line-height: 1.2; }
}
@media only screen and (min-width: 1199px) {
.main-visual .slide-content p { width: 1200px; margin: 0 auto!important; }
}
.fh-service-box-2 { margin-top: -20px; text-align: center; }
.fh-service-box-2.person { margin-top: 0; padding-top: 10px; }
.fh-service-box-2.box-style-2 .box-thumb { position: relative; }
.fh-service-box-2 .box-wrapper .fh-icon, .fh-service-box-2 .box-wrapper .img-icon { float: left; margin-top: -10px; }
.fh-service-box-2.box-style-2 .box-thumb .fh-icon { color: #fff; transition: .5s; z-index: 10; width: 40px; height: 40px; background: #dea36d; border-radius: 100%; display: inline-block; position: relative; top: 20px; line-height: 40px; }
.fh-service-box-2.box-style-2 .box-thumb .fh-icon i { font-size: 20px; line-height: 40px; }
.fh-service-box-2.box-style-2 .box-thumb img { width: 100%; transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s; }
.fh-service-box-2.box-style-2 .box-wrapper { padding: 10px 15px; background-color: #fff; text-align: center; position: relative; width: calc(100% - 20px); margin: 0 10px; top: 0; border-bottom: 4px solid #fff; }
.fh-service-box-2.box-style-2 .box-wrapper { transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s; }
.fh-service-box-2.box-style-2:hover .box-wrapper { top: -45px; opacity: 1; }
.fh-service-box-2.box-style-2 .box-header { border: none; padding-bottom: 0; margin-bottom: 15px }
.fh-service-box-2.box-style-2 .box-header .fh-icon { width: 70px; height: 70px; line-height: 70px; background-color: #df7a32; float: none; display: block; border-radius: 50%; position: absolute; top: -20px; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: .5s; transition: .5s; }
.fh-service-box-2.box-style-2 h4 { padding-left: 0; font-size: 16px; }
.fh-service-box-2.box-style-2 .box-content, .fh-service-box-2.box-style-2 h4 { -webkit-transform: translateY(25px); transform: translateY(25px); -webkit-transition: .5s; transition: .5s; color: #666 }
.fh-service-box-2.box-style-2 h4 { color: #222 }
.fh-service-box-2.box-style-2 .read-more { font-size: 12px; color: #fff; font-weight: 500; display: inline-block; opacity: 0; -webkit-transition: .8s; transition: .8s; }
.main_busi .fh-service-box-2:hover .box-thumb img { z-index: 2; -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.1); -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,.1); box-shadow: 0 0 10px 0 rgba(0,0,0,.1); ; }
.fh-service-box-2.box-style-2:hover .box-thumb .fh-icon { opacity: 1 }
.fh-service-box-2.box-style-2:hover .box-content, .fh-service-box-2.box-style-2:hover h4 { -webkit-transition: .5s; transition: .5s; -webkit-transform: translateY(0); transform: translateY(0) }
.fh-service-box-2.box-style-2:hover .read-more { opacity: 1; }
.fh-service-box-2.box-style-2:hover .box-header .fh-icon { opacity: 0 }
.fh-service-box-2.box-style-2:hover .box-wrapper { background: #0a2240; border-bottom: 4px solid #dea36d; }
.fh-service-box-2.box-style-2:hover .box-wrapper .box-title { color: #fff }
.contactbox { display: flex; flex-wrap: wrap }
.contactbox .contactlist { text-align: center; margin-bottom: 40px; }
.contactbox .contactlist .con-i i { font-size: 38px; color: #df7a32 }
.contactbox .contactlist .con-l h2 { font-size: 18px; font-weight: bold; color: #000; line-height: 40px; height: 40px; }
.contactbox .contactlist .con-l p { font-size: 14px; }
.message .w50 { width: 49% }
.message .form-box { display: flex; justify-content: space-between }
.message .form-box { margin-bottom: 10px }
.message .w100 { width: 100% }
.message .w33 { width: 33% }
.message .submit { background: #df7a32; display: flex; justify-content: center; align-items: center; float: right }
.message .submit i { color: #fff; margin-right: 10px }
.history_slick { padding: 145px 0; max-height: 500px; width: 100%; padding-left: 360px; }
.history_slick:before { content: ''; height: 1px; background-color: #999; width: 100%; position: absolute; top: 50%; left: 0; display: block; }
.history_slick .wrap { display: block; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; border: 1.8px dashed #df7a32; width: 210px; height: 210px; position: relative; margin: 0 auto; }
.history_slick .wrap .txtwrap { width: 180px; height: 180px; position: absolute; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; top: 50%; left: 50%; margin-top: -90px; margin-left: -90px; padding: 35px 20px 20px; background: #fff; text-align: center; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; }
.history_slick .wrap .txtwrap .tit { color: #df7a32; font-size: 22px; font-weight: 600; }
.history_slick .wrap .txtwrap .txt { margin-top: 15px; font-size: 15px; height: 60px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
@media only screen and (max-width: 640px) {
.history_slick .wrap { display: block; border: 1px dashed #df7a32; width: 120px; height: 120px; }
.history_slick .wrap .txtwrap { width: 100px; height: 100px; margin-top: -50px; margin-left: -50px; padding: 10px; }
.history_slick .wrap .txtwrap .tit { font-size: 16px; }
.history_slick .wrap .txtwrap .txt { margin-top: 2px; font-size: 12px; height: 45px; line-height: 15px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
}
.history_slick .slick-current .txtwrap { background-color: #df7a32; color: #fff; }
.history_slick .slick-current .txtwrap .tit { color: #fff; }
.history_slick .sa_l, .history_slick .sa_r { position: absolute; top: inherit; left: inherit; right: inherit; left: 100px; top: 50%; margin-top: 40px; color: #fff; text-align: center; border: 1px solid #fff; width: 30px; height: 30px; line-height: 30px; opacity: 0.9; background-repeat: no-repeat; background-position: left; }
.history_slick .sa_l:hover, .history_slick .sa_r:hover { opacity: 1; }
.history_slick .sa_r { margin-left: 29px; }
.lt-ie9 .slick-main .sa_l, .lt-ie9 .slick-main .sa_r { margin-top: -15px; }
@media all and (max-width: 1500px) {
.main_history { min-height: inherit; padding: 50px 0; }
.main_history h3.main_tit2 { position: relative; margin: inherit; bottom: inherit; margin-bottom: inherit; margin-left: inherit; left: inherit; text-align: center; }
.history_slick { padding-left: 0; padding: 40px 0; }
.history_slick .sa_l, .history_slick .sa_r { left: 50%; top: inherit; bottom: -10px; color: #fff; text-align: center; border: 1px solid #fff; width: 30px; height: 30px; line-height: 30px; opacity: 0.9; background-repeat: no-repeat; background-position: left; }
.history_slick .sa_l:hover, .history_slick .sa_r:hover { opacity: 1; }
.history_slick .sa_l { margin-left: -30px; }
.history_slick .sa_r { margin-left: -1px; }
.lt-ie9 .slick-main .sa_l, .lt-ie9 .slick-main .sa_r { margin-top: -15px; }
}
.faq ul>li { width: 100%; cursor: pointer; position: relative; font-size: 14px; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #dedede; }
.faq ul>li:last-child { margin-bottom: 0 }
.faq ul>li span { position: absolute; right: 0; font-size: 16px; }
.faq ul>li summary { font-size: 16px; font-weight: bold; color: #333; display: inline; background: #f5f5f5; padding: 8px }
.faq ul>li .faq-hide { font-weight: normal; margin-top: 10px; }
#person_form_icon { cursor: pointer; display: block; line-height: 20px; vertical-align: middle; outline: none; margin-left: 36px; }
#person_form_icon::-webkit-details-marker {
 display:none;
}
#person_form_icon:before { content: "+"; color: #fff; position: absolute; left: 0; top: 0; width: 30px; text-align: center; height: 36px; width: 36px; background: #df7a32; line-height: 36px; }
.faq ul>li details[open] #person_form_icon:before { content: "-"; }
.collapse { -webkit-transition: height 0.35s ease; -moz-transition: height 0.35s ease; -ms-transition: height 0.35s ease; -o-transition: height 0.35s ease; transition: height 0.35s ease; position: relative; overflow: hidden; height: 0; }
.new .new-pic .pic img { width: 100%; height: 100%; transition: all 0.36s ease-out; }
.new .new-pic .wz h3 { font-size: 16px; padding-top: 20px; color: #333; font-weight: bold }
.new .new-pic .wz p { line-height: 24px; padding-top: 10px; height: 58px; overflow: hidden; font-size: 14px; }
.new .new-list li { border-top: 1px solid rgba(0,0,0,.1); }
.new .new-list li a { display: block; padding: 16px; line-height: 20px; font-size: 14px; -webkit-transition: .3s ease; transition: .3s ease; }
.new .new-list li i { float: right }
.new .new-list li i:before { color: #333 }
.new .new-pic { width: 100%; margin: 0 50px 20px 0; }
.new .new-pic a { display: block; }
.new .new-pic .pic { height: 150px; overflow: hidden }
.new .new-pic a:hover span { background: #df7a32; color: #fff }
.new .new-pic a:hover h3 { color: #df7a32 }
.new .new-pic a:hover img { transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); }
.new .new-list li a:hover { text-indent: 10px; box-shadow: 0 10px 20px rgba(0, 0, 0, .1); }
.new .new-list li a:hover i { color: #fff; }
.case .case-pic .pic img { width: 100%; height: 100%; transition: all 0.36s ease-out; }
.case .case-pic .wz h3 { font-size: 16px; padding-top: 20px; color: #333; text-align: center }
.case .case-pic .wz p { line-height: 24px; padding-top: 10px; height: 58px; overflow: hidden; font-size: 14px; }
.case .case-list li { border-top: 1px solid rgba(0,0,0,.1); }
.case .case-list li a { display: block; padding: 16px; line-height: 20px; font-size: 14px; -webkit-transition: .3s ease; transition: .3s ease; }
.case .case-list li i { float: right }
.case .case-list li i:before { color: #333 }
.case .case-pic { width: 100%; margin: 0 50px 20px 0; }
.case .case-pic a { display: block; }
.case .case-pic .pic { height: 260px; overflow: hidden }
.case .case-pic a:hover span { background: #df7a32; color: #fff }
.case .case-pic a:hover h3 { color: #df7a32 }
.case .case-pic a:hover img { transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); }
.case .case-list li a:hover { text-indent: 10px; box-shadow: 0 10px 20px rgba(0, 0, 0, .1); }
.case .case-list li a:hover i { color: #fff; }
/* 
_layout.SCSS
*/
body { overflow-x: hidden; width: 100%; }
.wrapper { width: 100%; max-width: 1200px; position: relative; margin: 0 auto; }
@media only screen and (max-width: 1199px) {
.wrapper { width: 100%; min-width: 320px; padding: 0 15px }
}
@media only screen and (max-width: 640px) {
.wrapper { padding: 0 15px; box-sizing: border-box; }
}
.con-margin-01 { margin-top: 30px; }
@media only screen and (max-width: 640px) {
.con-margin-01 { margin-top: 20px; }
}
.con-margin-02 { margin-top: 70px; }
@media only screen and (max-width: 640px) {
.con-margin-02 { margin-top: 40px; }
}
h3.tit, .sub-contents .sub-title h3.tit_mimic { font-size: 28px; letter-spacing: -0.5px; }
h3.tit_01 { font-size: 24px; letter-spacing: -0.5px; line-height: 1.5; }
h3.tit_01_mc { font-size: 24px; letter-spacing: -0.5px; line-height: 1.5; color: #df7a32; margin-bottom: 20px; font-weight: bold; }
 @media only screen and (max-width: 640px) {
h3.tit, .sub-contents .sub-title h3.tit_mimic { font-size: 22px; }
h3.tit_01, h3.tit_01_mc { font-size: 20px; }
h3.tit_01_mc { margin-bottom: 10px; }
}
h4.tit_01 { font-size: 20px; color: #333; letter-spacing: -0.8px; margin-bottom: 10px; }
@media only screen and (max-width: 640px) {
h4.tit_01 { font-size: 18px; }
}
h4.tit_02 { font-size: 18px; font-weight: 300; letter-spacing: -0.5px; }
@media only screen and (max-width: 640px) {
h4.tit_02 { font-size: 15px; }
}
/* 서브 비주얼*/
.sub-visual { height: 344px; overflow: hidden; position: relative; }
.sub-visual .wrap { position: relative; z-index: 1; height: 344px; margin: 0 auto; width: 100%; max-width: 1200px; display: table; }
.sub-visual-title { display: table-cell; text-align: center; vertical-align: middle; color: #fff; }
.sub-visual-title h2 { font-size: 36px; text-align: left; font-weight: bold; padding-top: 80px; text-shadow: 2px 2px 8px rgba(0,0,0,.3) }
.sub-visual-bg { background-position: center 0; background-repeat: no-repeat; background-size: cover; z-index: 0; display: block; width: 100%; height: 344px; position: absolute; top: 0; }
@media only screen and (max-width: 1024px) {
}
@media only screen and (max-width: 640px) {
.sub-visual { height: 120px; }
.sub-visual .wrap, .sub-visual-bg { height: 120px; background-size: auto 120px; }
.sub-visual-title h2 { font-size: 20px; letter-spacing: 1px; padding: 0 15px 0; }
}
/*메뉴위치*/
.sub-menu-box { background-color: #fff; border-bottom: 1px solid #ddd; }
.sub-menu-box.huise { background-color: #F2F2F2; border: none; }
.sub-menu-box .menu-home { float: left; height: 50px; text-align: center; }
.sub-menu-box .menu-home a { display: block; line-height: 50px; margin-right: 10px; }
.sub-menu-box .menu-list-box { position: relative; float: left; border-right: 1px solid #ddd; z-index: 2; border-left: 1px solid #ddd; }
.sub-menu-box .menu-list-box .menu-area-box { width: 200px; }
.sub-menu-box .menu-title { line-height: 50px; color: #666; font-weight: normal; cursor: pointer; }
.sub-menu-box .menu-title span { padding: 0 20px; font-size: 14px; display: block; background: url(../images/sub_nav_bg.png) no-repeat right 20px center; }
.sub-menu-box .menu-title span.on { font-size: 14px; display: block; background: url(../images/sub_nav_bg_on.png) no-repeat right center; color: #df7a32; }
.sub-menu-box .menu-list-con { display: none; padding: 10px 0; width: 100%; position: absolute; top: 50px; border: 1px solid #ddd; left: -1px; box-sizing: content-box; background: #f5f5f5; }
.sub-menu-box .menu-list-con a { display: block; color: #666; font-size: 14px; }
.sub-menu-box .menu-list-con a:hover { text-decoration: underline !important; color: #df7a32; }
.sub-menu-box .menu-list-con li { line-height: 1.3; padding: 5px 20px; }
.sub-menu-box .menu-position { padding-left: 15px; }
.sub-menu-box .menu-position p { font-size: 14px; line-height: 50px; height: 50px; }
@media only screen and (max-width: 640px) {
.sub-menu-box .wrapper { padding: 0; }
.sub-menu-box .menu-home { display: none; }
.sub-menu-box .menu-list-box { width: 100%; }
.sub-menu-box .menu-list-box .menu-area-box { width: 100%; }
.sub-menu-box .menu-title { line-height: 40px; }
.sub-menu-box .menu-list-con { top: 40px; }
.sub-menu-box .menu-position { display: none }
}
 @media only screen and (max-width: 640px) {
.sub-contents { padding: 0px 0 50px; }
}
.sub-contents .sub-title { text-align: center; }
.sub-contents .sub-title h3.tit, .sub-contents .sub-title h3.tit_mimic { color: #333; letter-spacing: 0; font-size: 34px; margin-bottom: 50px; }
.sub-contents .sub-title h3.tit:after, .sub-contents .sub-title h3.tit_mimic:after { position: relative; width: 40px; height: 2px; content: ""; display: block; background: #333; margin: 18px auto 0; }
@media only screen and (max-width: 640px) {
.sub-contents .sub-title { display: block; padding-top: 20px; }
.sub-contents .sub-title h3.tit, .sub-contents .sub-title h3.tit_mimic { letter-spacing: -1px; font-size: 28px; margin-bottom: 30px; }
}
.intro21_vision { margin: 100px auto; height: 300px; background-color: #f4f4f4; background-image: url(../images/about_bg.png); background-repeat: no-repeat; background-position: center; background-attachment: fixed; }
.intro21_vision .col-lg-6 { display: table; height: 200px; margin: 50px 0; }
.intro21_vision .col-lg-6:first-child { border-right: 1px solid #df7a32; }
.intro21_vision .wrap { width: 100%; display: table-cell; vertical-align: middle; }
.intro21_vision .tit { margin-bottom: 10px; }
.intro21_vision .txt { font-size: 26px; color: #222; letter-spacing: -2px; }
@media only screen and (max-width: 640px) {
.intro21_vision { margin: 50px auto; height: 200px; }
.intro21_vision .col-lg-6 { display: table; height: 120px; margin: 40px 0; }
.intro21_vision .txt { font-size: 17px; letter-spacing: -1px; }
}
.intro22_1 .txtwrap { margin-top: 10px; }
.intro22_1 .txtwrap .tit { font-size: 26px; letter-spacing: -1px; color: #333; }
.intro22_1 .txtwrap .txt { margin-top: 10px; }
@media only screen and (max-width: 640px) {
.intro22_1 .txtwrap .tit { font-size: 17px; letter-spacing: -0.5px; }
}
.intro22_2 { padding: 80px 0; background-color: #f2f2f2; }
.intro22_2 .philosopy_wrap { margin-top: 50px; display: inline-block; position: relative; }
@media only screen and (max-width: 640px) {
.intro22_2 { padding: 50px 0; }
.intro22_2 .philosopy_wrap { display: none; }
}
.intro22_3 > .wrap { max-width: 1040px; margin: 50px auto; border: 1px solid #ddd; padding: 50px 0; }
.intro22_3 > .wrap .col-lg-4 { border-left: 1px solid #ddd; }
.intro22_3 > .wrap .col-lg-4:first-child { border-left: 0; }
.intro22_3 > .wrap img { margin: 20px 0; }
.intro22_3 > .wrap .txt { font-weight: 300; letter-spacing: -1px; }
@media only screen and (max-width: 640px) {
.intro22_3 > .wrap { margin: 20px auto; padding: 20px 0; }
.intro22_3 > .wrap img { margin: 15px 0; }
.intro22_3 > .wrap .txt { letter-spacing: -0.5px; }
}
.history-con { text-align: center; margin: 50px 0 20px; color: #333; position: relative; }
.history-con:before { top: 0; content: ""; height: 100%; position: absolute; left: 50%; z-index: -1; width: 1px; background-color: #ddd; display: inline-block; }
.history-con .present { margin-bottom: 50px; display: inline-block; background-color: #df7a32; height: 40px; line-height: 40px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; color: #fff; width: 120px; font-weight: 300; }
.history-con .year { padding: 13px 0 50px; position: relative; }
.history-con .year p { left: 50%; top: 0; color: #df7a32; font-size: 30px; font-weight: 600; display: inline-block; position: absolute; }
.history-con .year p:before { width: 8px; height: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; position: absolute; top: 50%; margin-top: -4px; content: ''; display: inline-block; background-color: #df7a32; }
.history-con .year.r p { margin-left: -94px; }
.history-con .year.r p:before { right: -31px; }
.history-con .year.l p { margin-right: -94px; margin-left: 0; left: inherit; right: 50%; }
.history-con .year.l p:before { left: -30px; }
.history-con .line { width: 50%; display: block; position: relative; margin-bottom: 30px; }
.history-con .line span { position: absolute; top: 0; font-size: 16px; font-weight: bold; }
.history-con .line .img { display: block; position: relative; top: 20px; }
.history-con .line.r { text-align: left; margin-left: 50%; padding-left: 100px; }
.history-con .line.r span { left: 20px; }
.history-con .line.r .img { left: 0; }
.history-con .line.l { text-align: right; margin-right: 50%; padding-right: 100px; }
.history-con .line.l span { right: 20px; }
.history-con .line.l .img { right: 0; }
@media only screen and (max-width: 640px) {
.history-con:before { left: 0; }
.history-con .present { margin-bottom: 30px; height: 30px; line-height: 30px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px; width: 120px; }
.history-con .year { text-align: left; padding: 0 0 50px; position: relative; }
.history-con .year p { left: 0; font-size: 24px; position: relative; }
.history-con .year.r p { margin-left: 20px; }
.history-con .year.r p:before { left: -23px; right: inherit; }
.history-con .year.l p { margin-right: 0; margin-left: 20px; left: inherit; right: 0; }
.history-con .year.l p:before { left: -23px; }
.history-con .line { width: 100%; margin-bottom: 20px; }
.history-con .line span { font-size: 14px; }
.history-con .line .img { top: 5px; }
.history-con .line.r { margin-left: 0; padding-left: 70px; }
.history-con .line.r span { left: 10px; }
.history-con .line.r:before { left: 0px; }
.history-con .line.r .img { left: 0; }
.history-con .line.l { text-align: left; margin-right: 0; padding-right: 0; padding-left: 70px; }
.history-con .line.l span { left: 10px; right: 0; }
.history-con .line.l:before { right: 0px; }
.history-con .line.l .img { right: 0; }
}
.f2_bg { background-color: #f2f2f2; padding: 80px 0; }
@media only screen and (max-width: 640px) {
.f2_bg { padding: 40px 0; }
}
.area1 .img { display: block; position: relative; height: 130px; line-height: 130px; margin-bottom: 30px; }
.area1 .img img { z-index: 2; position: relative; width: 130px; vertical-align: middle; }
.area1 .img .bg { z-index: 1; position: absolute; width: 130px; height: 130px; line-height: 130px; background-color: #eee; -webkit-border-radius: 130px; -moz-border-radius: 130px; -ms-border-radius: 130px; -o-border-radius: 130px; border-radius: 130px; top: 50%; left: 50%; margin-left: -65px; margin-top: -65px; }
.area1 .wrap:hover .img .bg { background-color: #df7a32; }
.area1 .tit { color: #df7a32; font-size: 20px; font-weight: 500; letter-spacing: -0.5px; }
.area1 .txt { font-size: 16px; }
@media only screen and (max-width: 640px) {
.area1 .img { height: 100px; line-height: 100px; }
.area1 .img img { width: 100px; }
.area1 .img .bg { width: 100px; height: 100px; line-height: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px; border-radius: 100px; margin-left: -50px; margin-top: -50px; }
.area1 .tit { font-size: 16px; }
.area1 .txt { font-size: 13px; margin-bottom: 20px; }
}
.area2_1 .itemwrap { max-width: 1000px; margin: 30px auto; }
.area2_1 .itemwrap p.tit { font-size: 18px; margin: 10px 0 5px; color: #df7a32; font-weight: bold; word-break: break-all; }
@media only screen and (max-width: 640px) {
.area2_1 .itemwrap img { width: 75px; }
}
.area_table .imgwrap .img, .area_table .imgwrap .txt { display: table-cell; vertical-align: top; }
.area_table .imgwrap .img { width: 370px; padding-right: 20px; }
@media only screen and (max-width: 1024px) {
.area_table .imgwrap .img, .area_table .imgwrap .txt { display: block; }
.area_table .imgwrap .img { width: inherit; padding-right: 0; margin-bottom: 20px; }
}
.area43 .tit { margin: 20px 0 10px; color: #df7a32; font-size: 18px; }
.area43 .txt { font-weight: 300; }
.area52 h4.tit_02 { position: absolute; width: 100%; bottom: 0; }
@media only screen and (max-width: 1199px) {
.area52 h4.tit_02 { position: relative; }
}
.area5_2 { text-align: left; }
.area5_2 h4.tit_02 { text-align: right; }
@media only screen and (max-width: 640px) {
.area5_2 h4.tit_02 { text-align: center; }
}
.state1 h3.tit_01 { margin-bottom: 30px; color: #333; }
.state1 ul.row_5 li { margin-bottom: 30px; }
.state1 ul.row_5 p { padding: 10px 0; border: 1px solid #ddd; border-top: 0; font-size: 18px; color: #df7a32; }
@media only screen and (max-width: 640px) {
.state1 ul.row_5 p { padding: 5px; font-size: 14px; }
}
.state2 p, .state3 p { font-size: 18px; letter-spacing: -0.5px; margin: 20px 0 40px; }
@media only screen and (max-width: 640px) {
.state2 p, .state3 p { font-size: 14px; margin: 10px 0 30px; }
}
.global2 { position: relative; padding-top: 660px; }
.global2 .tab-content .map { position: absolute; top: 0; }
.global2 .map_info { display: table; }
.global2 .map_info > .tit, .global2 .map_info > .txtwrap { display: table-cell; vertical-align: top; }
.global2 .map_info > .tit { width: 300px; }
.global2 .map_info > .tit .img, .global2 .map_info > .tit .txt { float: left; }
.global2 .map_info > .tit .img { margin-right: 20px; }
.global2 .map_info > .tit .txt { line-height: 1; text-align: left; font-size: 26px; color: #333; }
.global2 .map_info > .tit .txt span { margin-top: 6px; display: block; color: #999; font-size: 14px; }
.global2 .map_info > .txtwrap li { font-weight: 300; letter-spacing: -0.5px; color: #999; position: relative; }
.global2 .map_info > .txtwrap li a { color: #999; }
.global2 .map_info > .txtwrap li span { color: #333; }
.global2 .map_info > .txtwrap li span:after { content: ' : '; }
.global2 .map_info > .txtwrap li:last-child span:after { content: none; }
.global2 .map_info > .txtwrap > ul > li { margin-bottom: 10px; }
.global2 .map_info > .txtwrap > ul > li span:before { display: inline-block; content: '· '; color: #df7a32; }
.global2 .global_work { padding-left: 77px; }
.global2 .global_work span { left: 0; top: 0; position: absolute; }
@media only screen and (max-width: 1024px) {
.global2 { padding-top: 0; }
.global2 .tab-content .map { position: relative; }
.global2 .map_info { display: block; }
.global2 .map_info > .tit, .global2 .map_info > .txtwrap { display: block; }
.global2 .map_info > .tit { margin-bottom: 20px; }
.global2 .map_info > .tit .img { margin-right: 5px; }
}
@media only screen and (max-width: 640px) {
.global2 .map_info > .tit .txt { font-size: 18px; }
.global2 .map_info > .tit .txt span { margin-top: 4px; font-size: 13px; }
.global2 .global_work { padding-left: 62px; }
}
.cs1 .table-type-01 th { text-align: left; background-color: #f2f2f2; }
.cs1 .table-type-01 th, .cs1 .table-type-01 td { padding: 10px; }
.cs1 .table-type-01 .input_for, .cs1 .table-type-01 .sel_for { height: 40px; line-height: 40px; }
.cs1 .table-type-01 .input_for, .cs1 .table-type-01 .sel_for, .cs1 .table-type-01 .txtarea, .cs1 .table-type-01 input[type="file"] { border: 1px solid #ddd; }
.cs12 td { color: #999; }
.cs34 li { float: left; width: 33.33%; padding: 0 15px 30px; }
.cs34 .wrap { padding: 30px; width: 100%; border: 1px solid #ddd; background-color: #fff; display: table; }
.cs34 .wrap .img, .cs34 .wrap .txt { display: table-cell; vertical-align: middle; }
.cs34 .wrap .img { width: 80px; }
.cs34 .wrap .txt { padding-left: 30px; text-align: left; }
@media only screen and (max-width: 1024px) {
.cs34 li { padding: 0 5px 10px; }
.cs34 li .wrap { padding: 20px; }
.cs34 li .wrap .txt { padding-left: 20px; }
}
@media only screen and (max-width: 900px) {
.cs34 li .wrap { display: block; }
.cs34 li .wrap .img { margin: 0 auto; }
.cs34 li .wrap .txt { height: 54px; padding-left: 0; }
.cs34 li .wrap .img, .cs34 li .wrap .txt { display: block; text-align: center; }
}
@media only screen and (max-width: 640px) {
.cs34 li { width: 50%; }
.cs34 li .wrap .txt { height: 44px; }
}
/*
_inc.css
*/
.flex { display: flex; align-items: center; }
.headtop { height: 105px; padding: 15px 0; }
.headtop .wrapper { }
.headtop .logo { height: 70px; float: left; }
.headtop .logo a { height: 70px; display: block; }
.headtop .logo img { height: 100% }
.contactlist .item { padding-left: 40px; margin-left: 40px; }
.contactlist .item:last-child { border-left: 1px solid rgba(255,255,255,.1); }
.contactlist .item i { color: #dea36d; font-size: 40px; }
.contactlist .itemcontent { margin-left: 8px; }
.contactlist .itemcontent p { font-size: 14px; color: rgba(255,255,255,.6); line-height: 26px; }
.contactlist .itemcontent p.big { font-size: 22px; font-family: DISNEYENGLISH-BOLD; color: #fff; }
.gnb { width: 900px; position: relative; float: left; }
.gnb .depth01 { padding: 0 10px; }
.gnb .depth01:last-child { margin: 0 0 0 15px; }
.gnb .depth01.last { margin-right: 0; }
.gnb .depth { display: flex; justify-content: left }
.header .logo { display: flex!important; align-items: center; justify-content: center; }
.header .logo a { display: block; }
@media only screen and (max-width: 900px) {
header { height: 60px; }
.header { height: 60px; text-align: center; }
.header .logo { position: relative; height: 60px; line-height: 60px; }
.header .logo a { height: 106px; line-height: 60px; background-size: 130px; width: 106px; height: 36px; }
}
@media only screen and (max-width: 640px) {
header { height: 60px; }
.header { height: 50px; }
.header .logo { height: 50px; line-height: 50px; }
.header .logo a { width: 130px; height: 36px; background-size: 130px; line-height: 50px; }
.lt-ie9 .header .logo a { background: url(../images/logo_ie.png); background-repeat: no-repeat; }
}
.header { background: url(../images/header_bg.png) repeat; left: 0; top: 0; width: 100%; z-index: 999; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -ms-transition: 0.5s all; -o-transition: 0.5s all; transition: 0.5s all; }
.header .wrapper { position: relative; box-sizing: border-box; z-index: 100; }
.headwrap { background: #162d4a; }
.headwrap.bg { box-shadow: 0 2px 6px rgba(0, 0, 0, .1); background: #0a2240; z-index: 3; position: fixed; width: 100%; top: 0; }
.headtop { background: #0a2240; }
@media only screen and (max-width: 640px) {
.headtop { display: none }
}
.headtop .wrapper { font-size: 14px; color: #fff; justify-content: space-between; }
.headtop .login-btn, .headtop .location .links { float: left }
.headtop .login-btn a { display: block; line-height: 34px; height: 34px; float: left; color: #fff; padding-right: 10px; position: relative }
.headtop .location { float: right }
.headtop .location .links:nth-child(1) { margin-right: 10px }
.headtop .location .links i { font-size: 14px; margin-right: 3px }
.headtop .location .links p { display: inline; line-height: 34px; height: 34px; }
.headtop .login-btn a:nth-child(1):after { content: ''; position: absolute; right: 5px; top: 50%; width: 1px; height: 10px; background: #fff; margin-top: -5px; }
.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; box-sizing: border-box; }
.header .gnb_wrap .depth .depth01 > a { box-sizing: border-box; position: relative; display: inline-block; font-size: 14px; width: 100%; color: #fff; height: 60px; line-height: 60px; text-align: right; text-decoration: none; padding: 0 12px }
.header .gnb_wrap .depth .depth01 > a:after { -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; width: 0; content: ""; position: absolute; height: 4px; margin: 0 auto; background-color: #dea36d; display: block; bottom: 0; left: 0; right: 0; }
.header .gnb_wrap .depth .depth01:hover > a, .header .gnb_wrap .depth .depth01 > a.active { color: #dea36d; }
.header .gnb_wrap .depth .depth01:hover > a:after, .header .gnb_wrap .depth .depth01 > a.active:after { width: 100%; }
.header .gnb_wrap .depth .depth01 > a i { margin-left: 5px; }
.header .gnb_wrap .depth .depth01 .depth02_box { display: none; position: absolute; top: 60px; width: 140px; left: 50%; margin-left: -70px; z-index: 100; padding: 5px 0; }
.header .gnb_wrap .depth .depth01 .depth02_box:after { content: ""; position: absolute; display: block; width: 100%; height: 100%; top: 0; background: #162d4a; z-index: 99; }
.header .gnb_wrap .depth .depth01 .depth02_box li { float: none; margin: 0; padding: 0; text-align: center; }
.header .gnb_wrap .depth .depth01 .depth02_box li .active { color: #dea36d; display: block; }
.header .gnb_wrap .depth .depth01 .depth02_box li a { z-index: 100; display: inline-block; font-size: 14px; padding: 5px 0; font-weight: normal; color: #ddd!important; text-align: center; position: relative; }
.header .gnb_wrap .depth .depth01 .depth02_box li a:after { margin: 0 auto; position: relative; top: -1px; display: block; content: ""; width: 0; height: 2px; background: #dea36d; -webkit-transition: 0.2 all ease; -moz-transition: 0.2 all ease; -ms-transition: 0.2 all ease; -o-transition: 0.2 all ease; transition: 0.2 all ease; }
.header .gnb_wrap .depth .depth01 .depth02_box li a:hover:after { width: 100%; }
.header .gnb_wrap .depth .login-btn a { padding: 0 24px; margin-top: 6px; color: #fff; background-color: #46be8a; line-height: 32px; display: inline-block; font-size: 14px; }
.header .gnb_wrap .depth .login-btn a:nth-child(2) { background-color: #555; margin-left: -3px; }
.gnb .depth01.active:before { width: 100%; content: ""; position: absolute; height: 4px; margin: 0 auto; background-color: #dea36d; display: block; bottom: 0; left: 0; right: 0; }
.gnb .depth01.active a { color: #dea36d!important; }
.gnb_nav { top: 100px; position: absolute; z-index: 9999; display: none; left: 0; width: 100%; }
.gnb_nav .gnb_box { width: 1200px; background: #fff; padding: 20px 0; box-sizing: border-box; overflow: hidden; }
.gnb_nav .depth01 { float: left; display: inline-block; width: 200px; text-align: center; }
.gnb_nav .depth01:hover:before { content: none; }
.gnb_nav .depth01 > a { font-size: 15px; display: block; margin-bottom: 4px; color: #fa8614; }
.gnb_nav .depth01 .depth02 a { display: inline-block; font-size: 13px; color: #333; }
.gnb_nav .depth01 .depth02 a:after { position: relative; top: -1px; display: block; content: ""; width: 0; height: 1px; background: #fa8614; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }
.gnb_nav .depth01 .depth02 a:hover:after { width: 100%; }
.search { float: right; margin: 14px 0; border: 1px solid rgba(255,255,255,.3); border-radius: 3px; }
.search .searchBox .searchFormGroup from { height: 30px; }
.search .searchBox input { height: 30px; text-indent: 10px; background: transparent; outline: none; border: none; color: #fff; }
.search .searchBox button { height: 30px; width: 30px; line-height: 30px; }
.search .searchBox .searchFormGroup i { color: #dea36d; width: 30px; height: 30px; line-height: 30px; }
/*NAV BTN*/
.m_nav_btn_box { display: none; position: absolute; z-index: 100; transform: translate(0, -50%); top: 50%; left: 3px; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -ms-transition: 0.5s all; -o-transition: 0.5s all; transition: 0.5s all; }
@media only screen and (max-width: 1024px) {
.m_nav_btn_box { display: inline-block; }
}
.nav_btn, .m_nav_btn { position: relative; display: block; left: 0; height: 40px; width: 40px; }
.nav_btn span, .m_nav_btn span { background: #fff; position: absolute; left: 5px; top: 0; display: block; opacity: 1; width: 30px; height: 2px; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: 0.25s ease-in-out; -moz-transition: 0.25s ease-in-out; -ms-transition: 0.25s ease-in-out; -o-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out; }
.nav_btn span:nth-of-type(1), .nav_btn span:first-child, .m_nav_btn span:nth-of-type(1), .m_nav_btn span:first-child { top: 10px; }
.nav_btn span:nth-of-type(2), .nav_btn span + span, .m_nav_btn span:nth-of-type(2), .m_nav_btn span + span { top: 21px; }
.nav_btn span:nth-of-type(3), .nav_btn span + span + span, .m_nav_btn span:nth-of-type(3), .m_nav_btn span + span + span { top: 21px; visibility: hidden; }
.nav_btn span:nth-of-type(4), .nav_btn span + span + span + span, .m_nav_btn span:nth-of-type(4), .m_nav_btn span + span + span + span { top: 32px; visibility: visible; }
@media only screen and (max-width: 640px) {
.nav_btn, .m_nav_btn { height: 35px; width: 35px; }
.nav_btn span, .m_nav_btn span { left: 6px; width: 21px; }
.nav_btn span:nth-of-type(1), .nav_btn span:first-child, .m_nav_btn span:nth-of-type(1), .m_nav_btn span:first-child { top: 10px; }
.nav_btn span:nth-of-type(2), .nav_btn span + span, .m_nav_btn span:nth-of-type(2), .m_nav_btn span + span { top: 17px; }
.nav_btn span:nth-of-type(3), .nav_btn span + span + span, .m_nav_btn span:nth-of-type(3), .m_nav_btn span + span + span { top: 17px; visibility: hidden; }
.nav_btn span:nth-of-type(4), .nav_btn span + span + span + span, .m_nav_btn span:nth-of-type(4), .m_nav_btn span + span + span + span { top: 24px; visibility: visible; }
}
.nav_btn.on span:nth-of-type(1), .nav_btn.on span:nth-of-type(4), .m_nav_btn.on span:nth-of-type(1), .m_nav_btn.on span:nth-of-type(4) { opacity: 0; }
.nav_btn.on span:nth-of-type(2), .m_nav_btn.on span:nth-of-type(2) { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.nav_btn.on span:nth-of-type(3), .m_nav_btn.on span:nth-of-type(3) { visibility: visible; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.lt-ie9 .nav_btn, .lt-ie9 .m_nav_btn { margin-top: -20px; background-image: url(../images/nav_btn.png); background-position: center; background-repeat: no-repeat; }
.lt-ie9 .nav_btn span, .lt-ie9 .m_nav_btn span { display: none; }
.lt-ie9 .nav_btn.on, .lt-ie9 .m_nav_btn.on { background-image: url(../images/nav_btn_on.png); }
.nav_bg, .mo_gnb_nav { top: 60px; }
@media only screen and (max-width: 640px) {
.nav_bg, .mo_gnb_nav { top: 50px; }
}
.mo_gnbwrapper { display: none; }
 @media only screen and (max-width: 1024px) {
.m_nav_btn_box { display: block; }
.nav_bg, .mo_gnbwrapper { display: block; }
.header .gnb_wrap, .topmenu { display: none; }
.lt-ie9 .nav_bg { display: none; }
.lt-ie9 .nav_bg.on { display: block; }
.nav_bg { position: fixed; width: 100%; min-height: 100%; background: #000; opacity: 0 !important; visibility: hidden; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -ms-transition: 0.5s all; -o-transition: 0.5s all; transition: 0.5s all; }
.nav_bg.on { visibility: visible; z-index: 10; opacity: 0.6 !important; }
.mo_gnb_nav { position: fixed; left: 0; display: none; z-index: 99999; width: 300px; height: 100%; background: #162d4a; overflow-y: auto; }
.mo_gnb_nav .gnb_box { width: 100%; overflow: hidden; padding-bottom: 56px; }
.mo_gnb_nav .depth.wrap { border-top: 1px solid #e4e4e4; }
.mo_gnb_nav .depth.wrap *[class^="depth01"] { display: block; }
.mo_gnb_nav .depth.wrap *[class^="depth01"] > a { text-align: left; background: #162d4a url(../images/nav_down.png) no-repeat 95% center; border-top: 1px solid rgba(255,255,255,.1); margin-top: -1px; text-align: left; display: block; padding: 15px; font-size: 16px; position: relative; z-index: 9999; color: #ddd; margin-bottom: 0; }
.mo_gnb_nav .depth.wrap *[class^="depth01"] > a.selected1 { color: #fff; background: #dea36d url(../images/nav_up.png) no-repeat 95% center !important; }
.mo_gnb_nav .depth.wrap *[class^="depth01"] .depth02 li { background: #fff; width: 100%; float: left; }
.mo_gnb_nav .depth.wrap *[class^="depth01"] .depth02 a { text-align: left; background-image: url(../images/nav_st1.jpg); background-repeat: no-repeat; background-size: 5px; background-position: 20px center; background-color: #dea36d; border-top: 1px solid rgba(255,255,255,.1); display: block; padding: 9px 0 9px 30px; font-size: 14px; color: #fff }
.mo_gnb_nav .depth.wrap .depth01_down > a { background: #162d4a; }
.mo_gnb_nav .depth.wrap .half { width: 50%; float: left; }
.mo_gnb_nav .depth.wrap .half > a { text-align: center; }
.mo_gnb_nav .depth.wrap .half:nth-child(2n) { border-left: 1px solid #e4e4e4; }
}
@media only screen and (max-width: 640px) {
.mo_gnb_nav { width: 80%; max-width: 360px; }
.mo_gnb_nav .depth.wrap *[class^="depth01"] > a { padding: 12px; font-size: 14px; }
.mo_gnb_nav .depth.wrap *[class^="depth01"] .depth02 a { font-size: 13px; }
}
/*subnav*/
.snswrap { text-align: center; }
.snswrap .sns1 a i { background-position-x: 0%; }
.snswrap .sns2 a i { background-position-x: 50%; }
.snswrap .sns3 a i { background-position-x: 100%; }
.snswrap li { float: left; }
.snswrap li a { position: relative; display: block; }
.snswrap li a i { background-image: url(../images/sns_i.png); width: 30px; height: 30px; text-indent: -9999999px; background-repeat: no-repeat; }
@media only screen and (max-width: 640px) {
.snswrap li a i { background-size: 45px; width: 15px; height: 15px; }
}
.topmenu .snswrap ul { height: 35px; float: right; }
.topmenu .snswrap li { border-right: 1px solid rgba(255, 255, 255, 0.15); }
.topmenu .snswrap li:hover a { background: rgba(255, 255, 255, 0.2); }
.topmenu .snswrap li:first-child { border-left: 1px solid rgba(255, 255, 255, 0.15); }
.topmenu .snswrap li a { width: 35px; height: 35px; box-sizing: content-box; position: relative; }
.topmenu .snswrap li a i { position: absolute; background-size: 45px; width: 15px; height: 15px; }
.header-top { border-bottom: 1px solid rgba(255, 255, 255, 0.15); }
/*_footer.css*/
html, body { height: 100%; }
body { margin: 0; }
.home { overflow-x: hidden; }
.footer-top { padding: 20px 0; border-bottom: 1px solid #424242 }
.footer-bot { padding: 50px 0; font-size: 12px; }
.footer_wrap .bar_span span:before { background: #999; }
@media only screen and (max-width: 640px) {
.footer-top { padding: 10px 0; }
.footer-bot { padding: 20px 0; }
}
.dot_list { text-align: left; }
.dot_list ul { display: inline-block; line-height: 1; }
.dot_list a { color: #999; }
.dot_list a:hover { color: #df7a32 }
.dot_list li { float: left; padding: 0 10px; position: relative; }
.dot_list li:before { content: "·"; position: absolute; left: -2px; }
.dot_list li:first-child:before { content: none; }
@media only screen and (max-width: 640px) {
.dot_list { text-align: center; }
.dot_list li { padding: 0 5px; font-size: 11px; }
}
.footer_wrap { position: relative; bottom: 0; left: 0; width: 100%; font-weight: 300; font-size: 13px; color: #999; text-align: center; text-align: left; background: url(../images/footbg.jpg) no-repeat; background-size: cover; }
.footer_wrap .wrap { display: table; }
.footer_wrap .logo, .footer_wrap .txtwrap { display: table-cell; }
.footer_wrap .logo { }
.footer_wrap .logo img { width: 190px; }
.footer_wrap .logo p { color: #fff; line-height: 24px; font-size: 14px; margin: 20px 0 40px; }
.message .wx { margin: 0 20px; }
@media only screen and (max-width: 1024px) {
.footer_wrap .wrap { display: block; }
.footer_wrap .logo, .footer_wrap .txtwrap { display: block; }
.footer_wrap .logo { padding-right: 0; text-align: center; }
.footer_wrap .txtwrap { margin-top: 20px; float: none; padding-left: 0; text-align: center; }
}
.footer-sns { position: absolute; right: 0; top: 50%; margin-top: -15px; }
.footer-sns ul { display: inline-block; line-height: 1; }
.footer-sns ul li { display: inline-block; float: left; margin: 0 5px; }
.footer-sns ul li.sns1 a { background-image: url(../images/sns_f.png); }
.footer-sns ul li.sns2 a { background-image: url(../images/sns_b.png); }
.footer-sns ul li a { display: inline-block; background-repeat: no-repeat; background-position: center; height: 30px; width: 30px; border: 1px solid #777; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; }
@media only screen and (max-width: 640px) {
.footer-sns { margin-top: 10px; position: relative; top: 0; right: inherit; }
}
@media only screen and (max-width: 1199px) {
.headtop { display: none }
.main_about .about_p p { margin-top: 20px }
.counter .item-counter .bt { font-size: 12px }
.sub-contents { padding: 30px 0; }
}
@media only screen and (max-width: 798px) {
.sub-contents { padding: 30px 0; margin: 0!important }
}
@media only screen and (max-width: 640px) {
.main-tab .from { top: -30px }
.main_busi .fuwu { margin-bottom: 20px }
.main_about .txt img { margin: 0 }
.main_about .about_p p { margin-top: 20px }
.counter { margin-top: 20px; padding: 15px 0; flex-wrap: wrap }
.counter .item-counter .number .counterDX { font-size: 34px; }
.counter .item-counter .bt { font-size: 12px; }
.bar_span a { padding: 0 5px }
.famaily_box { width: auto!important }
}
@media only screen and (max-width: 480px) {
}
.pro-bar .pro-list { justify-content: space-around; }
.pro-bar .pro-list a { font-size: 15px; line-height: 50px; height: 50px; position: relative; transition: all .3s ease-in-out 0s; color: #666; margin: 0 33px; }
.pro-bar .pro-list a:before { position: absolute; top: 50%; left: -22px; width: 0; height: 1px; content: ""; transition: all .3s ease-in-out 0s; background-color: #dea36d; }
.pro-bar .pro-list a.active, .pro-bar .pro-list a:hover { color: #dea36d }
.pro-bar .pro-list a.active:before, .pro-bar .pro-list a:hover:before { width: 12px; }
.main_busi_list { position: relative; }
.mySwiper, .mySwiper1 { position: relative; overflow: hidden; }
.main_busi_list .casebtn { background: transparent; width: 50px; height: 50px; text-align: center; transition: all 0.3s; outline: none; border: 1px solid #666; border-radius: 100%; display: flex; align-items: center; margin-top: -50px; justify-content: center; }
.main_busi_list .casebtn i { font-size: 26px; color: #666 }
.main_busi_list .casebtn.swiper-button-next { right: -80px; }
.main_busi_list .casebtn.swiper-button-prev { left: -80px; }
.main_busi_list .casebtn:hover { background: #dea36d; color: #fff; border: 1px solid #dea36d; box-shadow: 0 5px 10px 0 rgba(222,163,109,.5) }
.main_busi_list .casebtn:hover i { color: #fff; }
.main_links { background: #f2f2f2; }
.main_links p { line-height: 30px; font-size: 14px; padding: 0 10px; }
.main_links a { line-height: 30px; height: 30px; background: #dea36d; color: #fff; text-align: center; margin-left: 10px; width: 120px; }
.main_links a p { width: 90px }
.main_links a:hover { box-shadow: 0 5px 10px 0 rgba(222,163,109,.5); }
.main_links a>i { width: 30px; height: 30px; text-align: center; line-height: 30px; background: #0a2240; color: #fff }
.main_links_content { padding: 20px 0; justify-content: center; }
.main_about { font-size: 16px; position: relative; }
.main_about .txt img { margin-bottom: 50px; }
.main_about .about_p p { text-align: left; line-height: 34px; text-indent: 20px }
@media only screen and (max-width: 640px) {
}
.main_about .txt img { padding: 0 30px; }
}
.counter { padding: 30px 0; display: flex; align-items: center; justify-content: space-between; margin-top: 50px; background: rgba(255,255,255,.7) }
.main_about .about_l { background-repeat: no-repeat; background: url(../images/aboutl.jpg) no-repeat center; min-height: 500px; position: relative; background-size: cover; }
.main_about .about_l .bg, .main_about .about_r .bg { width: 100%; height: 100%; background: rgba(10,34,64,.85); position: absolute; top: 0; left: 0; justify-content: center; }
.main_about .about_r { background-repeat: no-repeat; background: url(../images/aboutr.jpg) no-repeat center; min-height: 500px; position: relative; background-size: cover; }
.main_about .about_r .bg { background: rgba(222,163,109,.85) }
.main_about .about_l .main_tit p, .main_about .about_r .main_tit p { font-size: 14px; color: rgba(255,255,255,.6) }
.main_about .about_l .main_tit p.tit, .main_about .about_r .main_tit p.tit { font-size: 30px; color: #fff; margin: 10px 0; }
.main_about .about_l .main_tit .tit_e::before, .main_about .about_l .main_tit .tit_e::after, .main_about .about_r .main_tit .tit_e::before, .main_about .about_r .main_tit .tit_e::after { background: rgba(255,255,255,.6) }
.main_about .about_l a, .main_about .about_r a { line-height: 30px; height: 30px; color: #fff; text-align: center; justify-content: center; width: 120px; margin: 20px auto 0; }
.main_about .about_l a>i, .main_about .about_r a>i { width: 30px; height: 30px; text-align: center; line-height: 30px; background: #c48f5f; color: #fff }
.main_about .about_l a p, .main_about .about_r a p { color: #ddd!important; line-height: 30px; font-size: 14px; padding: 0 10px; background: #dea36d; width: 90px; }
.main_about .about_r a p { background: #0a2240; }
.main_about .about_r a>i { background: #162d4a; }
.main_about .about_l a:hover, .main_about .about_r a:hover { box-shadow: 0 5px 10px 0 rgba(0,0,0,.3); }
.main_about::after { content: ""; width: 0px; height: 0px; border-top: 20px solid #f2f2f2; border-left: 20px solid transparent; border-right: 20px solid transparent; position: absolute; top: 0; left: 50%; margin-left: -20px; }
.morebig { line-height: 50px; height: 50px; padding: 0 30px; border-radius: 50px; color: #fff; background: #dea36d; width: 180px; justify-content: center; margin: 0 auto; margin-top: 20px; }
.morebig:hover i { margin-left: 20px; color: #fff; }
.morebig i { margin-left: 5px; font-size: 20px; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; }
.morebig:hover { box-shadow: 0 5px 10px 0 rgba(222,163,109,.5); }
.main_news { background: #fafafa; }
.main_news .news_title { background: #0a2240; padding: 30px 0; width: 100%; text-align: center; }
.main_news .news_title .big { font-size: 24px; color: #fff; }
.main_news .news_title .big i { margin-right: 5px; font-size: 24px; }
.main_news .news_title .nromal { font-size: 12px; color: rgba(255,255,255,.6); text-transform: uppercase }
.main_news .news_list { background: #fff; padding: 15px; }
.main_news .news_list .new_box { font-size: 14px; justify-content: space-around; line-height: 50px; height: 50px; border-bottom: 1px solid #eee; }
.main_news .news_list .new_box:last-child { border: none }
.main_news .news_list .new_box .date { font-family: DISNEYENGLISH-BOLD; }
.main_news .news_list .new_box:hover p { text-decoration: underline; }
.main_news .news_more a { line-height: 60px; justify-content: center; height: 60px; color: #fff; background: #dea36d; width: 100%; color: #fff; text-align: center; font-size: 14px; }
.main_news .news_more a i { margin-left: 5px; font-size: 20px; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; }
.main_news .news_more a:hover i { margin-left: 20px; }
.main_news .news_more a:hover { background: #0a2240; }
.wx, .weibo, .twiter { float: left; width: 40px; height: 40px; background: #dea36d; border-radius: 100%; line-height: 40px; text-align: center; position: relative; }
.wx i, .weibo i, .twiter i { color: #0a2240; font-size: 20px; }
.wx a, .weibo a, .twiter a { position: relative; height: 40px; text-align: center; display: flex; align-items: center; justify-content: center; }
.wx-pic { z-index: 99999; visibility: hidden; opacity: 1; position: absolute; left: -35px; bottom: 60px; width: 110px; height: 110px; padding: 5px; box-shadow: 0 0 5px rgba(0,0,0,.15); background-size: 100px; -webkit-transform: scale(0, 0); -moz-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); transform: scale(0, 0); -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
.wx-pic { background: url(../images/ewm.png) no-repeat 5px 5px #fff; }
.wx-pic:before { content: ""; position: absolute; bottom: -12px; right: 45px; width: 20px; height: 12px; background: url(../images/arrom.png) no-repeat 0 0; }
.wx:hover .wx-pic { visibility: visible; opacity: 1; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%; }
.jinpian .article h2 { line-height: 1.15; margin: 50px 0; }
.footer_bottom { background: #0a2240; height: 40px; line-height: 40px; }
.footer_bottom p { font-size: 12px; color: #ddd }
.footer_bottom .foot_links a { font-size: 12px; color: #ddd; position: relative; }
.footer_bottom .foot_links a:first-child { padding-right: 20px; }
.footer_bottom .foot_links { justify-content: flex-end; }
.footer_bottom .foot_links a:first-child:before { content: ''; width: 1px; height: 14px; position: absolute; top: 13px; right: 10px; background: #ddd; }
.autopd { padding: 50px 0; }
@media only screen and (max-width: 640px) {
.autopd { padding: 30px 0; }
}
.homewrap { overflow: hidden; min-height: 100%; }
@media only screen and (max-width: 640px) {
.footer_wrap .logo img { margin: 0 auto }
.message { display: flex; align-items: center; justify-content: center; }
}
.zhuanye .boxS { transition: all .5s; width: 100%; height: 100%; overflow: hidden; border: solid 1px #ddd; padding: 40px 0; text-align: center; margin-bottom: 20px; }
.zhuanye .boxS i { font-size: 70px; height:70px; line-height:70px; }
.zhuanye .boxS i img{ display:inline-block; vertical-align:middle; max-width:70px; max-height:70px;}
.zhuanye .boxS:hover { background: #dea36d; color: #FFFFFF; border: solid 1px #dea36d; }
.zhuanye .boxS:hover a { color: #FFFFFF; }
.zhuanye .boxS .text { margin-top: 10px; }
.search_box { padding: 0px }
.search_li .search_label { line-height: 34px; line-height: 34px; }
.searchBtn { width: 100%; height: 41px; line-height: 41px; background-color: #dea36d; padding: 0; margin: 0; border: none; color: #FFFFFF; text-align: center; cursor: pointer; }
.search_li .search_input input { height: 41px; line-height: 41px; width: 95%; }
.search_li select { border: solid 1px #cecece; height: 41px; line-height: 41px; width: 95%; padding: 0 10px; box-sizing: border-box; outline: none; color: #333; }
@media only screen and (max-width: 800px) {
.search_li .search_input input, .search_li select { width: 100%; margin-bottom: 15px }
}
.person_box .li { box-sizing: border-box; }
.person_box .li .pic img { width: 100%; }
.person_box .li .con { border: 1px solid #dedede; border-top: none; box-sizing: border-box; overflow: hidden; padding: 10px; }
.person_box .li .name { font-size: 16px; box-sizing: border-box; }
.person_box .li .name span { font-size: 22px; }
.person_box .li .add { box-sizing: border-box; line-height: 18px; margin-top: 11px; }
.person_box .li .name_box { padding-bottom: 10px; border-bottom: 1px solid #e0e2e6; justify-content: space-between; }
.person_box .li .intro { margin-top: 10px; line-height: 24px; }
.person_box .li .intro_li { padding: 5px 0; font-size: 14px; display: block; }
.person_box .li .intro_li>strong { float: left; font-weight: bold; }
.person_box .li .intro_li>b { text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.person_box .li .intro_li>b a { margin-right: 5px; text-decoration: underline }
.person_box .li .intro_li>b a:hover { color: #dea36d }
.person_box .li>a:hover .con { border: none; background: url(../images/person_bg.jpg) left top no-repeat; background-size: cover; border: 1px solid #dea36d; border-top: none; }
.person_box .li>a:hover { color: #fff; }
.personv { background: #f2f2f2; }
.person_box1 { background: #fff; padding: 50px; margin-bottom: 50px; }
.personv .xz { width: 100%; height: 53px; color: #FFFFFF; line-height: 53px; background: #dea36d; display: inline-block; margin-top: 20px; }
.personv .xz a { color: #FFFFFF; width: 100%; height: 53px; display: block; text-align: center; }
.personv .xz a i { margin-right: 10px; }
.recordDetail .title { color: #333; margin: 20px 0; border-bottom: 1px solid #e2dedf; }
.recordDetail .title span { display: inline-block; font-size: 24px; padding-bottom: 7px; border-bottom: 1px solid #dea36d; margin-bottom: -1px; }
.bfOne_left { border-bottom: solid 1px #dfdfdf; }
.bfOne_left li { width: 280px; line-height: 22x; border: solid 1px #dfdfdf; border-bottom: none; padding: 25px 0; box-sizing: border-box; padding-left: 37px; font-weight: 500; }
.bfOne_left li:hover { border-left: solid 4px #b4201f; padding-left: 34px; }
.bfOne_left li.act { border-left: solid 4px #b4201f; padding-left: 34px; }
.bfOne_right { }
.bfOne_right h3 { font-size: 36px; line-height: 36px; }
.bfOne_right .title { width: 100%; height: 60px; line-height: 60px; border: solid 1px #dfdfdf; box-sizing: border-box; overflow: hidden; }
.bfOne_right .title a { width: 20%; display: block; text-align: center; float: left; font-size: 14px; cursor: pointer; font-weight: 500; }
.bfOne_right .title a.act { border-bottom: solid 4px #b4201f; height: 54px; }
.bfOne_right .title a:hover { border-bottom: solid 4px #b4201f; height: 54px; }
.bfOne_right .tit { font-size: 24px; color: #b4201f; line-height: 90px; }
.bfOne_right .lsList { }
.bfOne_right .lsList li { width: 410px; float: left; overflow: hidden; height: 158px; margin: 0 40px 50px 0; cursor: pointer; }
.bfOne_right .lsList li:nth-child(2) { margin-right: 0; }
.bfOne_right .lsList li:nth-child(4) { margin-right: 0; }
.bfOne_right .lsList li img { /*width: 200px;*/
width: 134px; height: 158px; float: left; }
.bfOne_right .lsList li .right { float: left; width: 210px; height: 158px; border-bottom: solid 1px #dcdcdc; box-sizing: border-box; padding-left: 22px; }
.bfOne_right .lsList .name { font-size: 18px; font-weight: bold; margin-bottom: 5px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.newsList .n_list { }
.new { padding: 20px 0 30px; min-height: 500px; }
.newsList .n_list li { line-height: 24px; border-bottom: solid 1px #eee; padding: 15px 0; justify-content: space-between; }
.newsList .n_list li .date { font-size: 14px; color: #9b9b9b; }
.newsList .n_list li .lj { float: right; padding: 8px 20px; background: #dea36d; font-size: 14px; color: #fff; display: flex; align-items: center; justify-content: center; }
.newsList .lbt .lbtRight { width: 379px; height: 291px; float: left; background: #B4201F; color: #FFFFFF; box-sizing: border-box; padding: 30px 40px; overflow: hidden; }
.newsList .lbt .lbtRight .date { margin-top: 80px; font-size: 14px; }
.newsList .lbt .lbtRight .nr { font-size: 20px; line-height: 1.6; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.newsList .lbt .lbtRight .more { color: #FFFFFF; margin-top: 10px; display: inline-block; }
.zhuanyev { background: #f2f2f2; }
.zhuanyev .detail, .newv .detail { padding: 50px; overflow: hidden; background: #fff; }
.zhuanyev .detail_tit span, .newv .detail_tit span { display: inline-block; font-size: 24px; padding-bottom: 7px; border-bottom: 1px solid #dea36d; margin-bottom: -1px; }
.zhuanyev .detail_tit, .newv .detail_tit { border-bottom: 1px solid #e2dedf; }
.zhuanyev .detail_con, .newv .detail_con { padding: 20px 0 10px; }
.newv .time { padding: 10px 0 0px; }
.newv .detail_con1 { padding: 30px 0; }
.index_tit_box { background-color: #f2f2f2; line-height: 34px; height: 34px; justify-content: space-between; }
.index_tit_box .index_list_tit { background: #dea36d; color: #fff; font-size: 12px; font-weight: bold; padding: 0 10px; }
.index_tit_box .index_list_tit span>i { margin-right: 5px; }
.detail .detail_list { margin-bottom: 20px; }
.detail .detail_list .list { padding: 14px; border: 1px solid #e1e1e1; border-top: none; }
.detail .detail_list .list .li { padding: 5px 0; }
.detail .detail_list .list .li a { position: relative; display: block; line-height: 18px; font-size: 14px; }
.index_tit_box .index_link { font-size: 12px; margin-right: 10px; }
.contact { margin: 50px 0; }
.contact .contactbox { background: #F2F2F2; padding: 20px; }
.contact .contacttit { border-bottom: 1px solid #e2dedf; margin-top: 30px; }
.contact .contacttit span { display: inline-block; font-size: 24px; padding-bottom: 7px; border-bottom: 1px solid #dea36d; margin-bottom: -1px; }
.about { margin: 50px 0; }
.about .contactbox { background: #F2F2F2; padding: 20px; }
.about .contacttit { border-bottom: 1px solid #e2dedf; margin-bottom: 20px }
.about .contacttit span { display: inline-block; font-size: 24px; padding-bottom: 7px; border-bottom: 1px solid #dea36d; margin-bottom: -1px; }
.c_list li { position: relative; border-bottom: 1px #eee solid; margin-right: 0; padding: 20px 0; margin-bottom: 0; justify-content: space-between; }
.c_list li h2 { margin-top: 1px; margin-bottom: 15px; font-size: 20px; line-height: 28px; font-weight: normal; color: #333; }
.c_list li .news_read_more a { display: block; padding: 8px 20px; background: #dea36d; font-size: 14px; color: #fff; display: flex; align-items: center; justify-content: center; }
.c_list li p { font-size: 14px; }
.slick-btn { position: absolute; bottom: 0; right: 0; }
.slick-btn a { width: 100px; height: 100px; background: #dea36d; line-height: 100px; color: #fff; display: block!important }
.banner .swiper { height: 650px; }
.box { max-width: 1200px; margin: 0 auto; }
.swiperbtn { position: absolute; left: 0; bottom: 0; width: 100%; justify-content: space-between; align-items: flex-start; }
.swiperbtn .swiper-pagination { position: relative; }
.swiperbtn .swiperan .swiper-button-next, .swiperbtn .swiperan .swiper-button-prev { background-image: none; position: relative; left: 0; right: 0; margin-top: 0; line-height: 80px; text-align: center; }
.swiperan i { color: #fff; font-size: 30px; line-height: 80px; }
.swiperbtn .swiper-pagination-bullet { margin-right: 10px; }
.swiperbtn .swiperan .swiper-button-next:hover, .swiperbtn .swiperan .swiper-button-prev:hover { background-color: #c48f5f; }
/*index1*/
.index1 { }
.index1 .swiper-slide { height: 100vh; min-height: 450px; background: url(.) center center no-repeat; background-size: cover; }
.index1 .box { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); z-index: 6; width: 100% }
.index1 .lans { width: 800px; }
.index1 .t1 { font-size: 60px; line-height: 80px; text-transform: Uppercase; color: #fff; font-family: Disney; font-weight: bold; text-shadow: 2px 5px 10px rgba(0,0,0,.3); }
.index1 .swiper-slide:nth-child(4n+1) .t1 { font-size: 46px; line-height: 70px }
.index1 .t1 span { color: #000000; }
.index1 .t2 { display: inline-block; font-size: 20px; line-height: 2; color: #fff; margin: 20px 0 30px; text-shadow: 2px 5px 5px rgba(0,0,0,.3); }
.index1 .t3 { display: block; font-size: 16px; line-height: 50px; background: #dea36d; color: #fff; width: 150px; font-weight: bold; text-align: center; }
.swiper-button-next { width: 40px; height: 40px; border: 1px solid #1d1d1d; top: -50px; right: 0; background-image: none; outline: none }
.swiper-button-prev { width: 40px; height: 40px; transform: rotate(180deg); -webkit-transform: rotate(180deg); border: 1px solid #1d1d1d; top: -50px; left: auto; right: 60px; background-image: none; outline: none }
.swiper-button-prev i, .swiper-button-next i { font-size: 24px; line-height: 40px; text-align: center; width: 40px; display: inline-block }
.swiper-button-next:hover, .swiper-button-prev:hover { border: 1px solid #036cb4; color: #fff; background: #036cb4 }
.index1 .swiper-button-next, .index1 .swiper-button-prev { top: 50%; width: 50px; height: 50px; margin-top: -25px; right: 10px; border: 0; background: url(../images/a1.png) no-repeat center; overflow: initial; transition: all .3s; -webkit-transition: all .3s; }
.index1 .swiper-button-next:hover, .index1 .swiper-button-prev:hover { background-position: 8px center; }
.index1 .swiper-button-prev { left: 10px; }
.circleProgress { bottom: 0; width: 200%; border: 1px solid #fff; border-radius: 50%; position: absolute; top: 0; -webkit-transform: rotate(45deg) }
.rightcircle { border-top: 1px solid rgba(255, 255, 255, .5); border-right: 1px solid rgba(255, 255, 255, .5); right: 0 }
.leftcircle { border-bottom: 1px solid rgba(255, 255, 255, .5); border-left: 1px solid rgba(255, 255, 255, .5); left: 0 }
.index1 .arrow { position: relative; width: 50px; height: 50px; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s; }
.index1 .arrow:after { content: ''; width: 43px; height: 1px; background: #fff; position: absolute; top: 49%; right: 23px; transition: all .3s; -webkit-transition: all .3s; opacity: 0; }
.index1 .swiper-button-next:hover .arrow:after, .index1 .swiper-button-prev:hover .arrow:after { right: 18px; opacity: 1; }
.wrapper1.right { right: 0; }
.wrapper1.left { left: 0; }
.wrapper { width: 100%; max-width: 1200px; position: relative; margin: 0 auto; }
.wrapper1 { width: 50%; position: absolute; top: 0; bottom: 0; overflow: hidden; }
.swiper-button:hover .rightcircle, .swiper-button:hover .rightcircle { -webkit-animation: circleProgressLoad_right .5s linear forwards }
.swiper-button:hover .leftcircle, .swiper-button:hover .leftcircle { -webkit-animation: circleProgressLoad_left .5s linear forwards }
 @-webkit-keyframes circleProgressLoad_right {  0% {
 border-top: 1px solid rgba(0, 0, 0, .4);
 border-right: 1px solid rgba(0, 0, 0, .4);
 -webkit-transform: rotate(45deg)
}
 50% {
 -webkit-transform: rotate(225deg)
}
 100% {
 border-left: 1px solid #fff;
 border-bottom: 1px solid #fff;
 -webkit-transform: rotate(225deg)
}
}
 @-webkit-keyframes circleProgressLoad_left {  0% {
 border-bottom: 1px solid rgba(0, 0, 0, .4);
 border-left: 1px solid rgba(0, 0, 0, .4);
 -webkit-transform: rotate(45deg)
}
 50% {
 -webkit-transform: rotate(45deg)
}
 100% {
 border-top: 1px solid #fff;
 border-right: 1px solid #fff;
 -webkit-transform: rotate(225deg)
}
}
/*header*/
.header { position: fixed; top: 0; left: 0; height: 120px; z-index: 60; background: rgba(255,255,255,.6); width: 100%; padding: 0 2%; }
.header.on { height: 80px; margin: 0; padding: 0 2%; transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; top: 0; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); background: rgba(255,255,255,.85); width: 100% }
.header_wrapper { max-width: 100%; margin: auto; }
.header.on .header_wrapper { padding: 0; }
.header_wrapper .logo { float: left; width: 210px; height: 120px; transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.header.on .header_wrapper .logo { width: 130px; height: 80px; transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.header_wrapper .logo img { }
.header.ons .header_wrapper { background: #fff; border-radius: 5px }
.header_wrapper .header_nav { float: right; display: block; }
.header_nav li { float: left; padding: 0 5px; position: relative; box-sizing: border-box; margin-top: 50px; transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.header_nav li > a { font-size: 16px; color: #333; padding: 0 15px; display: block; box-sizing: border-box; line-height: 70px; align-items: center; transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.header_nav li > a.on, .header_nav li > a:hover { color: #0a2240; font-weight: bold; }
.header.on .header_nav li > a { line-height: 50px; }
.header_nav li .nav2 { position: absolute; top: 100%; left: calc(50% - 80px); width: 160px; background: rgba(255, 255, 255, 1); z-index: 60; display: none; box-sizing: border-box; }
.header_nav li .navv2 { left: calc(50% - 80px); width: 160px; }
.header_nav li .nav2 a { font-size: 14px; line-height: 3; color: #333; text-align: center; display: block; }
.header_nav li .nav2 a:hover { background: rgba(0,0,0,.04); color: #0a2240 }
.header_nav i { font-size: 20px }
.header_nav .icon-Exportservices { margin-right: 6px; }
.header_nav .icon-arrow-down { margin-left: 6px; }
.header_nav .n2 { font-size: 16px; cursor: pointer; display: flex; align-items: center; }
.header.on .index_search { height: 80px; }
.top_small_menu { text-align: right; padding-top: 20px; position: absolute; right: 2%; transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.top_small_menu ul { margin: 0; padding: 0; list-style: none; display: inline-block }
.top_small_menu ul li { display: inline-block; margin: 0 6px }
.top_small_menu ul li a { display: block; line-height: 30px; color: #666; padding: 0 5px; font-size: 12px; transition: all .3s; display: flex; align-items: center; }
.top_small_menu ul li a i { margin-right: 6px; font-size: 18px }
.top_small_menu ul li a:hover { color: #0a2240 }
.header.on .top_small_menu { padding-top: 5px; transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.header.on .header_nav li { margin-top: 25px; transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.index_search a { line-height: 100px; opacity: 1; width: 60px; display: block; }
.index_search .searchBox { position: absolute; top: 100%; background: aliceblue; right: 2%; height: 0; overflow: hidden; transition: height 0.36s ease; }
.index_search .searchBox.search-open { height: 40px; }
.index_search .searchBox.search-open { box-shadow: 0 8px 16px rgba(0, 0, 0, .1); }
.index_search .searchBox .searchFormGroup { height: 40px; }
.index_search .searchBox input { float: left; width: 268px; height: 100%; box-sizing: border-box; text-indent: 15px; }
.index_search .searchBox .form { display: initial; }
.index_search .searchBox .form a{ position:absolute; top:0; right:0; line-height:40px; width:20px; text-align:center;}
.index_search .wxBox { position: absolute; top: 100%; background: aliceblue; right: 2%; height: 0; overflow: hidden; transition: height 0.36s ease; box-shadow: 0 8px 16px rgba(0, 0, 0, .1); }
.index_search .wxBox.search-open { height: 150px; }
.index_search .wxBox img { height: 150px; width: 150px; }
.main { padding-top: 90px; }
@media screen and (max-width: 900px) {
.top_small_menu { display: none }
}
.article { position: relative; padding: 100px 0 50px }
.article:before { content: ""; position: absolute; left: 0; top: 0; width: 37.5%; height: 100%; background: #0a2240 }
.pignose-tab-wrapper { box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box }
.pignose-tab-wrapper .pignose-tab-group { display: block; list-style: none; margin: 0; padding: 0; position: relative }
.pignose-tab-wrapper .pignose-tab-group:after { display: block; content: ""; clear: both }
.pignose-tab-wrapper .pignose-tab-container { display: none; width: 62.5%; position: absolute; left: 37.5%; top: -110px; text-align: left }
.pignose-tab-wrapper .pignose-tab-container.active { display: block }
.pignose-tab-wrapper .pignose-tab-more { display: none; position: absolute; top: 8px; right: 15px; text-decoration: none; color: #555 }
.pignose-tab-wrapper .active .pignose-tab-more { display: block }
.pignose-tab-wrapper .pignose-sub-tab-wrapper { padding: 0 }
.pignose-tab-wrapper .pignose-tab-btn { display: block; width: auto!important; color: #fff; font-size: 18px; line-height: 60px; border-bottom: 1px rgba(255,255,255,.2) solid; transition: all .3s ease }
.pignose-tab-wrapper .pignose-tab-btn.active { border-bottom: 1px rgba(255,255,255,.6) solid; font-size: 24px; position: relative; padding-left: 35px; color: #fff }
.pignose-tab-wrapper .pignose-tab-btn.active:before { content: ""; position: absolute; left: 0; top: 30px; width: 20px; height: 1px; background: #fff }
.pignose-tab-response { width: 100%!important; box-sizing: border-box; -moz-box-sizing: border-box }
.pignose-tab-response .pignose-tab-list { width: 25%!important; box-sizing: border-box }
.pignose-tab-wrapper .pignose-tab-container { padding: 0 0 20px }
.pignose-tab-wrapper .pignose-tab-group .pignose-tab-list .news_read_more a { padding: 8px 20px; border: 1px #234427 solid; color: #234427; font-size: 14px; text-decoration: none; transition: all .5s ease }
.pignose-tab-wrapper .pignose-tab-group .pignose-tab-list .news_read_more a:hover { background: #234427; color: #fff }
.section_title { position: relative; color: #fff; font-size: 36px; padding-bottom: 50px; line-height: 60px }
.pignose-tab-container.news_box { box-sizing: border-box }
.news_box ul { margin: 0; padding: 0; list-style: none; border-top: 1px #ddd solid; margin-bottom: 60px }
.news_box ul li { border-bottom: 1px #ddd solid }
.news_box ul li .nolink, .news_box ul li a { display: block; color: #666; font-size: 15px; padding: 40px 0; transition: all .3s ease; overflow: hidden; }
.news_box ul li a:hover { background: rgba(0,0,0,.05) }
.news_box ul li .nolink span, .news_box ul li a span { float: left; width: 20% }
.news_box ul li .nolink font, .news_box ul li a font { float: left; width: 80% }
.article .more_btn { text-align: left }
.news_box .more_btn { text-align: left }
.index_article { position: relative }
.more_btn a { background: #dea36d; padding: 18px 60px; color: #fff; position: relative; border: 1px #dea36d solid; }
.more_btn a span { position: relative; z-index: 2; transition: all .3s ease-out 0s }
.more_btn a:before { content: ""; background: #fff; position: absolute; height: 100%; top: 0; left: 0; width: 0; z-index: 1; transition: all .3s ease-out 0s }
.more_btn a:hover span { color: #dea36d }
.more_btn a:hover:before { width: 100% }
.index_article_big_title { position: relative; color: #0a2240; font-size: 36px; margin: 0; padding-bottom: 30px; line-height: 1.2em; margin-bottom: 15px }
.index_article_big_title:before { content: ""; position: absolute; bottom: 0; left: 0; width: 50px; height: 2px; background: #0a2240 }
.index_article_big_title.white { color: #fff }
.index_article_big_title.white:before { background: #fff }
.index_article_p { margin: 0; padding: 30px 0; font-size: 15px; line-height: 2em; text-align: justify; }
.service_section { padding: 80px 0 150px; background: #f0f0f0; position: relative }
.index_service_list { display: inline-block; text-align: left; position: relative; background: #fff; padding: 70px 60px!important; z-index: 2 }
.index_service_list .index_article_p { border-bottom: none }
.index_service_img { position: absolute; right: 0; top: 80px; height: 100%; z-index: 1 }
.index_service_img .padding_right40 { height: 100% }
.index_service_img_content { height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover }
.index_service_ul ul { margin: 0; padding: 0; list-style: none }
.index_service_ul ul li { float: left; width: 47.5%; margin-right: 5%; margin-top: 15px }
.index_service_ul ul li:nth-child(2n) { margin-right: 0 }
.index_service_ul ul li a { display: block; border: 1px solid #0a2240; background: #fff; padding: 15px 10px; text-align: center; font-size: 14px; color: #0a2240; box-sizing: border-box; transition: all .36s ease }
.index_service_ul ul li a:hover { border: 1px solid #0a2240; background: #0a2240; color: #fff }
.index_service_box { background-position: center center; background-repeat: no-repeat; background-size: cover; padding: 0 50px; margin-top: 160px }
.index_service_section { border-left: 1px rgba(255,255,255,.4) solid }
.index_service_section a { display: block; height: 500px; border-right: 1px rgba(255,255,255,.4) solid; position: relative; overflow: hidden }
.in_p3 { padding: 100px 0; background-repeat: no-repeat; background-position: center top; background-size: cover; color: #fff; background-color: #000; }
.in_p3 .in_text { padding: 25px 0; }
.in_p3 .box { margin: 0 -7px; }
.in_title .sp1 { font-size: 36px; }
.in_p3 .box > div { float: left; width: 33.3%; padding: 0 7px; box-sizing: border-box; font-weight: bold; }
.in_p3 .ss input { background: #fff; height: 50px; line-height: 40px; padding: 5px 20px; font-weight: bold; color: #666; }
.in_p3 .xl .chosen-container-single .chosen-single { background: #fff; border: 0; padding-left: 20px; }
.in_p3 .xl .chosen-container-single .chosen-single span { height: 50px; line-height: 50px; margin-right: 30px }
.in_p3 .chosen-container-single .chosen-single div { right: 20px; background: url(../images/in_ion13.png) no-repeat center; width: 20px; }
.in_p3 .chosen-container .chosen-drop { border: 0 }
.in_p3 .btn input { height: 50px; border: 2px solid #fff; cursor: pointer; color: #fff; font-weight: bold; transition: 0.4s; }
.in_p3 .btn input:hover { border: 2px solid #3a466b; background: #3a466b; }
.bottom_section { background: #0a2240; padding: 50px 0; font-size: 13px; position: relative; z-index: 1 }
.bottom_link, .bottom_link a { color: #ccc; line-height: 2em }
.bottom_link i { margin-right: 5px }
.bottom_copyright a:hover, .bottom_link a:hover { text-decoration: underline; color: #fff }
.bottom_link font { margin: 0 6px }
.bottom_right { text-align: right; position: relative }
.bottom_copyright { background: #051a35; color: #ccc; padding: 25px 0; font-size: 13px; line-height: 2em; text-align: center }
.bottom_copyright a { color: #ccc; margin-right: 15px }
.bottom_copyright span { display: inline-block; margin: 0 15px }
.bottom_copyright font { display: inline-block; margin-right: 15px }
.bottom_right .bottom_img { display: inline-block; text-align: center; padding-left: 30px }
.bottom_img img { width: 100px }
.bottom_img span { display: block; font-size: 13px; margin-top: 10px }
.xx { margin-top: 20px; display: flex; flex-wrap: wrap; }
.xx i { margin-right: 6px; }
.xx p { color: #ccc; line-height: 30px; font-size: 13px; width: 50%; }
@media screen and (max-width: 1199px) {
.swiper-container-horizontal>.swiper-pagination-bullets { bottom: 20px; }
.index5 .left { width: 100%; }
.index5 .bottom { width: calc(100% - 70px); margin: auto; }
.index5 .news_list1 .times { text-align: right; bottom: 15px; }
.index5 .news_list1 .lans { width: 100%; }
.index5 .news_list1 { padding-bottom: 20px; }
.indexsum .title { font-size: 42px; }
.index2 .t2 { font-size: 17px; margin: 30px 0 20px 0; }
.index2 .t3 { font-size: 14px; line-height: 20px; -webkit-line-clamp: 5; height: 100px; }
.index3 .t2 { margin: 30px 0; font-size: 17px; line-height: 1.5; color: #444; height: auto; overflow: auto; }
.index3 .t3 { font-size: 17px; }
.index3 .t3_ico { width: 20px; height: 20px; margin-left: 15px; }
.index3 .lans { padding: 20px; }
.index2, .index3 { padding: 60px 0; }
.index4_list { margin-top: 20px; }
.index4_list .l1 { font-size: 20px; margin-bottom: 15px; }
.index4_list .l2 { font-size: 14px; margin-bottom: 15px; }
.index4_list a { height: 600px; }
.index1 .t1 { font-size: 35px!important; line-height: 1.4!important; }
.index1 .lans { width: 80%; margin: auto; }
.index1 .t2 { font-size: 17px; padding-top: 0; }
.index2 a.swiper-slide { height: 400px; padding: 35px 15px; }
}
 @media screen and (max-width: 1000px) {
.index5 .news_list1 a { padding-bottom: 30px; }
.index5 { margin: 40px auto; }
.index3 .left,  .index3 .right { padding-top: 30px; width: 100%; float: none; }
.news_list2 .t2 { font-size: 16px; }
.index3 .lans { padding: 15px; padding-bottom: 60px; }
.index5 .bottom .swiper-button-prev { left: -30px; width: 30px; height: 30px; }
.index5 .bottom .swiper-button-next { right: -30px; width: 30px; height: 30px; }
.index3 .swiper-button-next, .index3 .swiper-button-prev { bottom: 15px; }
.index3 .swiper-button-prev { left: 10px; }
.index2 .t4 { width: 30px; height: 30px; margin-top: 15px; }
.index2 a.swiper-slide { height: 350px; padding: 30px 10px; }
.index2, .index3 { padding: 20px 0; }
.indexsum .title { font-size: 30px; }
.index3 .t2 { margin: 15px 0; font-size: 14px; }
.index3 .time { width: 40px; }
.index3 .ts1, .index3 .ts2, .index3 .l1, .index3 .l2 { font-size: 14px; margin-bottom: 5px; }
.index1 .t1 { font-size: 30px!important; line-height: 1.4; }
.index1 .swiper-button-next, .index1 .swiper-button-prev, .index1 .arrow { width: 30px; height: 30px; }
.index4 { padding-top: 30px; }
}
 @media screen and (max-width: 780px) {
.indexsum .title { font-size: 24px; }
.index4 .link { line-height: 24px; font-size: 15px; }
.index4_list a { width: 100%; float: none; height: 400px; margin: 0; display: block; }
.index4_list .lans { width: 60%; opacity: 1; top: 55%; }
.index4_list .pic, .index4_list .l1, .index4_list .l2, .index4_list .l3 { margin-bottom: 10px; }
.index4_list .l1 { font-size: 16px; }
.index4_list .l2 { font-size: 12px; }
.index4_list .l3 { margin-left: -10px; }
.index1 .t1 { font-size: 28px!important; text-shadow: 1px 3px 5px rgba(0,0,0,.3); line-height: 1.4!important; }
.index2 .t2 { font-size: 15px; margin: 20px 0 10px 0; text-shadow: 1px 3px 5px rgba(0,0,0,.3); }
.index2 .t3 { font-size: 12px; line-height: 15px; -webkit-line-clamp: 5; height: 75px; }
.index2 a.swiper-slide { height: 280px }
.index1 .swiper-slide { height: 400px; min-height: 400px; }
.index1 .t2 { font-size: 14px; padding-top: 0px; margin: 15px 0; line-height: 1.5; }
.index3 .t2 { font-size: 12px; }
.index1 .t3 { font-size: 12px; width: 100px; height: 34px; line-height: 34px; }
}
@media screen and (max-width: 900px) {
.header_nav li { width: 100%; display: block; float: none; border-bottom: 1px solid #eee; box-sizing: border-box; margin: 0; }
.header_wrapper .header_nav { display: none; width: 100%; height: 100vh }
.header_nav li > a { line-height: 50px; padding: 0; font-size: 14px; text-align: left; }
.header_nav .n2 { font-size: 14px; text-align: left; }
.header_nav i { font-size: 14px; }
.header_wrapper .logo { width: 116px; height: 40px; margin: 10px 0; }
.header.on { height: 60px; background: #fff; }
.header.on .header_wrapper .logo { width: 116px; height: 40px; margin: 10px 0; }
.header.on .header_nav li > a { line-height: 50px; }
.header { line-height: 60px; height: 60px; }
.header.ont { line-height: 60px; height: 100%; background: #fff; }
.header_nav li .nav2 { text-align: left; width: 100%; left: 0; position: static; }
.header_nav li .navv2 { }
.header_nav li > a:hover,  .header_nav li > a.on { border-bottom: 0px solid transparent; }
.index_search { height: 50px; line-height: 50px; border: none!important }
.index_search input { width: 80% }
.index_search button { width: 20% }
.header .index_search { margin-top: 10px; }
.index_search1 input { height: 40px; border: none; color: #666; background: #f5f5f5; outline: none; font-size: 14px; text-indent: 10px; width: 80%; }
.index_search1 button { height: 40px; width: 40px; background: #f5f5f5; line-height: 40px; width: 20%; }
.index_search1 button i { font-size: 20px; color: #333 }
.search_box { padding: 0 15px }
.swiper-button { display: none; }
.xx p { width: 100%; }
.bottom_img_box { margin-top: 30px; }
.person_box .li .con { padding: 0; border: none }
.person_box .li .add { margin-top: 0; }
.person_box .li .name_box { flex-wrap: wrap; padding: 10px 0; }
.person_box .li .intro_li>b { float: left; }
.person_box .li .name { font-size: 14px; }
.person_box .li .name span { font-size: 18px; }
.person_box1 { padding: 0 15px; background: transparent; }
.recordDetail .title span { font-size: 18px; }
.recordDetail { margin-top: 30px; }
.newsList .n_list li .lj, .c_list li .news_read_more a { padding: 5px 0; width: 100px; text-align: center; font-size: 12px; display: table; align-items: center; justify-content: center; }
.contact { margin: 0; }
.contact .contacttit span { font-size: 18px; }
.c_list li h2 { font-size: 16px; }
.c_list li, .newsList .n_list li { align-items: end; }
}
@media screen and (max-width: 640px) {
.person_box .li .name { font-size: 14px }
}
.main { padding-top: 90px; }
.menu_ico { float: right; margin-top: 10px; }
.header.ons .menu_ico span { background: #000 }
.menu_ico span { width: 28px; height: 2px; background: #222; display: block; margin-top: 8px; }
.menu_ico span:nth-child(2) { width: 20px; margin-left: 7px; }
.ont .menu_ico { margin-top: 20px; }
.menu_ico span { transition: transform .5s; -webkit-transition: -webkit-transform .5s; }
.ont .menu_ico span:nth-child(2) { display: none; }
.ont .menu_ico span:nth-child(1) { transform: rotate(45deg); -webkit-transform: rotate(45deg); margin-bottom: -5px; }
.ont .menu_ico span:nth-child(3) { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); margin-top: 3px; }
.nyview { margin-top: 100px; }
.news_detail_btm { border-top: 1px solid #e2dedf; padding: 15px 0; }
.news_fpage a { line-height: 32px; height: 32px; }
.news_fpage a span { color: #706f6f; }
.news_fhBtn { width: 110px; line-height: 32px; text-align: center; color: #fff; background-color: #dea36d; display: inline-block; float: right }
.news_fhBtn:hover { color: #fff; background-color: #0a2240; }
#top-back { position: fixed; right: 40px; bottom: 120px; z-index: 999 }
#top-back a { width: 40px; height: 40px; line-height: 40px; background: #fff; text-align: center; border: 1px solid #999; display: block; border-radius: 100% }
#top-back i { margin-left: 0; font-size: 24px; color: #999 }
#top-back a:hover { background: #dea36d; border: 1px solid #dea36d; }
#top-back a:hover i { color: #fff }
@media screen and (max-width: 900px) {
#top-back { right: 15px }
.zhuanyev .detail, .newv .detail { padding: 0 }
.personv .xz { margin-top: 10px; }
.nyview { margin-top: 0; }
.zhuanyev .detail_tit span { font-size: 18px; }
.zhuanyev .detail { padding: 15px 0; margin: 0; }
.zhuanyev .detail_con { padding: 20px 0 30px; }
.banner_sj { display: block !important; }
.banner_pc { display: none !important; }
.menus { width: 50px; height: 50px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1); text-align: center; border-radius: 50%; font-size: 12px; background: #fff; line-height: 1; padding: 10px 0; box-sizing: border-box; cursor: pointer; }
.menus img { width: 15px; margin-right: 5px; display: block; margin: auto; }
.fix_btn { width: 60px; background: transparent; left: 2%; bottom: 20px; top: auto; }
.fix_btn a { display: none; }
.newd, .newd_list { padding: 30px 0 0 0; }
.main { padding-top: 50px; }
.newd .title { font-size: 22px; line-height: 30px; }
.newd .times { font-size: 16px; line-height: 1.5; padding: 15px 0; }
.newd_list .t1 { font-size: 15px; line-height: 20px; margin: 10px 0; }
.newd .editor { font-size: 13px; line-height: 1.5; padding: 20px 0; }
.newd_list .t2 { font-size: 13px; line-height: 1.5; }
.newd_list_item a:nth-child(2), .newd_list_item a { margin: 10px 0; width: 100%; }
.fix_btn_container { position: relative; }
.fix_btn_wrapper { position: absolute; bottom: 100%; left: 0; z-index: 10; background: #fff; width: 100px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1); }
.fix_btn a { line-height: 3; font-size: 12px; width: 100%; }
.fix_btn a img { width: 20px }
.news_fhBtn { margin-top: 15px; float: left }
.newv .detail_con1 { padding: 20px 0; }
}
.gj_pager { text-align: left; }
.gj_pager * { display: inline-block; }
.gj_pager .page, .gj_pager .page-num { padding: 6px 14px; border: 1px solid #e4eaec; border-right: none; background: #ffffff; text-align: center; color: #76838f; font-size: 14px; cursor: pointer }
.gj_pager .page, .gj_pager .page-num:last-child { border-right: 1px solid #e4eaec; }
.gj_pager .page:hover { color: #76838f; text-decoration: none; }
.gj_pager .page.NextA { border-right: 1px solid #e4eaec; }
.gj_pager .PreSpan { border-right: none!important }
.gj_pager .PreSpan, .gj_pager .NextSpan { padding: 6px 14px; border: 1px solid #e4eaec; background: #ffffff; cursor: default; font-size: 14px; }
.gj_pager .firstPage, .gj_pager .lastPage { min-width: 40px; height: 28px; line-height: 28px; }
.gj_pager .page-num-current { background: #dea36d; border-color: #dea36d; color: #ffffff; }
.gj_pager .page-num:hover { background: #dea36d; border-color: #dea36d; color: #ffffff; }
.gj_pager .page { text-decoration: none; }
.gj_pager .page:active, .gj_pager .page:focus, .gj_pager .page:hover { text-decoration: none; }
.gj_pager .PageText { display: none; margin-left: 10px; color: #aaa; }
.gj_pager input { display: none; }
.gj_pager .firstPage, .gj_pager .lastPage { height: auto; line-height: inherit; }
.search_zm { padding: 0px 0 25px; overflow: hidden }
.search_zm .zm_a { float: left; font-size: 16px; line-height: 26px; color: #666; font-weight: bold; text-align: center; width: 3.84%; box-sizing: border-box; }
.search_zm .zm_a.on, .search_zm .zm_a:hover { color: #fff; background: #0a2240; }
@media only screen and (max-width: 800px) {
.search_zm .zm_a { width: auto; padding: 0 6px; font-size: 12px; }
.search_zm { padding: 10px 0; }
.index_service_ul ul li a { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
}
.team_list ul li a img { max-height: 185px; }
.lawyer_txt { font-size: 14px; margin-left: 30px; margin-left: 30px; border-bottom: 1px #eee solid; min-height: 185px; }
.team_list ul li { margin-bottom: 40px }
.team_list ul li a { color: #999; line-height: 1em; display: block }
.team_list ul li a h3 { font-size: 21px; color: #333; margin: 0; margin-bottom: 20px; line-height: 1em; font-weight: bold }
.team_list ul li a span { display: block; padding-bottom: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 1.2 }
.team_list ul li a p span { padding-bottom: 0 }
.team_list ul li a span.lawyer_office { margin-bottom: 30px }
.team_list ul li a span i { margin-right: 12px; width: 14px; text-align: center }
.team_list ul li a p { margin: 0; margin-top: 41px; line-height: 2em }
.team_list ul li a:hover h3, .team_list ul li a:hover p, .team_list ul li a:hover span { color: #000 }
.word_search ul { margin: 0; padding: 0; list-style: none; margin-bottom: 15px }
.word_search ul li { float: left; width: 3.846153846153846%; text-align: center }
.word_search ul li a, .word_search ul li span { font-size: 14px; display: inline-block; width: 32px; height: 32px; line-height: 32px; border-radius: 32px; text-align: center; color: #666; transition: all .5s }
.word_search ul li span { color: #ccc }
.word_search ul li a.onthis, .word_search ul li a:hover { background: #dea36d; color: #fff }
.inputselect { display: block; width: 100%; height: 34px; border-radius: 3px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; border: 1px solid #ccc; box-sizing: border-box; margin-bottom: 30px; }
.search_btn_show { background: #dea36d; width: auto; display: inline-block; color: #fff; cursor: pointer; border: none; line-height: 1.42857143; padding: 7px 25px; border-radius: 3px; transition: all .3s ease-out; font-size: 14px }
.search_btn_show:hover { background: #333 }
.lawyer_link_list .word_search ul li { width: 14.28571428571429% }
.lawyer_link_list .word_search ul li.two_long { width: 28.57142857142857% }
.lawyer_link_list { margin-bottom: 40px; }
.align_right { text-align: right; }
@media only screen and (max-width: 500px) {
.team_list ul li a span.lawyer_office { margin-bottom: 15px; }
.team_list ul li a p { margin-top: 20px; }
}
.clear { clear: both; }
@media only screen and (max-width:800px) {
.newv .detail_con1 img { height: auto!important }
}
.badge-danger { color: #fff; background-color: #dc3545; }
.badge-danger1 { color: #fff; background-color: #0a2240; }
.badge { display: inline-block; padding: .25em .4em; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline;  border-radius: .25rem;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; }