@charset "UTF-8";
@font-face { font-family: 'NanumSquare'; font-weight: 300; src: url(../font/NanumSquareL.eot); src: url(https://www.kccworld.net/common/font/NanumSquareL.eot?#iefix) format("embedded-opentype"), url(../font/NanumSquareL.woff) format("woff"), url(../font/NanumSquareL.ttf) format("truetype"); }

@font-face { font-family: 'NanumSquare'; font-weight: 400; src: url(../font/NanumSquareR.eot); src: url(https://www.kccworld.net/common/font/NanumSquareR.eot?#iefix) format("embedded-opentype"), url(../font/NanumSquareR.woff2) format("woff2"), url(../font/NanumSquareR.woff) format("woff"), url(../font/NanumSquareR.ttf) format("truetype"); }

/*@font-face {
 font-family: 'NanumSquare';
 font-weight: 700;
 src: url(../font/NanumSquareB.eot);
 src: url(https://www.kccworld.net/common/font/NanumSquareB.eot?#iefix) format('embedded-opentype'),
 	  url(../font/NanumSquareB.woff2) format('woff2'),
      url(../font/NanumSquareB.woff) format('woff'),
      url(../font/NanumSquareB.ttf) format('truetype');
}*/
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/** 1. Set default font family to sans-serif. 2. Prevent iOS and IE text size adjust after device orientation change, without disabling user zoom. */
html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }

/** Remove default margin. */
body { margin: 0; }

/* HTML5 display definitions ========================================================================== */
/** Correct `block` display not defined for any HTML5 element in IE 8/9. Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. Correct `block` display not defined for `main` in IE 11. */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

/** 1. Correct `inline-block` display not defined in IE 8/9. 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */
audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ }

/** Prevent modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */
audio:not([controls]) { display: none; height: 0; }

/** Address `[hidden]` styling not present in IE 8/9/10. Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. */
[hidden], template { display: none; }

/* Links ========================================================================== */
/** Remove the gray background color from active links in IE 10. */
a { background-color: transparent; }

/** Improve readability of focused elements when they are also in an active/hover state. */
a:active, a:hover { outline: 0; }

/* Text-level semantics ========================================================================== */
/** Address styling not present in IE 8/9/10/11, Safari, and Chrome. */
abbr[title] { border-bottom: 1px dotted; }

/** Address style set to `700er` in Firefox 4+, Safari, and Chrome. */
b, strong { font-weight: 700; }

/** Address styling not present in Safari and Chrome. */
dfn { font-style: italic; }

/** Address variable `h1` font-size and margin within `section` and `article` contexts in Firefox 4+, Safari, and Chrome. */
h1 { font-size: 2em; margin: .67em 0; }

/** Address styling not present in IE 8/9. */
mark { color: #000; background: #ff0; }

/** Address inconsistent and variable font size in all browsers. */
small { font-size: 80%; }

/** Prevent `sub` and `sup` affecting `line-height` in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -.5em; }

sub { bottom: -.25em; }

/* Embedded content ========================================================================== */
/** Remove border when inside `a` element in IE 8/9/10. */
img { border: 0; }

/** Correct overflow not hidden in IE 9/10/11. */
svg:not(:root) { overflow: hidden; }

/* Grouping content ========================================================================== */
/** Address margin not present in IE 8/9 and Safari. */
figure { margin: 1em 40px; }

/** Address differences between Firefox and other browsers. */
hr { box-sizing: content-box; height: 0; }

/** Contain overflow in all browsers. */
pre { overflow: auto; }

/** Address odd `em`-unit font size rendering in all browsers. */
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

/* Forms ========================================================================== */
/** Known limitation: by default, Chrome and Safari on OS X allow very limited styling of `select`, unless a `border` property is set. */
/** 1. Correct color not being inherited. Known issue: affects color of disabled elements. 2. Correct font properties not being inherited. 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */
button, input, optgroup, select, textarea { font: inherit; /* 2 */ margin: 0; /* 3 */ color: inherit; /* 1 */ }

/** Address `overflow` set to `hidden` in IE 8/9/10/11. */
button { overflow: visible; }

/** Address inconsistent `text-transform` inheritance for `button` and `select`. All other form control elements do not inherit `text-transform` values. Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. Correct `select` style inheritance in Firefox. */
button, select { text-transform: none; }

/** 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Correct inability to style clickable `input` types in iOS. 3. Improve usability and consistency of cursor style between image-type `input` and others. */
button, html input[type='button'], input[type='reset'], input[type='submit'] { cursor: pointer; /* 3 */ -webkit-appearance: button; /* 2 */ }

/** Re-set default cursor for disabled elements. */
button[disabled], html input[disabled] { cursor: default; }

/** Remove inner padding and border in Firefox 4+. */
button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; }

/** Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. */
input { line-height: normal; }

/** It's recommended that you don't attempt to style these elements. Firefox's implementation doesn't respect box-sizing, padding, or width. 1. Address box sizing set to `content-box` in IE 8/9/10. 2. Remove excess padding in IE 8/9/10. */
input[type='checkbox'], input[type='radio'] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/** Fix the cursor style for Chrome's increment/decrement buttons. For certain `font-size` values of the `input`, it causes the cursor style of the decrement button to change from `default` to `text`. */
input[type='number']::-webkit-inner-spin-button, input[type='number']::-webkit-outer-spin-button { height: auto; }

/** 1. Address `appearance` set to `searchfield` in Safari and Chrome. 2. Address `box-sizing` set to `border-box` in Safari and Chrome. */
input[type='search'] { box-sizing: content-box; /* 2 */ -webkit-appearance: textfield; /* 1 */ }

/** Remove inner padding and search cancel button in Safari and Chrome on OS X. Safari (but not Chrome) clips the cancel button when the search input has padding (and `textfield` appearance). */
input[type='search']::-webkit-search-cancel-button, input[type='search']::-webkit-search-decoration { -webkit-appearance: none; }

/** Define consistent border, margin, and padding. */
fieldset { margin: 0 2px; padding: .35em .625em .75em; border: 1px solid #c0c0c0; }

/** 1. Correct `color` not being inherited in IE 8/9/10/11. 2. Remove padding so people aren't caught out if they zero out fieldsets. */
legend { padding: 0; /* 2 */ border: 0; /* 1 */ }

/** Remove default vertical scrollbar in IE 8/9/10/11. */
textarea { overflow: auto; }

/** Don't inherit the `font-weight` (applied by a rule above). NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */
optgroup { font-weight: 700; }

/* Tables ========================================================================== */
/** Remove most spacing between table cells. */
table { border-spacing: 0; border-collapse: collapse; }

td, th { padding: 0; }

* { font-style: normal; outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; word-break: break-all !important; }

html, body { width: 100%; height: 100%; }

body { font-family: 'NanumSquare','Nanum Gothic'; font-weight: 400; font-size: 14px; letter-spacing: -0.03em; color: #000; -webkit-font-smoothing: antialiased; }

a { text-decoration: none; color: #666; }

br { font-family: 'NanumSquare','Nanum Gothic'; }

address, em { font-style: normal; }

hr { display: none; }

form { margin: 0; }

/* table */
table { width: 100%; table-layout: fixed; border-collapse: separate; }

th, td { word-break: break-all; background-clip: padding-box; }

th.posr, td.posr { position: relative; }

caption { display: inline-block; overflow: hidden; width: 0px; height: 0; text-indent: -9999px; }

fieldset { border: none; }

/*  form */
input[type=radio], input[type=checkbox] { padding: 0; }

input[type=text]:-ms-clear, input[type=password]:-ms-clear, input[type=number]:-ms-clear { display: none; }

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { margin: 0; -webkit-appearance: none; }

button { font-weight: normal; width: auto; padding: 0; border: 0; background: none; }

textarea { resize: none; }

a, img, input, button, select, textarea { vertical-align: middle; }

a, button { display: inline-block; text-align: center; }

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

ul, ol, dl { margin: 0; padding: 0; }

li, dl { margin: 0; padding: 0; list-style: none; }

p { margin: 0; }

strong, b { font-weight: normal; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; margin: 0; }

.ff-ng { font-family: 'Nanum Gothic'; }

.tal { text-align: left !important; }

.tar { text-align: right !important; }

.tac { text-align: center !important; }

.fll { float: left !important; }

.fln { float: none !important; }

.flr { float: right !important; }

.vat { vertical-align: top; }

.vam { vertical-align: middle; }

.vabl { vertical-align: baseline; }

.p0 { padding: 0 !important; }

.p5 { padding: 5px !important; }

.p10 { padding: 10px !important; }

.p15 { padding: 15px !important; }

.p20 { padding: 20px !important; }

.p25 { padding: 25px !important; }

.p30 { padding: 30px !important; }

.p35 { padding: 35px !important; }

.p40 { padding: 40px !important; }

.p45 { padding: 45px !important; }

.p50 { padding: 50px !important; }

.p55 { padding: 55px !important; }

.p60 { padding: 60px !important; }

.pt0 { padding-top: 0 !important; }

.pt5 { padding-top: 5px !important; }

.pt10 { padding-top: 10px !important; }

.pt15 { padding-top: 15px !important; }

.pt20 { padding-top: 20px !important; }

.pt25 { padding-top: 25px !important; }

.pt30 { padding-top: 30px !important; }

.pt35 { padding-top: 35px !important; }

.pt40 { padding-top: 40px !important; }

.pt45 { padding-top: 45px !important; }

.pt50 { padding-top: 50px !important; }

.pt55 { padding-top: 55px !important; }

.pt60 { padding-top: 60px !important; }

.pr0 { padding-right: 0 !important; }

.pr5 { padding-right: 5px !important; }

.pr10 { padding-right: 10px !important; }

.pr15 { padding-right: 15px !important; }

.pr20 { padding-right: 20px !important; }

.pr25 { padding-right: 25px !important; }

.pr30 { padding-right: 30px !important; }

.pr35 { padding-right: 35px !important; }

.pr40 { padding-right: 40px !important; }

.pr45 { padding-right: 45px !important; }

.pr50 { padding-right: 50px !important; }

.pr55 { padding-right: 55px !important; }

.pr60 { padding-right: 60px !important; }

.pr100 { padding-right: 100px !important; }

.pb0 { padding-bottom: 0 !important; }

.pb5 { padding-bottom: 5px !important; }

.pb10 { padding-bottom: 10px !important; }

.pb15 { padding-bottom: 15px !important; }

.pb20 { padding-bottom: 20px !important; }

.pb25 { padding-bottom: 25px !important; }

.pb30 { padding-bottom: 30px !important; }

.pb35 { padding-bottom: 35px !important; }

.pb40 { padding-bottom: 40px !important; }

.pb45 { padding-bottom: 45px !important; }

.pb50 { padding-bottom: 50px !important; }

.pb55 { padding-bottom: 55px !important; }

.pb60 { padding-bottom: 60px !important; }

.pl0 { padding-left: 0 !important; }

.pl5 { padding-left: 5px !important; }

.pl10 { padding-left: 10px !important; }

.pl15 { padding-left: 15px !important; }

.pl20 { padding-left: 20px !important; }

.pl25 { padding-left: 25px !important; }

.pl30 { padding-left: 30px !important; }

.pl35 { padding-left: 35px !important; }

.pl40 { padding-left: 40px !important; }

.pl45 { padding-left: 45px !important; }

.pl50 { padding-left: 50px !important; }

.pl55 { padding-left: 55px !important; }

.pl60 { padding-left: 60px !important; }

.m0 { margin: 0 !important; }

.m5 { margin: 5px !important; }

.m10 { margin: 10px !important; }

.m15 { margin: 15px !important; }

.m20 { margin: 20px !important; }

.m25 { margin: 25px !important; }

.m30 { margin: 30px !important; }

.m35 { margin: 35px !important; }

.m40 { margin: 40px !important; }

.m45 { margin: 45px !important; }

.m50 { margin: 50px !important; }

.m55 { margin: 55px !important; }

.m60 { margin: 60px !important; }

.mt0 { margin-top: 0 !important; }

.mt5 { margin-top: 5px !important; }

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

.mt15 { margin-top: 15px !important; }

.mt20 { margin-top: 20px !important; }

.mt25 { margin-top: 25px !important; }

.mt30 { margin-top: 30px !important; }

.mt35 { margin-top: 35px !important; }

.mt40 { margin-top: 40px !important; }

.mt45 { margin-top: 45px !important; }

.mt50 { margin-top: 50px !important; }

.mt55 { margin-top: 55px !important; }

.mt60 { margin-top: 60px !important; }

.mr0 { margin-right: 0 !important; }

.mr5 { margin-right: 5px !important; }

.mr10 { margin-right: 10px !important; }

.mr15 { margin-right: 15px !important; }

.mr20 { margin-right: 20px !important; }

.mr25 { margin-right: 25px !important; }

.mr30 { margin-right: 30px !important; }

.mr35 { margin-right: 35px !important; }

.mr40 { margin-right: 40px !important; }

.mr45 { margin-right: 45px !important; }

.mr50 { margin-right: 50px !important; }

.mr55 { margin-right: 55px !important; }

.mr60 { margin-right: 60px !important; }

.mb0 { margin-bottom: 0 !important; }

.mb5 { margin-bottom: 5px !important; }

.mb10 { margin-bottom: 10px !important; }

.mb15 { margin-bottom: 15px !important; }

.mb20 { margin-bottom: 20px !important; }

.mb25 { margin-bottom: 25px !important; }

.mb30 { margin-bottom: 30px !important; }

.mb35 { margin-bottom: 35px !important; }

.mb40 { margin-bottom: 40px !important; }

.mb45 { margin-bottom: 45px !important; }

.mb50 { margin-bottom: 50px !important; }

.mb55 { margin-bottom: 55px !important; }

.mb60 { margin-bottom: 60px !important; }

.mb65 { margin-bottom: 65px !important; }

.mb100 { margin-bottom: 100px !important; }

.ml0 { margin-left: 0 !important; }

.ml5 { margin-left: 5px !important; }

.ml10 { margin-left: 10px !important; }

.ml15 { margin-left: 15px !important; }

.ml20 { margin-left: 20px !important; }

.ml25 { margin-left: 25px !important; }

.ml30 { margin-left: 30px !important; }

.ml35 { margin-left: 35px !important; }

.ml40 { margin-left: 40px !important; }

.ml45 { margin-left: 45px !important; }

.ml50 { margin-left: 50px !important; }

.ml55 { margin-left: 55px !important; }

.ml60 { margin-left: 60px !important; }

.wa { width: auto !important; }

a.btn, button.btn, input.btn { font-size: 14px; line-height: 42px; min-width: 110px; height: 44px; color: #000; border: 1px solid #777; background-color: #fff; text-align: center; padding: 0 20px; }

@media (max-width: 1023px) { a.btn, button.btn, input.btn { height: 40px; line-height: 38px; padding: 0 20px; min-width: 90px; font-size: 13px; } }

a.big, button.big, input.big { height: 50px; line-height: 48px; font-size: 16px; min-width: 150px; }

@media (max-width: 1023px) { a.big, button.big, input.big { font-size: 13px; height: 40px; line-height: 38px; padding: 0; min-width: 90px; font-size: 12px; } }

a.bigger, button.bigger, input.bigger { height: 60px; line-height: 58px; font-size: 20px; min-width: 200px; }

@media (max-width: 1023px) { a.bigger, button.bigger, input.bigger { height: 45px; line-height: 43px; padding: 0; min-width: 160px; font-size: 14px; } }

a.small, button.small, input.small { height: 34px; line-height: 34px; font-size: 14px; min-width: 77px; padding: 0 15px; }

@media (max-width: 1023px) { a.small, button.small, input.small { height: 40px; line-height: 40px; padding: 0; min-width: 90px; font-size: 13px; } }

a.line-blue, button.line-blue, input.line-blue { color: #0c4ca3; border-color: #0c4ca3; }

a.line-black, button.line-black, input.line-black { color: #000; border-color: #000; }

a.flat-blue, button.flat-blue, input.flat-blue { color: #fff; border-color: #3f7ac6; background-color: #3f7ac6; }

a.flat-gray, button.flat-gray, input.flat-gray { color: #fff; border-color: #666; background-color: #666; }

a.flat-black, button.flat-black, input.flat-black { color: #fff; border-color: #31353a; background-color: #31353a; }

a.download:after, button.download:after, input.download:after { content: ''; display: inline-block; vertical-align: middle; width: 15px; height: 16px; background: url(../../images/common/icon-down.pngg") 0 0 no-repeat; background-size: 100%; margin-left: 5px; }

@media (max-width: 1023px) { a.download, button.download, input.download { padding: 0 20px; }
  a.download:after, button.download:after, input.download:after { width: 12px; height: 13px; background-image: url(../../images/common/icon-down.pngg"); } }

.pagination { text-align: center; font-size: 0; }

.pagination.pc-only { display: block; }

.pagination.m-only { display: none; }

.pagination a { display: inline-block; font-weight: 400; font-size: 16px; letter-spacing: 0.05em; line-height: 31px; height: 31px; margin: 0 7px; color: #000; vertical-align: middle; }

.pagination a.active { border-bottom: 2px solid #000; }

.pagination button { width: 35px; height: 35px; border: 1px solid #999999; position: relative; overflow: hidden; text-indent: -9999px; }

.pagination button:before { display: block; content: ''; position: absolute; top: 50%; left: 0; background: url(../../images/common/spr-common.pngg") 0 0 no-repeat; height: 9px; margin-top: -5px; }

.pagination button.first { margin-right: -1px; }

.pagination button.first:before { width: 10px; left: 11px; background-position: -58px 0; }

.pagination button.prev { margin-right: 23px; }

.pagination button.prev:before { width: 5px; left: 13px; background-position: -68px 0; }

.pagination button.next { margin-right: -1px; margin-left: 23px; }

.pagination button.next:before { width: 5px; left: 13px; background-position: -73px 0; }

.pagination button.last:before { width: 10px; left: 11px; background-position: -78px 0; }

@media (max-width: 1023px) { .pagination button:before { display: block; content: ''; position: absolute; top: 50%; left: 0; background: url(../../images/common/spr-common-m.pngg") 0 0 no-repeat; background-size: 250px; height: 10px; margin-top: -5px; }
  .pagination button.first { margin-right: -1px; }
  .pagination button.first:before { width: 10px; left: 10px; background-position: -131px 0; }
  .pagination button.prev { margin-right: 20px; }
  .pagination button.prev:before { width: 6px; left: 13px; background-position: -142px 0; }
  .pagination button.next { margin-right: -1px; margin-left: 20px; }
  .pagination button.next:before { width: 6px; left: 13px; background-position: -148px 0; }
  .pagination button.last:before { width: 10px; left: 10px; background-position: -154px 0; } }

@media (max-width: 767px) { .pagination.pc-only { display: none; }
  .pagination.m-only { display: block; }
  .pagination.m-only a { font-size: 15px; margin: 0 5px; } }

.member-tab { width: 100%; font-size: 0; margin-bottom: 30px; }

.member-tab a { display: inline-block; width: 50%; border: 1px solid #ececec; height: 70px; line-height: 68px; background-color: #fff; text-align: center; font-size: 16px; color: #666; }

.member-tab a.active { background-color: #3f7ac6; border-color: #3f7ac6; color: #fff; }

@media (max-width: 1023px) { .member-tab { margin-bottom: 25px; }
  .member-tab a { height: 45px; line-height: 43px; font-size: 14px; } }

/*header { width: 100%; position: fixed; top: 0; left: 0; height: 108px; background-color: #fff; border-bottom: 1px solid #ececec; z-index: 11; }

header h1 { position: absolute; top: 50%; left: 40px; margin-top: -16px; }

header h1 a { display: block; }

header h1 a img { display: block; }

header .util { font-size: 0; position: absolute; top: 43px; right: 30px; }

header .util a { font-size: 14px; color: #000; position: relative; height: 22px; line-height: 22px; vertical-align: middle; }

header .util a img { display: block; }

header .util a + a { margin-left: 10px; padding-left: 11px; }

header .util a + a:before { display: block; content: ''; width: 1px; height: 8px; background-color: #e0e0e0; position: absolute; top: 50%; left: 0; margin-top: -4px; }

header .util button { vertical-align: middle; display: inline-block; overflow: hidden; text-indent: -9999px; width: 28px; height: 22px; background: url(../../images/common/btn-menu-all.pngg") 0 50% no-repeat; margin-left: 30px; }

header .pc-menu-all { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background-color: #f5f5f5; display: none; }

header .pc-menu-all .top-wrap { width: 100%; height: 107px; position: relative; }

header .pc-menu-all .top-wrap button { width: 24px; height: 24px; background: url(../../images/common/spr-common.pngg") -240px -50px no-repeat; position: absolute; top: 40px; right: 45px; }

header .pc-menu-all .menu-wrap { width: 100%; height: auto; max-height: 65%; min-height: 65%; overflow-y: auto; max-width: 1200px; margin: 0 auto; padding-right: 30px; -webkit-overflow-scrolling: touch; }

header .pc-menu-all .menu-wrap .menu { width: 100%; border-bottom: 1px solid #dbdbdb; font-size: 0; padding: 40px 0; }

header .pc-menu-all .menu-wrap .menu strong, header .pc-menu-all .menu-wrap .menu ul { display: inline-block; }

header .pc-menu-all .menu-wrap .menu strong { font-size: 22px; font-weight: 700; width: 20%; padding-left: 4.5%; line-height: 1; vertical-align: top; }

header .pc-menu-all .menu-wrap .menu ul { width: 80%; }

header .pc-menu-all .menu-wrap .menu ul:last-child li:last-child { width: auto; }

header .pc-menu-all .menu-wrap .menu ul > li { font-size: 16px; font-weight: 400; display: inline-block; color: #000; width: calc(100% / 6); vertical-align: top; }

header .pc-menu-all .menu-wrap .menu ul > li a { color: #000; text-align: left; }

header .pc-menu-all .menu-wrap .menu ul > li ul { display: block; width: 100%; }

header .pc-menu-all .menu-wrap .menu ul > li ul li { display: block; width: 100%; font-size: 14px; margin-top: 16px; }

header .pc-menu-all .menu-wrap .menu ul > li ul li:first-child { margin-top: 20px; }

header .pc-menu-all .menu-wrap .menu ul > li ul li a { color: #666; }

header .pc-menu-all .btn-wrap { width: 100%; max-width: 1200px; text-align: center; margin: 50px auto 0 auto; }

@media (max-width: 1023px) { header .pc-menu-all { display: none !important; } }

header .mobile { display: none; }

header .mobile .head { overflow: hidden; background-color: #fff; padding: 20px 15px 20px 25px; border-bottom: 1px solid #ececec; }

header .mobile .head h1, header .mobile .head > button { display: block; }

header .mobile .head h1 img, header .mobile .head > button img { display: block; width: 100%; }

header .mobile .head h1 { float: left; width: 110px; position: static; margin: 0; }

header .mobile .head > button { float: right; width: 39px; }

@media (max-width: 1023px) { header { height: 75px; }
  header .pc { display: none; }
  header .mobile { display: block; } }
		*/

/*
#gnb { font-size: 0; text-align: center; background-color: #fff; }

@media (max-width: 1300px) { #gnb { display: none; } }

#gnb > ul > li { display: inline-block; height: 107px; line-height: 107px; vertical-align: top; padding: 0 18px; }

#gnb > ul > li:hover > a, #gnb > ul > li.active > a { color: #0c4ca3; }

#gnb > ul > li:hover > a:before, #gnb > ul > li.active > a:before { width: 100%; transform: scaleX(1); }

#gnb > ul > li:hover > a + ul, #gnb > ul > li.active > a + ul { display: block; }

#gnb > ul > li > a { font-size: 18px; font-weight: 700; color: #000; position: relative; }

#gnb > ul > li > a:before { display: block; content: ''; position: absolute; bottom: 0; left: 0; width: 0; height: 4px; transform: scaleX(0); background-color: #3f7ac6; transition: transform .3s; }

#gnb > ul > li > ul { width: 100%; background-color: #f5f5f5; position: absolute; top: 107px; left: 0; z-index: -1; transition: all .2s ease-in-out; font-size: 0; text-align: center; display: none; }

#gnb > ul > li > ul > li { display: inline-block; }

#gnb > ul > li > ul > li + li { margin-left: 40px; }

#gnb > ul > li > ul > li a { font-size: 16px; color: #666; }

#gnb > ul > li > ul > li a:hover, #gnb > ul > li > ul > li a.active { color: #0c4ca3; }

.m-dim { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); display: none; }

.m-dim.active { display: block; }

#mobile-gnb { position: fixed; top: 0; right: -100%; width: 100%; max-width: 375px; height: 100%; overflow: auto; background-color: #f5f5f5; transition: all .2s ease-in-out; opacity: 0; }

#mobile-gnb.active { right: 0; opacity: 1; }

#mobile-gnb .top { background-color: #0c4ca3; height: 105px; padding: 20px 15px 0 25px; margin-bottom: -30px; }

#mobile-gnb .top .logo { width: 110px; float: left; }

#mobile-gnb .top .logo img { display: block; width: 100%; }

#mobile-gnb .top .lang-chk { width: 35px; position: absolute; top: 27px; right: 60px; }

#mobile-gnb .top .lang-chk img { width: 100%; vertical-align: top; }

#mobile-gnb .top .mo-gnb-close { display: block; float: right; width: 39px; height: 35px; background: url("../../images/common/btn-close-m.pngg") 0 0 no-repeat; background-size: 100%; }

#mobile-gnb .body { padding: 0 15px 15px; }

#mobile-gnb .body .mobile-util { border: 1px solid #eaeaea; border-bottom-color: #cbcbcb; height: 60px; font-size: 0; text-align: center; background-color: #fff; margin-bottom: 10px; }

#mobile-gnb .body .mobile-util a { display: inline-block; font-size: 15px; height: 58px; line-height: 58px; position: relative; }

#mobile-gnb .body .mobile-util a + a { padding-left: 16px; margin-left: 15px; }

#mobile-gnb .body .mobile-util a + a:before { display: block; content: ''; width: 1px; height: 9px; background-color: #eaeaea; position: absolute; top: 50%; left: 0; margin-top: -4px; }

#mobile-gnb .body .nav { border-bottom: 1px solid #cbcbcb; margin-bottom: 50px; }

#mobile-gnb .body .nav > li { background-color: #fff; position: relative; border: 1px solid #eaeaea; border-bottom: none; overflow: hidden; }

#mobile-gnb .body .nav > li.active { background-color: #fafafa; }

#mobile-gnb .body .nav > li.active > button:before { background-position: -35px 0; }

#mobile-gnb .body .nav > li.active ul { max-height: 500px; padding-bottom: 12px; }

#mobile-gnb .body .nav > li > button { font-size: 15px; font-weight: 700; height: 55px; line-height: 55px; padding-left: 20px; width: 100%; text-align: left; }

#mobile-gnb .body .nav > li > button:before { display: block; content: ''; width: 35px; height: 35px; background: url("../../images/common/spr-common-m.pngg") 0 0 no-repeat; background-size: 250px; position: absolute; top: 10px; right: 8px; }

#mobile-gnb .body .nav > li ul { max-height: 0px; transition: all .3s ease-in-out; padding-bottom: 0; }

#mobile-gnb .body .nav > li ul li a { display: block; width: 100%; padding-left: 35px; font-size: 13px; height: 40px; line-height: 40px; text-align: left; }

#mobile-gnb .body .nav > li ul li a.active { background-color: #f0f0f0; }

#mobile-gnb .body .link-wrap { font-size: 0; border-left: 1px solid #eaeaea; border-bottom: 1px solid #cbcbcb; margin-bottom: 10px; }

#mobile-gnb .body .link-wrap a { display: inline-block; width: 50%; font-size: 13px; font-weight: 700; height: 50px; line-height: 49px; border-right: 1px solid #eaeaea; border-top: 1px solid #eaeaea; background-color: #fff; padding-left: 20px; position: relative; text-align: left; }

#mobile-gnb .body .link-wrap a:before { display: block; content: ''; width: 18px; height: 18px; background: url("../../images/common/spr-common-m.pngg") -70px 0 no-repeat; background-size: 250px; position: absolute; top: 15px; right: 15px; }

#mobile-gnb .body .link-switzen { border: 1px solid #eaeaea; border-bottom-color: #cbcbcb; height: 48px; line-height: 48px; background-color: #fff; }

#mobile-gnb .body .link-switzen a { display: block; height: 100%; }

#mobile-gnb .body .link-switzen img { display: block; height: 100%; margin: 0 auto; }
*/
/*
footer { margin-top: 200px; width: 100%; background-color: #28282e; padding: 80px 100px 75px; position: relative; }

footer .go_top { display: none; position: absolute; top: -60px; right: 25px; z-index: 10; width: 35px; height: 35px; background: rgba(255, 255, 255, 0.6) url(../../images/common/ico_arrow_top.png) no-repeat 50% 50%; background-size: 8px; border: 1px solid #666; overflow: hidden; text-indent: -9999px; }

@media (max-width: 1023px) { footer .go_top { display: block; } }

@media (max-width: 1023px) { footer { padding: 41px 25px 25px; margin-top: 100px; } }

@media (max-width: 1023px) { footer .pc { display: none; } }

footer .mobile { display: none; }

@media (max-width: 1023px) { footer .mobile { display: block; } }

footer .etc-link { float: left; margin-top: -9px; }

footer .etc-link a { display: block; font-size: 12px; color: #ababab; line-height: 30px; text-align: left; }

footer .etc-link a strong { font-weight: 600; }

@media (max-width: 1023px) { footer .etc-link { margin-top: 0; float: none; } }

footer .family-site-wrap { float: right; }

footer .family-site-wrap .family-site { width: 200px; position: relative; margin-bottom: 30px; float: right; }

footer .family-site-wrap .family-site.active button { border: 1px solid #ababab; border-bottom: none; padding: 13px 15px 6px; }

footer .family-site-wrap .family-site.active button:before { width: 9px; background-position: -8px 0; }

footer .family-site-wrap .family-site.active ul { display: block; }

footer .family-site-wrap .family-site .ui-select.active button:before { transform: rotate(180deg); }

footer .family-site-wrap .family-site button { border: none; border-bottom: 1px solid #ababab; background: none; display: block; width: 100%; line-height: 100%; padding: 15px 10px; font-weight: 600; font-size: 14px; letter-spacing: 0.05em; color: #ababab; position: relative; text-align: left; }

footer .family-site-wrap .family-site button:before { display: block; content: ''; width: 8px; height: 6px; background: url("../../images/common/spr-footer.pngg") 0 0 no-repeat; position: absolute; top: 15px; right: 14px; margin-top: 0; transform: rotate(0deg); }

footer .family-site-wrap .family-site ul { border: 1px solid #000; padding-bottom: 7px; border: 1px solid #ababab; border-top: none; position: absolute; top: 44px; left: 0; width: 100%; background-color: #28282e; }

footer .family-site-wrap .family-site ul li { padding-left: 15px; background: none; }

footer .family-site-wrap .family-site ul li:hover { background: none; }

footer .family-site-wrap .family-site ul li a { font-size: 14px; color: #ababab; }

footer .family-site-wrap .family-site ul li a:hover { font-weight: 700; color: #fff; }

footer .family-site-wrap .sns-wrap { font-size: 0; text-align: right; clear: both; }

footer .family-site-wrap .sns-wrap a { display: inline-block; overflow: hidden; text-indent: -9999px; width: 40px; height: 40px; background: url("../../images/common/spr-footer.pngg") 0 0 no-repeat; }

footer .family-site-wrap .sns-wrap a + a { margin-left: 8px; }

footer .family-site-wrap .sns-wrap a.facebook { background-position: -29px 0; }

footer .family-site-wrap .sns-wrap a.twitter { background-position: -69px 0; }

footer .family-site-wrap .sns-wrap a.insta { background-position: -109px 0; }

footer .family-site-wrap .sns-wrap a.youtube { background-position: -29px -40px; }

footer .family-site-wrap .sns-wrap a.n-tv { background-position: -69px -40px; }

footer .family-site-wrap .sns-wrap a.k-story { background-position: -109px -40px; }

footer .family-site-wrap .sns-wrap a.blog { background-position: -149px -40px; }

@media (max-width: 1023px) { footer .family-site-wrap { float: none; }
  footer .family-site-wrap .sns-wrap { text-align: left; margin-bottom: 20px; }
  footer .family-site-wrap .sns-wrap a { width: 32px; height: 32px; background: url("../../images/common/spr-footer-m.pngg") 0 0 no-repeat; background-size: 200px; }
  footer .family-site-wrap .sns-wrap a.facebook { background-position: 0 0; }
  footer .family-site-wrap .sns-wrap a.twitter { background-position: -32px 0; }
  footer .family-site-wrap .sns-wrap a.insta { background-position: -64px 0; }
  footer .family-site-wrap .sns-wrap a.youtube { background-position: 0 -32px; }
  footer .family-site-wrap .sns-wrap a.n-tv { background-position: -32px -32px; }
  footer .family-site-wrap .sns-wrap a.k-story { background-position: -64px -32px; }
  footer .family-site-wrap .sns-wrap a.blog { background-position: -96px -32px; }
  footer .family-site-wrap .family-site { width: 100%; height: 40px; border: 1px solid #999999; margin-bottom: 0; float: none; }
  footer .family-site-wrap .family-site button { display: block; width: 100%; height: 100%; border: none; color: #999; line-height: 38px; font-size: 12px; font-weight: 400; padding: 0 0 0 15px; }
  footer .family-site-wrap .family-site button:before { display: block; content: ''; width: 9px; height: 6px; background: url("../../images/common/spr-footer-m.pngg") -96px 0 no-repeat; background-size: 200px; position: absolute; top: 50%; right: 14px; margin-top: -3px; }
  footer .family-site-wrap .family-site select { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; } }

footer .copy-wrap { clear: both; padding-top: 80px; color: #ababab; }

footer .copy-wrap address { font-size: 12px; margin-bottom: 8px; }

footer .copy-wrap .copy { font-weight: 400; font-size: 12px; letter-spacing: 0.05em; font-family: 'Titillium Web'; }

@media (max-width: 1023px) { footer .copy-wrap { padding-top: 39px; font-size: 11px; color: #999; line-height: 16px; margin-bottom: 18px; }
  footer .copy-wrap address { margin-bottom: 16px; } }

.btn-top { position: relative; z-index: 1; background-color: #242429; height: 80px; text-align: center; padding-top: 30px; }

.btn-top button { font-weight: 700; font-size: 12px; letter-spacing: 0.05em; color: #fff; text-transform: uppercase; line-height: 100%; }

.btn-top button:after { content: ''; width: 12px; height: 6px; display: inline-block; background: url("../../images/common/spr-footer.pngg") -17px 0 no-repeat; vertical-align: middle; margin-left: 10px; }
*/
@media (max-width: 1023px) { .btn-top { display: none; } }

body.bgc { background-color: #f5f5f5; }

body.footer-margin footer { margin-top: 0; }
/*
#container { max-width: 1200px; width: 100%; margin: 0 auto; }
*/

@media (max-width: 1023px) { #container { max-width: 100%; } }

#container.type-narrow { max-width: 1200px; }

#container.type-fullpg { max-width: 100%;}

#container.type-fullpg .sub_tab { width: 100%; max-width: 1220px; }

#container.member { margin-top: 108px; max-width: 980px; }

@media (max-width: 1023px) { #container.member { margin-top: 75px; } }

#container.join { margin-top: 108px; }

@media (max-width: 1023px) { #container.join { margin-top: 75px; } }

/*20191018
#container .sub_tab { overflow: hidden; width: 800px; max-width: 100%; margin: 0 auto 70px auto; }

#container .sub_tab li { float: left; border: 1px solid #dcdcdc; height: 70px; line-height: 70px; margin-left: -1px; }

#container .sub_tab li:first-child { margin-left: 0; }
/*//*/
#container .sub_tab li.active { border: 1px solid #d51c29; position: relative; z-index: 1; }

#container .sub_tab li.active a { color: #d51c29; font-weight: bold; }

#container .sub_tab li a { font-size: 18px; color: #666; text-align: center; display: block; line-height:70px;}

#container .sub_tab.item1 li { width: 100%; }

#container .sub_tab.item2 li { width: 50%; }

#container .sub_tab.item3 { width: 1200px; }

#container .sub_tab.item3 li { width: calc(100% / 3); }

#container .sub_tab.item4 { width: 100%; }

#container .sub_tab.item4 li { width: 25%; }

#container .sub_tab.item5 { width: 100%; }

#container .sub_tab.item5 li { width: 20%; }

#container .sub_tab.item6 { width: 100%; }

#container .sub_tab.item6 li { width: calc(100% / 6); }

#container .sub_tab.item7 { width: 100%; }

#container .sub_tab.item7 li { width: calc(100% / 7); }
*/

@media (max-width: 1023px) { 
		#container .sub_tab { width: 100%; padding: 0; margin-bottom: 50px; }
  #container .sub_tab.item3 { width: 100%; }
  #container .sub_tab li { height: 40px; line-height: 40px; }
  #container .sub_tab li a { font-size: 12px; }
  #container .sub_tab.item4 li { width: 50%; }
  #container .sub_tab.item4 li:nth-child(3) { margin-left: 0; margin-top: -1px; }
  #container .sub_tab.item4 li:nth-child(4) { margin-top: -1px; }
  #container .sub_tab.item5 li { width: calc(100% / 3); }
  #container .sub_tab.item5 li:nth-child(4) { margin-left: 0; margin-top: -1px; }
  #container .sub_tab.item5 li:nth-child(5) { margin-top: -1px; }
  #container .sub_tab.item6 li { width: calc(100% / 3); }
  #container .sub_tab.item6 li:nth-child(4) { margin-left: 0; margin-top: -1px; }
  #container .sub_tab.item6 li:nth-child(5) { margin-top: -1px; }
  #container .sub_tab.item6 li:nth-child(6) { margin-top: -1px; }
  #container .sub_tab.item7 li { width: calc(100% / 3); }
  #container .sub_tab.item7 li:nth-child(4), #container .sub_tab.item7 li:nth-child(7) { margin-left: 0; margin-top: -1px; }
  #container .sub_tab.item7 li:nth-child(5) { margin-top: -1px; }
  #container .sub_tab.item7 li:nth-child(6) { margin-top: -1px; }
}

/*20191018
.sub-visual { width: 100%; height: 280px; background-repeat: no-repeat; background-position: 50% 108px; position: relative; padding-top: 100px; margin-bottom: 50px; background-attachment: fixed; overflow: hidden; }
*/

.sub-visual.mypage { background-image: none; height: auto; }

.sub-visual.mypage h2 { color: #000; font-weight: 100; }

@media (max-width: 1023px) { .sub-visual.mypage { height: 220px; background-image: url("../../images/temp/sub-kv.jpg"); }
  .sub-visual.mypage h2 { color: #fff; font-weight: 400; } }

/*20191026
.sub-visual.company {background:url(../images/aboutus/sub-aboutus-pc.jpg);}

@media (max-width: 767px) { .sub-visual.company { background-image: url("../../images/bg-top/sub-company-m.jpgg"); background-size: cover; } }

.sub-visual.product {background:url(../images/products/sub-product-pc.png);}

@media (max-width: 767px) { .sub-visual.product { background-image: url("../../images/bg-top/sub-company-m.jpgg"); background-size: cover; } }

.sub-visual.newbusiness {background:url(../images/newbness/sub-newbness-pc.png);}

@media (max-width: 767px) { .sub-visual.newbusiness { background-image: url("../../images/bg-top/sub-company-m.jpgg"); background-size: cover; } }

.sub-visual.ir {background:url(../images/ir/sub-ir-pc.png);}

@media (max-width: 767px) { .sub-visual.ir { background-image: url("../../images/bg-top/sub-company-m.jpgg"); background-size: cover; } }

.sub-visual.support {background:url(../images/support/sub-support-pc.png);}

@media (max-width: 767px) { .sub-visual.support { background-image: url("../../images/bg-top/sub-company-m.jpgg"); background-size: cover; } }






.sub-visual.business { background-image: url("../../images/bg-top/sub-business-pc.jpgg"); }

@media (max-width: 767px) { .sub-visual.business { background-image: url("../../images/bg-top/sub-business-m.jpgg"); background-size: cover; } }

.sub-visual.management { background-image: url("../../images/bg-top/sub-management-pc.jpgg"); }

@media (max-width: 767px) { .sub-visual.management { background-image: url("../../images/bg-top/sub-management-m.jpgg"); background-size: cover; } }

.sub-visual.investment { background-image: url("../../images/bg-top/sub-investment-pc.jpgg"); }

@media (max-width: 767px) { .sub-visual.investment { background-image: url("../../images/bg-top/sub-investment-m.jpgg"); background-size: cover; } }

.sub-visual.promote { background-image: url("../../images/bg-top/sub-promote-pc.jpgg"); }

@media (max-width: 767px) { .sub-visual.promote { background-image: url("../../images/bg-top/sub-promote-m.jpgg"); background-size: cover; } }

.sub-visual.recruit { background-image: url("../../images/bg-top/sub-recruit-pc.jpgg"); }

@media (max-width: 767px) { .sub-visual.recruit { background-image: url("../../images/bg-top/sub-recruit-m.jpgg"); background-size: cover; } }

.sub-visual.etc { background-image: url("../../images/bg-top/sub-etc.jpgg"); }

@media (max-width: 767px) { .sub-visual.etc { background-size: cover; } }

.sub-visual.cs { background-image: url("../../images/bg-top/sub-cscenter-pc.jpgg"); }

@media (max-width: 767px) { .sub-visual.cs { background-image: url("../../images/bg-top/sub-cscenter-m.jpgg"); background-size: cover; } }
*/




/*20191018
.sub-visual h2 { font-size: 50px; text-align: center; color: #fff; line-height: 100%; font-weight:900;}

.sub-visual .sub-nav { width: 100%; font-size: 0; text-align: center; margin: 0 auto; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); }

.sub-visual .sub-nav a { display: inline-block; font-size: 18px; height: 65px; line-height: 65px; background-color: rgba(213, 28, 41, 0.9); color: #fff; }

.sub-visual .sub-nav a.active { background-color: #fff; color: #000; }

.sub-visual .sub-nav.item2 { max-width: 500px; }

.sub-visual .sub-nav.item2 a { width: calc(100% / 2); }

.sub-visual .sub-nav.item3 { max-width: 651px; }

.sub-visual .sub-nav.item3 a { width: calc(100% / 3); }

.sub-visual .sub-nav.item4 { max-width: 868px; }

.sub-visual .sub-nav.item4 a { width: calc(100% / 4); }

.sub-visual .sub-nav.item5 { max-width: 1220px; }

.sub-visual .sub-nav.item5 a { width: calc(100% / 5); }

.sub-visual .sub-nav.item6 { max-width: 1300px; margin-left: 0; }

.sub-visual .sub-nav.item6 a { width: 16.66667%; }
*/

.sub-visual .mo-sub-nav { display: none; }

@media (max-width: 1023px) {/* .sub-visual { margin-bottom: 40px; height: 220px; margin-top: 75px; background-position: 50% 0; background-size: cover; padding-top: 70px; background-attachment: inherit; overflow: unset; }
*/
  /*.sub-visual .sub-nav { display: none; }*/
  .sub-visual .mo-sub-nav { display: block; position: absolute; bottom: 15px; left: 0; }
  .sub-visual .mo-sub-nav.ui-select { width: 100%; padding: 0 15px; }
  .sub-visual .mo-sub-nav.ui-select > button { width: 100%; height: 50px; border: none; background-color: rgba(12, 76, 163, 0.7); color: #fff; font-size: 15px; padding-left: 25px; }
  .sub-visual .mo-sub-nav.ui-select > button:before { right: 25px; background: url("../../images/common/spr-common-m.pngg") -165px 0 no-repeat; background-size: 250px; width: 11px; height: 6px; margin-top: -3px; }
  .sub-visual .mo-sub-nav.ui-select > ul { border: 1px solid #666; border-top: none; padding: 10px 0 10px 25px; margin: 0 15px; width: calc(100% - 30px); }
  .sub-visual .mo-sub-nav.ui-select > ul > li { border: none; line-height: 40px; height: 40px; padding-left: 0; }
  .sub-visual .mo-sub-nav.ui-select > ul > li.active { background: none; }
  .sub-visual .mo-sub-nav.ui-select.active > button { border: 1px solid #666; border-bottom-color: #ececec; background-color: #fff; color: #000; }
  .sub-visual .mo-sub-nav.ui-select.active > button:before { background-position: -176px 0; }
  .sub-visual h2 { font-size: 30px; } }

.sub-title { margin-bottom: 50px; }

.sub-title p { font-size: 22px; line-height: 32px; text-align: center; margin: -5px 0; }

#breadcrumb { font-size: 0; width: 100%; max-width: 1200px; margin: 0 auto; padding: 30px 0 50px; }

#breadcrumb a, #breadcrumb button, #breadcrumb span { display: inline-block; font-size: 16px; color: #666; vertical-align: middle; line-height: 16px; position: relative; }

#breadcrumb a.home, #breadcrumb button.home, #breadcrumb span.home { width: 16px; height: 16px; background: url("../../images/common/spr-common.pngg") 0 0 no-repeat; overflow: hidden; text-indent: -9999px; }

#breadcrumb a + a, #breadcrumb a button, #breadcrumb a span, #breadcrumb button + a, #breadcrumb button button, #breadcrumb button span, #breadcrumb span + a, #breadcrumb span button, #breadcrumb span span { padding-left: 14px; margin-left: 10px; cursor: text; }

#breadcrumb a + a:before, #breadcrumb a button:before, #breadcrumb a span:before, #breadcrumb button + a:before, #breadcrumb button button:before, #breadcrumb button span:before, #breadcrumb span + a:before, #breadcrumb span button:before, #breadcrumb span span:before { display: block; content: ''; width: 5px; height: 7px; background: url("../../images/common/spr-common.pngg") -16px 0 no-repeat; position: absolute; top: 50%; left: 0; margin-top: -3px; }

@media (max-width: 1023px) { #breadcrumb { width: 100%; padding: 0; margin: 0; position: absolute; top: 186px; left: 0; text-align: center; }
  #breadcrumb a, #breadcrumb button, #breadcrumb span { height: 13px; line-height: 13px; font-size: 12px; }
  #breadcrumb a.home, #breadcrumb button.home, #breadcrumb span.home { width: 13px; height: 13px; background: url("../../images/common/spr-common-m.pngg") -88px 0 no-repeat; background-size: 250px; }
  #breadcrumb a + a, #breadcrumb a button, #breadcrumb a span, #breadcrumb button + a, #breadcrumb button button, #breadcrumb button span, #breadcrumb span + a, #breadcrumb span button, #breadcrumb span span { padding-left: 10px; margin-left: 7px; color: #fff; }
  #breadcrumb a + a:before, #breadcrumb a button:before, #breadcrumb a span:before, #breadcrumb button + a:before, #breadcrumb button button:before, #breadcrumb button span:before, #breadcrumb span + a:before, #breadcrumb span button:before, #breadcrumb span span:before { width: 4px; height: 5px; margin-top: -2px; background: url("../../images/common/spr-common-m.pngg") -101px 0 no-repeat; background-size: 250px; } }

.necessary { text-align: right; font-size: 16px; padding-right: 30px; line-height: 100%; margin-top: -20px; margin-bottom: 30px; }

.necessary em { font-size: 18px; color: #3f7ac6; }

@media (max-width: 1023px) { .necessary { font-size: 14px; margin-top: 30px; margin-bottom: 15px; }
  .necessary em { font-size: 16px; } }
		
/*//*
#sub-2step-title{}	
#sub-2step-title h3{text-align:center;color:#282d39;font-size:45px;font-weight:500;margin-bottom:20px;}
#sub-2step-title p{font-size:18px;color:#666;text-align:center;font-weight:100;}

#sub-3step-title{margin-bottom:100px;}
#sub-3step-title h4{text-align:center;font-weight: 500; font-size: 30px;letter-spacing: -0.4px;color: #333;}
#sub-3step-title h4:after{content: "";display: block;width: 30px;height: 2px;background: #d51c29;margin: 15px auto 30px;}
#sub-3step-title p{font-size:17px;color:#666;text-align:center;font-weight:100;margin-bottom:70px;}

 @media (max-width: 767px) { 
	#sub-2step-title{padding:0 15px;}	
	}   
    
*/    
    
   
    
    

	

.member .sub-title { text-align: center; padding-top: 100px; margin-bottom: 0; }

.member .sub-title h2 { font-size: 42px; line-height: 100%; margin-bottom: 50px; }

.member .sub-title p { font-size: 22px; line-height: 32px; color: #666; margin: -25px 0 0; padding-bottom: 45px; }

@media (max-width: 1023px) { .member .sub-title { padding: 70px 0 0; margin: 0 auto; }
  .member .sub-title.login { background-color: #fff; padding: 70px 57px 0; }
  .member .sub-title h2 { font-size: 27px; margin-bottom: 40px; }
  .member .sub-title p { font-size: 14px; margin-top: -23px; line-height: 21px; padding-bottom: 32px; } }

.member .member-content { width: 100%; position: relative; border: 1px solid #ececec; border-bottom: 1px solid #dbdbdb; background-color: #fff; font-size: 0; }

.member .member-content .phone, .member .member-content .ipin { display: inline-block; width: 50%; text-align: center; padding-top: 59px; padding-bottom: 80px; }

.member .member-content .phone:before, .member .member-content .ipin:before { display: block; content: ''; width: 220px; height: 220px; background-repeat: no-repeat; background-position: 0 0; margin: 0 auto 30px; }

.member .member-content .phone h3, .member .member-content .ipin h3 { font-size: 22px; line-height: 100%; margin-bottom: 15px; }

.member .member-content .phone h3 span, .member .member-content .ipin h3 span { display: none; }

.member .member-content .phone p, .member .member-content .ipin p { font-size: 16px; line-height: 26px; color: #666; width: 250px; margin: 0 auto 25px; }

.member .member-content .phone { border-right: 1px solid #ececec; }

.member .member-content .phone:before { background-image: url(../../images/member/bg-phone.png") }

.member .member-content .ipin:before { background-image: url(../../images/member/bg-ipin.png") }

.member .member-content.login { height: 550px; padding-left: 489px; padding-top: 109px; padding-right: 59px; }

.member .member-content.login .img { display: block; width: 430px; height: 100%; background: url(../../images/common/login.pngg") 0 0 no-repeat; position: absolute; top: 0; left: 0; }

.member .member-content.login .login-box { padding: 0 50px; margin-bottom: 70px; }

.member .member-content.login .login-box .id, .member .member-content.login .login-box .pw { position: relative; }

.member .member-content.login .login-box .id:before, .member .member-content.login .login-box .pw:before { display: block; content: ''; background: url(../../images/common/spr-common.pngg") 0 0 no-repeat; position: absolute; top: 50%; right: 0; }

.member .member-content.login .login-box .id:before { width: 22px; height: 12px; margin-top: -6px; right: 18px; background-position: -118px 0; }

.member .member-content.login .login-box .pw { margin-top: 10px; }

.member .member-content.login .login-box .pw:before { right: 25px; width: 9px; height: 16px; margin-top: -8px; background-position: -140px 0; }

.member .member-content.login .login-box input, .member .member-content.login .login-box button { display: block; width: 100%; height: 60px; line-height: 60px; border: none; }

.member .member-content.login .login-box input { background-color: #f5f5f5; }

.member .member-content.login .login-box button { margin-top: 10px; background-color: #3f7ac6; color: #fff; font-size: 20px; }

.member .member-content.login .login-box .find-wrap { text-align: center; font-size: 0; margin-top: 30px; }

.member .member-content.login .login-box .find-wrap a { display: inline-block; position: relative; font-size: 16px; line-height: 100%; }

.member .member-content.login .login-box .find-wrap a + a { margin-left: 21px; padding-left: 22px; }

.member .member-content.login .login-box .find-wrap a + a:before { display: block; content: ''; width: 1px; height: 10px; background-color: #999; margin-top: -5px; position: absolute; top: 50%; left: 0; }

.member .member-content.login .join-box { padding-right: 160px; position: relative; }

.member .member-content.login .join-box p { font-size: 14px; line-height: 24px; margin: -5px 0; color: #666; }

.member .member-content.login .join-box p strong { display: block; }

.member .member-content.login .join-box p span { display: block; }

.member .member-content.login .join-box .btn { position: absolute; top: 0; right: 0; }

@media (max-width: 1023px) { .member .member-content.login { padding: 0 25px 100px; margin-bottom: -100px; border: none; height: auto; }
  .member .member-content.login .img { display: none; }
  .member .member-content.login .login-box { padding: 0; margin-bottom: 40px; }
  .member .member-content.login .login-box .id, .member .member-content.login .login-box .pw { border: 1px solid #ececec; }
  .member .member-content.login .login-box .id:before, .member .member-content.login .login-box .pw:before { background: url("../../images/common/spr-common-m.pngg") 0 0 no-repeat; background-size: 250px; }
  .member .member-content.login .login-box .id:before { width: 20px; height: 11px; margin-top: -6px; right: 18px; background-position: 0 -35px; }
  .member .member-content.login .login-box .pw { margin-top: 5px; }
  .member .member-content.login .login-box .pw:before { right: 25px; width: 8px; height: 13px; margin-top: -7px; background-position: -20px -35px; }
  .member .member-content.login .login-box input, .member .member-content.login .login-box button { display: block; width: 100%; height: 48px; line-height: 48px; border: none; }
  .member .member-content.login .login-box button { margin-top: 15px; font-size: 14px; height: 50px; line-height: 50px; }
  .member .member-content.login .login-box .find-wrap { text-align: center; font-size: 0; margin-top: 20px; }
  .member .member-content.login .login-box .find-wrap a { display: inline-block; position: relative; font-size: 12px; line-height: 100%; }
  .member .member-content.login .login-box .find-wrap a + a { margin-left: 15px; padding-left: 16px; }
  .member .member-content.login .login-box .find-wrap a + a:before { height: 8px; background-color: #000; margin-top: -4px; }
  .member .member-content.login .join-box { padding-right: 110px; position: relative; }
  .member .member-content.login .join-box p { font-size: 13px; line-height: 20px; margin: -3px 0; color: #666; }
  .member .member-content.login .join-box p strong { font-size: 15px; color: #000; } }

@media (max-width: 1023px) and (max-width: 1023px) { .member .member-content.login .join-box p br { display: none; } }

@media (max-width: 1023px) { .member .member-content.login .join-box .btn { position: absolute; top: 0; right: 0; } }

.member .member-content.find-pw .phone, .member .member-content.find-pw .ipin { display: inline-block; width: 50%; text-align: center; padding-top: 59px; padding-bottom: 80px; }

.member .member-content.find-pw .phone:before, .member .member-content.find-pw .ipin:before { margin-bottom: -33px; }

.member .member-content.find-pw .phone h3, .member .member-content.find-pw .ipin h3 { margin-bottom: 20px; }

.member .member-content.find-pw .phone p, .member .member-content.find-pw .ipin p { margin: 0 auto 25px; }

.member .member-content.find-pw .phone input, .member .member-content.find-pw .ipin input { width: 240px; height: 44px; border: 2px solid #555; font-size: 14px; line-height: 40px; margin-bottom: 15px; }

@media (max-width: 1023px) { .member .member-content .phone, .member .member-content .ipin { padding-top: 24px; padding-bottom: 35px; }
  .member .member-content .phone:before, .member .member-content .ipin:before { width: 110px; height: 110px; margin: 0 auto 30px; background-size: 100%; }
  .member .member-content .phone h3, .member .member-content .ipin h3 { font-size: 14px; font-weight: 700; margin-bottom: 13px; }
  .member .member-content .phone h3 em, .member .member-content .ipin h3 em { display: none; }
  .member .member-content .phone h3 strong, .member .member-content .ipin h3 strong { display: none; }
  .member .member-content .phone h3 span, .member .member-content .ipin h3 span { display: block; }
  .member .member-content .phone p, .member .member-content .ipin p { font-size: 12px; line-height: 17px; width: 130px; margin: 0 auto 13px; }
  .member .member-content .phone .btn em, .member .member-content .ipin .btn em { display: none; }
  .member .member-content.find-pw .phone, .member .member-content.find-pw .ipin { padding-top: 24px; padding-bottom: 35px; }
  .member .member-content.find-pw .phone:before, .member .member-content.find-pw .ipin:before { margin-bottom: -12px; }
  .member .member-content.find-pw .phone h3, .member .member-content.find-pw .ipin h3 { margin-bottom: 10px; }
  .member .member-content.find-pw .phone input, .member .member-content.find-pw .ipin input { width: 133px; height: 35px; border-width: 1px; font-size: 12px; line-height: 33px; margin-bottom: 10px; }
  .member .member-content.find-pw .phone p, .member .member-content.find-pw .ipin p { margin-bottom: 13px; } }

@media (max-width: 1023px) { .member { padding: 0 15px; }
  .member.login { padding: 0; } }

.member .notice { margin-top: 50px; margin-bottom: -5px; }

.member .notice dt { text-align: center; font-size: 20px; line-height: 100%; margin-bottom: 15px; }

.member .notice dd { font-size: 14px; line-height: 24px; color: #666; position: relative; padding-left: 9px; margin-left: 150px; }

.member .notice dd:before { display: block; content: ''; width: 2px; height: 2px; background-color: #3a3a3a; position: absolute; top: 11px; left: 0; }

@media (max-width: 1023px) { .member .notice { margin-top: 40px; }
  .member .notice dt { font-weight: 700; font-size: 16px; }
  .member .notice dd { font-size: 13px; line-height: 18px; margin-left: 0; }
  .member .notice dd:before { position: absolute; top: 7px; left: 0; }
  .member .notice dd + dd { margin-top: 3px; } }

.join .sub-title { text-align: center; padding-top: 100px; margin-bottom: 0; }

.join .sub-title h2 { font-size: 42px; line-height: 100%; margin-bottom: 50px; }

.join .sub-title p { font-size: 22px; line-height: 32px; color: #666; margin: -25px 0 0; padding-bottom: 45px; }

@media (max-width: 1023px) { .join .sub-title { padding: 70px 0 0; margin: 0 auto; }
  .join .sub-title.login { background-color: #fff; padding: 70px 57px 0; }
  .join .sub-title h2 { font-size: 27px; margin-bottom: 40px; }
  .join .sub-title p { font-size: 14px; margin-top: -23px; line-height: 21px; padding-bottom: 32px; } }

.join-step { display: table; width: 100%; margin-bottom: 50px; }

.join-step > div { display: table-cell; height: 110px; vertical-align: middle; padding-left: 30px; font-size: 0; width: 25%; background-color: #f5f5f5; border: 1px solid #ececec; border-bottom-color: #dbdbdb; }

.join-step > div + div { border-left: none; }

.join-step > div.active { background-color: #3f7ac6; border-color: #3f7ac6; }

.join-step > div.active span, .join-step > div.active strong, .join-step > div.active p { color: #fff; }

.join-step > div span, .join-step > div strong { display: inline-block; font-weight: 600; font-size: 14px; letter-spacing: 0.05em; color: #666; line-height: 100%; }

.join-step > div p { margin-top: 20px; font-size: 20px; color: #666; line-height: 100%; }

@media (max-width: 1023px) { .join-step { margin-bottom: 0; }
  .join-step > div { width: 18%; height: 70px; text-align: center; border-bottom-color: #ececec; padding: 0; }
  .join-step > div.active { width: 46%; text-align: left; padding-left: 20px; }
  .join-step > div.active span, .join-step > div.active strong { font-size: 12px; font-weight: 600; }
  .join-step > div.active strong { display: inline-block; margin-top: 0; }
  .join-step > div.active p { display: block; font-size: 13px; margin-top: 10px; }
  .join-step > div span { font-size: 10px; }
  .join-step > div strong { display: block; font-size: 15px; margin-top: 9px; }
  .join-step > div p { display: none; } }

.join-notice { font-size: 16px; line-height: 28px; margin: -5px 0 45px 0; text-align: center; color: #666; }

.join-notice .headline { margin-bottom: 20px; font-size: 28px; color: #222; line-height: 46px; }

@media (max-width: 1023px) { .join-notice { font-size: 14px; line-height: 21px; color: #000; margin: 30px 0; padding: 0 15px; }
  .join-notice .headline { margin-bottom: 10px; font-size: 16px; line-height: 23px; } }

.join-content { max-width: 980px; width: 100%; position: relative; border: 1px solid #ececec; border-bottom: 1px solid #dbdbdb; background-color: #fff; font-size: 0; margin: 0 auto; }

.join-content .phone, .join-content .ipin { display: inline-block; width: 50%; text-align: center; padding-top: 59px; padding-bottom: 80px; }

.join-content .phone:before, .join-content .ipin:before { display: block; content: ''; width: 220px; height: 220px; background-repeat: no-repeat; background-position: 0 0; margin: 0 auto 30px; }

.join-content .phone h3, .join-content .ipin h3 { font-size: 22px; line-height: 100%; margin-bottom: 15px; }

.join-content .phone h3 span, .join-content .ipin h3 span { display: none; }

.join-content .phone p, .join-content .ipin p { font-size: 16px; line-height: 26px; color: #666; width: 250px; margin: 0 auto 25px; }

.join-content .phone { border-right: 1px solid #ececec; }

.join-content .phone:before { background-image: url("../../images/member/bg-phone.pngg"); }

.join-content .ipin:before { background-image: url("../../images/member/bg-ipin.pngg"); }

@media (max-width: 1023px) { .join-content { width: calc(100% - 40px); }
  .join-content .phone, .join-content .ipin { padding-top: 24px; padding-bottom: 35px; }
  .join-content .phone:before, .join-content .ipin:before { width: 110px; height: 110px; margin: 0 auto 17px; background-size: 100%; }
  .join-content .phone h3, .join-content .ipin h3 { font-size: 14px; font-weight: 700; margin-bottom: 13px; }
  .join-content .phone h3 em, .join-content .ipin h3 em { display: none; }
  .join-content .phone h3 strong, .join-content .ipin h3 strong { display: none; }
  .join-content .phone h3 span, .join-content .ipin h3 span { display: block; }
  .join-content .phone p, .join-content .ipin p { font-size: 12px; line-height: 17px; width: 130px; margin: 0 auto 13px; }
  .join-content .phone .btn em, .join-content .ipin .btn em { display: none; }
  .join-content.find-pw .phone, .join-content.find-pw .ipin { padding-top: 24px; padding-bottom: 35px; }
  .join-content.find-pw .phone:before, .join-content.find-pw .ipin:before { margin-bottom: -12px; }
  .join-content.find-pw .phone h3, .join-content.find-pw .ipin h3 { margin-bottom: 10px; }
  .join-content.find-pw .phone input, .join-content.find-pw .ipin input { width: 133px; height: 35px; border-width: 1px; font-size: 12px; line-height: 33px; margin-bottom: 10px; }
  .join-content.find-pw .phone p, .join-content.find-pw .ipin p { margin-bottom: 13px; } }

.join-term .check-all > div { background-color: #e8e9f8; border: 1px solid #d9dbef; text-align: center; position: relative; padding: 38px 0; margin-bottom: 50px; }

.join-term .check-all > div p { color: #000; font-size: 22px; }

.join-term .check-all > div p br { display: none; }

.join-term .check-all > div > div { position: absolute; top: 50%; right: 50px; margin-top: -12px; }

.join-term .term-box + .term-box { margin-top: 30px; }

.join-term .term-box h3 { font-size: 22px; font-weight: 700; line-height: 100%; margin-bottom: 20px; }

.join-term .term-box .text { white-space: pre-line; font-size: 14px; color: #666; line-height: 24px; height: 330px; overflow-y: auto; padding: 33px 40px; border: 1px solid #dbdbdb; margin-bottom: 30px; }

.join-term .term-box .text.short { height: 141px; }

.join-term .term-box .radio-wrap { text-align: right; padding: 0 30px 0 40px; }

.join-term .term-box .radio-wrap p { float: left; font-size: 16px; line-height: 24px; }

.join-term .term-box .radio-wrap label + label { margin-left: 47px; }

.join-term .table-wrap { position: relative; overflow: hidden; overflow-x: auto; -webkit-overflow-scrolling: touch; margin-bottom: 30px; }

.join-term .table-wrap .table-col { border-top: 0; }

.join-term .table-wrap .table-col .row.table-col-header > div { border-top: 3px solid #555; background-color: #f7f7f7; padding: 0; text-align: center; }

.join-term .table-wrap .table-col .row > div { text-align: left; line-height: 20px; padding: 20px; }

.join-term .table-wrap .table-col .row > div.td1 { width: 164px; }

.join-term .table-wrap .table-col .row > div.td2 { width: 390px; }

.join-term .table-wrap .table-col .row > div.td3 { width: 380px; }

.join-term .table-wrap .table-col .row > div.td4 { width: 264px; }

@media (max-width: 1023px) { .join-term .table-wrap { margin: 15px 0 0 15px; }
  .join-term .table-wrap .table-col { padding-right: 15px; }
  .join-term .table-wrap .row.table-col-header { display: table-row; }
  .join-term .table-wrap .row.table-col-header > div { font-size: 14px; padding: 0; height: 50px; }
  .join-term .table-wrap .row > div { font-size: 14px; padding: 15px; height: 50px; }
  .join-term .table-wrap .row > div.td1 { width: 142px; }
  .join-term .table-wrap .row > div.td2 { width: 195px; }
  .join-term .table-wrap .row > div.td3 { width: 190px; }
  .join-term .table-wrap .row > div.td4 { width: 132px; } }

@media (max-width: 1023px) { .join-term .check-all { padding: 15px 15px 0 15px; }
  .join-term .check-all:after { display: block; content: ''; width: calc(100% + 30px); margin-left: -15px; height: 7px; background-color: #f5f5f5; border-top: 1px solid #ececec; border-bottom: 1px solid #ececec; margin-top: 15px; }
  .join-term .check-all > div { text-align: left; padding: 18px 20px 20px; margin-bottom: 0; }
  .join-term .check-all > div p { font-size: 13px; line-height: 18px; margin-bottom: 13px; }
  .join-term .check-all > div p br { display: block; }
  .join-term .check-all > div > div { position: static; margin-top: 0; text-align: right; }
  .join-term .term-box { padding-top: 30px; }
  .join-term .term-box:after { display: block; content: ''; width: 100%; height: 7px; background-color: #f5f5f5; border-top: 1px solid #ececec; border-bottom: 1px solid #ececec; margin-top: 20px; }
  .join-term .term-box + .term-box { margin-top: 0; }
  .join-term .term-box h3 { font-size: 16px; margin-bottom: 0; padding: 0 25px; }
  .join-term .term-box .text { font-size: 13px; line-height: 20px; padding: 17px 25px; border: none; height: 233px; }
  .join-term .term-box .text.short { height: 233px; }
  .join-term .term-box .radio-wrap { padding: 0 25px; }
  .join-term .term-box .radio-wrap:before { display: block; content: ''; border-top: 1px solid #ececec; margin-bottom: 20px; }
  .join-term .term-box .radio-wrap p { font-size: 12px; line-height: 100%; margin-bottom: 15px; }
  .join-term .term-box .radio-wrap span { display: block; clear: both; }
  .join-term .term-box .radio-wrap span em { font-size: 12px; }
  .join-term .term-box .radio-wrap label + label { margin-left: 16px; } }

.join-done { text-align: center; padding-top: 120px; }

.join-done:before { display: block; content: ''; width: 65px; height: 48px; background: url("../../images/member/bg-join-done.pngg") 0 0 no-repeat; margin: 0 auto 45px; }

.join-done h3 { font-size: 40px; margin-bottom: 25px; }

.join-done p { font-size: 18px; color: #666; line-height: 100%; }

.join-done p br { display: none; }

.join-done + .btn-wrap { margin-top: 140px !important; }

@media (max-width: 1023px) { .join-done { padding-top: 100px; }
  .join-done:before { width: 65px; height: 48px; background: url("../../images/member/bg-join-done-m.pngg") 0 0 no-repeat; background-size: 100%; margin: 0 auto 30px; }
  .join-done h3 { font-size: 25px; line-height: 33px; margin-bottom: 13px; }
  .join-done p { font-size: 14px; color: #666; line-height: 19px; }
  .join-done p br { display: block; }
  .join-done + .btn-wrap { margin-top: 56px !important; } }

.join .table-row.join { border-top-width: 1px; }

.join .table-row.join .row > div.td input[type=text], .join .table-row.join .row > div.td input[type=password] { max-width: 300px; }

.join .table-row.join .row > div.td input[type=text].transparent, .join .table-row.join .row > div.td input[type=password].transparent { padding-left: 0; }

.join .table-row.join .row > div.td input[type=password] { max-width: 500px; }

@media (max-width: 1023px) { .join .table-row.join { width: calc(100% - 15px); margin: 0 auto; }
  .join .table-row.join .row > div.th, .join .table-row.join .row > div.td { padding: 0 10px; }
  .join .table-row.join .row > div.td input[type=text], .join .table-row.join .row > div.td input[type=password] { max-width: 100%; }
  .join .table-row.join .row > div.td input[type=text].transparent, .join .table-row.join .row > div.td input[type=password].transparent { padding-left: 15px; } }

.join .btn-wrap { text-align: center; font-size: 0; margin-top: 80px; }

.join .btn-wrap .btn { margin: 0 3px; }

@media (max-width: 1023px) { .join .btn-wrap { margin-top: 25px; } }

.faq-link-wrap { background: url("../../images/customer/bg-faq.jpgg") center 0 no-repeat; background-size: cover; padding-top: 68px; padding-bottom: 105px; margin-bottom: 50px; }

.faq-link-wrap p { font-size: 22px; line-height: 32px; text-align: center; margin: -5px 0 45px; }

.faq-link-wrap p strong { display: block; }

.faq-link-wrap p br { display: none; }

.faq-link-wrap .faq-link { font-size: 0; width: 860px; margin: 0 auto; }

.faq-link-wrap .faq-link > div { text-align: center; display: inline-block; padding: 40px 0 30px 0; vertical-align: top; background-color: rgba(255, 255, 255, 0.8); width: 270px; margin-left: 25px; }

.faq-link-wrap .faq-link > div:first-child { margin-left: 0; }

.faq-link-wrap .faq-link > div strong { display: block; font-size: 22px; font-weight: 700; }

.faq-link-wrap .faq-link > div span { display: block; font-size: 16px; line-height: 26px; margin: 12px 0 -5px; color: #666; }

.faq-link-wrap .faq-link > div span + a { margin-top: 30px; background-color: transparent; }

.faq-link-wrap .faq-link > div:hover { background-color: #0c4ca3; }

.faq-link-wrap .faq-link > div:hover strong, .faq-link-wrap .faq-link > div:hover span, .faq-link-wrap .faq-link > div:hover a { color: #fff; }

.faq-link-wrap .faq-link > div:hover span + a { border: 1px solid #fff; }

@media (max-width: 1023px) { .faq-link-wrap { margin-top: -40px; padding: 50px 15px 40px; background-color: #f5f5f5; background-position: 75% 0; margin-bottom: 40px; }
  .faq-link-wrap p { font-size: 14px; line-height: 21px; color: #666; margin-bottom: 25px; }
  .faq-link-wrap p strong { display: block; font-size: 19px; color: #000; line-height: 19px; margin-bottom: 14px; }
  .faq-link-wrap p br { display: block; }
  .faq-link-wrap .faq-link { border: none; margin-bottom: 0; width: auto; }
  .faq-link-wrap .faq-link > div { width: calc(97% / 3); margin-left: 1.5%; }
  .faq-link-wrap .faq-link > div:hover { background-color: rgba(255, 255, 255, 0.8); }
  .faq-link-wrap .faq-link > div:hover strong { color: #000; }
  .faq-link-wrap .faq-link > div:hover span { color: #666; }
  .faq-link-wrap .faq-link > div:hover span + a { color: #666; border: 1px solid #777; } }

@media (max-width: 767px) { .faq-link-wrap .faq-link > div { width: 100%; text-align: left; position: relative; padding: 24px 24px 25px 24px; margin-left: 0; }
  .faq-link-wrap .faq-link > div + div { margin-top: 6px; }
  .faq-link-wrap .faq-link > div strong { font-size: 16px; }
  .faq-link-wrap .faq-link > div span { font-size: 13px; line-height: 20px; }
  .faq-link-wrap .faq-link > div span + a { margin-top: 0; }
  .faq-link-wrap .faq-link > div span br { display: none; }
  .faq-link-wrap .faq-link > div a.btn { border: none; background-color: transparent; font-size: 13px; color: #666; height: 20px; line-height: 20px; width: auto; min-width: 1px; padding: 0 12px 0 0; position: absolute; top: 21px; right: 24px; }
  .faq-link-wrap .faq-link > div a.btn:before { display: block; content: ''; width: 4px; height: 7px; margin-top: -4px; background: url("../../images/common/spr-common-m.pngg") -187px 0 no-repeat; background-size: 250px; position: absolute; top: 50%; right: 0; }
  .faq-link-wrap .faq-link > div:hover { background-color: rgba(255, 255, 255, 0.8); }
  .faq-link-wrap .faq-link > div:hover strong { color: #000; }
  .faq-link-wrap .faq-link > div:hover span { color: #666; }
  .faq-link-wrap .faq-link > div:hover span + a { border: 0; color: #666; } }

.faq { position: relative; padding-left: 300px; min-height: 350px; margin-bottom: 50px; }

.faq .aside { width: 150px; position: absolute; top: 0; left: 0; }

.faq .aside ul li { height: 50px; line-height: 49px; border: 1px solid #ececec; border-top: none; text-align: center; }

.faq .aside ul li:first-child { border-top: 1px solid #ececec; }

.faq .aside ul li a { display: block; font-size: 16px; }

.faq .aside ul li.active { background-color: #3f7ac6; border-color: #3f7ac6; }

.faq .aside ul li.active a { font-weight: 700; color: #fff; }

.faq-accordion .no-data { padding: 150px 0; text-align: center; border-top: 1px solid #555; border-bottom: 1px solid #ececec; color: #000; font-size: 18px; }

@media (max-width: 1023px) { .faq-accordion .no-data { padding: 50px 0; font-size: 16px; } }

.faq-accordion .ui-accordion { border-top: 1px solid #555; }

.faq-accordion .ui-accordion .acc-item .acc-head { display: table; width: 100%; border-bottom: 1px solid #ececec; }

.faq-accordion .ui-accordion .acc-item .acc-head > div { display: table-cell; vertical-align: middle; height: 100px; font-size: 18px; padding: 22px 0; }

.faq-accordion .ui-accordion .acc-item .acc-head .no { width: 80px; text-align: center; font-weight: 700; font-size: 18px; letter-spacing: 0.05em; }

.faq-accordion .ui-accordion .acc-item .acc-head .category { width: 108px; padding-left: 20px; position: relative; font-weight: 700; text-align: left; }

.faq-accordion .ui-accordion .acc-item .acc-head .title { padding-left: 26px; line-height: 28px; padding-right: 73px; position: relative; }

.faq-accordion .ui-accordion .acc-item .acc-head .title:before { display: block; content: ''; position: absolute; top: 50%; right: 28px; width: 15px; height: 12px; margin-top: -6px; background: url("../../images/common/spr-common.pngg") -103px 0 no-repeat; }

.faq-accordion .ui-accordion .acc-item .acc-cont { position: relative; background-color: #f5f5f5; border-bottom: 1px solid #ececec; padding: 43px 73px 78px 100px; display: none; }

.faq-accordion .ui-accordion .acc-item .acc-cont:before { content: 'A.'; display: block; width: 80px; position: absolute; top: 48px; left: 0; text-align: center; font-weight: 700; font-size: 18px; letter-spacing: 0.05em; }

.faq-accordion .ui-accordion .acc-item .acc-cont p { font-size: 16px; line-height: 26px; color: #666; }

.faq-accordion .ui-accordion .acc-item.active .acc-head .title:before { background-position: -88px 0; }

@media (max-width: 1023px) { .faq { padding: 0 15px; min-height: 1px; }
  .faq .aside { display: none; }
  .faq-accordion .ui-accordion { border-top-width: 3px; }
  .faq-accordion .ui-accordion .acc-item .acc-head { display: block; position: relative; padding-left: 63px; padding-top: 19px; padding-bottom: 20px; }
  .faq-accordion .ui-accordion .acc-item .acc-head > div { display: block; height: auto; padding: 0; }
  .faq-accordion .ui-accordion .acc-item .acc-head .no { width: 63px; font-size: 20px; line-height: 20px; position: absolute; top: 50%; left: 0; margin-top: -10px; }
  .faq-accordion .ui-accordion .acc-item .acc-head .category { padding-left: 0; font-size: 14px; margin-bottom: 9px; }
  .faq-accordion .ui-accordion .acc-item .acc-head .title { position: static; padding-left: 0; font-size: 16px; line-height: 23px; padding-right: 52px; }
  .faq-accordion .ui-accordion .acc-item .acc-head .title:before { background: url("../../images/common/spr-common-m.pngg") -191px 0 no-repeat; background-size: 250px; width: 13px; height: 7px; right: 20px; }
  .faq-accordion .ui-accordion .acc-item .acc-cont { padding: 15px 15px 15px 63px; }
  .faq-accordion .ui-accordion .acc-item .acc-cont:before { width: 63px; font-size: 20px; line-height: 20px; position: absolute; top: 50%; left: 0; margin-top: -10px; }
  .faq-accordion .ui-accordion .acc-item .acc-cont p { font-size: 15px; line-height: 25px; word-break: keep-all; }
  .faq-accordion .ui-accordion .acc-item.active .acc-head .title:before { background-position: -204px 0; } }

.mypage .table-row.join { border-top-width: 1px; }

.mypage .table-row.join .row > div.td input[type=text], .mypage .table-row.join .row > div.td input[type=password] { max-width: 300px; }

.mypage .table-row.join .row > div.td input[type=text].transparent, .mypage .table-row.join .row > div.td input[type=password].transparent { padding-left: 0; }

.mypage .table-row.join .row > div.td input[type=password] { max-width: 550px; }

@media (max-width: 1023px) { .mypage .table-row.join { width: calc(100% - 15px); margin: 0 auto; }
  .mypage .table-row.join .row > div.th, .mypage .table-row.join .row > div.td { padding: 0 10px; }
  .mypage .table-row.join .row > div.td input[type=text], .mypage .table-row.join .row > div.td input[type=password] { max-width: 100%; }
  .mypage .table-row.join .row > div.td input[type=text].transparent, .mypage .table-row.join .row > div.td input[type=password].transparent { padding-left: 15px; } }

.mypage .btn-wrap { text-align: center; font-size: 0; margin-top: 80px; }

.mypage .btn-wrap .btn { margin: 0 3px; }

@media (max-width: 1023px) { .mypage .btn-wrap { margin-top: 25px; } }

.mypage .total-count { display: none; }

@media (max-width: 1023px) { .mypage .total-count { display: block; } }

.mypage .info { text-align: center; font-size: 18px; height: 80px; line-height: 80px; border-bottom: 1px solid #dbdbdb; }

.mypage .info .tel { font-weight: 500; margin-left: 110px; }

.mypage .info .tel:before { display: inline-block; content: ''; width: 19px; height: 24px; background: url("../../images/common/spr-common.pngg") 0 0 no-repeat; background-position: -7px -29px; margin-right: 10px; vertical-align: middle; margin-top: -5px; }

@media (max-width: 1023px) { .mypage .info { width: calc(100% - 15px); margin: 0 auto; padding: 25px 10px; font-size: 15px; line-height: 20px; height: auto; text-align: left; }
  .mypage .info span { display: block; }
  .mypage .info span:first-child { width: 268px; }
  .mypage .info span.tel { margin-top: 15px; margin-left: 0; font-size: 14px; }
  .mypage .info span.tel:before { width: 14px; height: 17px; background: url("../../images/common/spr-common-m.pngg") -75.5px -37.5px no-repeat; background-size: 250px; margin-right: 8px; vertical-align: middle; margin-top: -5px; } }

.mypage .leave_tit { width: 100%; height: 500px; padding-top: 180px; background: url("../../images/temp/sub-leave.jpgg") center 0 no-repeat; text-align: center; }

.mypage .leave_tit p, .mypage .leave_tit span { color: #fff; line-height: 1; }

.mypage .leave_tit p { font-size: 42px; font-weight: 600; margin-bottom: 30px; }

.mypage .leave_tit span { font-size: 22px; }

@media (max-width: 1023px) { .mypage .leave_tit { height: 200px; padding-top: 62px; background-size: cover; background-position: 75% 0; }
  .mypage .leave_tit p { font-size: 25px; margin-bottom: 20px; }
  .mypage .leave_tit span { font-size: 14px; line-height: 19px; display: inline-block; width: 180px; } }

.mypage .leave_cont { max-width: 1200px; margin: -100px auto 0 auto; padding: 100px 150px 0 150px; background-color: #fff; }

.mypage .leave_cont p { font-weight: 600; font-size: 22px; color: #000; line-height: 1; margin-bottom: 20px; }

.mypage .leave_cont p:last-of-type { margin-top: 50px; }

.mypage .leave_cont span { font-size: 16px; color: #666; }

.mypage .leave_cont > ul { margin-top: 20px; }

.mypage .leave_cont > ul li { border: 1px solid #777; display: inline-block; height: 44px; line-height: 44px; padding: 0 20px; margin-right: 6px; }

.mypage .leave_cont .input_wrap { border: 1px solid #ececec; padding: 100px 230px; margin-top: 80px; }

.mypage .leave_cont .input_wrap dl { margin-bottom: 10px; }

.mypage .leave_cont .input_wrap dl:last-child { margin-bottom: 0; }

.mypage .leave_cont .input_wrap dl dt, .mypage .leave_cont .input_wrap dl dd { float: left; height: 44px; line-height: 44px; margin: 0; }

.mypage .leave_cont .input_wrap dl dt { color: #000; font-size: 16px; font-weight: 600; width: 138px; }

.mypage .leave_cont .input_wrap dl dd { width: 300px; }

.mypage .leave_cont .input_wrap dl dd input, .mypage .leave_cont .input_wrap dl dd .ui-select { width: 100%; }

.mypage .leave_cont .input_wrap dl:after { content: ''; display: block; clear: both; }

@media (max-width: 1023px) { .mypage .leave_cont { max-width: 100%; margin: -15px 25px 0 25px; padding: 55px 0 0 0; background-color: #fff; }
  .mypage .leave_cont p { font-size: 16px; margin-bottom: 20px; }
  .mypage .leave_cont p:last-of-type { margin-top: 40px; }
  .mypage .leave_cont span { display: inline-block; font-size: 14px; color: #000; line-height: 20px; width: auto; }
  .mypage .leave_cont > ul { margin-top: 20px; width: 280px; }
  .mypage .leave_cont > ul li { border: 1px solid #777; display: inline-block; height: 33px; line-height: 33px; padding: 0 15px; margin-bottom: 8px; margin-right: 0px; font-size: 12px; color: #000; }
  .mypage .leave_cont > ul li:first-child { margin-right: 5px; }
  .mypage .leave_cont > ul li:last-child { margin: 0; }
  .mypage .leave_cont .input_wrap { border: 0; border-top: 1px solid #ececec; border-bottom: 1px solid #ececec; padding: 40px 20px; margin-top: 40px; }
  .mypage .leave_cont .input_wrap dl { margin-bottom: 20px; }
  .mypage .leave_cont .input_wrap dl dt, .mypage .leave_cont .input_wrap dl dd { float: none; height: auto; line-height: 1; margin: 0; }
  .mypage .leave_cont .input_wrap dl dt { color: #000; font-size: 16px; font-weight: 600; width: 100%; margin-bottom: 10px; }
  .mypage .leave_cont .input_wrap dl dd { width: 100%; height: 40px; line-height: 40px; }
  .mypage .leave_cont .input_wrap dl dd input, .mypage .leave_cont .input_wrap dl dd .ui-select { width: 100%; }
  .mypage .leave_cont .input_wrap dl:after { content: ''; display: block; clear: both; } }

@media (max-width: 767px) { .mypage .leave_cont { margin: 0 25px; padding: 40px 0 0 0; } }

.mypage .select-wrap { text-align: right; margin-bottom: 40px; }

.mypage .select-wrap .ui-select { width: 300px; }

@media (max-width: 1023px) { .mypage .select-wrap { margin: 0 15px 40px 15px; }
  .mypage .select-wrap .ui-select { width: 200px; }
  .mypage .select-wrap .ui-select.privacy { width: calc(100% - 94px); } }

.newsletter { text-align: right; }

.newsletter .ui-select { margin-right: 50px; margin-bottom: 30px; }

.newsletter .area-pc img { width: 100%; vertical-align: top; }

.newsletter .area-m { display: none; }

.newsletter .area-m img { width: 100%; vertical-align: top; }

@media (max-width: 767px) { .newsletter { text-align: left; }
  .newsletter .ui-select { width: 160px; margin: -15px 0 25px 25px; }
  .newsletter .area-pc { display: none; }
  .newsletter .area-m { display: block; } }

.promote + footer { margin-top: 0; }

.promote .vod_wrap { width: 100%; background-color: #e9f2fa; margin-top: 150px; padding-bottom: 50px; }

.promote .vod_wrap .vod_big { width: 1200px; max-width: 100%; height: 676px; margin: 0 auto; position: relative; top: -80px; background-color:#000;}

.promote .vod_wrap .vod_big iframe { width: 100%; height: 100%; }

.promote .vod_wrap .vod_big:after { content: ''; display: block; width: 100%; height: 72px; background: url("../../images/common/vod_bg._big.pngg") 0 0 no-repeat; position: absolute; bottom: -72px; }

@media (max-width: 1023px) { .promote .vod_wrap { background: none; margin-top: 0; padding-bottom: 0; }
  .promote .vod_wrap .vod_big { width: 100%; height: 56vw; top: 0; }
  .promote .vod_wrap .vod_big:after { display: none; } }

.promote .vod_txt_wrap { width: 100%; min-height: 448px; padding-bottom: 158px; background-color: #fff; }

.promote .vod_txt_wrap .vod_txt { width: 1200px; margin: 0 auto; max-width: 100%; position: relative; top: -35px; height: auto; }

.promote .vod_txt_wrap .vod_txt strong { display: block; font-size: 46px; line-height: 54px; letter-spacing: -0.3px; font-weight: 100; margin-bottom: 32px; }

.promote .vod_txt_wrap .vod_txt > span { font-size: 16px; font-family: 'Titillium Web'; line-height: 1; color: #000; position: absolute; top: 0; right: 0; }

.promote .vod_txt_wrap .vod_txt p { font-size: 16px !important; line-height: 26px; color: #666; }

.promote .vod_txt_wrap .vod_txt p span { font-size: 16px !important; }

.promote .vod_txt_wrap a { display: none; }

@media (max-width: 1023px) { .promote .vod_txt_wrap { background: none; margin-top: 0; padding: 35px 25px 0 25px; min-height: auto; }
  .promote .vod_txt_wrap .vod_txt { top: 0; height: 94px; overflow: hidden; }
  .promote .vod_txt_wrap .vod_txt strong { font-size: 25px; line-height: 32px; font-weight: 400; margin-bottom: 10px; }
  .promote .vod_txt_wrap .vod_txt strong br { display: none; }
  .promote .vod_txt_wrap .vod_txt p { font-size: 14px !important; line-height: 21px; }
  .promote .vod_txt_wrap .vod_txt p span { font-size: 14px !important; }
  .promote .vod_txt_wrap .vod_txt span { position: relative; top: auto; right: auto; font-size: 13px; color: #666; margin-bottom: 12px; display: inline-block; }
  .promote .vod_txt_wrap a { display: block; height: 50px; line-height: 50px; font-size: 13px; position: relative; }
  .promote .vod_txt_wrap a:after { display: inline-block; content: ''; width: 9px; height: 6px; background: url("../../images/common/spr-common-m.pngg") -105px -35px no-repeat; background-size: 250px; margin-left: 8px; }
  .promote .vod_txt_wrap a.active:after { background: url("../../images/common/spr-common-m.pngg") -115px -35px no-repeat; background-size: 250px; } }

.promote .vod_list_wrap { width: 100%; background-color: #e9f2fa; padding-bottom: 110px; }

.promote .vod_list_wrap .controls { position: relative; z-index: 3; width: 100%; max-width: 1200px; margin: -90px auto 0 auto; }

.promote .vod_list_wrap .controls .num { color: #000; font-size: 18px; line-height: 45px; position: absolute; left: 50%; transform: translateX(-50%); }

.promote .vod_list_wrap .controls .next { display: block; width: 45px; height: 45px; border: 1px solid #a6a6a6; float: right; }

.promote .vod_list_wrap .controls .next:before { content: ''; display: block; background: url("../../images/common/spr-common.pngg") 0 -60px no-repeat; width: 9px; height: 6px; margin: 20px auto 0 auto; }

.promote .vod_list_wrap .controls:after { content: ''; display: block; clear: both; }

.promote .vod_list_wrap .vod_list { width: 1200px; margin: 0 auto; max-width: 100%; position: relative; top: -90px; }

.promote .vod_list_wrap .vod_list .vod { float: left; width: 26%; margin-right: 11%; max-height: 320px; }

.promote .vod_list_wrap .vod_list .vod .img { box-sizing: border-box; }

.promote .vod_list_wrap .vod_list .vod .img img { width: 100%; }

.promote .vod_list_wrap .vod_list .vod:nth-child(3n) { margin-right: 0; }

.promote .vod_list_wrap .vod_list .vod.active .img a { display: block; position: relative; }

.promote .vod_list_wrap .vod_list .vod.active .img a:after { display: block; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 5px solid #3f7ac6; box-sizing: border-box; }

.promote .vod_list_wrap .vod_list .vod p { font-size: 18px; color: #000; margin-top: 30px; }

.promote .vod_list_wrap .vod_list .vod span { display: inline-block; font-family: 'Titillium Web'; }

.promote .vod_list_wrap .vod_list .vod span.date { margin-top: 12px; font-size: 16px; color: #666; line-height: 1; margin-bottom: 70px; }

.promote .vod_list_wrap .vod_list:after { display: block; content: ''; clear: both; }

@media (max-width: 1023px) { .promote .vod_list_wrap { border-top: 1px solid #ececec; margin: 0; padding-bottom: 100px; background-color: #fff; position: relative; }
  .promote .vod_list_wrap .controls { margin-top: 0; position: relative; z-index: 3; height: 50px; }
  .promote .vod_list_wrap .controls .num { color: #000; font-size: 13px; line-height: 50px; }
  .promote .vod_list_wrap .controls .next { border: 0; float: none; width: 100%; height: 50px; position: absolute; left: 0; }
  .promote .vod_list_wrap .controls .next:before { display: none; }
  .promote .vod_list_wrap .controls .next:after { display: inline-block; content: ''; width: 9px; height: 6px; background: url("../../images/common/spr-common-m.pngg") -105px -35px no-repeat; background-size: 250px; margin-top: 22px; margin-left: 50px; }
  .promote .vod_list_wrap .controls .next.active:after { background: url("../../images/common/spr-common-m.pngg") -115px -35px no-repeat; background-size: 250px; }
  .promote .vod_list_wrap .controls:after { content: ''; display: block; clear: both; }
  .promote .vod_list_wrap .vod_list { top: 0; padding: 15px 25px 0 25px; width: auto; max-width: none; }
  .promote .vod_list_wrap .vod_list .vod { display: inline-block; width: calc(50% - 10px); margin-top: 25px; margin-right: 20px; max-height: 100%; vertical-align: top; }
  .promote .vod_list_wrap .vod_list .vod .img { box-sizing: border-box; }
  .promote .vod_list_wrap .vod_list .vod .img img { width: 100%; }
  .promote .vod_list_wrap .vod_list .vod:nth-child(even) { margin-right: 0; }
  .promote .vod_list_wrap .vod_list .vod:nth-child(3n) { margin-right: 20px; }
  .promote .vod_list_wrap .vod_list .vod:nth-child(6n) { margin-right: 0; }
  .promote .vod_list_wrap .vod_list .vod.active .img a:after { border: 3px solid #3f7ac6; }
  .promote .vod_list_wrap .vod_list .vod p { font-size: 16px; color: #000; margin-top: 15px; line-height: 21px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
  .promote .vod_list_wrap .vod_list .vod span.date { margin-top: 8px; font-size: 13px; color: #666; line-height: 1; margin-bottom: 0; } }

.promote .about-ci img { vertical-align: top; }

.promote .about-ci > img { width: 100%; }

.promote .about-ci .ci { padding: 80px 0; border-bottom: 1px solid #dbdbdb; }

.promote .about-ci .ci > div { float: left; }

.promote .about-ci .ci .tit { width: 33%; }

.promote .about-ci .ci .tit > * { line-height: 1; }

.promote .about-ci .ci .tit p { font-size: 42px; color: #000; font-weight: 100; margin-bottom: 15px; }

.promote .about-ci .ci .tit span { font-family: 'Titillium Web'; font-size: 14px; color: #999; letter-spacing: 1.5px; font-weight: 600; }

.promote .about-ci .ci .detail { width: 67%; }

.promote .about-ci .ci .detail p { margin-top: 24px; font-size: 16px; line-height: 30px; color: #666; }

.promote .about-ci .ci:after { content: ''; display: block; clear: both; }

@media (max-width: 1023px) { .promote .about-ci img { width: 100%; }
  .promote .about-ci .ci { padding: 40px 0; margin: 0 25px; border-bottom: 1px solid #dbdbdb; }
  .promote .about-ci .ci:last-child { border-bottom: 0; padding-bottom: 100px; }
  .promote .about-ci .ci > div { float: none; }
  .promote .about-ci .ci .tit { width: 100%; }
  .promote .about-ci .ci .tit p { font-size: 25px; margin-bottom: 10px; }
  .promote .about-ci .ci .tit span { font-size: 12px; display: inline-block; margin-bottom: 25px; }
  .promote .about-ci .ci .detail { width: 100%; }
  .promote .about-ci .ci .detail p { margin-top: 30px; font-size: 15px; line-height: 25px; }
  .promote .about-ci .ci:after { content: ''; display: block; clear: both; } }

.promote .brochure .top { width: 100%; padding: 60px 0; text-align: center; background-color: #f5f5f5; position: relative; }

.promote .brochure .top img { position: relative; z-index: 1; margin-left: -1px; }

.promote .brochure .top:after { content: ''; display: block; position: absolute; top: 0; right: 0; width: 50%; height: 100%; background-color: #3f7ac6; }

.promote .brochure .text { text-align: center; margin-top: 70px; margin-bottom: 200px; }

.promote .brochure .text .btn-wrap { margin-bottom: 40px; }

.promote .brochure .text .btn-wrap .btn:last-child { margin-left: 6px; }

.promote .brochure .text strong { font-size: 32px; line-height: 46px; font-weight: 600; color: #000; }

.promote .brochure .text p { font-size: 16px; line-height: 26px; color: #999; margin-top: 32px; }

.promote .brochure .text p a { margin-top: -6px; }

@media (max-width: 1300px) { .promote .brochure .adobe { display: none; } }

@media (max-width: 1023px) { .promote .brochure .top { padding: 30px; }
  .promote .brochure .top img { width: 100%; }
  .promote .brochure .text { margin: 25px 25px 50px 25px; }
  .promote .brochure .text .btn-wrap .btn { width: 48.5%; padding: 0; }
  .promote .brochure .text .btn-wrap .btn:last-child { margin-left: 1%; }
  .promote .brochure .text strong { font-size: 19px; line-height: 26px; word-break: keep-all !important; }
  .promote .brochure .text p { font-size: 14px; line-height: 21px; margin-top: 20px; word-break: keep-all !important; }
  .promote .brochure .text p br { display: none; } }

.investment .total-count { display: none; }

@media (max-width: 1023px) { .investment .total-count { display: block; } }

.investment .top-wrap { text-align: right; font-size: 0; }

.investment .top-wrap a { display: inline-block; margin-left: 6px; }

.investment .top-wrap a:after { content: ''; display: inline-block; width: 15px; height: 15px; background: url("../../images/common/spr-common.pngg") -260px 0 no-repeat; margin: -3px 0 0 7px; vertical-align: middle; }

.investment .top-wrap a.disclosure { background-color: #31353a; border: 1px solid #31353a; color: #fff; margin-left: 0; }

.investment .top-wrap a.disclosure:after { content: ''; display: inline-block; width: 15px; height: 15px; background: url("../../images/common/spr-common.pngg") -240px 0 no-repeat; margin: -3px 0 0 7px; vertical-align: middle; }

@media (max-width: 1023px) { .investment .top-wrap { text-align: left; margin: 0 15px; }
  .investment .top-wrap a.btn { font-size: 12px; height: 40px; line-height: 40px; width: calc(50% - 2.5px); margin-left: 0; margin-right: 5px; padding: 0; }
  .investment .top-wrap a.btn:last-child { margin-right: 0; }
  .investment .top-wrap a.btn:after { width: 12px; height: 12px; background: url("../../images/common/spr-common-m.pngg") -148px -35px no-repeat; background-size: 250px; margin: -2px 0 0 5px; }
  .investment .top-wrap a.btn.disclosure { text-align: center; }
  .investment .top-wrap a.btn.disclosure:after { width: 12px; height: 12px; background: url("../../images/common/spr-common-m.pngg") -131px -35px no-repeat; background-size: 250px; margin: -2px 0 0 5px; } }

.investment strong.tit { font-weight: 600; color: #000; font-size: 22px; margin-bottom: 20px; line-height: 1; display: block; margin-top: 50px; }

@media (max-width: 1023px) { .investment strong.tit { margin-top: 40px; font-size: 16px; margin-left: 15px; } }

.investment .up, .investment .down, .investment .plat { font-family: 'Titillium Web'; }

.investment .up:before, .investment .up:after, .investment .down:before, .investment .down:after, .investment .plat:before, .investment .plat:after { content: ''; display: inline-block; width: 0; height: 0; vertical-align: middle; }

.investment .up { color: #ed1b24 !important; }

.investment .down { color: #0c4ca3 !important; }

.investment .plat { color: #000 !important; }

.investment .stock-info { margin-bottom: 60px; }

.investment .stock-info > div { float: left; }

.investment .stock-info > div.info { width: 48%; }

.investment .stock-info > div.info p { color: #000; font-weight: 600; font-size: 18px; line-height: 1; margin-bottom: 40px; }

.investment .stock-info > div.info .live strong { font-size: 80px; float: left; margin-right: 50px; line-height: 1; }

.investment .stock-info > div.info .live strong.up:after { margin-left: 20px; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 15px solid #ed1b24; margin-top: -10px; }

.investment .stock-info > div.info .live strong.down:after { margin-left: 20px; border-left: 12px solid transparent; border-right: 12px solid transparent; border-top: 15px solid #0c4ca3; margin-top: -10px; }

.investment .stock-info > div.info .live strong.plat:after { margin-left: 20px; width: 20px; height: 4px; background-color: #000; margin-top: -10px; }

.investment .stock-info > div.info .live div { float: left; }

.investment .stock-info > div.info .live div span { display: block; font-size: 18px; color: #000; margin-top: 15px; line-height: 1; }

.investment .stock-info > div.info .live div span > span { display: inline-block; margin-top: 0; margin-left: 12px; }

.investment .stock-info > div.info .live div span.point > span { margin-left: 20px; }

.investment .stock-info > div.info .live div span.point .up:after { margin-left: 4px; border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 6px solid #ed1b24; margin-top: -3px; }

.investment .stock-info > div.info .live div span.point .down:after { margin-left: 4px; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 6px solid #0c4ca3; margin-top: -3px; }

.investment .stock-info > div.info .live div span.point .plat:after { margin-left: 4px; width: 6px; height: 1px; background-color: #000; margin-top: -3px; }

.investment .stock-info > div.info .live:after { content: ''; display: block; clear: both; }

.investment .stock-info > div.detail { width: 52%; position: relative; }

.investment .stock-info > div.detail .top { overflow: hidden; }

.investment .stock-info > div.detail .top span { display: inline-block; margin-top: 16px; }

.investment .stock-info > div.detail .btn { padding: 0; float: right; }

.investment .stock-info > div.detail .btn:after { content: ''; display: inline-block; width: 13px; height: 12px; vertical-align: middle; background: url("../../images/common/spr-common.pngg") -35px -25px no-repeat; margin-top: -1px; margin-left: 7px; }

.investment .stock-info:after { display: block; content: ''; clear: both; }

@media (max-width: 1023px) { .investment .stock-info { margin: 0 15px 40px 15px; }
  .investment .stock-info > div { float: none; }
  .investment .stock-info > div.info { width: 100%; }
  .investment .stock-info > div.info p { font-size: 16px; margin-bottom: 15px; }
  .investment .stock-info > div.info .live { border: 1px solid #ececec; padding: 24px; }
  .investment .stock-info > div.info .live strong { margin-right: 0; font-size: 32px; border-right: 1px solid #ececec; width: 50%; height: 45px; line-height: 45px; }
  .investment .stock-info > div.info .live strong.up:after { margin-left: 10px; border-left: 6.5px solid transparent; border-right: 6.5px solid transparent; border-bottom: 8.5px solid #ed1b24; margin-top: -5px; }
  .investment .stock-info > div.info .live strong.down:after { margin-left: 10px; border-left: 6.5px solid transparent; border-right: 6.5px solid transparent; border-top: 8.5px solid #0c4ca3; margin-top: -5px; }
  .investment .stock-info > div.info .live strong.plat:after { margin-left: 10px; width: 12px; height: 2px; margin-top: -5px; }
  .investment .stock-info > div.info .live div { width: 50%; }
  .investment .stock-info > div.info .live div span { font-size: 14px; text-align: right; }
  .investment .stock-info > div.info .live div span.point { margin-top: 0; }
  .investment .stock-info > div.detail { width: 100%; margin-top: 30px; }
  .investment .stock-info > div.detail .top span { margin-top: 12px; } }

.investment .table-col.mini { margin-top: 10px; }

.investment .table-col.mini .row > div { height: 50px; line-height: 50px; }

.investment .table-col.mini .row.table-col-header > div { background-color: #f5f5f5; font-weight: 600; font-size: 14px; }

.investment .table-col.mini .row.cost > div { font-family: 'Titillium Web'; font-size: 16px; }

.investment .table-col.type2 .row.table-col-header:first-child > div { border-top: 3px solid #555 !important; }

.investment .table-col.type2 .row.table-col-header > div { border-top: 0 !important; }

.investment .table-col.type2 .row > div.rowspan, .investment .table-col.type2 .row > div.colspan { position: relative; }

.investment .table-col.type2 .row > div.rowspan > div, .investment .table-col.type2 .row > div.colspan > div { text-align: center; }

.investment .table-col.type2 .row > div.rowspan { border-bottom: 0; }

.investment .table-col.type2 .row > div.rowspan > div { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 140px; line-height: 140px; }

@media (max-width: 1023px) { .investment .table-col.type2 .row > div.rowspan > div { height: 100px; line-height: 100px; } }

.investment .table-col.type2 .row > div.colspan > div { position: absolute; top: 0; left: 0; display: block; width: 200%; height: 70px; line-height: 70px; }

@media (max-width: 1023px) { .investment .table-col.type2 .row > div.colspan > div { height: 50px; line-height: 50px; } }

@media (max-width: 1023px) { .investment .table-col.type2 .row > div { width: 140px; height: 50px; font-size: 14px; } }

.investment .table-col .row > div { color: #000; height: 70px; }

.investment .table-col .row > div.etc { width: 120px; }

.investment .table-col .row > div.grade, .investment .table-col .row > div.date { font-family: 'Titillium Web'; }

.investment .table-col .row.table-col-header > div.grade, .investment .table-col .row.table-col-header > div.date { font-family: 'NanumSquare','Nanum Gothic'; }

@media (max-width: 1023px) { .investment .table-col.type1 .row > div { width: 140px; height: 50px; font-size: 14px; }
  .investment .table-col.no-top .row.table-col-header { display: none; }
  .investment .table-col .row.table-col-header { display: table-row; }
  .investment .table-col .row > div.etc { width: 60px; }
  .investment .table-col .row > div.name, .investment .table-col .row > div.grade, .investment .table-col .row > div.date, .investment .table-col .row > div.work { width: 90px; } }

.investment .table-col.type3 .row > div { font-size: 16px; }

.investment .table-col.type3 .row > div.th { width: 20%; background-color: #f5f5f5; font-weight: 600; }

.investment .table-col.type3 .row > div.th.tit { position: relative; background-color: #fff; }

.investment .table-col.type3 .row > div.th.tit > div { position: absolute; display: block; text-align: center; width: 500%; max-width: 1200px; height: 100%; line-height: 70px; top: 0; z-index: 1; }

.investment .table-col.type3 .row > div.cost { text-align: right; padding-right: 20px; font-family: 'Titillium Web'; }

@media (max-width: 1023px) { .investment .table-col.type3 .row > div { font-size: 14px; height: 53px; line-height: 53px; }
  .investment .table-col.type3 .row > div.th { width: 150px; }
  .investment .table-col.type3 .row > div.th.tit { position: relative; background-color: #fff; }
  .investment .table-col.type3 .row > div.th.tit > div { position: absolute; display: block; text-align: center; width: 430%; min-width: 650px; max-width: none; height: 100%; line-height: 53px; top: 0; z-index: 1; }
  .investment .table-col.type3 .row > div.cost { width: 175px; font-family: 'Titillium Web'; } }

.investment .table-col.type4 .row.table-col-header > div { text-align: center; }

.investment .table-col.type4 .row > div { text-align: right; padding-right: 20px; font-family: 'Titillium Web'; }

.investment .table-col.type4 .row > div.date, .investment .table-col.type4 .row > div.stock-all { width: 145px; }

.investment .table-col.type4 .row > div.date { text-align: center; padding-right: 0; }

.investment .table-col.type4 .row > div.up:before { margin-right: 4px; border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 6px solid #ed1b24; margin-top: -3px; }

.investment .table-col.type4 .row > div.down:before { margin-right: 4px; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 6px solid #0c4ca3; margin-top: -3px; }

.investment .table-col.type4 .row > div.plat:before { margin-right: 4px; width: 6px; height: 1px; background-color: #000; margin-top: -3px; }

@media (max-width: 1023px) { .investment .table-col.type4 .row > div { text-align: right; padding-right: 0; font-family: 'Titillium Web'; width: 65px; font-size: 14px; height: 53px; line-height: 53px; }
  .investment .table-col.type4 .row > div.date, .investment .table-col.type4 .row > div.stock-all { width: 72px; } }

.investment .table-col.type5 .row.table-col-header > div { text-align: center; padding: 0; }

.investment .table-col.type5 .row > div { font-size: 16px; }

.investment .table-col.type5 .row > div.count { text-align: right; padding-right: 20px; font-family: 'Titillium Web'; }

.investment .table-col.type5 .row > div.category { width: 330px; text-align: center; padding: 0; position: relative; }

.investment .table-col.type5 .row > div.category > div { width: 450px; height: 100%; line-height: 70px; position: absolute; top: 0; left: 0; }

.investment .table-col.type5 .row > div.category.vertical { border-bottom: 0; }

.investment .table-col.type5 .row > div.category.vertical > div { width: 100%; height: 140px; line-height: 140px; position: absolute; top: 0; left: 0; }

.investment .table-col.type5 .row > div.sub-category { width: 120px; }

@media (max-width: 1023px) { .investment .table-col.type5 .row > div { width: 125px; font-size: 14px; height: 53px; line-height: 53px; }
  .investment .table-col.type5 .row > div.count { padding-left: 10px; }
  .investment .table-col.type5 .row > div.category { width: 166px; text-align: center; position: relative; }
  .investment .table-col.type5 .row > div.category > div { width: 254px; height: 100%; line-height: 53px; position: absolute; top: 0; left: 0; text-align: center; }
  .investment .table-col.type5 .row > div.category.vertical { border-bottom: 0; }
  .investment .table-col.type5 .row > div.category.vertical > div { width: 100%; height: 106px; line-height: 106px; position: absolute; top: 0; left: 0; }
  .investment .table-col.type5 .row > div.sub-category { width: 88px; } }

.investment .table-col.type6 .row.table-col-header > div { text-align: center; padding: 0; }

.investment .table-col.type6 .row.table-col-header > div.count { text-align: center; padding: 0; }

.investment .table-col.type6 .row.total { background-color: #f5f5f5; }

.investment .table-col.type6 .row.total > div { font-weight: 600; }

.investment .table-col.type6 .row > div { font-size: 16px; }

.investment .table-col.type6 .row > div.category { width: 200px; }

.investment .table-col.type6 .row > div.count { font-family: 'Titillium Web'; }

@media (max-width: 1023px) { .investment .table-col.type6.top .row > div.category { width: 90px; }
  .investment .table-col.type6 .row > div { width: 90px; font-size: 14px; height: 53px; line-height: 53px; }
  .investment .table-col.type6 .row > div.category { width: 165px; } }

.investment .table-col.type7 .row.table-col-header > div { text-align: center; padding: 0; }

.investment .table-col.type7 .row.table-col-header > div.count { text-align: center; padding: 0; }

.investment .table-col.type7 .row > div { font-size: 16px; }

.investment .table-col.type7 .row > div.category { width: 256px; }

.investment .table-col.type7 .row > div.count { font-family: 'Titillium Web'; }

.investment .table-col.type7 .row > div.total { background-color: #f5f5f5; font-weight: 600; }

@media (max-width: 1023px) { .investment .table-col.type7 .row > div { width: 90px; font-size: 14px; height: 53px; line-height: 53px; }
  .investment .table-col.type7 .row > div.category { width: 225px; letter-spacing: -0.7px; } }

.investment .stock-daily { margin-top: 60px; }

@media (max-width: 1023px) { .investment .stock-daily { margin-top: 40px; } }

.investment .data-wrap { display: none; position: relative; }

.investment .data-wrap .won { padding-top: 0; margin-top: -40px; }

@media (max-width: 1023px) { .investment .data-wrap .won { margin-top: -35px; } }

.investment .table-wrap { position: relative; overflow: hidden; overflow-x: auto; -webkit-overflow-scrolling: touch; }

.investment .table-wrap .table-col { border-top: 0; }

.investment .table-wrap .table-col .row.table-col-header > div { border-top: 3px solid #555; }

@media (max-width: 1023px) { .investment .table-wrap { margin: 0 0 0 15px; }
  .investment .table-wrap .table-col { padding-right: 15px; } }

.investment .graph-wrap { text-align: center; padding: 50px 0; border: 1px solid #dbdbdb; margin-bottom: 20px; }

.investment .graph-wrap ul { width: 100%; font-size: 0; margin-top: 40px; }

.investment .graph-wrap ul li { display: inline-block; font-size: 14px; font-weight: 600; margin-right: 30px; }

.investment .graph-wrap ul li:before { content: ''; display: inline-block; width: 14px; height: 14px; margin-right: 6px; vertical-align: middle; }

.investment .graph-wrap ul li.type-a:before { background: url("../../images/common/spr-common.pngg") -58px -25px no-repeat; }

.investment .graph-wrap ul li.type-b:before { background: url("../../images/common/spr-common.pngg") -73px -25px no-repeat; }

.investment .graph-wrap ul li.type-c { margin-right: 0; }

.investment .graph-wrap ul li.type-c:before { background: url("../../images/common/spr-common.pngg") -88px -25px no-repeat; }

.investment .graph-wrap ul li.type-d:before { background-color: #ff4c4c; }

.investment .graph-wrap ul li.type-e { margin-right: 0; }

.investment .graph-wrap ul li.type-e:before { background-color: #666; border-radius: 100%; }

@media (max-width: 1023px) { .investment .graph-wrap { margin: 0 0 0 15px; padding: 0; border: 0; }
  .investment .graph-wrap > div { position: relative; overflow: hidden; overflow-x: auto; -webkit-overflow-scrolling: touch; padding: 35px 24px; margin-right: 15px; border: 1px solid #dbdbdb; }
  .investment .graph-wrap > div img { width: 165%; max-width: 709px; }
  .investment .graph-wrap ul { margin-top: 20px; margin-bottom: 20px; margin-left: -12px; }
  .investment .graph-wrap ul li { font-size: 13px; margin-right: 20px; }
  .investment .graph-wrap ul li:before { content: ''; display: inline-block; width: 13px; height: 13px; margin-top: -2px; margin-right: 5px; vertical-align: middle; } }

.investment .won { padding: 30px 0; font-size: 16px; text-align: right; }

@media (max-width: 1023px) { .investment .won { padding: 15px 0; margin: 0 15px; font-size: 13px; } }

.investment .select-year { padding: 30px 40px; background-color: #f5f5f5; border: 1px solid #ececec; margin-top: 100px; }

.investment .select-year span { vertical-align: top; display: inline-block; margin-top: 12px; margin-right: 20px; font-size: 18px; color: #000; }

.investment .select-year .ui-select { width: 132px; font-family: 'Titillium Web'; }

@media (max-width: 1023px) { .investment .select-year { padding: 15px 20px; margin: 50px 15px 0 15px; }
  .investment .select-year span { vertical-align: top; display: inline-block; margin-top: 12px; margin-right: 20px; font-size: 15px; color: #000; }
  .investment .select-year .ui-select { width: 90px; } }

.investment .grade-list { margin-left: 20px; }

.investment .grade-list li { margin-bottom: 15px; font-size: 16px; color: #000; }

.investment .grade-list li:before { content: ''; display: inline-block; width: 4px; height: 4px; border-radius: 4px; background-color: #000; vertical-align: top; margin-top: 6px; margin-right: 12px; }

.investment .grade-list li span { display: inline-block; width: 25px; }

.investment .grade-list li p { display: inline-block; position: relative; padding-left: 10px; }

.investment .grade-list li p:before { display: block; content: ':'; position: absolute; top: 0; left: 0; }

.investment .grade-list li.notice { color: #3f7ac6; margin-top: 0; font-size: 14px; margin-bottom: 0; }

.investment .grade-list li.notice:before { display: none; }

.investment .grade-list.long li span { width: 37px; }

@media (max-width: 1023px) { .investment .grade-list { margin: 0 15px; }
  .investment .grade-list li { font-size: 14px; line-height: 20px; margin: 0 10px 12px 10px; }
  .investment .grade-list li:before { content: ''; display: inline-block; width: 3px; height: 3px; border-radius: 3px; vertical-align: top; margin-top: 8px; margin-right: 7px; }
  .investment .grade-list li span { width: 20px; vertical-align: top; }
  .investment .grade-list li p { width: calc(100% - 30px); }
  .investment .grade-list li.notice { font-size: 12px; line-height: 17px; }
  .investment .grade-list.long li span { width: 29px; }
  .investment .grade-list.long li p { width: calc(100% - 39px); } }

.business.intro .intro-text em { line-height: 32px; }

.business.intro .intro-text em br { display: block; }

.business.intro .intro-text strong br { display: none; }

@media (max-width: 1023px) { .business.intro .intro-text strong br { display: block; }
  .business.intro .intro-text em { line-height: 21px; } }

@media (max-width: 767px) { .business.intro .intro-text em { width: 95%; margin: 18px auto 0 auto; word-break: keep-all !important; }
  .business.intro .intro-text em br { display: none; } }

.business .intro-text { text-align: center; margin: 0 auto 70px auto; width: 1200px; max-width: 100%; }

.business .intro-text strong, .business .intro-text em { display: block; }

.business .intro-text strong { font-size: 42px; line-height: 62px; color: #000; }

.business .intro-text em { font-size: 22px; color: #666; line-height: 1; margin-top: 24px; }

.business .intro-text em br { display: none; }

.business .intro-text p { text-align: left; font-size: 16px; color: #999; width: 964px; margin: 44px auto 0 auto; word-break: keep-all !important; line-height: 26px; }

@media (max-width: 1023px) { .business .intro-text { margin: 70px 15px 60px 15px; width: auto; }
  .business .intro-text strong { font-size: 25px; line-height: 30px; word-break: keep-all !important; }
  .business .intro-text em { font-size: 14px; line-height: 21px; margin-top: 18px; }
  .business .intro-text em br { display: none; }
  .business .intro-text p { text-align: left; font-size: 14px; line-height: 24px; width: 100%; margin: 20px 0 0 0; }
  .business .intro-text br { display: block; } }

@media (max-width: 767px) { .business .intro-text em br { display: block; }
  .business .intro-text p { word-break: break-all !important; } }

.business .circle { font-size: 0; text-align: center; white-space: nowrap; width: 100%; max-width: 1200px; margin: 0 auto; }

.business .circle li { width: calc((100% / 3) + 20px); padding: 90px 0; background-color: rgba(255, 190, 70, 0.1); display: inline-block; border-radius: 50%; }

.business .circle li:nth-child(2) { margin: 0 -30px; }

.business .circle li:nth-child(2):before { width: 61px; height: 85px; background: url("../../images/common/spr-common.pngg") -88px -70px no-repeat; }

.business .circle li:nth-child(3):before { width: 79px; height: 74px; background: url("../../images/common/spr-common.pngg") -154px -70px no-repeat; }

.business .circle li:before { content: ''; display: block; width: 84px; height: 80px; background: url("../../images/common/spr-common.pngg") 0 -70px no-repeat; margin: 0 auto 45px auto; }

.business .circle li strong { font-family: 'Titillium Web'; font-size: 22px; font-weight: 600; color: #000; display: block; letter-spacing: 1px; }

.business .circle li span { font-size: 16px; line-height: 26px; }

@media (max-width: 1023px) { .business .circle { width: 89%; max-width: 684px; }
  .business .circle li { padding: 42px 0; }
  .business .circle li:nth-child(2):before { width: 43px; height: 60px; background: url("../../images/common/spr-common-m.pngg") -65px -90px no-repeat; background-size: 250px; }
  .business .circle li:nth-child(3):before { width: 56px; height: 53px; background: url("../../images/common/spr-common-m.pngg") -113px -90px no-repeat; background-size: 250px; }
  .business .circle li:before { width: 60px; height: 57px; background: url("../../images/common/spr-common-m.pngg") 0 -90px no-repeat; background-size: 250px; margin: 0 auto 18px auto; }
  .business .circle li strong { font-size: 19px; }
  .business .circle li span { font-size: 13px; line-height: 20px; } }

@media (max-width: 767px) { .business .circle li { display: block; width: 296px; height: 296px; margin: 0 auto; padding: 62px 0; }
  .business .circle li:nth-child(2) { margin: -30px auto; }
  .business .circle li:nth-child(2):before { width: 43px; height: 60px; background: url("../../images/common/spr-common-m.pngg") -65px -90px no-repeat; background-size: 250px; }
  .business .circle li:nth-child(3):before { width: 56px; height: 53px; background: url("../../images/common/spr-common-m.pngg") -113px -90px no-repeat; background-size: 250px; }
  .business .circle li:before { width: 60px; height: 57px; background: url("../../images/common/spr-common-m.pngg") 0 -90px no-repeat; background-size: 250px; margin: 0 auto 18px auto; }
  .business .circle li strong { font-size: 19px; }
  .business .circle li span { font-size: 13px; line-height: 20px; } }

.business .field-wrap { overflow: hidden; height: 900px; margin-top: 150px; position: relative; background: url("../../images/business/bg-field.pngg") center 0 no-repeat; background-size: cover; }

.business .field-wrap .tit { text-align: center; font-family: 'Titillium Web'; padding: 118px 0 78px 0; font-size: 42px; line-height: 1; font-weight: 100; }

.business .field-wrap .swiper-pagination { display: none; font-family: 'Titillium Web'; }

.business .field-wrap .swiper-slide { width: 840px; height: 530px; background-color: #fff; }

.business .field-wrap .swiper-slide.field1 { background: url("../../images/business/bg-fob-pc-01.pngg") 0 0 no-repeat; }

.business .field-wrap .swiper-slide.field2 { background: url("../../images/business/bg-fob-pc-02.pngg") 0 0 no-repeat; }

.business .field-wrap .swiper-slide.field3 { background: url("../../images/business/bg-fob-pc-03.pngg") 0 0 no-repeat; }

.business .field-wrap .swiper-slide.field3 .text-wrap p { width: 260px; }

.business .field-wrap .swiper-slide.field4 { background: url("../../images/business/bg-fob-pc-04.pngg") 0 0 no-repeat; }

.business .field-wrap .swiper-slide:after { content: ''; position: absolute; bottom: 30px; left: 4%; width: 92%; height: 40px; border-radius: 0; z-index: -1; box-shadow: 0 20px 20px -10px rgba(0, 0, 0, 0.7); }

.business .field-wrap .swiper-slide .text-wrap { padding: 72px 70px; height: 100%; position: relative; }

.business .field-wrap .swiper-slide .text-wrap em { color: #0c4ca3; font-weight: 100; font-size: 40px; line-height: 1; }

.business .field-wrap .swiper-slide .text-wrap p { width: 250px; color: #666; font-size: 16px; line-height: 26px; word-break: keep-all !important; margin-top: 34px; }

.business .field-wrap .swiper-slide .text-wrap .btn { position: absolute; bottom: 102px; left: 70px; }

.business .field-wrap .control { position: absolute; z-index: 3; top: 50%; width: 100%; transform: translateY(-50%); }

.business .field-wrap .control button { position: absolute; left: 50%; width: 143px; height: 23px; background: url("../../images/common/spr-common.pngg") -330px 0 no-repeat; }

.business .field-wrap .control button.prev { margin-left: -502px; }

.business .field-wrap .control button.next { margin-left: 358px; background-position: -330px -25px; }

@media (max-width: 1023px) { .business .field-wrap { margin-top: 75px; }
  .business .field-wrap .control button.prev { margin-left: -45%; }
  .business .field-wrap .control button.next { margin-left: 28%; }
  .business .field-wrap .swiper-container { overflow: unset; }
  .business .field-wrap .swiper-slide .text-wrap { padding: 52px 50px; }
  .business .field-wrap .swiper-slide .text-wrap .btn { left: 50px; }
  .business .field-wrap .swiper-slide .text-wrap p { width: 220px !important; }
  .business .field-wrap .swiper-slide.field1 { background: url("../../images/business/bg-fob-t-01.pngg") 100% 0 no-repeat; background-color: #fff; background-size: cover; }
  .business .field-wrap .swiper-slide.field2 { background: url("../../images/business/bg-fob-t-02.pngg") 100% 0 no-repeat; background-color: #fff; background-size: cover; }
  .business .field-wrap .swiper-slide.field3 { background: url("../../images/business/bg-fob-t-03.pngg") 100% 0 no-repeat; background-color: #fff; background-size: cover; }
  .business .field-wrap .swiper-slide.field4 { background: url("../../images/business/bg-fob-t-04.pngg") 100% 0 no-repeat; background-color: #fff; background-size: cover; }
  .business .field-wrap .swiper-slide:after { bottom: 0; } }

@media (max-width: 767px) { .business .field-wrap { margin-top: 75px; height: auto; padding-bottom: 125px; }
  .business .field-wrap .tit { padding: 75px 0 40px 0; font-size: 27px; }
  .business .field-wrap .swiper-container { overflow: unset; }
  .business .field-wrap .swiper-slide { width: 275px; height: auto; }
  .business .field-wrap .swiper-slide:after { content: ''; position: absolute; bottom: 0; left: 4%; width: 92%; height: 40px; border-radius: 0; z-index: -1; box-shadow: 0 20px 20px -10px rgba(0, 0, 0, 0.3); }
  .business .field-wrap .swiper-slide .text-wrap { padding: 30px; height: 178px; background-color: #fff; }
  .business .field-wrap .swiper-slide .text-wrap em { font-size: 18px; }
  .business .field-wrap .swiper-slide .text-wrap p { margin-top: 20px; width: auto; font-size: 13px; line-height: 20px; }
  .business .field-wrap .swiper-slide .text-wrap .btn { left: auto; bottom: auto; top: 25px; right: 30px; border: 0; border-bottom: 1px solid #0c4ca3; width: auto; padding: 0 3px; line-height: 25px; height: 25px; min-width: auto; }
  .business .field-wrap .swiper-slide .img-wrap { height: 250px; }
  .business .field-wrap .swiper-slide.field1, .business .field-wrap .swiper-slide.field2, .business .field-wrap .swiper-slide.field3, .business .field-wrap .swiper-slide.field4 { background: none; }
  .business .field-wrap .swiper-slide.field1 .img-wrap { background: url("../../images/business/bg-fob-m-01.pngg") 0 0 no-repeat; background-size: cover; }
  .business .field-wrap .swiper-slide.field2 .img-wrap { background: url("../../images/business/bg-fob-m-02.pngg") 0 0 no-repeat; background-size: cover; }
  .business .field-wrap .swiper-slide.field3 .img-wrap { background: url("../../images/business/bg-fob-m-03.pngg") 0 0 no-repeat; background-size: cover; }
  .business .field-wrap .swiper-slide.field3 .text-wrap p { width: auto; }
  .business .field-wrap .swiper-slide.field4 .img-wrap { background: url("../../images/business/bg-fob-m-04.pngg") 0 0 no-repeat; background-size: cover; }
  .business .field-wrap .control { display: none; } }

.business .field-wrap .swiper-pagination { display: block; font-size: 14px; color: #fff; bottom: 74px; }

.business .project-history { width: 100%; height: 1000px; background: url("../../images/business/bg-history.pngg") center 0 no-repeat; background-size: cover; padding-top: 200px; }

.business .project-history .tit { font-size: 42px; color: #000; font-weight: 400; display: block; text-align: center; line-height: 1; }

.business .project-history ul { text-align: center; font-size: 0; margin-top: 30px; margin-bottom: 112px; }

.business .project-history ul li { display: inline-block; font-size: 16px; color: #000; margin-right: 6px; }

.business .project-history ul li:last-child { margin-right: 0; }

.business .project-history ul li button { background-color: #fff; height: 38px; line-height: 38px; border: 1px solid #dbdbdb; border-radius: 2px; padding: 0 27px; font-weight: 600; }

.business .project-history ul li.active button { background-color: #31353a; border: 1px solid #31353a; color: #fff; }

.business .project-history .swiper-container { height: 580px; margin-left: 60px; }

.business .project-history .swiper-container.item-center .swiper-wrapper { margin: 0 auto; }

.business .project-history .swiper-slide { width: auto; }

.business .project-history .swiper-slide .cont { position: relative; height: 390px; display: flex; align-items: flex-end; }

.business .project-history .swiper-slide .cont:after { content: ''; position: absolute; bottom: 3px; left: 5%; width: 90%; height: 40px; border-radius: 30%; z-index: -1; box-shadow: 0 20px 20px -10px rgba(0, 0, 0, 0.5); }

.business .project-history .swiper-slide .text-wrap { margin-top: 50px; }

.business .project-history .swiper-slide .text-wrap p { font-size: 20px; color: #000; }

.business .project-history .swiper-slide .text-wrap span { font-size: 16px; color: #000; font-family: 'Titillium Web'; }

.business .project-history .swiper-container-horizontal .swiper-pagination-progressbar { top: auto; bottom: 0; width: 1200px; max-width: 100%; left: 50%; transform: translateX(-50%); margin-left: -60px; background: none; }

.business .project-history .swiper-container-horizontal .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #0c4ca3; }

.business .project-history .control { position: absolute; z-index: 3; top: 160px; width: 100%; }

.business .project-history .control button { position: absolute; width: 60px; height: 60px; opacity: 0.5; background-color: #fff; border-radius: 50%; }

.business .project-history .control button:before { content: ''; display: block; width: 8px; height: 15px; margin: 0 auto; }

.business .project-history .control button.prev { left: 0; }

.business .project-history .control button.prev:before { background: url("../../images/common/spr-common.pngg") -240px -25px no-repeat; }

.business .project-history .control button.next { right: 60px; }

.business .project-history .control button.next:before { background: url("../../images/common/spr-common.pngg") -260px -25px no-repeat; }

@media (max-width: 1023px) { .business .project-history { padding: 75px 0; height: auto; }
  .business .project-history .tit { font-size: 25px; }
  .business .project-history ul { margin: 30px 0 50px 0; }
  .business .project-history ul li { width: auto; max-width: none; }
  .business .project-history ul li button { padding: 0 10px; width: 100%; height: 33px; line-height: 33px; font-size: 13px; }
  .business .project-history .swiper-container { margin-left: 25px; height: auto; }
  .business .project-history .swiper-wrapper { position: relative; overflow: hidden; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .business .project-history .swiper-slide { width: auto; max-width: 100%; display: inline-block; margin-right: 25px; }
  .business .project-history .swiper-slide:last-child { margin-right: 0; padding-right: 25px; }
  .business .project-history .swiper-slide .cont { height: 260px; width: auto; }
  .business .project-history .swiper-slide .cont.big { max-width: 235px; }
  .business .project-history .swiper-slide .cont.big img { width: 100%; height: auto; }
  .business .project-history .swiper-slide .cont img { width: auto; height: 100%; }
  .business .project-history .swiper-slide .text-wrap { margin-top: 25px; }
  .business .project-history .swiper-slide .text-wrap p { font-size: 16px; }
  .business .project-history .swiper-slide .text-wrap span { font-size: 13px; color: #666; }
  .business .project-history .control { display: none; }
  .business .project-history .swiper-pagination { display: none; } }

.business .project-search { width: 100%; max-width: 1200px; margin: 0 auto; padding: 200px 0 0 0; }

.business .project-search .board-search { height: 60px; margin-bottom: 40px; position: relative; }

.business .project-search .board-search strong { font-size: 42px; line-height: 60px; display: block; text-align: center; }

.business .project-search .board-search .sort-wrap { position: absolute; top: 0; left: 0; font-size: 0; }

.business .project-search .board-search .sort-wrap a { display: inline-block; width: 60px; height: 60px; border: 1px solid #dbdbdb; position: relative; }

.business .project-search .board-search .sort-wrap a:last-child { margin-left: -1px; }

.business .project-search .board-search .sort-wrap a.active { border: 1px solid #555; z-index: 1; }

.business .project-search .board-search .sort-wrap a:before { content: ''; display: block; position: absolute; width: 22px; height: 22px; top: 19px; left: 19px; }

.business .project-search .board-search .sort-wrap a.gallery:before { background: url("../../images/common/spr-common.pngg") -280px -25px no-repeat; }

.business .project-search .board-search .sort-wrap a.gallery.active:before { background: url("../../images/common/spr-common.pngg") -280px 0 no-repeat; }

.business .project-search .board-search .sort-wrap a.list:before { background: url("../../images/common/spr-common.pngg") -305px -25px no-repeat; }

.business .project-search .board-search .sort-wrap a.list.active:before { background: url("../../images/common/spr-common.pngg") -305px 0 no-repeat; }

.business .project-search .board-search .input-wrap { width: 300px; position: absolute; top: 0; right: 0; }

.business .project-search .board-search .input-wrap input { width: 240px; }

.business .project-search .select-wrap { font-size: 0; margin-bottom: 60px; }

.business .project-search .select-wrap .ui-select { width: 25%; }

.business .project-search .select-wrap .ui-select > button { border-left: 1px solid #fff; height: 60px; }

.business .project-search .select-wrap .ui-select:first-child > button { border-left: 1px solid #666; }

.business .project-search .select-wrap .ui-select:first-child > ul { top: 60px; width: 100%; left: 0; }

.business .project-search .select-wrap .ui-select > ul { top: 60px; width: calc(100% + 1px); left: -1px; }

.business .project-search .list-wrap { margin-bottom: 35px; }

.business .project-search .list-wrap .no-data { width: 100%; padding: 100px 0 115px 0; max-width: none; margin: 0; font-size: 18px; font-weight: 600; line-height: 1; color: #000; text-align: center; }

@media (max-width: 1023px) { .business .project-search .list-wrap .no-data { padding: 20px 0 50px 0; font-size: 16px; font-weight: 400; } }

.business .project-search .list-wrap ul { text-align: left; text-align-last: left; font-size: 0; margin-top: 0; }

.business .project-search .list-wrap ul li { margin-top: 0; margin-right: 2%; width: 32%; height: auto; }

.business .project-search .list-wrap ul li:nth-child(3n) { margin-right: 0; }

.business .project-search .list-wrap ul li a { display: block; }

.business .project-search .list-wrap ul li i { display: block; }

.business .project-search .list-wrap ul li .cat-wrap { position: absolute; top: 0; left: 0; }

.business .project-search .list-wrap ul li .cat-wrap > span { display: inline-block; color: #fff; font-size: 14px; padding: 0 15px; height: 43px; line-height: 43px; text-align: center; }

.business .project-search .list-wrap ul li .detail-wrap { padding: 30px 0 45px 0; }

.business .project-search .list-wrap ul li .detail-wrap strong { font-size: 18px; color: #000; font-weight: 600; display: block; margin-bottom: 10px; }

.business .project-search .list-wrap ul li .detail-wrap p { font-size: 16px; line-height: 26px; color: #666; }

.business .project-search .list-wrap ul li .detail-wrap p span { display: block; }

.business .project-search .list-wrap ul li .detail-wrap p span.date { font-family: 'Titillium Web'; }

.business .project-search .list-wrap.list-type ul li { width: 49%; margin-right: 2%; margin-bottom: 20px; max-width: none; height: auto; }

.business .project-search .list-wrap.list-type ul li:nth-child(even) { margin-right: 0; }

.business .project-search .list-wrap.list-type ul li a { width: 40%; float: left; max-width: 235px; overflow: hidden; height: 235px; }

.business .project-search .list-wrap.list-type ul li a img { width: auto; height: 100%; }

.business .project-search .list-wrap.list-type ul li > i { width: 40%; float: left; max-width: 235px; overflow: hidden; height: 235px; }

.business .project-search .list-wrap.list-type ul li > i img { width: auto; height: 100%; }

.business .project-search .list-wrap.list-type ul li .detail-wrap { width: 60%; height: 235px; float: left; padding: 40px; border: 1px solid #dbdbdb; border-left: 0; }

.business .project-search .list-wrap.list-type ul li .detail-wrap strong { font-size: 24px; line-height: 34px; font-weight: 400; }

@media (max-width: 1023px) { .business .project-search { padding: 75px 0; }
  .business .project-search .board-search { padding: 0; width: auto; height: 103px; margin: 0 15px 30px 15px; }
  .business .project-search .board-search strong { font-size: 25px; }
  .business .project-search .board-search .sort-wrap { top: auto; bottom: 0; }
  .business .project-search .board-search .sort-wrap a { width: 40px; height: 40px; }
  .business .project-search .board-search .sort-wrap a:before { content: ''; display: block; position: absolute; width: 14.5px; height: 14.5px; top: 13px; left: 13px; }
  .business .project-search .board-search .sort-wrap a.gallery:before { background: url("../../images/common/spr-common-m.pngg") 0 -70px no-repeat; background-size: 250px; }
  .business .project-search .board-search .sort-wrap a.gallery.active:before { background: url("../../images/common/spr-common-m.pngg") 0 -50px no-repeat; background-size: 250px; }
  .business .project-search .board-search .sort-wrap a.list:before { background: url("../../images/common/spr-common-m.pngg") -20px -70px no-repeat; background-size: 250px; }
  .business .project-search .board-search .sort-wrap a.list.active:before { background: url("../../images/common/spr-common-m.pngg") -20px -50px no-repeat; background-size: 250px; }
  .business .project-search .board-search .input-wrap { top: auto; bottom: 0; width: 67%; max-width: 240px; }
  .business .project-search .board-search .input-wrap input { width: 100%; max-width: 192px; }
  .business .project-search .select-wrap { font-size: 0; margin: 0 15px 30px 15px; position: relative; }
  .business .project-search .select-wrap .ui-select { width: 100%; }
  .business .project-search .select-wrap .ui-select:nth-child(1), .business .project-search .select-wrap .ui-select:nth-child(4) { width: 50%; }
  .business .project-search .select-wrap .ui-select:nth-child(2), .business .project-search .select-wrap .ui-select:nth-child(3) { margin-top: -1px; }
  .business .project-search .select-wrap .ui-select:nth-child(4) { position: absolute; top: 0; right: 0; }
  .business .project-search .select-wrap .ui-select:nth-child(4) > button { border-left: 0; }
  .business .project-search .select-wrap .ui-select:nth-child(4) > ul { width: calc(100% + 1px); left: -1px; }
  .business .project-search .select-wrap .ui-select > button { border-left: 1px solid #666; height: 40px; }
  .business .project-search .select-wrap .ui-select:first-child > ul { top: 40px; width: 100%; left: 0px; }
  .business .project-search .select-wrap .ui-select > ul { top: 40px; width: 100%; left: 0px; }
  .business .project-search .list-wrap { margin: 0 15px; }
  .business .project-search .list-wrap ul li { width: 49%; margin-right: 2%; }
  .business .project-search .list-wrap ul li:nth-child(even) { margin-right: 0 !important; }
  .business .project-search .list-wrap ul li:nth-child(3n) { margin-right: 2%; }
  .business .project-search .list-wrap ul li .cat-wrap span { padding: 0 8px; height: 33px; line-height: 33px; font-size: 12px; }
  .business .project-search .list-wrap ul li .detail-wrap { padding: 25px 0 40px 0; }
  .business .project-search .list-wrap ul li .detail-wrap strong { font-size: 17px; margin-bottom: 8px; }
  .business .project-search .list-wrap ul li .detail-wrap p { font-size: 13px; line-height: 18px; }
  .business .project-search .list-wrap.list-type ul li a { width: 40%; height: auto; max-width: none; min-width: 116px; }
  .business .project-search .list-wrap.list-type ul li a img { width: 100%; height: auto; }
  .business .project-search .list-wrap.list-type ul li i { width: 40%; height: auto; max-width: none; min-width: 116px; }
  .business .project-search .list-wrap.list-type ul li i img { width: 100%; height: auto; }
  .business .project-search .list-wrap.list-type ul li .detail-wrap { height: auto; padding: 15px 0 0 15px; width: auto; border: 0; }
  .business .project-search .list-wrap.list-type ul li .detail-wrap strong { font-size: 17px; line-height: 22px; display: block; width: 150px; }
  .business .project-search .list-wrap.list-type ul li .detail-wrap p { width: 140px; }
  .business .project-search .list-wrap.list-type ul li .cat-wrap span.sub-cat { display: none; } }

@media (max-width: 767px) { .business .project-search .list-wrap.list-type ul li { width: 100%; margin-right: 0; }
  .business .project-search .list-wrap ul li { width: 100%; margin-right: 0; } }

.business .construct { background-color: rgba(213, 28, 41, 1.0); }

.business .civil { background-color: rgba(112, 111, 191, 0.7); }

.business .housing { background-color: rgba(94, 201, 177, 0.7); }

.business .plant { background-color: rgba(255, 82, 125, 0.7); }

.business .sub-cat { background-color: rgba(0, 0, 0, 0.7); }

/*sub.css 제품소개에 이동
.business .list-wrap { width: 1200px; max-width: 100%; margin: 0 auto; }

.business .list-wrap ul {font-size: 0;}

.business .list-wrap ul li { display: inline-block; vertical-align: top;margin:1%;padding:2%; width: 23%; height: auto; position: relative;background-color:#f5f5f5; overflow: hidden; }


.business .list-wrap ul li > span { display: inline-block; position: absolute; bottom:0;right:0; z-index: 1; color: #fff; font-size: 30px; padding: 0 15px; width:59px;height: 59px; line-height: 59px; text-align: center;font-weight:100;}

.business .list-wrap ul li img { transition: .7s all; width: 100%; }

.business .list-wrap ul li .more { width: 100%; height: 100%; color: #222; }

.business .list-wrap ul li .more .text {  padding: 10% 0;text-align:center; }

.business .list-wrap ul li .more strong { font-size: 18px; display: block; line-height: 18x; color:#000;}

.business .list-wrap ul li .more em { font-size: 16px; display: block; line-height: 1; margin-bottom: 10px; }

.business .list-wrap ul li .more p { font-size: 14px; line-height: 24px; margin: 5% 0 5%; width:100%;height:77px;}

.business .list-wrap ul li .more span { font-size: 14px; font-weight: 600; font-family: 'Titillium Web'; display: block; line-height: 1; }

@media (max-width: 1023px) { .business .list-wrap { margin: 0 15px; width: auto; }
  .business .list-wrap ul { overflow: hidden; margin-top: -2%; }
  .business .list-wrap ul li { display: inline-block; vertical-align: top; width: 49%; margin-top: 2%; margin-right: 2%; max-width: none; height: auto;  }
  .business .list-wrap ul li:nth-child(even) { margin-right: 0 !important; }
  .business .list-wrap ul li:nth-child(3n) { margin-right: 2%; }
  .business .list-wrap ul li img { width: 100%; }
  .business .list-wrap ul li > span { height: 33px; line-height: 33px; font-size: 12px; }
  .business .list-wrap ul li .more { position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); transition: .7s all; text-align: left; text-align-last: left; opacity: 0; color: #fff; }
  .business .list-wrap ul li .more .text { position: absolute; width: 100%; padding: 30px; bottom: 0; left: 0; }
  .business .list-wrap ul li .more strong { font-size: 17px; display: block; line-height: 24px; margin-bottom: 8px; }
  .business .list-wrap ul li .more em { font-size: 13px; display: block; line-height: 18px; margin-bottom: 0; display: block; }
  .business .list-wrap ul li .more p { font-size: 13px; line-height: 18px; margin-bottom: 0; display: inline-block; }
  .business .list-wrap ul li .more span { font-size: 13px; font-weight: 400; font-family: 'Titillium Web'; line-height: 18px; display: block; } }

@media (max-width: 767px) { .business .list-wrap ul li { width: 100%; margin-right: 0; } }
*/

.business .controls {padding-top: 40px; position: relative; padding-bottom: 290px; z-index: 3; background-color: #fff; left: -1px; }

.business .controls .num { color: #000; font-size: 18px; line-height: 45px; position: absolute; left: 50%; transform: translateX(-50%); }

.business .controls .next { display: block; width: 45px; height: 45px; border: 1px solid #a6a6a6; float: right; color:transparent; overflow:hidden;}

.business .controls .next:before { content: ''; display: block; background: url("../../images/common/spr-common.pngg") 0 -60px no-repeat; width: 9px; height: 6px; margin: 20px auto 0 auto; }

.business .controls:before { content: ''; display: block; position: absolute; top: 0; right: -1px; width: 1px; height: 100%; background-color: #fff; }

.business .controls:after { content: ''; display: block; clear: both; }

@media (max-width: 1023px) { .business .controls { padding-top: 20px; padding-bottom: 120px; margin-top: 0; }

  .business .controls .num { font-size: 14px; line-height: 1; }
  .business .controls .next { float: none; border: 0; width: 70px; margin: 0 auto; position: relative; height: 14px; }
  .business .controls .next:before { background: url("../../images/common/spr-common-m.pngg") -105px -35px no-repeat; background-size: 250px; width: 9px; height: 6px; margin: 0; position: absolute; top: 4px; right: 5px; } }

.recruit .no-data-pc { width: 100%; max-width: 1000px; margin: 0 auto; }

.recruit .no-data-pc img { width: 100%; }

@media (max-width: 1023px) { .recruit .no-data-pc { margin: 0 15px; width: auto; } }

@media (max-width: 767px) { .recruit .no-data-pc { display: none; } }

.recruit .no-data-m { display: none; }

.recruit .no-data-m img { width: 100%; }

@media (max-width: 767px) { .recruit .no-data-m { margin: 0 15px; display: block; } }

.recruit .people .top { margin: 0 50px; background: url("../../images/recruit/bg-people.pngg") 50% 0 no-repeat; height: 460px; text-align: center; color: #fff; letter-spacing: 1px; }

.recruit .people .top p { font-family: 'Titillium Web'; font-size: 50px; font-weight: 100; line-height: 1; padding-top: 120px; margin-bottom: 32px; }

.recruit .people .top p strong { font-weight: 600; }

.recruit .people .top p span { display: inline-block; width: 7px; height: 6px; background-color: #fff; border-radius: 50%; vertical-align: middle; margin: 0 16px; }

.recruit .people .top em { font-size: 18px; }

.recruit .people .cont-wrap { background-color: #fff; }

.recruit .people .cont-wrap .text-wrap { width: 100%; max-width: 1300px; margin: 0 auto; position: relative; padding: 0 50px; }

.recruit .people .cont-wrap .text-wrap .img { float: right; width: 51.7%; margin-top: 100px; }

.recruit .people .cont-wrap .text-wrap .img.abs { position: absolute; top: 150px; left: 50px; float: none; width: 42.4%; }

.recruit .people .cont-wrap .text-wrap .img.abs img { max-width: 550px; }

.recruit .people .cont-wrap .text-wrap .img img { width: 100%; max-width: 620px; }

.recruit .people .cont-wrap .text-wrap .text { float: left; width: 45%; max-width: 580px; }

.recruit .people .cont-wrap .text-wrap .text p { font-size: 32px; color: #000; line-height: 42px; margin-bottom: 15px; }

.recruit .people .cont-wrap .text-wrap .text span { font-family: 'Titillium Web'; font-size: 20px; color: #666; }

.recruit .people .cont-wrap .text-wrap:after { content: ''; display: block; clear: both; }

.recruit .people .cont-wrap.gray { background-color: #f5f5f5; padding: 162px 0 172px 0; }

.recruit .people .cont-wrap.gray .text-wrap .text { float: right; }

.recruit .people .cont-wrap.gray .text-wrap .img { float: none; max-width: 450px; position: absolute; top: -112px; left: 50px; margin: 0; }

.recruit .people .cont-wrap.first .text-wrap { top: -100px; background-color: #fff; }

.recruit .people .cont-wrap.first .text-wrap .text { position: relative; margin-top: 170px; }

.recruit .people .cont-wrap.first .text-wrap .text p { word-break: keep-all !important; }

.recruit .people .cont-wrap:last-child { margin-top: 188px; }

.recruit .people .cont-wrap:last-child .text-wrap .text { float: left; margin-top: 152px; }

.recruit .people .cont-wrap:last-child .text-wrap .img { margin-top: 0; }

@media (max-width: 1023px) { .recruit .people .top { margin: 0; background-size: cover; height: auto; padding-bottom: 40px; }
  .recruit .people .top p { font-size: 25px; padding-top: 50px; margin-bottom: 32px; }
  .recruit .people .top p span { display: block; width: 3px; height: 3px; background-color: #fff; border-radius: 50%; vertical-align: middle; margin: 10px auto; }
  .recruit .people .top em { font-size: 14px; line-height: 21px; margin: 0 5%; display: block; }
  .recruit .people .cont-wrap .text-wrap { width: auto; padding: 0; margin: 0 25px; }
  .recruit .people .cont-wrap .text-wrap .text { width: 38%; }
  .recruit .people .cont-wrap .text-wrap .text p { font-size: 24px; line-height: 32px; margin-bottom: 15px; }
  .recruit .people .cont-wrap .text-wrap .text span { font-size: 16px; }
  .recruit .people .cont-wrap .text-wrap .img { margin: 50px 0; }
  .recruit .people .cont-wrap.first .text-wrap { top: 0; }
  .recruit .people .cont-wrap.first .text-wrap .text { margin-top: 60px; }
  .recruit .people .cont-wrap.gray { padding: 80px 0 85px 0; }
  .recruit .people .cont-wrap.gray .text-wrap .text { width: 48%; }
  .recruit .people .cont-wrap.gray .text-wrap .img { width: 40%; max-width: 288px; top: -42px; left: 0; }
  .recruit .people .cont-wrap:last-child { margin-top: 90px; }
  .recruit .people .cont-wrap:last-child .text-wrap .text { margin-top: 100px; } }

@media (max-width: 767px) { .recruit .people .cont-wrap { background-color: #fff; }
  .recruit .people .cont-wrap .text-wrap { width: auto; padding: 0; margin: 0 25px; }
  .recruit .people .cont-wrap .text-wrap .img { float: none; width: 100%; display: block; }
  .recruit .people .cont-wrap .text-wrap .img.abs { position: relative; top: 0; left: 0; float: none; width: 100%; margin-top: 90px; z-index: 1; }
  .recruit .people .cont-wrap .text-wrap .img.abs img { max-width: 100%; }
  .recruit .people .cont-wrap .text-wrap .img img { width: 100%; margin-bottom: 0; max-width: 100%; }
  .recruit .people .cont-wrap .text-wrap .text { float: none; width: 100%; max-width: none; padding: 0; margin-top: 55px; }
  .recruit .people .cont-wrap .text-wrap .text p { font-size: 25px; line-height: 35px; margin-bottom: 15px; }
  .recruit .people .cont-wrap .text-wrap .text span { font-size: 16px; }
  .recruit .people .cont-wrap .text-wrap:after { content: ''; display: block; clear: both; }
  .recruit .people .cont-wrap.gray { background-color: #f5f5f5; padding: 0; }
  .recruit .people .cont-wrap.gray .text-wrap .text { width: 100%; float: none; margin-top: 0; padding-top: 55px; }
  .recruit .people .cont-wrap.gray .text-wrap .img { position: relative; width: 100%; max-width: 100%; top: 0; left: 0; margin: 0; padding: 50px 0 75px 0; }
  .recruit .people .cont-wrap.gray .text-wrap .img img { margin: 0; }
  .recruit .people .cont-wrap.first .text-wrap { top: 0; background-color: #fff; }
  .recruit .people .cont-wrap.first .text-wrap .text { margin-top: 55px; }
  .recruit .people .cont-wrap.first .text-wrap .text p { word-break: keep-all !important; }
  .recruit .people .cont-wrap.first .text-wrap .img { padding: 50px 0 75px 0; margin: 0; }
  .recruit .people .cont-wrap:last-child { margin-top: 0; }
  .recruit .people .cont-wrap:last-child .text-wrap .text { float: none; margin-top: 55px; }
  .recruit .people .cont-wrap:last-child .text-wrap .img { margin-top: 50px; margin-bottom: 0; } }

.recruit .welfare-wrap { width: 100%; background-color: #f5f5f5; }

.recruit .welfare-wrap .system { position: relative; top: -90px; padding-bottom: 0; }

.recruit .welfare-wrap .system:first-child { padding-bottom: 0; }

.recruit .system { width: 100%; max-width: 1200px; margin: 0 auto; }

.recruit .system:first-child { padding-bottom: 182px; }

.recruit .system .tit { font-size: 42px; color: #000; text-align: center; display: block; line-height: 1; margin-bottom: 80px; }

.recruit .system .tit br { display: none; }

.recruit .system em { font-size: 22px; color: #000; line-height: 1; }

.recruit .system p { font-size: 16px; line-height: 22px; color: #666; margin-top: 20px; word-break: keep-all !important; }

.recruit .system .more { font-size: 14px; color: #3f7ac6; line-height: 1; margin-top: 10px; display: inline-block; }

.recruit .system .cont1 .group { margin-top: 30px; padding: 50px; background-color: #f5f5f5; font-size: 0; }

.recruit .system .cont1 .group li { width: 18%; margin-left: 2.5%; background-color: #fff; display: inline-block; padding: 50px 0 40px 0; font-size: 16px; text-align: center; border-radius: 6px; box-shadow: 10px 10px 30px #ccc; }

.recruit .system .cont1 .group li:first-child { margin-left: 0; }

.recruit .system .cont1 .group li div { width: 100px; height: 100px; background-color: #f5f5f5; border-radius: 50%; margin: 0 auto 30px auto; }

.recruit .system .cont1 .group li div:before { content: ''; display: inline-block; width: 41px; height: 58px; background: url("../../images/recruit/spr-system.pngg") 0 0 no-repeat; margin: 21px auto 0 auto; background-position: -30px -18px; }

.recruit .system .cont1 .group li:nth-child(2) div:before { background-position: -130px -18px; }

.recruit .system .cont1 .group li:nth-child(3) div:before { background-position: -230px -18px; }

.recruit .system .cont1 .group li:nth-child(4) div:before { background-position: -330px -18px; }

.recruit .system .cont1 .group li:nth-child(5) div:before { background-position: -430px -18px; }

.recruit .system .cont1 .group li span { display: block; line-height: 1; }

.recruit .system .cont2 { margin-top: 90px; }

.recruit .system .cont2 ul li { border-top: 3px solid #000; border-bottom: 1px solid #dbdbdb; width: 49%; margin-left: 2%; float: left; padding: 55px 0 0 0; height: 234px; }

.recruit .system .cont2 ul li:first-child { margin: 0; }

.recruit .system .cont2 ul:after { content: ''; display: block; clear: both; }

.recruit .system .welfare { text-align: justify; text-align-last: justify; margin-top: 50px; }

.recruit .system .welfare li { text-align: center; text-align-last: center; background-color: #fff; border: 1px solid #ececec; display: inline-block; width: 23%; height: 400px; padding-top: 60px; margin-top: 30px; vertical-align: top; }

.recruit .system .welfare li .icon { width: 100px; height: 100px; border-radius: 50%; background-color: #f5f5f5; margin: 0 auto; text-align: center; text-align-last: center; }

.recruit .system .welfare li .icon:before { content: ''; display: inline-block; width: 40px; height: 38px; background: url("../../images/recruit/spr-system.pngg") 0 0 no-repeat; margin: 0 auto; background-position: 0 -120px; position: relative; top: 50%; transform: translateY(-50%); }

.recruit .system .welfare li:nth-child(2) .icon:before { width: 40px; height: 36px; background-position: -50px -120px; }

.recruit .system .welfare li:nth-child(3) .icon:before { width: 40px; height: 36px; background-position: -100px -120px; }

.recruit .system .welfare li:nth-child(4) .icon:before { width: 40px; height: 40px; background-position: -150px -120px; }

.recruit .system .welfare li:nth-child(5) .icon:before { width: 40px; height: 40px; background-position: 0 -170px; }

.recruit .system .welfare li:nth-child(6) .icon:before { width: 40px; height: 36px; background-position: -50px -170px; }

.recruit .system .welfare li:nth-child(7) .icon:before { width: 32px; height: 40px; background-position: -100px -170px; }

.recruit .system .welfare li:nth-child(8) .icon:before { width: 40px; height: 40px; background-position: -150px -170px; }

.recruit .system .welfare li:nth-child(9) .icon:before { width: 40px; height: 36px; background-position: 0 -220px; }

.recruit .system .welfare li:nth-child(10) .icon:before { width: 32px; height: 40px; background-position: -50px -220px; }

.recruit .system .welfare li:nth-child(11) .icon:before { width: 40px; height: 40px; background-position: -100px -220px; }

.recruit .system .welfare li:nth-child(12) .icon:before { width: 40px; height: 36px; background-position: -150px -220px; }

.recruit .system .welfare li strong { color: #000; font-size: 18px; line-height: 1; margin-top: 30px; display: block; font-weight: 600; }

.recruit .system .welfare li p { font-size: 16px; line-height: 26px; color: #999; word-break: break-all !important; }

@media (max-width: 1023px) { .recruit .system:first-child { padding-bottom: 136px; }
  .recruit .system .tit { font-size: 25px; line-height: 30px; margin: 0 25px 40px 25px; }
  .recruit .system .tit br { display: block; }
  .recruit .system em { font-size: 18px; color: #000; line-height: 1; margin-left: 25px; }
  .recruit .system p { font-size: 15px; line-height: 22px; color: #666; margin: 20px 25px 0 25px; }
  .recruit .system .more { display: inline-block; margin: 15px 25px 0 25px; }
  .recruit .system .cont1 .group { margin-top: 30px; padding: 40px 25px 50px 25px; background-color: #f5f5f5; font-size: 0; }
  .recruit .system .cont1 .group li { width: 49%; margin-left: 2%; background-color: #fff; display: inline-block; padding: 40px 0; font-size: 15px; text-align: center; margin-top: 10px; }
  .recruit .system .cont1 .group li:nth-child(odd) { margin-left: 0; }
  .recruit .system .cont1 .group li div { width: 78px; height: 78px; background-color: #f5f5f5; border-radius: 50%; margin: 0 auto 20px auto; }
  .recruit .system .cont1 .group li div:before { content: ''; display: inline-block; width: 31.5px; height: 45px; background: url("../../images/recruit/spr-system.pngg") 0 0 no-repeat; margin: 15px auto 0 auto; background-size: 375px; background-position: -22px -13.5px; }
  .recruit .system .cont1 .group li:nth-child(2) div:before { background-position: -97px -13.5px; }
  .recruit .system .cont1 .group li:nth-child(3) div:before { background-position: -172px -13.5px; }
  .recruit .system .cont1 .group li:nth-child(4) div:before { background-position: -247px -13.5px; }
  .recruit .system .cont1 .group li:nth-child(5) div:before { background-position: -322px -13.5px; }
  .recruit .system .cont1 .group li span { display: block; line-height: 1; }
  .recruit .system .cont2 { margin-top: 50px; }
  .recruit .system .cont2 ul { margin: 0 15px; }
  .recruit .system .cont2 ul li { float: none; width: 100%; height: auto; margin-left: 0; padding: 30px 20px 30px 10px; }
  .recruit .system .cont2 ul li p, .recruit .system .cont2 ul li em { margin-left: 0; margin-right: 0; }
  .recruit .system .cont2 ul li:last-child { margin-top: 50px; }
  .recruit .system .welfare { text-align: left; text-align-last: left; margin-top: 70px; padding: 0 25px; }
  .recruit .system .welfare li { text-align: left; text-align-last: left; display: inline-block; width: 100%; height: auto; padding: 25px; margin-top: 10px; }
  .recruit .system .welfare li div { float: left; width: calc(100% - 103px); margin-left: 25px; }
  .recruit .system .welfare li .icon { width: 78px; height: 78px; margin: 0; }
  .recruit .system .welfare li .icon:before { width: 30px; height: 29px; background: url("../../images/recruit/spr-system.pngg") 0 0 no-repeat; background-size: 375px; background-position: 0 -90px; }
  .recruit .system .welfare li:nth-child(2) .icon:before { width: 30px; height: 27px; background-position: -37.5px -90px; }
  .recruit .system .welfare li:nth-child(3) .icon:before { width: 30px; height: 27px; background-position: -75px -90px; }
  .recruit .system .welfare li:nth-child(4) .icon:before { width: 30px; height: 30px; background-position: -112.5px -90px; }
  .recruit .system .welfare li:nth-child(5) .icon:before { width: 30px; height: 30px; background-position: 0 -127.5px; }
  .recruit .system .welfare li:nth-child(6) .icon:before { width: 30px; height: 27px; background-position: -37.5px -127.5px; }
  .recruit .system .welfare li:nth-child(7) .icon:before { width: 24px; height: 30px; background-position: -75px -127.5px; }
  .recruit .system .welfare li:nth-child(8) .icon:before { width: 30px; height: 30px; background-position: -112.5px -127.5px; }
  .recruit .system .welfare li:nth-child(9) .icon:before { width: 30px; height: 27px; background-position: 0 -165px; }
  .recruit .system .welfare li:nth-child(10) .icon:before { width: 24px; height: 30px; background-position: -37.5px -165px; }
  .recruit .system .welfare li:nth-child(11) .icon:before { width: 30px; height: 30px; background-position: -75px -165px; }
  .recruit .system .welfare li:nth-child(12) .icon:before { width: 30px; height: 27px; background-position: -112.5px -165px; }
  .recruit .system .welfare li strong { font-size: 16px; margin-top: 0; margin-bottom: 15px; }
  .recruit .system .welfare li p { font-size: 14px; line-height: 21px; margin: 0; }
  .recruit .system .welfare li p br { display: none; } }

.recruit .list-recruit { text-align: justify; text-align-last: justify; overflow: hidden; margin-top: 10px; }

.recruit .list-recruit li { display: inline-block; vertical-align: top; border: 1px solid #999; padding: 50px 50px 60px 50px; width: 49%; height: 290px; margin-top: 20px; }

.recruit .list-recruit li > div { float: left; }

.recruit .list-recruit li .ico-wrap { width: 80px; text-align: center; text-align-last: center; }

.recruit .list-recruit li .ico-wrap span { width: 80px; height: 80px; display: block; background-color: #666; border-radius: 50%; }

.recruit .list-recruit li .ico-wrap span:before { content: ''; display: block; width: 32px; height: 32px; background: url("../../images/common/spr-common.pngg") -360px -100px no-repeat; position: relative; top: 50%; transform: translateY(-50%); margin: 0 auto; }

.recruit .list-recruit li .ico-wrap p { margin-top: 10px; font-size: 18px; color: #000; line-height: 1; letter-spcaing: -0.5px; }

.recruit .list-recruit li .text-wrap { text-align: left; text-align-last: left; margin-left: 50px; width: 66%; height: 100%; position: relative; }

.recruit .list-recruit li .text-wrap .sort { font-size: 0; margin-bottom: 16px; }

.recruit .list-recruit li .text-wrap .sort span { display: inline-block; font-size: 12px; color: #000; height: 27px; line-height: 27px; text-align: center; text-align-last: center; border: 1px solid #999; border-radius: 2px; padding: 0 11px; margin-right: 6px; }

.recruit .list-recruit li .text-wrap p { font-size: 24px; line-height: 36px; }

.recruit .list-recruit li .text-wrap p a { word-break: keep-all !important; text-align: left; text-align-last: left; color: #000; }

.recruit .list-recruit li .text-wrap > span { position: absolute; left: 0; bottom: 0; font-family: 'Titillium Web'; font-size: 14px; color: #666; line-height: 1; }

.recruit .list-recruit li.active { border: 1px solid #3f7ac6; }

.recruit .list-recruit li.active .ico-wrap span { background-color: #3f7ac6; }

.recruit .list-recruit li.active .ico-wrap span:before { width: 28px; height: 32px; background: url("../../images/common/spr-common.pngg") -330px -100px no-repeat; }

.recruit .list-recruit li.active .ico-wrap p { color: #3f7ac6; }

/* 2019/05/03 채용공고 리스트 3개 추가 */

/* 서류심사 */
.recruit .list-recruit li.active1 { border: 1px solid #1b5e9b; }

.recruit .list-recruit li.active1 .ico-wrap span { background-color: #1b5e9b; }

.recruit .list-recruit li.active1 .ico-wrap span:before { width: 32px; height: 32px; background: url("../../images/common/rec-common.pngg") no-repeat; }

.recruit .list-recruit li.active1 .ico-wrap p { color: #1b5e9b; }

/* 면접진행 */
.recruit .list-recruit li.active2 { border: 1px solid #243e72; }

.recruit .list-recruit li.active2 .ico-wrap span { background-color: #243e72; }

.recruit .list-recruit li.active2 .ico-wrap span:before { width: 33px; height: 32px; background: url("../../images/common/rec-common.pngg") -33px 0  no-repeat; }

.recruit .list-recruit li.active2 .ico-wrap p { color: #243e72; }

/* 신체검사 */
.recruit .list-recruit li.active3 { border: 1px solid #122749; }

.recruit .list-recruit li.active3 .ico-wrap span { background-color: #122749; }

.recruit .list-recruit li.active3 .ico-wrap span:before { width: 32px; height: 32px; background: url("../../images/common/rec-common.pngg") -70px 0 no-repeat; }

.recruit .list-recruit li.active3 .ico-wrap p { color: #122749; }


@media (max-width: 1023px) { .recruit .list-recruit { margin: -10px 15px 0 15px; }
  .recruit .list-recruit li { padding: 24px 20px 28px 20px; height: 168px; margin-top: 10px; }
  .recruit .list-recruit li .ico-wrap { width: 60px; position: relative; top: 50%; transform: translateY(-50%); }
  .recruit .list-recruit li .ico-wrap span { width: 60px; height: 60px; }
  .recruit .list-recruit li .ico-wrap span:before { content: ''; display: block; width: 26px; height: 26px; background: url("../../images/common/spr-common-m.pngg") -40px -60px no-repeat; background-size: 250px; }
  .recruit .list-recruit li .ico-wrap p { font-size: 14px; letter-spacing: -1px; }
  .recruit .list-recruit li.active .ico-wrap span:before { width: 23px; height: 26px; background: url("../../images/common/spr-common-m.pngg") -70px -60px no-repeat; background-size: 250px; }
  .recruit .list-recruit li.active1 .ico-wrap span:before { width: 24px; height: 24px; background: url("../../images/common/rec-common-m.pngg") no-repeat; background-size: 75px; }
  .recruit .list-recruit li.active2 .ico-wrap span:before { width: 25px; height: 24px; background: url("../../images/common/rec-common-m.pngg") -25px 0 no-repeat; background-size: 75px; }
  .recruit .list-recruit li.active3 .ico-wrap span:before { width: 24px; height: 24px; background: url("../../images/common/rec-common-m.pngg") -51px 0 no-repeat; background-size: 75px; }
  .recruit .list-recruit li .text-wrap { margin-left: 20px; width: 65%; }
  .recruit .list-recruit li .text-wrap .sort { font-size: 0; margin-bottom: 10px; }
  .recruit .list-recruit li .text-wrap .sort span { font-size: 12px; color: #000; height: 22px; line-height: 22px; text-algin: center; text-align-last: center; border: 1px solid #999; border-radius: 2px; padding: 0 8px; margin-right: 4px; }
  .recruit .list-recruit li .text-wrap p { font-size: 16px; line-height: 22px; }
  .recruit .list-recruit li .text-wrap > span { position: absolute; left: 0; bottom: 0; font-family: 'Titillium Web'; font-size: 14px; color: #666; line-height: 1; } }

@media (max-width: 767px) { .recruit .list-recruit li { width: 100%; } }

.recruit .work-list { font-size: 0; margin-top: -38px; }

.recruit .work-list.list3 li div { min-height: auto; }

.recruit .work-list li { display: inline-block; width: 49%; margin-right: 2%; margin-top: 38px; font-size: 16px; vertical-align: top; }

.recruit .work-list li:nth-child(even) { margin-right: 0; }

.recruit .work-list li strong { font-size: 22px; color: #000; font-weight: 600; }

.recruit .work-list li div { margin-top: 20px; border: 1px solid #ececec; padding: 30px; min-height: 138px; }

.recruit .work-list li p { margin-bottom: 5px; line-height: 22px; }

.recruit .work-list li p:last-child { margin-bottom: 0; color: #999; }

@media (max-width: 1023px) { .recruit .work-list { margin: -40px 15px 0 15px; }
  .recruit .work-list li { margin-top: 40px; font-size: 14px; }
  .recruit .work-list li strong { font-size: 16px; }
  .recruit .work-list li div { margin-top: 15px; border: 1px solid #ececec; padding: 26px; min-height: 130px; }
  .recruit .work-list li p { margin-bottom: 8px; line-height: 20px; word-break: keep-all !important; }
  .recruit .work-list li p:last-child { margin-bottom: 0; } }

@media (max-width: 767px) { .recruit .work-list { margin: -40px 15px 0 15px; }
  .recruit .work-list li { width: 100%; margin-right: 0; margin-top: 40px; font-size: 14px; }
  .recruit .work-list li div { min-height: auto; } }

.company .ceo { width: 100%; position:relative; }

.company .ceo:first-child { padding-bottom: 600px; background: url("../../images/company/bg-ceo-pc.jpgg") 50% 100% no-repeat; }

.company .ceo + .ceo { margin: 0px 50px 200px 50px; width: auto; background: url("../../images/company/bg-ceo2-pc.jpgg") 50% 0 no-repeat; }

.company .ceo .cont1 { width: 100%; max-width: 1220px;height:100%; margin: 0 auto; text-align: center; }
.company .ceo .cont1:after{content:"";display:block;clear:both;}

/*ceo*/
.company .ceo .cont1 .ceoImg-cont{width:100%;height:315px;position:relative;margin-bottom:100px;}
.company .ceo .cont1 .ceoImg-cont .ceoImg-left {width:299px;position:absolute;top:0;z-index:9}
.company .ceo .cont1 .ceoImg-cont .ceoImg-right{width:calc( 100% - 299px );height:266px;background:url(ui/images/aboutus/ceo_txt_bg.png);background-repeat:no-repeat; position:absolute;top:50px;left:299px;z-index:8;}
.company .ceo .cont1 .ceoImg-cont .ceoImg-right p{font-size:24px;line-height:36px;color:#fff;margin:10%;font-family: 'Nanum Myeongjo', serif;}
.company .ceo .cont1 .ceoTxt{position:relative;}
.company .ceo .cont1 .ceoTxt .strng1{font-size:24px;color:#2d2d2d;font-weight:700;line-height:38px;}
.company .ceo .cont1 .ceoTxt .strng2{font-size:24px;color:#d51c29;font-weight:700;line-height:38px;}
.company .ceo .cont1 .ceoTxt p{font-size:17px;color:#666;line-height:28px;margin-bottom:100px;}
/*//ceo*/

.company .ceo .cont1 > em { display: block; color: #000; font-size: 16px; font-family: 'Titillium Web'; font-weight: 600; line-height: 1; margin-bottom: 25px; }

.company .ceo .cont1 strong { display: block; color: #000; font-size: 42px; line-height: 62px; margin-bottom: 95px; }

.company .ceo .cont1 p { text-align: left; color: #666; font-size: 20px; line-height: 34px; }

.company .ceo .cont1 p + p { margin-top: 40px; }

.company .ceo .cont1 .signiture { overflow: hidden; margin-top: 80px; }

.company .ceo .cont1 .signiture strong, .company .ceo .cont1 .signiture em { display: block; float: right; line-height: 100%; margin-bottom: 0; }

.company .ceo .cont1 .signiture strong { font-size: 30px; }

.company .ceo .cont1 .signiture em { font-size: 16px; padding-top: 14px; margin-right: 20px; }

.company .ceo .cont2 .top { text-align: center; color: #fff; }

.company .ceo .cont2 .top strong { display: block; padding-top: 158px; font-size: 50px; line-height: 1; margin-bottom: 50px; }

.company .ceo .cont2 .top p { font-size: 16px; line-height: 26px; padding-bottom: 150px; }

.company .ceo .cont2 .text { width: 100%; max-width: 1200px; margin: 0 auto; background-color: #fff; padding-top: 130px; text-align: center; }

.company .ceo .cont2 .text > strong, .company .ceo .cont2 .text p, .company .ceo .cont2 .text ul { width: 1000px; max-width: 100%; margin: 0 auto; display: block; text-align: left; }

.company .ceo .cont2 .text p { font-size: 16px; line-height: 30px; color: #666; padding-bottom: 90px; border-bottom: 1px solid #dbdbdb; }

.company .ceo .cont2 .text strong { margin-top: 90px; line-height: 1; font-size: 22px; color: #000; font-weight: 600; }

.company .ceo .cont2 .text ul { margin-top: 30px; margin-bottom: 145px; }

.company .ceo .cont2 .text ul li { color: #666; font-size: 16px; line-height: 32px; padding-left: 12px; position: relative; }

.company .ceo .cont2 .text ul li:before { content: ''; display: block; width: 4px; height: 4px; border-radius: 50%; background-color: #666; position: absolute; top: 14px; left: 0; }

.company .ceo .cont2 .text .img { width: 900px; height: 853px; margin: 0 auto; display: block; background: url("../../images/company/img-ceo.jpgg") 0 0 no-repeat; }

.company .ceo .cont2 img { display: none; }

@media (max-width: 1023px) { .company .ceo { width: 100%; }
  .company .ceo:first-child { background-size: 100%; padding-bottom: 430px; }
  .company .ceo + .ceo { margin: 0 0 100px 0; width: auto; background: url("../../images/company/bg-ceo2-pc.jpgg") 50% 0 no-repeat; background-size: 100% auto; }
  .company .ceo .cont1 { width: auto; margin: 0 25px; }
  .company .ceo .cont1 em { font-size: 14px; margin-bottom: 20px; }
  .company .ceo .cont1 strong { font-size: 25px; line-height: 35px; margin-bottom: 45px; }
  .company .ceo .cont1 p { font-size: 15px; line-height: 25px; word-break: keep-all !important; }
  .company .ceo .cont1 p + p { margin-top: 20px; }
  .company .ceo .cont1 .signiture { overflow: hidden; margin-top: 40px; }
  .company .ceo .cont1 .signiture strong, .company .ceo .cont1 .signiture em { display: block; line-height: 100%; margin-bottom: 0; text-align: left; }
  .company .ceo .cont1 .signiture strong { font-size: 23px; }
  .company .ceo .cont1 .signiture em { font-size: 13px; padding-top: 0; margin-top: 12px; }
  .company .ceo .cont2 .top { text-align: center; color: #fff; }
  .company .ceo .cont2 .top strong { display: block; padding-top: 62px; font-size: 25px; margin-bottom: 25px; }
  .company .ceo .cont2 .top p { font-size: 14px; line-height: 19px; width: 78%; margin: 0 auto; word-break: keep-all !important; padding-bottom: 50px; }
  .company .ceo .cont2 .text { background-color: #fff; padding: 0 25px; text-align: center; }
  .company .ceo .cont2 .text > strong, .company .ceo .cont2 .text p, .company .ceo .cont2 .text ul { width: auto; }
  .company .ceo .cont2 .text img { width: 100%; }
  .company .ceo .cont2 .text p { font-size: 15px; line-height: 25px; padding-top: 40px; padding-bottom: 40px; position: relative; top: -25px; background-color: #fff; }
  .company .ceo .cont2 .text strong { margin-top: 15px; font-size: 18px; }
  .company .ceo .cont2 .text ul { margin-top: 25px; margin-bottom: 40px; }
  .company .ceo .cont2 .text ul li { font-size: 15px; line-height: 25px; }
  .company .ceo .cont2 .text ul li:before { top: 10px; }
  .company .ceo .cont2 .text .img { width: 80%; height: 71vw; background-size: contain; } }

@media (max-width: 767px) { .company .ceo:first-child { background: url("../../images/company/bg-ceo-m.jpgg") 50% 100% no-repeat; padding-bottom: 75vw; background-size: contain; }
  .company .ceo + .ceo { margin: 0 0 100px 0; width: auto; background: none; }
  .company .ceo .cont1 strong br { display: none; }
  .company .ceo .cont1 p { word-break: break-word !important; }
  .company .ceo .cont2 .top { background: url("../../images/company/bg-ceo2-pc.jpgg") 50% 0 no-repeat; background-size: cover; }
  .company .ceo .cont2 .top p { padding-bottom: 45px; }
  .company .ceo .cont2 .top br { display: none; }
  .company .ceo .cont2 .img { display: none; }
  .company .ceo .cont2 img { display: block; width: 100%; }
  .company .ceo .cont2 .text strong { margin-top: 40px; }
  .company .ceo .cont2 .text p { top: 0; }
  .company .ceo .cont2 .text .img { display: none; }
  .company .ceo .cont2 img { display: block; } }


		
		
		
	/*연혁*/
	/*//연혁*/	
	


.company .company-info { width: 100%; }

.company .company-info:first-child { margin-top: 30px; }

.company .company-info .bg-area { width: 100%; height: 550px; }

.company .company-info.kcc .bg-area { background: url("../../images/company/bg-kcc.pngg") center 0 no-repeat; }

.company .company-info.kcc .text-wrap .cont strong { font-family: 'Titillium Web'; }

.company .company-info.kac .bg-area { background: url("../../images/company/bg-kac.pngg") no-repeat; background-position: center 0; }

@media (max-width: 1300px) { .company .company-info.kac .bg-area { background-position: 20% 0; } }

.company .company-info.kccgolf .bg-area { background: url("../../images/company/bg-kccgolf.pngg") center 0 no-repeat; }

.company .company-info.kccgolf .text-wrap { padding-bottom: 0; }

.company .company-info .text-wrap { margin: -50px 50px 0 50px; background-color: #fff; padding-bottom: 120px; }

.company .company-info .text-wrap .cont { width: 1000px; max-width: 100%; margin: 0 auto; padding-top: 100px; }

.company .company-info .text-wrap .cont strong { font-size: 42px; line-height: 1; font-weight: 600; margin-bottom: 44px; display: block; }

.company .company-info .text-wrap .cont p { font-size: 16px; line-height: 30px; color: #666; letter-spacing: -0.3px; word-break: keep-all !important; }

.company .company-info .text-wrap .cont ul { margin-top: 50px; padding: 50px; border: 1px solid #ececec; }

.company .company-info .text-wrap .cont ul li { font-size: 0; line-height: 1; margin-bottom: 24px; }

.company .company-info .text-wrap .cont ul li:last-child { margin-bottom: 0; }

.company .company-info .text-wrap .cont ul li span { display: inline-block; font-size: 16px; color: #666; }

.company .company-info .text-wrap .cont ul li span:first-child { color: #000; font-size: 14px; width: 100px; font-weight: 600; }

.company .company-info .text-wrap .cont ul li .btn { vertical-align: top; margin-top: -10px; margin-left: 10px; }

.company .how-to-go { width: 100%; max-width: 1200px; margin: 0 auto; padding-bottom: 150px; }

.company .how-to-go .address { font-size: 0; padding: 100px 0 150px 0; width: 810px; margin: 0 auto; }

.company .how-to-go .address strong { font-size: 54px; font-family: 'Titillium Web'; color: #000; font-weight: 100; line-height: 100px; display: inline-block; }

.company .how-to-go .address ul { display: inline-block; margin-left: 140px; vertical-align: top; }

.company .how-to-go .address ul li { font-size: 16px; margin-top: 20px; color: #666; line-height: 1; }

.company .how-to-go .address ul li:first-child { margin-top: 10px; }

.company .how-to-go .address ul li span { display: inline-block; }

.company .how-to-go .address ul li span:first-child { font-size: 14px; color: #000; width: 80px; font-weight: 600; }

.company .how-to-go .address ul li span.num { font-family: 'Titillium Web'; }

.company .how-to-go .traffic { font-size: 0; }

.company .how-to-go .traffic li { display: inline-block; vertical-align: top; width: 32%; margin-right: 2%; border: 1px solid #ececec; font-size: 14px; min-height: 482px; }

.company .how-to-go .traffic li strong { display: block; padding: 0 40px; font-size: 28px; color: #000; line-height: 120px; height: 120px; border-bottom: 2px solid #000; position: relative; }

.company .how-to-go .traffic li strong:after { content: ''; display: block; width: 39px; height: 50px; background: url("../../images/common/spr-common.pngg") 0 -165px no-repeat; position: absolute; top: 27px; right: 37px; }

.company .how-to-go .traffic li:nth-child(2) strong:after { width: 50px; height: 48px; background: url("../../images/common/spr-common.pngg") -40px -165px no-repeat; top: 29px; right: 31px; }

.company .how-to-go .traffic li:nth-child(3) strong:after { width: 50px; height: 43px; background: url("../../images/common/spr-common.pngg") -92px -165px no-repeat; top: 33px; right: 31px; }

.company .how-to-go .traffic li div { padding: 40px 0; margin: 0 40px; border-bottom: 1px solid #ececec; }

.company .how-to-go .traffic li div:last-child { border-bottom: 0; }

.company .how-to-go .traffic li:nth-child(2) div { padding: 33px 0; }

.company .how-to-go .traffic li:nth-child(3) div { padding: 35px 0; }

.company .how-to-go .traffic li em { font-weight: 600; line-height: 1; }

.company .how-to-go .traffic li em.red { color: #cc1122; }

.company .how-to-go .traffic li em.green { color: #449933; }

.company .how-to-go .traffic li em.blue { color: #3355aa; }

.company .how-to-go .traffic li em.sub3 { color: #ff6600; }

.company .how-to-go .traffic li em.sub7 { color: #697215; }

.company .how-to-go .traffic li p { margin-top: 14px; font-size: 16px; color: #666; line-height: 22px; }

.company .how-to-go .traffic li span { margin-top: -5px; margin-left: 25px; display: inline-block; width: 77%; vertical-align: top; word-break: keep-all !important; line-height: 22px; font-size: 16px; color: #666; font-family: 'Titillium Web'; }

.company .how-to-go .traffic li:last-child { margin: 0; }

.company .how-to-go .traffic li:last-child em { display: block; }

.company .how-to-go .traffic li:last-child em:first-child { margin-bottom: 10px; }

.company #map { width: 100%; max-width: 1200px; margin: 0 auto 200px auto; height: 550px; background-color: #ccc; position: relative; }

.company #map .refresh-map { position: absolute; top: 180px; right: 7px; z-index: 10; width: 24px; height: 24px; background: url(../../images/common/re_icon.png) no-repeat; text-indent: -999px; overflow: hidden; }

.company #map .refresh-map:hover { background-image: url(../../images/common/re_icon_over.png); }

@media (max-width: 1023px) { .company .company-info { width: 100%; }
  .company .company-info:first-child { margin-top: 0px; }
  .company .company-info .bg-area { width: 100%; height: 200px; }
  .company .company-info.kcc br { display: none; }
  .company .company-info.kcc .bg-area { background-size: cover; }
  .company .company-info.kcc .text-wrap .cont strong { font-family: 'Titillium Web'; }
  .company .company-info.kac br { display: none; }
  .company .company-info.kac .bg-area { background-size: cover; }
  .company .company-info.kccgolf .bg-area { background-size: cover; }
  .company .company-info .text-wrap { margin: -15px 25px 0 25px; background-color: #fff; padding-bottom: 55px; }
  .company .company-info .text-wrap .cont { width: auto; padding-top: 40px; }
  .company .company-info .text-wrap .cont strong { font-size: 25px; margin-bottom: 20px; }
  .company .company-info .text-wrap .cont p { font-size: 15px; line-height: 25px; }
  .company .company-info .text-wrap .cont ul { margin-top: 30px; padding: 40px 25px; }
  .company .company-info .text-wrap .cont ul li { margin-bottom: 20px; }
  .company .company-info .text-wrap .cont ul li:last-child { margin-bottom: 0; }
  .company .company-info .text-wrap .cont ul li span { display: inline-block; font-size: 14px; color: #666; line-height: 20px; width: 68%; letter-spacing: -0.5px; }
  .company .company-info .text-wrap .cont ul li span:first-child { color: #000; width: 75px; font-weight: 600; vertical-align: top; }
  .company .company-info .text-wrap .cont ul li .btn { vertical-align: top; display: block; width: 116px; margin: 15px auto 0 auto; padding: 0; }
  .company .how-to-go { max-width: 100%; padding-bottom: 100px; }
  .company .how-to-go .address { font-size: 0; width: auto; margin: 0 25px; padding: 50px 0 75px 0; }
  .company .how-to-go .address ul { margin-left: 60px; }
  .company .how-to-go .traffic { font-size: 0; margin: 0 25px; }
  .company .how-to-go .traffic li { width: 100%; margin-right: 0; font-size: 13px; min-height: unset; margin-bottom: 25px; height: auto; }
  .company .how-to-go .traffic li strong { display: block; padding: 0 25px; font-size: 18px; color: #000; line-height: 80px; height: 80px; border-bottom: 2px solid #000; }
  .company .how-to-go .traffic li strong:after { width: 26px; height: 35px; background: url('../../images/common/spr-common-m.pngg') -105px -50px no-repeat; background-size: 250px; top: 22px; right: 30px; }
  .company .how-to-go .traffic li:nth-child(2) strong:after { width: 35px; height: 34px; background: url("../../images/common/spr-common-m.pngg") -133px -50px no-repeat; background-size: 250px; top: 22px; right: 25px; }
  .company .how-to-go .traffic li:nth-child(3) strong:after { width: 35px; height: 29px; background: url("../../images/common/spr-common-m.pngg") -170.5px -50px no-repeat; background-size: 250px; top: 26px; right: 25px; }
  .company .how-to-go .traffic li div { padding: 30px 0; margin: 0 25px; border-bottom: 1px solid #ececec; }
  .company .how-to-go .traffic li div:last-child { border-bottom: 0; }
  .company .how-to-go .traffic li:nth-child(2) div { padding: 30px 0; }
  .company .how-to-go .traffic li span { margin-top: -5px; margin-left: 25px; width: 74%; vertical-align: top; font-family: 'Titillium Web'; }
  .company .how-to-go .traffic li:last-child em { display: block; }
  .company .how-to-go .traffic li:last-child em:first-child { margin-bottom: 5px; }
  .company #map { height: 300px; margin-bottom: 0; } }

@media (max-width: 767px) { .company .company-info:first-child { margin-top: 0px; }
  .company .company-info .text-wrap { margin: 0 25px; }
  .company .how-to-go { max-width: 100%; padding-bottom: 100px; }
  .company .how-to-go .address { font-size: 0; padding: 10px 0 40px 0; width: auto; text-align: center; }
  .company .how-to-go .address strong { display: block; font-size: 30px; line-height: 1; }
  .company .how-to-go .address strong br, .company .how-to-go .address strong:after { display: none; }
  .company .how-to-go .address ul { margin: 0 50px; }
  .company .how-to-go .address ul li { font-size: 14px; margin-top: 22px; color: #666; line-height: 1; text-align: left; }
  .company .how-to-go .address ul li:first-child { margin-top: 40px; }
  .company .how-to-go .address ul li span { display: inline-block; line-height: 20px; vertical-align: top; width: 61%; word-break: keep-all !important; }
  .company .how-to-go .address ul li span:first-child { max-width: 75px; } }

.btm-img + footer { margin-top: 0; }

.big-img { width: 100%; height: 400px; color: #fff; text-align: center; position: relative;}

.big-img.type-1 { background: url('../images/aboutus/big-01.png') center bottom no-repeat; background-attachment: fixed; background-size: cover; }

.big-img.type-2 { background: url("../../images/common/big-02.png") center bottom no-repeat; background-attachment: fixed; background-size: cover; }

.big-img.type-3 { background: url("../../images/common/big-03.pngg") center bottom no-repeat; background-attachment: fixed; background-size: cover; }

.big-img .text { position: relative; top: 50%; transform: translateY(-50%); }

.big-img strong { font-family: 'Titillium Web'; font-size: 50px; letter-spacing: 8px; font-weight: 600; line-height: 1; }

.big-img p { font-size: 16px; letter-spacing: 8px; line-height: 1; margin-top: 40px; }

.big-img span { position: absolute; bottom: 5%; right: 2%; font-size: 16px; letter-spacing: 3px; line-height: 1; }

@media (max-width: 1300px) { .big-img { background-attachment: scroll !important; } }

@media (max-width: 1023px) { .big-img { height: 375px; }
  .big-img.type-1, .big-img.type-2, .big-img.type-3 { background-size: cover; background-position: 55%; background-attachment: scroll; }
  .big-img strong { letter-spacing: 4px; font-size: 28px; }
  .big-img p { letter-spacing: 1px; font-size: 12px; margin-top: 18px; }
  .big-img span { letter-spacing: 1px; font-size: 12px; right: 5%; } }

.investment .notice, .mypage .notice, .customer .notice, .management-default.organization .notice { color: #3f7ac6; font-size: 14px; line-height: 1; margin-top: 20px; }

@media (max-width: 1023px) { .investment .notice, .mypage .notice, .customer .notice, .management-default.organization .notice { font-size: 12px; line-height: 17px; margin: 12px 15px 0 15px; } }

.recruit-pop { width: 800px; margin: 0 auto; }

.recruit-pop .top { height: 350px; text-align: center; color: #fff; padding-top: 106px; }

.recruit-pop .top strong { font-size: 42px; font-weight: 700; line-height: 1; }

.recruit-pop .top p { font-size: 20px; line-height: 1; margin-top: 18px; }

.recruit-pop .top p span { font-weight: 700; }

.recruit-pop .detail { width: 720px; margin: -50px auto 0 auto; padding: 40px 50px 50px 50px; background-color: #fff; }

.recruit-pop .detail strong { font-size: 18px; color: #000; font-weight: 700; line-height: 1; display: block; margin-bottom: 20px; }

.recruit-pop .detail table { border-top: 3px solid #000; margin-bottom: 50px; }

.recruit-pop .detail table th, .recruit-pop .detail table td { text-align: center; height: 50px; font-size: 14px; border-bottom: 1px solid #ececec; }

.recruit-pop .detail table th { background-color: #f5f5f5; }

.recruit-pop .detail ul li { font-size: 14px; line-height: 24px; margin-bottom: 8px; color: #000; padding-left: 15px; position: relative; }

.recruit-pop .detail ul li em { font-weight: 700; }

.recruit-pop .detail ul li:last-child { margin-bottom: 60px; }

.recruit-pop .detail ul li:before { content: ''; display: block; width: 4px; height: 4px; border-radius: 50%; background-color: #000; position: absolute; top: 10px; left: 0; }

.recruit-pop.type-a .top { background: url("../../images/common/recruit-typea.jpgg") 0 0 no-repeat; }

.recruit-pop.type-b { border: 12px solid #004097; }

.recruit-pop.type-b .top { background: url("../../images/common/recruit-typeb.jpgg") 0 0 no-repeat; border-bottom: 3px solid #004097; }

.recruit-pop.type-b .top strong { font-size: 50px; line-height: 62px; }

.recruit-pop.type-b .top p { font-size: 20px; font-weight: 100; }

.recruit-pop.type-b .detail { margin-top: 0; padding: 50px; }

.policy_description { margin-bottom: 40px; color: #000; }

.policy_description:last-child { margin-bottom: 0; }

.policy_description h3 { font-size: 20px; margin-bottom: 5px; font-weight: 600; }

.policy_description p { font-size: 16px; line-height: 34px; }

.policy_description p strong { font-weight: 600; }

@media (max-width: 1023px) { .policy_description { padding: 0 15px; }
  .policy_description h3 { font-size: 16px; margin-bottom: 10px; }
  .policy_description p { font-size: 14px; line-height: 21px; } }

.block_mail_address { background-color: #f6f6f6; padding: 100px 30px; text-align: center; font-size: 16px; line-height: 26px; margin-bottom: 200px; }

.block_mail_address strong { display: block; font-size: 20px; line-height: 1; margin-bottom: 18px; padding-top: 180px; background: url("../../images/common/ico_mail.pngg") no-repeat 50% 0; }

.block_mail_address strong br { display: none; }

@media (max-width: 1023px) { .block_mail_address { margin-top: -40px; margin-bottom: 0; font-size: 14px; line-height: 21px; }
  .block_mail_address br { display: none; }
  .block_mail_address strong { display: block; padding-top: 88px; margin-bottom: 10px; font-size: 22px; line-height: 30px; font-weight: 400; background: url(../../images/common/ico_mail.png) no-repeat 50% 0; background-size: 67px; }
  .block_mail_address strong br { display: block; } }

.pw-change { text-align: center; }

.pw-change h4 { padding-top: 190px; background: url("../../images/common/ico_security.pngg") no-repeat 50% 0; margin-bottom: 25px; font-size: 28px; font-weight: 400; line-height: 1.5; }

.pw-change p { color: #666; font-size: 16px; line-height: 26px; }

.pw-change strong { color: #222; display: block; font-weight: 700; }

.pw-change em { font-weight: 700; }

.pw-change .btn-wrap { margin-top: 95px; }

.pw-change .btn { display: inline-block; min-width: 180px; height: 54px; line-height: 54px; padding: 0 40px; font-size: 18px; font-weight: 700; text-align: center; }

.pw-change .btn.default { color: #000; border: 1px solid #a6a6a6; }

.pw-change .btn.default:hover { background-color: #000; color: #fff; border: none; }

.pw-change .btn.disabled, .pw-change .btn:disabled { background-color: #ddd; color: #666; border: none; }

.pw-change .btn.disabled:hover, .pw-change .btn:disabled:hover { background-color: #666; color: #fff; }

@media (max-width: 767px) { .pw-change { margin: 0 15px; }
  .pw-change h4 { font-size: 18px; background-size: 162px; padding-top: 115px; }
  .pw-change h4 br { display: none; }
  .pw-change p { color: #666; font-size: 14px; line-height: 22px; text-align: left; }
  .pw-change p br { display: none; }
  .pw-change strong { color: #222; display: block; font-weight: 700; }
  .pw-change em { font-weight: 700; }
  .pw-change .btn-wrap { margin-top: 40px; }
  .pw-change .btn-wrap .btn { width: 48%; height: 40px; line-height: 40px; font-size: 13px; min-width: unset; padding: 0; } }

.main-w-pop { width: 780px; max-width: 100%; height: 750px; margin: 0 auto; padding: 60px 50px; }

.main-w-pop strong { display: block; font-size: 32px; line-height: 1; margin-bottom: 50px; text-align: center; }

.main-w-pop p { font-size: 20px; line-height: 32px; margin-bottom: 30px; }

.main-w-pop .btn-wrap { margin-top: 50px; text-align: center; padding-bottom: 50px; }

.main-w-pop .btn-wrap .btn { width: 150px; height: 50px; line-height: 50px; font-size: 16px; }

.main-w-pop .chk-box-wrap { background-color: #f5f5f5; padding: 30px 40px; margin-top: 5px; }

.main-w-pop .chk-box-wrap span { font-size: 18px; line-height: 28px; padding-left: 34px; }

.main-w-pop .chk-box-wrap span:before { top: 50%; transform: translateY(-50%); }

@media (max-width: 767px) { .main-w-pop { width: auto; height: 100%; margin: 0; padding: 50px 30px; }
  .main-w-pop strong { font-size: 18px; margin-bottom: 30px; }
  .main-w-pop p { font-size: 16px; line-height: 26px; margin-bottom: 20px; }
  .main-w-pop .btn-wrap { margin-top: 25px; text-align: center; padding-bottom: 25px; }
  .main-w-pop .btn-wrap .btn { width: 150px; height: 44px; line-height: 44px; font-size: 16px; }
  .main-w-pop .chk-box-wrap { background-color: #f5f5f5; padding: 20px; margin-top: 5px; }
  .main-w-pop .chk-box-wrap span { font-size: 14px; line-height: 22px; padding-left: 34px; } }

.ui-popup { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 1000; background-color: rgba(0, 0, 0, 0.5); text-align: center; white-space: nowrap; font-size: 0; /* 팝업별 세팅 */ }

.ui-popup.on { display: block; }

.ui-popup:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; }

.ui-popup .inner { display: inline-block; position: relative; width: 780px; overflow: hidden; background-color: #fff; text-align: left; vertical-align: middle; white-space: initial; }

.ui-popup .header { position: relative; padding: 60px 0 48px; }

.ui-popup .header h2 { text-align: center; font-size: 32px; line-height: 100%; }

.ui-popup .body { overflow-y: auto; box-sizing: border-box; padding-bottom: 60px; height: auto; }

.ui-popup .body .content { padding: 0 50px; }

.ui-popup .btn-wrap { width: 100%; font-size: 0; text-align: center; }

.ui-popup .btn-wrap a, .ui-popup .btn-wrap button { margin: 0 3px; }

.ui-popup .btn-wrap.item1 a, .ui-popup .btn-wrap.item1 button { margin: 0; }

.ui-popup .btn_close { position: absolute; top: 30px; right: 30px; text-indent: -9999px; overflow: hidden; width: 40px; height: 40px; }

.ui-popup .btn_close:before { display: block; content: ''; width: 20px; height: 20px; position: absolute; top: 10px; left: 10px; background: url("../../images/common/spr-common.pngg") -149px 0 no-repeat; }

.ui-popup .table-row { border-top-width: 1px; border-bottom: none; }

.ui-popup .table-row .row > div { text-align: left; }

.ui-popup .table-row .row > div.th { padding-left: 30px; background: none; border: none; border-bottom: 1px solid #ececec; font-weight: 400; color: #000; width: 184px; }

.ui-popup .table-row .row > div.td { border: none; border-bottom: 1px solid #ececec; font-size: 16px; padding-left: 0; }

.ui-popup .table-row .row > div.td.en { font-weight: 600; font-size: 16px; letter-spacing: 0.05em; color: #000; }

.ui-popup .table-row .row > div.td.en input[type=text] { width: 310px; padding-left: 0; }

.ui-popup .table-row .row > div.td input[type=password] { width: 310px; }

@media (max-width: 1023px) { .ui-popup .table-row { border-top: none; }
  .ui-popup .table-row .row > div.th { border: none; padding-left: 10px; padding-right: 10px; }
  .ui-popup .table-row .row > div.td { border: none; padding-left: 10px; padding-right: 10px; }
  .ui-popup .table-row .row > div.td.en input[type=text] { width: 100%; padding-left: 15px; font-weight: 400; }
  .ui-popup .table-row .row > div.td input[type=password] { width: 100%; }
  .ui-popup .table-row .row:last-child > div.td { padding-bottom: 0; } }

@media (max-width: 1023px) { .ui-popup { padding: 0 25px; }
  .ui-popup .inner { width: 100%; }
  .ui-popup .header { padding: 40px 0 15px; }
  .ui-popup .header h2 { font-size: 18px; font-weight: 700; }
  .ui-popup .body { padding-bottom: 0; }
  .ui-popup .btn-wrap a.btn, .ui-popup .btn-wrap button.btn { margin: 0; height: 45px; line-height: 43px; color: #fff; font-size: 12px; }
  .ui-popup .btn-wrap a.btn.line-black, .ui-popup .btn-wrap button.btn.line-black { border-color: #666; background-color: #666; }
  .ui-popup .btn-wrap a.btn.flat-black, .ui-popup .btn-wrap button.btn.flat-black { border-color: #3f7ac6; background-color: #3f7ac6; }
  .ui-popup .btn-wrap.item1 a.btn, .ui-popup .btn-wrap.item1 button.btn { width: 100%; }
  .ui-popup .btn-wrap.item2 a.btn, .ui-popup .btn-wrap.item2 button.btn { width: 50%; }
  .ui-popup .btn-wrap.item3 a.btn, .ui-popup .btn-wrap.item3 button.btn { width: 33.33333%; }
  .ui-popup .btn_close { position: absolute; top: 20px; right: 20px; text-indent: -9999px; overflow: hidden; width: 15px; height: 15px; }
  .ui-popup .btn_close:before { display: block; content: ''; width: 15px; height: 15px; position: static; background: url("../../images/common/spr-common-m.pngg") -35px -35px no-repeat; background-size: 250px; } }

.ui-popup.pop-find-id .body .content { padding: 0 50px; text-align: center; }

.ui-popup.pop-find-id .body .info { font-size: 16px; line-height: 100%; margin-bottom: 20px; color: #666; }

.ui-popup.pop-find-id .body .info br { display: none; }

.ui-popup.pop-find-id .body .id-is { background-color: #f5f5f5; font-size: 16px; line-height: 100%; padding: 36px 0; margin-bottom: 30px; }

.ui-popup.pop-find-id .body .id-is strong { font-weight: 700; }

.ui-popup.pop-find-id .body .id-is span { font-weight: 600; font-size: 16px; letter-spacing: 0.05em; color: #0c4ca3; }

.ui-popup.pop-find-id .body .id-is br { display: none; }

.ui-popup.pop-find-id .body .id-is input { width: 300px; }

.ui-popup.pop-find-id .body .id-no { font-size: 16px; color: #000; text-align: center; margin-bottom: 30px; }

@media (max-width: 1023px) { .ui-popup.pop-find-id .body .content { padding: 0 15px; }
  .ui-popup.pop-find-id .body .info { font-size: 13px; line-height: 20px; margin-bottom: 17px; }
  .ui-popup.pop-find-id .body .info br { display: block; }
  .ui-popup.pop-find-id .body .id-is { font-size: 15px; line-height: 20px; margin-bottom: 38px; padding: 18px 0; }
  .ui-popup.pop-find-id .body .id-is br { display: block; }
  .ui-popup.pop-find-id .body .id-is input { width: 55%; max-width: 300px; }
  .ui-popup.pop-find-id .body .id-no { font-size: 13px; margin-bottom: 38px; } }

.ui-popup.pop-reset-pw .body { height: 500px; overflow: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; }

.ui-popup.pop-reset-pw .body .content { padding: 0 50px; text-align: center; overflow: hidden; }

.ui-popup.pop-reset-pw .body .info { font-size: 16px; line-height: 100%; margin-bottom: 20px; color: #666; }

.ui-popup.pop-reset-pw .body .info br { display: none; }

.ui-popup.pop-reset-pw .body .reset-pw-info { background-color: #f5f5f5; text-align: left; padding: 25px 30px; margin-bottom: 30px; white-space: normal; }

.ui-popup.pop-reset-pw .body .reset-pw-info ul li { font-size: 16px; line-height: 26px; color: #666; position: relative; padding-left: 8px; }

.ui-popup.pop-reset-pw .body .reset-pw-info ul li:before { display: block; content: ''; width: 2px; height: 2px; background-color: #3a3a3a; position: absolute; top: 11px; left: 0; }

.ui-popup.pop-reset-pw .body .reset-pw-info ul li + li { margin-top: 4px; }

.ui-popup.pop-reset-pw .body .table-row { margin-bottom: 30px; }

@media (max-width: 1023px) { .ui-popup.pop-reset-pw .body .content { padding: 0 15px; }
  .ui-popup.pop-reset-pw .body .info { font-size: 13px; line-height: 20px; margin-bottom: 17px; }
  .ui-popup.pop-reset-pw .body .info br { display: block; }
  .ui-popup.pop-reset-pw .body .reset-pw-info { background-color: #f5f5f5; text-align: left; margin-bottom: 5px; padding: 18px 15px; }
  .ui-popup.pop-reset-pw .body .reset-pw-info ul li { font-size: 13px; line-height: 18px; padding: 0 10px; }
  .ui-popup.pop-reset-pw .body .reset-pw-info ul li:before { top: 7px; }
  .ui-popup.pop-reset-pw .body .reset-pw-info ul li + li { margin-top: 7px; }
  .ui-popup.pop-reset-pw .body .table-row { margin-bottom: 40px; } }

.ui-popup.pop-management { padding: 0; }

.ui-popup.pop-management .inner { width: 920px; }

.ui-popup.pop-management .inner .content { font-size: 14px; }

.ui-popup.pop-management .inner .content .table-wrap { position: relative; overflow: hidden; overflow-x: auto; -webkit-overflow-scrolling: touch; }

.ui-popup.pop-management .inner .content .table-wrap .table-col { border-top: 0; }

.ui-popup.pop-management .inner .content .table-wrap .table-col .row.table-col-header > div { border-top: 3px solid #555; background-color: #f5f5f5; text-align: center; padding-left: 0; }

.ui-popup.pop-management .inner .content .table-wrap .table-col .row > div { padding: 20px 0 20px 20px; color: #000; text-align: left; }

.ui-popup.pop-management .inner .content .table-wrap .table-col .row > div.list-num { width: 200px; text-align: center; padding-left: 0; }

.ui-popup.pop-management .inner .content .table-wrap .table-col .row > div p { font-weight: 400; font-size: 14px; color: #000; line-height: 1; margin-bottom: 10px; }

.ui-popup.pop-management .inner .content .table-wrap .table-col .row > div p:last-child { margin-bottom: 0; }

@media (max-width: 1023px) { .ui-popup.pop-management .inner .content .table-wrap { margin: 0; }
  .ui-popup.pop-management .inner .content .table-wrap .table-col { padding-right: 15px; }
  .ui-popup.pop-management .inner .content .table-wrap .table-col .row.table-col-header { display: table-row; }
  .ui-popup.pop-management .inner .content .table-wrap .table-col .row.table-col-header > div { border-top: 3px solid #555; font-size: 14px; }
  .ui-popup.pop-management .inner .content .table-wrap .table-col .row > div { width: 200px; letter-spacing: -0.8px; padding-left: 0; }
  .ui-popup.pop-management .inner .content .table-wrap .table-col .row > div.list-num { width: 75px; }
  .ui-popup.pop-management .inner .content .table-wrap .table-col .row > div:last-child { width: 234px; }
  .ui-popup.pop-management .inner .content .table-wrap .table-col .row > div p { font-size: 13px; } }

.ui-popup.pop-management .inner .content strong { font-weight: 600; font-size: 18px; margin-top: 50px; margin-bottom: 30px; display: inline-block; }

.ui-popup.pop-management .inner .content p { font-weight: 600; margin-bottom: 10px; font-size: 16px; }

.ui-popup.pop-management .inner .content ul > li { line-height: 20px; margin-bottom: 10px; white-space: normal; }

.ui-popup.pop-management .inner .content ul > li:last-child { margin-bottom: 20px; }

.ui-popup.pop-management .inner .content ul > li > ul { margin-top: 10px; }

.ui-popup.pop-management .inner .content ul > li > ul > li { text-indent: -15px; padding-left: 35px; }

@media (max-width: 1023px) { .ui-popup.pop-management .inner { width: 100%; height: 100%; }
  .ui-popup.pop-management .inner .header { padding: 0; }
  .ui-popup.pop-management .inner .header h2 { height: 65px; line-height: 65px; }
  .ui-popup.pop-management .inner .header .btn_close { top: 24px; }
  .ui-popup.pop-management .inner .body { overflow: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; }
  .ui-popup.pop-management .inner .body .content { padding: 0 25px; font-size: 13px; }
  .ui-popup.pop-management .inner .body .content .img { position: relative; overflow: auto; }
  .ui-popup.pop-management .inner .body .content strong { font-size: 16px; margin-top: 25px; margin-bottom: 15px; display: inline-block; }
  .ui-popup.pop-management .inner .body .content p { margin-bottom: 8px; font-size: 14px; }
  .ui-popup.pop-management .inner .body .content ul > li { line-height: 18px; margin-bottom: 8px; }
  .ui-popup.pop-management .inner .body .content ul > li:last-child { margin-bottom: 10px; }
  .ui-popup.pop-management .inner .body .content ul > li > ul { margin-top: 8px; }
  .ui-popup.pop-management .inner .body .content ul > li > ul > li { text-indent: -15px; padding-left: 20px; } }

.ui-popup.pop-project { background-color: rgba(0, 0, 0, 0.7); }

.ui-popup.pop-project .inner { width: 800px; background: transparent; overflow: unset; }

.ui-popup.pop-project .inner .body { overflow: unset; padding: 0; }

.ui-popup.pop-project .inner .body .btn_close { width: 60px; height: 60px; background: rgba(0, 0, 0, 0.4); z-index: 10; border-radius: 50%; top: 80px; right: 20px; }

.ui-popup.pop-project .inner .body .btn_close:before { background-position: -305px -60px; top: 20px; left: 20px; }

.ui-popup.pop-project .inner .body .content { position: relative; }

.ui-popup.pop-project .inner .body .content > .cat-wrap { color: #fff; text-align: center; margin-bottom: 20px; }

.ui-popup.pop-project .inner .body .content > .cat-wrap span { line-height: 42px; padding: 0 15px; font-size: 14px; display: inline-block; }

.ui-popup.pop-project .inner .body .content .construct { background-color: rgba(12, 76, 163, 0.7); }

.ui-popup.pop-project .inner .body .content .civil { background-color: rgba(112, 111, 191, 0.7); }

.ui-popup.pop-project .inner .body .content .housing { background-color: rgba(94, 201, 177, 0.7); }

.ui-popup.pop-project .inner .body .content .plant { background-color: rgba(255, 82, 125, 0.7); }

.ui-popup.pop-project .inner .body .content .sub-cat { background-color: rgba(0, 0, 0, 0.7); }

.ui-popup.pop-project .inner .body .content .swiper-slide { height: 520px; }

.ui-popup.pop-project .inner .body .content .swiper-slide img { display: block; margin: 0 auto; height: 100%; }

.ui-popup.pop-project .inner .body .content .swiper-pagination { right: 10px; bottom: 110px; text-align: right; }

.ui-popup.pop-project .inner .body .content .swiper-pagination .swiper-pagination-bullet { opacity: 1; background-color: #fff; width: 10px; height: 10px; margin-right: 10px; }

.ui-popup.pop-project .inner .body .content .swiper-pagination .swiper-pagination-bullet:last-child { margin-right: 0; }

.ui-popup.pop-project .inner .body .content .swiper-pagination .swiper-pagination-bullet-active { background-color: #3f7ac6; }

.ui-popup.pop-project .inner .body .content button { position: absolute; z-index: 4; width: 143px; height: 23px; background: url("../../images/common/spr-common.pngg") -330px -50px no-repeat; top: 44%; }

.ui-popup.pop-project .inner .body .content button.prev { left: 0; right: auto; }

.ui-popup.pop-project .inner .body .content button.next { background-position: -330px -75px; left: auto; right: 0; }

.ui-popup.pop-project .inner .body .content .text-wrap { height: 160px; background: none; font-size: 14px; color: #fff; padding-top: 35px; padding-left: 10px; }

.ui-popup.pop-project .inner .body .content .text-wrap strong { font-size: 24px; }

.ui-popup.pop-project .inner .body .content .text-wrap p { font-size: 16px; line-height: 26px; margin-top: 8px; }

.ui-popup.pop-project .inner .body .content .text-wrap p span { display: block; }

.ui-popup.pop-project .inner .body .content .text-wrap p span span { display: inline-block; width: 78px; }

.ui-popup.pop-project .inner .body .content .text-wrap p .date { font-family: 'Titillium Web'; }

.ui-popup.pop-project .inner .body .content .text-wrap p .date > span { font-family: 'NanumSquare','Nanum Gothic'; }

@media (max-width: 1023px) { .ui-popup.pop-project .inner { width: 100%; max-width: 500px; }
  .ui-popup.pop-project .inner .body { overflow: unset; padding: 0; }
  .ui-popup.pop-project .inner .body .btn_close { width: 30px; height: 30px; background: rgba(0, 0, 0, 0.4); z-index: 10; border-radius: 50%; top: 60px; right: 10px; }
  .ui-popup.pop-project .inner .body .btn_close:before { position: absolute; background-position: -165px -35px; top: 10px; left: 10px; width: 10px; height: 10px; }
  .ui-popup.pop-project .inner .body .content { padding: 0; position: relative; }
  .ui-popup.pop-project .inner .body .content > .cat-wrap { margin-bottom: 20px; }
  .ui-popup.pop-project .inner .body .content > .cat-wrap span { line-height: 32px; padding: 0 12px; font-size: 12px; display: inline-block; }
  .ui-popup.pop-project .inner .body .content .swiper-slide { width: 100%; height: auto; }
  .ui-popup.pop-project .inner .body .content .swiper-slide img { width: 100%; height: auto; vertical-align: middle; }
  .ui-popup.pop-project .inner .body .content .swiper-pagination { right: auto; bottom: 110px; text-align: center; width: 100%; }
  .ui-popup.pop-project .inner .body .content .swiper-pagination .swiper-pagination-bullet { opacity: 1; background-color: #fff; width: 7px; height: 7px; margin-right: 7px; }
  .ui-popup.pop-project .inner .body .content .swiper-pagination .swiper-pagination-bullet:last-child { margin-right: 0; }
  .ui-popup.pop-project .inner .body .content .swiper-pagination .swiper-pagination-bullet-active { background-color: #3f7ac6; }
  .ui-popup.pop-project .inner .body .content button { position: absolute; left: 0; width: 41px; height: 14px; }
  .ui-popup.pop-project .inner .body .content button.prev { margin-left: 0; background: url("../../images/common/spr-common-m.pngg") -131px -19px no-repeat; background-size: 250px; left: -10px; }
  .ui-popup.pop-project .inner .body .content button.next { margin-left: 0; background: url("../../images/common/spr-common-m.pngg") -176px -19px no-repeat; background-size: 250px; left: auto; right: -10px; }
  .ui-popup.pop-project .inner .body .content .text-wrap { height: auto; background: none; color: #fff; padding-top: 52px; padding-left: 10px; }
  .ui-popup.pop-project .inner .body .content .text-wrap strong { font-size: 17px; }
  .ui-popup.pop-project .inner .body .content .text-wrap p { font-size: 13px; line-height: 18px; margin-top: 8px; }
  .ui-popup.pop-project .inner .body .content .text-wrap p span { display: block; margin-bottom: 3px; }
  .ui-popup.pop-project .inner .body .content .text-wrap p span span { display: inline-block; width: 60px; }
  .ui-popup.pop-project .inner .body .content .text-wrap p .date { font-family: 'Titillium Web'; } }

.ui-popup.pop-zoom-default .inner { height: calc(100% - 60px); }

@media (max-width: 1023px) { .ui-popup.pop-zoom-default .body .content { padding: 0 15px; height: 100%; }
  .ui-popup.pop-zoom-default .body .content .pinch-zoom { min-height: 300px; } }

.swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: none; }

.swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; }

.swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 0; top: 0; z-index: 1; width: 8px; height: 570px; }

.swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: #5b5b5b; border-radius: 10px; left: 0; top: 0; }

.swiper-scrollbar-cursor-drag { cursor: move; }

.swiper-scrollbar-lock { display: none; }

input[type=text], input[type=password], input[type=number] { font-size: 16px; line-height: 42px; height: 44px; padding-left: 15px; color: #000; border: 1px solid #bbb; background-color: #fff; }

input[type=text]:disabled, input[type=password]:disabled, input[type=number]:disabled { border-color: #fff; color: #000; padding-left: 0; }

@media (max-width: 1023px) { input[type=text], input[type=password], input[type=number] { height: 40px; line-height: 38px; font-size: 13px; }
  input[type=text]:disabled, input[type=password]:disabled, input[type=number]:disabled { background-color: #f5f5f5; border-color: #f5f5f5; padding-left: 15px; } }

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

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

input::-moz-placeholder { color: #999; }

input[type=text]:-ms-clear { display: none; }

input[type=password]::-ms-reveal { display: none; }

input[type=number]:-ms-clear { display: none; }

/*
IE ONLY ENG CHECK */
.not-kor, .not-kor2 { -webkit-ime-mode: disabled; -moz-ime-mode: disabled; -ms-ime-mode: disabled; ime-mode: disabled; }

/* radio, checkbox */
.checkbox, .radio { display: block; cursor: pointer; height: 24px; line-height: 24px; position: relative; }

.checkbox.inline, .radio.inline { display: inline-block; }

.checkbox input[type='radio'], .checkbox input[type='checkbox'], .radio input[type='radio'], .radio input[type='checkbox'] { opacity: 0; border: 0; background: none; zoom: 1; width: 24px; height: 24px; position: absolute; top: 0; left: 0; }

.checkbox > span, .radio > span { position: relative; display: inline-block; padding-left: 34px; font-size: 16px; }

@media (max-width: 1023px) { .checkbox, .radio { height: 18px; line-height: 18px; }
  .checkbox input[type='radio'], .checkbox input[type='checkbox'], .radio input[type='radio'], .radio input[type='checkbox'] { width: 18px; height: 18px; }
  .checkbox > span, .radio > span { padding-left: 23px; font-size: 15px; } }

.radio > span:before { display: block; content: ''; position: absolute; top: 0; left: 0; width: 24px; height: 24px; background: url("../../images/common/spr-input.pngg") no-repeat 0 0; }

.radio:hover > input[type='radio']:not(:disabled) + span:before { background-position: 0 0; }

.radio:hover > input[type='radio']:checked + span:before { background-position: -24px 0; }

.radio > input[type='radio']:checked + span:before { background-position: -24px 0; }

.radio > input[type='radio']:disabled + span:before { background-position: -48px 0; }

.radio > input[type='radio']:disabled:checked + span:before { background-position: -24px 0; }

@media (max-width: 1023px) { .radio > span:before { width: 18px; height: 18px; background: url("../../images/common/spr-input.pngg") 0 -24px no-repeat; background-size: 200px; }
  .radio:hover > input[type='radio']:not(:disabled) + span:before { background-position: 0 -24px; }
  .radio:hover > input[type='radio']:checked + span:before { background-position: -18px -24px; }
  .radio > input[type='radio']:checked + span:before { background-position: -18px -24px; }
  .radio > input[type='radio']:disabled + span:before { background-position: -36px -24px; }
  .radio > input[type='radio']:disabled:checked + span:before { background-position: -18px -24px; } }

.checkbox > span:before { content: ''; position: absolute; top: 0; left: 0; width: 24px; height: 24px; background: url("../../images/common/spr-input.pngg") no-repeat 0 -24px; }

.checkbox:hover > input[type='checkbox']:not(:disabled) + span:before { background-position: 0 -24px; }

.checkbox:hover > input[type='checkbox']:checked + span:before { background-position: -24px -24px; }

.checkbox > input[type='checkbox']:checked + span:before { background-position: -24px -24px; }

.checkbox > input[type='checkbox']:disabled + span:before { background-position: -48px -24px; }

.checkbox > input[type='checkbox']:disabled:checked + span:before { background-position: -24px -24px; }

@media (max-width: 1023px) { .checkbox > span:before { content: ''; position: absolute; top: 0; left: 0; width: 18px; height: 18px; background: url("../../images/common/spr-input.pngg") no-repeat 0 -42px; background-size: 200px; }
  .checkbox:hover > input[type='checkbox']:not(:disabled) + span:before { background-position: 0 -42px; }
  .checkbox:hover > input[type='checkbox']:checked + span:before { background-position: -18px -42px; }
  .checkbox > input[type='checkbox']:checked + span:before { background-position: -18px -42px; }
  .checkbox > input[type='checkbox']:disabled + span:before { background-position: -36px -42px; }
  .checkbox > input[type='checkbox']:disabled:checked + span:before { background-position: -18px -42px; } }

/* select */
.ui-select { display: inline-block; position: relative; z-index: 1; font-size: 10px; width: 200px; vertical-align: top; }

.ui-select.active { z-index: 2; }

.ui-select.active ul { display: block; }

.ui-select.active > button:before { transform: rotate(0deg); }

.ui-select > button { width: 100%; background: #fff; border: 1px solid #666; height: 44px; font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; padding: 0 16px; }

.ui-select > button:before { display: block; content: ''; position: absolute; top: 50%; right: 19px; background: url("../../images/common/select-icon.svgg") 0 0 no-repeat; transform: rotate(180deg); width: 14px; height: 8px; margin-top: -4px; }

.ui-select > ul { display: none; position: absolute; left: 0; top: 43px; width: 100%; border-left: 1px solid #666; border-right: 1px solid #666; border-bottom: 1px solid #666; border-top: 1px solid #ececec; box-sizing: border-box; background-color: #f7f7f7; overflow-y: auto; max-height: 360px; }

.ui-select > ul.above { top: auto !important; bottom: auto; margin-top: 0; }

.ui-select > ul > li { cursor: default; height: 45px; line-height: 45px; font-size: 1.4em; padding-left: 16px; color: #666; text-align: left; }

.ui-select > ul > li:hover { color: #000; }

.ui-select > ul > li a { display: block; text-align: left; }

.ui-select.disabled:before { content: "비 활성화된 항목입니다"; position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); }

.ui-select.disabled > button { background-color: #ccc; color: #444; }

@media (max-width: 1023px) { .ui-select.active > button:before { transform: rotate(180deg); }
  .ui-select > button { height: 40px; font-size: 13px; padding: 0 15px; }
  .ui-select > button:before { right: 15px; background: url("../../images/common/spr-common-m.pngg") -105px 0 no-repeat; background-size: 250px; width: 9px; height: 6px; margin-top: -3px; transform: rotate(0deg); }
  .ui-select > ul { top: 39px; padding: 10px 0; }
  .ui-select > ul li { line-height: 30px; height: 30px; } }

/* file */
.input-wrap { position: relative;}

.input-wrap + .input-wrap { margin-top: 8px; }

.file-input { position: relative; max-width: 517px; width: 100%; }

.file-input + .btn-add, .file-input + .btn-delete { position: absolute; top: 50%; right: -38px; margin-top: -12px; width: 23px; height: 23px; }

@media (max-width: 1023px) { .file-input + .btn-add, .file-input + .btn-delete { right: 0; } }

.file-input + .btn-add { background: url("../../images/common/spr-common.pngg") -305px -82px no-repeat; }

.file-input + .btn-delete { background: url("../../images/common/spr-common.pngg") -305px -107px no-repeat; }

.file-input .file-name { height: 44px; line-height: 42px; padding: 0 15px; margin-right: 95px; border: 1px solid #bbb; box-sizing: border-box; }

.file-input .file-name span { display: block; font-size: 16px; color: #000; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; }

@media (max-width: 1023px) { .file-input .file-name { height: 40px; line-height: 38px; } }

.file-input .file-btn { position: absolute; top: 0; right: -20px; width: 110px; height: 44px; }

.file-input .file-btn > span { display: block; height: 100%; width: 100%; font-size: 14px; color: #fff; line-height: 44px; text-align: center; background: #31353a; }

.file-input .file-btn > input[type="file"] { display: block !important; opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; cursor: pointer; }

@media (max-width: 1023px) { .file-input .file-btn { height: 40px; width: 90px; right: 0px; }
  .file-input .file-btn > span { font-size: 13px; line-height: 40px; } }

@media (max-width: 1023px) { .file-input { width: calc(100% - 35px); } }

textarea { padding: 12px 15px; border: 1px solid #bbb; }

textarea:-ms-input-placeholder { color: #999; }

textarea::-webkit-input-placeholder { color: #999; }

textarea::-moz-placeholder { color: #999; }

.board-search { font-size: 0; text-align: center; margin-bottom: 34px; }

.board-search .ui-select { width: 155px; margin-right: 5px; }

.board-search .ui-select > button { height: 60px; }

@media (max-width: 1023px) { .board-search .ui-select { width: 90px; margin-right: 5px; }
  .board-search .ui-select > button { height: 40px; }
  .board-search .ui-select > ul { top: 39px; } }

.board-search .input-wrap { font-size: 0; display: inline-block; }

.board-search .input-wrap input { width: 500px; height: 50px; background: none; border: none; line-height: 50px; padding-left: 20px; background-color: #f5f5f5;border:1px solid #d6d6d6;}
@media (max-width: 767px) { 
.board-search .input-wrap input{height:38px;line-height:38px;padding:0 5px;}
}

.board-search .input-wrap button { position: relative; width: 70px; height: 50px;font-size:15px;color:#fff;background:#d51c29;margin-left:5px;}
@media (max-width: 767px) {
.board-search .input-wrap button {height:38px;line-height:38px;} 
}
.board-search .input-wrap button:before { display: block; content: ''; position: absolute; top: 50%; left: 50%; background: url("../../images/common/spr-common.pngg") -35px 0 no-repeat; width: 23px; height: 23px; margin: -12px 0 0 -12px; }

@media (max-width: 1023px) {
	/*
 .board-search { position: relative; margin-bottom: 25px; width: 100%; padding: 0 25px 0 142px; }
  .board-search .ui-select { position: absolute; top: 0; left: 25px; margin-right: 0; width: 112px; }
  .board-search .ui-select > button { height: 40px; }
  .board-search .ui-select > ul { top: 39px; }
	
  .board-search .input-wrap { width: 100%; padding-right: 45px;}
  .board-search .input-wrap input { width: 100%; height: 38px; line-height: 38px; padding-left: 14px; }
  .board-search .input-wrap button { width: 45px; height: 38px; margin-right: -45px; }
  .board-search .input-wrap button:before { background: url("../../images/common/spr-common-m.pngg") -114px 0 no-repeat; background-size: 250px; width: 17px; height: 17px; margin: -8px 0 0 -8px; }
		
		*/
		 }
@media (max-width: 767px) {
 .board-search .ui-select {left:0;}
	.board-search .input-wrap input{width:70%;}
}
.board-search.faq-search .ui-select { display: none; }

@media (max-width: 1023px) { .board-search.faq-search .ui-select { display: block; } }

.board-search.small { text-align: right; }

.board-search.small .ui-select { width: 110px; }

.board-search.small .ui-select > button { height: 44px; }

.board-search.small .input-wrap { width: 260px; height: 44px; background: none; border: 1px solid #bbb; }

.board-search.small .input-wrap button { width: 44px; height: 44px; }

.board-search.small .input-wrap input { width: 214px; height: 44px; line-height: 44px; }

@media (max-width: 1023px) { .board-search.small { text-align: center; }
  .board-search.small .ui-select { width: 112px; }
  .board-search.small .ui-select > button { height: 40px; }
  .board-search.small .input-wrap { width: 100%; height: auto; background: #f5f5f5; border: 1px solid #ececec; }
  .board-search.small .input-wrap button { width: 45px; height: 38px; }
  .board-search.small .input-wrap input { width: 100%; height: 38px; line-height: 38px; } }

.board-btn-wrap { position: relative; text-align: right; height: 0; }

.board-btn-wrap a, .board-btn-wrap button { margin-top: -60px; }

@media (max-width: 1023px) { .board-btn-wrap { height: auto; padding: 0 25px; margin-top: 40px; }
  .board-btn-wrap a, .board-btn-wrap button { width: 100%; margin-top: 0; } }

.board { margin-bottom: 50px; }

@media (max-width: 1023px) { .board { padding: 0 15px; margin-bottom: 25px; } }

.board .total-count { margin-bottom: 30px; }

.board .total-count p { font-size: 16px; line-height: 100%; }

@media (max-width: 1023px) { .board .total-count { margin-bottom: 15px; }
  .board .total-count p { font-size: 13px; } }

.board.view.cell3 .title > div p { width: 50%; }

@media (max-width: 1023px) { .board.view.cell3 .title > div p { width: auto; } }

.board.view.cell4 .title > div p { width: 33.33333%; }

.board.view.cell4 .title > div.etc { width: 474px; }

.board.view .title { width: 100%; display: table; border-bottom: 1px solid #ececec; border-top: 3px solid #555; }

.board.view .title > div { display: table-cell; font-size: 0; height: 70px; padding: 25px 0; vertical-align: middle; }

.board.view .title > div h2 { font-size: 20px; line-height: 30px; padding-left: 30px; }

.board.view .title > div p { display: inline-block; text-align: center; }

.board.view .title > div p strong, .board.view .title > div p em, .board.view .title > div p span { display: inline-block; font-size: 14px; }

.board.view .title > div p strong.mo-view.kr, .board.view .title > div p em.mo-view.kr, .board.view .title > div p span.mo-view.kr { font-family: 'NanumSquare','Nanum Gothic'; font-weight: 400; font-size: 16px; letter-spacing: -0.03em; color: #000; }

.board.view .title > div p strong { font-weight: 700; padding-right: 20px; }

.board.view .title > div p em { font-weight: 400; font-size: 14px; letter-spacing: 0.05em; color: #666; }

.board.view .title > div.etc { width: 372px; }

@media (max-width: 1023px) { .board.view .title > div.etc { width: auto; } }

.board.view .file { border-bottom: 1px solid #dbdbdb; position: relative; padding-left: 100px; padding-top: 25px; padding-bottom: 25px; }

.board.view .file strong { display: block; width: 100px; position: absolute; top: 0; left: 0; text-align: center; line-height: 69px; }

.board.view .file span, .board.view .file a { font-size: 14px; color: #666; text-align: left; }

.board.view .file > span { display: inline-block; margin-right: 5px; margin-bottom: 5px; }

.board.view .file a:before { content: ''; display: inline-block; width: 15px; height: 16px; background-image: url("../../images/common/ico-file-before.pngg"); background-repeat: no-repeat; vertical-align: middle; margin-right: 5px; }

.board.view .bbs_sort { height: 70px; line-height: 69px; border-bottom: 1px solid #dbdbdb; position: relative; padding-left: 30px; }

.board.view .bbs_sort strong { display: block; width: 100px; position: absolute; top: 0; left: 0; text-align: center; }

.board.view .bbs_sort span, .board.view .bbs_sort a { font-size: 14px; color: #666; }

.board.view .bbs_sort ul li { display: inline-block; font-size: 16px; color: #000; margin-right: 40px; }

.board.view .bbs_sort ul li:last-child { margin-right: 0; }

.board.view .bbs_sort ul li span { font-size: 12px; color: #000; display: inline-block; padding: 0 8px; height: 24px; line-height: 24px; text-align: center; border: 1px solid #999; border-radius: 4px; vertical-align: top; margin-top: 22px; margin-right: 10px; }

.board.view .article { border-bottom: 1px solid #555; padding: 50px; line-height: 30px; font-size: 16px; color: #666; }

.board.view .article > * { line-height: 30px !important; font-size: 16px !important; color: #666 !important; text-align: left !important; }

.board.view .article > div { white-space: pre-wrap; color: #999; }

.board.view .article > div + div { border-top: 1px solid #ececec; margin-top: 33px; padding-top: 23px; color: #666; }

.board.view .article img { display: block; margin: 0 auto 7px; }

.board.view .btn-wrap { padding-top: 40px; text-align: center; }

@media (max-width: 1023px) { .board.view.cell4 .title > div p { width: auto; }
  .board.view.cell4 .title > div.etc { width: 100%; }
  .board.view .title { display: block; padding: 20px 10px; }
  .board.view .title > div { display: block; height: auto; padding: 0; }
  .board.view .title > div h2 { padding-left: 0; line-height: 24px; font-size: 16px; margin-bottom: 7px; }
  .board.view .title > div p { line-height: 100%; }
  .board.view .title > div p strong, .board.view .title > div p em, .board.view .title > div p span { display: none; }
  .board.view .title > div p strong.mo-view, .board.view .title > div p em.mo-view, .board.view .title > div p span.mo-view { line-height: 100%; display: block; text-align: left; font-size: 13px; }
  .board.view .title > div p strong.mo-view.kr, .board.view .title > div p em.mo-view.kr, .board.view .title > div p span.mo-view.kr { font-size: 13px; color: #666; }
  .board.view .title > div p + p .mo-view { display: inline-block; position: relative; padding-left: 10px; margin-left: 9px; }
  .board.view .title > div p + p .mo-view:before { display: block; content: ''; width: 1px; height: 8px; width: 1px; background-color: #e0e0e0; position: absolute; top: 50%; left: 0; margin-top: -4px; }
  .board.view .file { height: auto; padding-left: 65px; padding-top: 15px; padding-bottom: 15px; }
  .board.view .file strong { display: block; width: 65px; font-size: 13px; line-height: 43px; }
  .board.view .file span, .board.view .file a { font-size: 13px; color: #666; }
  .board.view .file > span { display: block; white-space: nowrap; overflow: hidden; max-width: 95%; text-overflow: ellipsis; line-height: 1; margin-bottom: 5px; }
  .board.view .bbs_sort { height: auto; line-height: 100%; padding-left: 10px; padding-bottom: 15px; }
  .board.view .bbs_sort strong { display: block; width: 65px; font-size: 13px; }
  .board.view .bbs_sort span, .board.view .bbs_sort a { font-size: 13px; color: #666; }
  .board.view .bbs_sort ul li { display: inline-block; font-size: 14px; color: #000; margin-top: 15px; margin-right: 40px; }
  .board.view .bbs_sort ul li:last-child { margin-right: 0; }
  .board.view .bbs_sort ul li.detail { margin-top: 10px; width: 100%; }
  .board.view .bbs_sort ul li span { font-size: 12px; margin-top: 0; padding: 0 7px; height: 22px; line-height: 22px; vertical-align: middle; }
  .board.view .article { padding: 30px; line-height: 25px; font-size: 15px; }
  .board.view .article > * { line-height: 25px !important; font-size: 15px !important; text-align: left !important; }
  .board.view .article > div + div { border-top: 1px solid #ececec; margin-top: 20px; padding-top: 25px; }
  .board.view .article img { margin: 0 auto 5px; width: 100%; }
  .board.view .btn-wrap { padding-top: 25px; } }

.board.write .btn-wrap { margin-top: 40px; font-size: 0; text-align: center; }

.board.write .btn-wrap a, .board.write .btn-wrap button { margin: 0 3px; }

@media (max-width: 1023px) { .board.write .btn-wrap { padding: 0 8px; margin-top: 25px; }
  .board.write .btn-wrap a, .board.write .btn-wrap button { margin: 0 2px !important; width: calc(50% - 4px); } }

.board.write .file-notice { margin-top: 15px; }

.board.write .file-notice li { font-size: 14px; line-height: 24px; color: #666; }

@media (max-width: 1023px) { .board.write .file-notice li { font-size: 12px; line-height: 17px; } }

.table-col { border-top: 3px solid #555; display: table; width: 100%; table-layout: fixed; overflow: hidden; }

.table-col .row { display: table-row; }

.table-col .row.empty > div.title { padding: 150px 0; width: 100%; text-align: center; font-size: 16px; color: #000; }

.table-col .row.empty > div.title p { position: absolute; width: 100%; left: 0; }

@media (max-width: 1023px) { .table-col .row.empty > div.title { padding: 50px 0; }
  .table-col .row.empty > div.title p { height: 100px; margin-top: -50px; line-height: 100px; } }

.table-col .row.notice > div { font-weight: 600; }

.table-col .row.notice > div .title2, .table-col .row.notice > div .title3 { font-weight: 600 !important; }

.table-col .row.notice > div.view { font-weight: 600 !important; }

.table-col .row.notice > div.number { font-family: 'NanumSquare','Nanum Gothic'; font-weight: 700; font-size: 16px; letter-spacing: -0.03em; }

.table-col .row.notice > div.news { font-weight: 600 !important; }

@media (max-width: 1023px) { .table-col .row.notice > div { background-color: #f5f5f5; }
  .table-col .row.notice > div.number { width: 127px; font-family: 'NanumSquare','Nanum Gothic'; font-weight: 400; font-size: 14px; letter-spacing: -0.03em; } }

.table-col .row.reply > div div.title1 { font-size: 16px; white-space: nowrap; }

.table-col .row.reply > div div.title1 a { width: auto; max-width: 90%; }

.table-col .row.reply > div div.title1 a span.re { color: #1152bb; margin-right: 9px; font-size: 14px; display: inline-block; padding-bottom: 0; }

@media (max-width: 1023px) { .table-col .row.reply > div div.title1 a span.re { margin-right: 5px; } }

.table-col .row.reply > div div.title1 a:before { content: ''; display: inline-block; background: url("../../images/common/spr-common.pngg") -103px -25px no-repeat; width: 10px; height: 6px; margin-right: 10px; text-align: center; vertical-align: middle; }

@media (max-width: 1023px) { .table-col .row.reply > div div.title1 a:before { width: 10px; height: 6px; line-height: 1; margin-right: 5px; } }

@media (max-width: 1023px) { .table-col .row.reply > div div.title2 { margin-left: 14px; width: auto; } }

.table-col .row.table-col-header > div { border-bottom: 1px solid #555; font-size: 16px; font-weight: 700; }

.table-col .row.table-col-header > div.number, .table-col .row.table-col-header > div.news { font-family: 'NanumSquare','Nanum Gothic'; font-weight: 700; font-size: 16px; letter-spacing: -0.03em; }

.table-col .row.table-col-header > div.title { font-size: 0; }

.table-col .row.table-col-header > div.view { width: 125px; font-family: 'NanumSquare','Nanum Gothic'; font-weight: 700; font-size: 16px; letter-spacing: -0.03em; }

.table-col .row.table-col-header > div div.title1 { font-family: 'NanumSquare','Nanum Gothic'; font-weight: 700; font-size: 16px; letter-spacing: -0.03em; text-align: center; padding-left: 0; }

.table-col .row.table-col-header > div div.title2 { font-family: 'NanumSquare','Nanum Gothic'; font-weight: 700; font-size: 16px; letter-spacing: -0.03em; }

.table-col .row > div { display: table-cell; height: 60px; vertical-align: middle; text-align: center; color: #666; border-bottom: 1px solid #ececec; }

.table-col .row > div.number { width: 127px; font-weight: 400; font-size: 14px; letter-spacing: 0.05em; }

.table-col .row > div.sort { width: 127px; font-weight: 400; font-size: 14px; letter-spacing: 0.05em; }

.table-col .row > div.news { width: 127px; font-weight: 400; font-size: 16px; letter-spacing: 0.05em; }

.table-col .row > div.news.more { color: #3f7ac6; }

@media (max-width: 1023px) { .table-col .row > div.news { display: none; } }

.table-col .row > div.title { font-size: 0; }

.table-col .row > div.view { width: 125px; font-weight: 400; font-size: 14px; letter-spacing: 0.05em; font-family: 'Titillium Web'; }

.table-col .row > div.view.kr-add { font-family: "NanumSquare","Nanum Gothic"; }

.table-col .row > div div { display: inline-block; vertical-align: middle; }

.table-col .row > div div.title1 { width: 88%; text-align: left; padding-left: 9px; }

.table-col .row > div div.title1 .cat { display: none; }

.table-col .row > div div.title1 a { width: 100%; text-align: left; font-size: 16px; color: #000; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

@media (max-width: 1023px) { .table-col .row > div div.title1 .cat { display: block; }
  .table-col .row > div div.title1 span { font-size: 14px; color: #000; font-weight: bold; display: block; padding-bottom: 12px; }
  .table-col .row > div div.title1 span.news { font-weight: 400; }
  .table-col .row > div div.title1 span.news.more { color: #3f7ac6; } }

.table-col .row > div div.title2 { width: 12%; font-weight: 400; font-size: 14px; letter-spacing: 0.05em; }

.table-col .row > div div.title3 { width: 12%; font-weight: 400; font-size: 14px; letter-spacing: 0.05em; }

.table-col.title-cell3 .row.table-col-header > div div.title1, .table-col.title-cell3 .row.table-col-header > div div.title2, .table-col.title-cell3 .row.table-col-header > div div.title3 { font-weight: 700; font-size: 16px; letter-spacing: 0.05em; font-family: "NanumSquare","Nanum Gothic"; }

.table-col.title-cell3 .row > div div { display: inline-block; vertical-align: middle; }

.table-col.title-cell3 .row > div div.title1 { width: 76%; }

.table-col.title-cell3 .row > div div.title2 { width: 12%; font-weight: 400; font-size: 14px; letter-spacing: 0.05em; font-family: 'Titillium Web'; }

.table-col.title-cell3 .row > div div.title3 { width: 12%; }

@media (max-width: 1023px) { .table-col .row.notice > div { background-color: #f5f5f5; }
  .table-col .row.notice > div.number { width: 63px; font-family: 'NanumSquare','Nanum Gothic'; font-weight: 400; font-size: 14px; letter-spacing: -0.03em; }
  .table-col .row.notice > div .title1 span.news { font-weight: 600; }
  .table-col .row.table-col-header { display: none; }
  .table-col .row > div { display: table-cell; }
  .table-col .row > div.number { width: 63px; font-weight: 400; font-size: 15px; letter-spacing: 0.05em; color: #000; }
  .table-col .row > div.sort { width: 32%; font-weight: 400; font-size: 14px; letter-spacing: 0.05em; letter-spacing: -1px; }
  .table-col .row > div.title { text-align: left; padding: 20px 0; }
  .table-col .row > div.view { display: none; }
  .table-col .row > div div { display: block; text-align: left; }
  .table-col .row > div div.title1 { width: 100%; padding: 0 25px 0 0; margin-bottom: 2px; white-space: nowrap; font-size: 1px; }
  .table-col .row > div div.title1 a { font-size: 16px; text-align: left; }
  .table-col .row > div div.title2 { width: 100%; font-weight: 400; font-size: 13px; letter-spacing: 0.05em; }
  .table-col.title-cell3 .row > div div.title1 { width: 100%; }
  .table-col.title-cell3 .row > div div.title2, .table-col.title-cell3 .row > div div.title3 { display: inline; width: auto; font-size: 13px; margin-left: 0; }
  .table-col.title-cell3 .row > div div.title3 { display: inline-block; position: relative; padding-right: 10px; margin-right: 9px; }
  .table-col.title-cell3 .row > div div.title3:before { display: block; content: ''; width: 1px; height: 8px; background-color: #e0e0e0; position: absolute; top: 50%; right: 0; margin-top: -4px; } }

.table-row { border-top: 3px solid #555; border-bottom: 1px solid #555; display: table; width: 100%; table-layout: fixed; }

.table-row .row { display: table-row; }

.table-row .row > div { display: table-cell; height: 70px; vertical-align: middle; color: #666; padding: 12px 30px; }

.table-row .row > div.th { border: 1px solid #ececec; border-bottom: none; width: 20%; max-width: 240px; padding-left: 40px; padding-right: 0; position: relative; background-color: #f5f5f5; font-weight: 700; font-size: 16px; }

.table-row .row > div.th em { font-size: 18px; color: #3f7ac6; display: block; float: right; margin-right: 40px; }

.table-row .row > div.td { border-top: 1px solid #ececec; }

.table-row .row > div.td .apart-wrap .ui-select { width: calc(100% - 278px); max-width: 618px; margin-right: 4px; }

.table-row .row > div.td .apart-wrap p { margin-top: 12px; }

.table-row .row > div.td .apart-wrap input[type=text] { width: 110px; margin-right: 6px; }

.table-row .row > div.td .apart-wrap input[type=text].last { margin-left: 10px; }

.table-row .row > div.td .apart-wrap span { vertical-align: middle; }

@media (max-width: 1023px) { .table-row .row > div.td .apart-wrap .ui-select { width: 100%; max-width: none; }
  .table-row .row > div.td .apart-wrap p { margin-top: 8px; font-size: 12px; line-height: 17px; }
  .table-row .row > div.td .apart-wrap input[type=text] { width: 40%; margin-right: 6px; margin-top: 5px; }
  .table-row .row > div.td .apart-wrap input[type=text].last { margin-left: 10px; } }

@media (max-width: 1023px) { .table-row .row > div.td .pc { display: none; } }

.table-row .row > div.td .mo-select { display: none; }

@media (max-width: 1023px) { .table-row .row > div.td .mo-select { display: block; } }

.table-row .row > div.td .radio.inline + .inline, .table-row .row > div.td .checkbox.inline + .inline { margin-left: 37px; }

.table-row .row > div.td input[type=text], .table-row .row > div.td input[type=password], .table-row .row > div.td input[type=number] { width: 100%; }

.table-row .row > div.td textarea { width: 100%; height: 360px; }

.table-row .row > div.td textarea + .notice { font-size: 14px; color: #3f7ac6; line-height: 100%; margin-top: 20px; }

@media (max-width: 1023px) { .table-row .row > div.td textarea { height: 155px; }
  .table-row .row > div.td textarea + .notice { font-size: 12px; line-height: 17px; margin-top: 12px; } }

.table-row .row > div.td .grade_check { color: #0c4ca3; font-size: 16px; margin-top: 18px; }

.table-row .row > div.td .addr_detail { margin-top: 20px; }

.table-row .row > div.td .addr_detail:last-child { margin-bottom: 18px; }

.table-row .row > div.td .addr_detail span { display: inline-block; border-bottom: 1px solid #dbdbdb; font-size: 16px; color: #000; padding-bottom: 10px; margin-right: 10px; width: 110px; }

.table-row .row > div.td .addr_detail span:last-child { margin-right: 0; }

.table-row .row > div.td .addr_detail span:before { display: inline-block; content: ''; height: 25px; text-align: center; line-height: 25px; padding: 0 8px; border: 1px solid #999; border-radius: 2px; font-size: 12px; margin-right: 10px; background-color: #fff; }

.table-row .row > div.td .addr_detail .addr1 { width: 320px; }

.table-row .row > div.td .addr_detail .addr1:before { content: '현장'; }

.table-row .row > div.td .addr_detail .addr2:before { content: '동'; }

.table-row .row > div.td .addr_detail .addr3:before { content: '호'; }

.table-row .row > div.td .addr_detail .addr4:before { content: '상태'; }

@media (max-width: 1023px) { .table-row .row > div.td .addr_detail { background-color: #f5f5f5; padding: 15px; margin-top: 5px; }
  .table-row .row > div.td .addr_detail:nth-child(2) { margin-top: 15px; }
  .table-row .row > div.td .addr_detail:last-child { margin-bottom: 0px; }
  .table-row .row > div.td .addr_detail span { display: block; margin-right: 0; width: auto; border: 0; font-size: 14px; }
  .table-row .row > div.td .addr_detail span:before { font-size: 12px; }
  .table-row .row > div.td .addr_detail .addr1 { width: auto; }
  .table-row .row > div.td .addr_detail .addr4 { padding-bottom: 0; } }

.table-row .row > div.td.leave p { margin-top: 18px; margin-bottom: 20px; color: #000; font-size: 16px; line-height: 24px; }

@media (max-width: 1023px) { .table-row .row > div.td.leave p { margin-top: 20px; margin-bottom: 15px; width: 242px; font-size: 15px; line-height: 20px; } }

.table-row .row > div.td.leave a { margin-bottom: 18px; }

@media (max-width: 1023px) { .table-row .row > div.td.leave a { margin-bottom: 25px; } }

.table-row .row > div.td.make-id { position: relative; }

.table-row .row > div.td.make-id .btn { margin-left: 6px; }

.table-row .row > div.td.make-id span { display: inline-block; margin-left: 20px; }

.table-row .row > div.td.make-id > div { display: inline-block; width: 442px; }

@media (max-width: 1023px) { .table-row .row > div.td.make-id > div { width: 100%; position: relative; padding-right: 130px; }
  .table-row .row > div.td.make-id .btn { position: absolute; top: 0; right: 0; margin: 0; }
  .table-row .row > div.td.make-id span { margin-left: 0; margin-top: 10px; font-size: 13px; } }

.table-row .row > div.td.pw { position: relative; }

.table-row .row > div.td.pw span { margin-left: 16px; }

.table-row .row > div.td.pw .btn-pw-info { width: 24px; height: 24px; background: url("../../images/common/spr-common.pngg") -118px -25px no-repeat; margin-left: 16px; }

.table-row .row > div.td.pw .pw-info { display: none; position: absolute; top: 22px; right: 170px; padding: 30px; z-index: 1; border: 1px solid #555; border-radius: 12px; background-color: #fff; width: 370px; }

.table-row .row > div.td.pw .pw-info a { position: absolute; top: 25px; right: 25px; width: 14px; height: 14px; background: url("../../images/common/spr-common.pngg") -149px -25px no-repeat; }

.table-row .row > div.td.pw .pw-info strong { font-size: 18px; color: #000; font-weight: 600; margin-bottom: 16px; display: inline-block; }

.table-row .row > div.td.pw .pw-info p { font-size: 14px; color: #000; margin-bottom: 18px; }

.table-row .row > div.td.pw .pw-info li { font-size: 14px; color: #666; line-height: 20px; position: relative; padding-left: 8px; }

.table-row .row > div.td.pw .pw-info li:before { content: ''; display: block; width: 2px; height: 2px; background-color: #3c3c3c; position: absolute; top: 8px; left: 0; }

@media (max-width: 1023px) { .table-row .row > div.td.pw span { display: inline-block; margin-left: 0; margin-top: 10px; font-size: 13px; }
  .table-row .row > div.td.pw .btn-pw-info, .table-row .row > div.td.pw .pw-info { display: none !important; } }

.table-row .row > div.td.address { font-size: 0; }

.table-row .row > div.td.address .address1 { margin-bottom: 6px; }

.table-row .row > div.td.address .address1 .btn { margin-left: 6px; }

.table-row .row > div.td.address > input { max-width: 600px !important; }

.table-row .row > div.td.address > input + input { margin-top: 6px; }

.table-row .row > div.td.address .radio-wrap { margin-top: 25px; }

.table-row .row > div.td.address .radio-wrap p { font-size: 16px; color: #000; line-height: 100%; margin-bottom: 15px; }

.table-row .row > div.td.mail { font-size: 0; }

.table-row .row > div.td.mail .mail-id { max-width: 233px; padding-right: 33px; position: relative; display: inline-block; }

.table-row .row > div.td.mail .mail-id input { max-width: 100%; }

.table-row .row > div.td.mail .mail-id span { display: block; width: 33px; height: 44px; line-height: 44px; text-align: center; font-size: 14px; color: #000; position: absolute; top: 0; right: 0; }

.table-row .row > div.td.mail > input { width: 200px; margin-right: 10px; }

.table-row .row > div.td.mail .ui-select { width: 250px; }

.table-row .row > div.td.phone { font-size: 0; }

.table-row .row > div.td.phone .ui-select { width: 122px; vertical-align: top; }

.table-row .row > div.td.phone > input { max-width: 132px; vertical-align: top; }

.table-row .row > div.td.phone > span { display: inline-block; vertical-align: top; height: 44px; line-height: 44px; text-align: center; width: 25px; position: relative; }

.table-row .row > div.td.phone > span:before { display: block; content: ''; width: 5px; height: 1px; background-color: #dbdbdb; position: absolute; top: 50%; left: 50%; margin-left: -2px; }

.table-row .row > div.td.text-radio { font-size: 0; }

.table-row .row > div.td.text-radio > div p { font-size: 16px; color: #000; display: inline-block; line-height: 24px; height: 24px; width: 260px; }

.table-row .row > div.td.text-radio > div + div { margin-top: 20px; }

.table-row .row > div.td.text-radio .notice { font-size: 14px; color: #3f7ac6; line-height: 100%; margin-top: 20px; }

@media (max-width: 1023px) { .table-row { display: block; border-bottom-color: #ececec; }
  .table-row .row { display: block; padding-top: 10px; }
  .table-row .row:last-child > div.td { padding-bottom: 25px; }
  .table-row .row > div { display: block; }
  .table-row .row > div.th, .table-row .row > div.td { border: none; width: 100%; background: none; padding: 0 10px; height: auto; }
  .table-row .row > div.th .ui-select, .table-row .row > div.td .ui-select { width: 100%; }
  .table-row .row > div.th em, .table-row .row > div.td em { float: none; display: inline-block; font-size: 14px; line-height: 32px; }
  .table-row .row > div.th { font-size: 13px; height: 32px; line-height: 32px; }
  .table-row .row > div.td { border-bottom: 10px; }
  .table-row .row > div.td .radio.inline + .inline, .table-row .row > div.td .checkbox.inline + .inline { margin-left: 20px; }
  .table-row .row > div.td.address .address1 { width: 100%; position: relative; padding-right: 118px; }
  .table-row .row > div.td.address .address1 .btn { position: absolute; top: 0; right: 0; margin: 0; }
  .table-row .row > div.td.address .radio-wrap { text-align: right; margin-top: 13px; }
  .table-row .row > div.td.address .radio-wrap:after { display: block; clear: both; content: ''; }
  .table-row .row > div.td.address .radio-wrap p { width: 190px; font-size: 15px; line-height: 20px; float: left; text-align: left; margin-bottom: -4px; }
  .table-row .row > div.td.address .radio-wrap .radio { margin-top: 9px; }
  .table-row .row > div.td.mail .mail-id { max-width: 100%; display: block; padding-right: 45px; }
  .table-row .row > div.td.mail .mail-id span { width: 45px; font-size: 15px; height: 40px; line-height: 40px; }
  .table-row .row > div.td.mail > input { width: 100%; margin: 6px 0; }
  .table-row .row > div.td.mail .ui-select { width: 100%; }
  .table-row .row > div.td.phone .ui-select { width: 27%; }
  .table-row .row > div.td.phone input { max-width: 30% !important; }
  .table-row .row > div.td.phone span { width: 6.5%; height: 40px; line-height: 40px; }
  .table-row .row > div.td.text-radio { text-align: right; }
  .table-row .row > div.td.text-radio > div:after { display: block; clear: both; content: ''; }
  .table-row .row > div.td.text-radio > div p { float: left; display: inline-block; width: 160px; font-size: 15px; line-height: 20px; text-align: left; height: auto; }
  .table-row .row > div.td.text-radio > div + div { margin-top: 10px; }
  .table-row .row > div.td.text-radio .notice { font-size: 12px; margin-top: 17px; text-align: left; margin-bottom: 25px; }
  .table-row .row.agree { margin-top: 25px; padding-top: 0; }
  .table-row .row.agree:before { display: block; content: ''; width: calc(100% - 20px); height: 1px; background-color: #ececec; margin: 0 auto 15px; } }

.ui-datepicker { width: 228px; background-color: #fff; border: 1px solid #bdbdbd; margin-left: -1px; padding-bottom: 5px; }

.ui-datepicker-header { background-color: #f8f8f8; height: 37px; text-align: center; position: relative; }

.ui-datepicker-header:after { content: ''; display: block; margin: 0 auto; width: 201px; height: 1px; background-color: #e8e8e8; }

.ui-datepicker-header .ui-datepicker-title { height: 37px; line-height: 37px; font-weight: 500; color: #000; }

.ui-datepicker-header .ui-datepicker-year:after { content: '.'; display: inline-block; }

.ui-datepicker-header .ui-datepicker-prev, .ui-datepicker-header .ui-datepicker-next { position: absolute; top: 13px; width: 5px; height: 9px; overflow: hidden; text-indent: -9999px; }

.ui-datepicker-header .ui-datepicker-prev { left: 68px; background-position: -300px -350px; }

.ui-datepicker-header .ui-datepicker-next { right: 68px; background-position: -350px -350px; }

.ui-datepicker-calendar tr th { font-weight: 400; color: #000; font-size: 14px; background-color: #f8f8f8; height: 31px; }

.ui-datepicker-calendar tr th.ui-datepicker-week-end { color: #e50011; }

.ui-datepicker-calendar tr th.ui-datepicker-week-end:last-child { color: #525b7c; }

.ui-datepicker-calendar tr td { font-size: 14px; text-align: center; line-height: 28px; vertical-align: middle; }

.ui-datepicker-calendar tr td a { color: #666; display: inline-block; width: 23px; height: 23px; line-height: 23px; }

.ui-datepicker-calendar tr td.ui-datepicker-week-end a { color: #cc665e; }

.ui-datepicker-calendar tr td.ui-datepicker-week-end:last-child a { color: #525b7c; }

.ui-datepicker-calendar tr td.ui-datepicker-current-day a { background-color: #e50011; color: #fff; font-weight: 700; border-radius: 50%; }

/*# sourceMappingURL=default.css.map */