@charset "UTF-8";
/*-------------------------------------------------------------------
    파일정의 : Settings
    작성날짜 : 2020.01 홍성호
    참고사항 : 이 파일은 설정값만 정의한다.
-------------------------------------------------------------------*/
.col5p { width: 5%; }
.col7p { width: 7%; }
.col8p { width: 8%; }
.col10p { width: 10%; }
.col20p { width: 20%; }
.col80p { width: 80%; }
.col-auto { width: auto; }
/* paging type input mobile */
/* button */
/* [공통] 컨텐츠 링크버튼 2set */
.btn_link_wrap { margin-top: 36px; text-align: center; }
.btn_link_wrap .link_white_btn { display: inline-block; position: relative; width: 400px; padding: 26px 20px 26px 20px; margin: 0 10px; background: #fff; border: 2px solid #7d7490; border-radius: 40px; font-size: 28px; text-align: center; line-height: 1em; color: #010101; }
.btn_link_wrap .link_white_btn:after { display: block; clear: both; content: ''; position: absolute; right: 20px; top: 50%; transform: translate(0, -50%); width: 35px; height: 11px; background: url("../img/sub/bg_btn_arrow01.png") no-repeat 0 0; }
@media screen and (max-width: 768px) { .btn_link_wrap .link_white_btn { width: 100%; padding: 26px 10% 26px 5%; margin-left: 0; font-size: 24px; }
  .btn_link_wrap .link_white_btn:after { right: 20px; top: 50%; transform: translate(0, -50%); } }
.btn_link_wrap .link_puple_btn { display: inline-block; position: relative; width: 400px; padding: 26px 20px 26px 20px; margin: 0 10px; background: #5d5d88; border: 2px solid #7d7490; border-radius: 40px; font-size: 28px; text-align: center; line-height: 1em; color: #fff; }
.btn_link_wrap .link_puple_btn:after { display: block; clear: both; content: ''; position: absolute; right: 20px; top: 50%; transform: translate(0, -50%); width: 35px; height: 11px; background: url("../img/sub/bg_btn_arrow02.png") no-repeat 0 0; }
@media screen and (max-width: 768px) { .btn_link_wrap .link_puple_btn { width: 100%; padding: 26px 10% 26px 5%; margin: 10px 0 0 0; font-size: 24px; }
  .btn_link_wrap .link_puple_btn:after { right: 30px; top: 50%; transform: translate(0, -50%); } }
.recruiting--step { border-bottom: 2px solid #7a7682; margin: 30px 0; padding-bottom: 30px; }
@media screen and (max-width: 768px) { .recruiting--step { margin: 25px 0 10px; padding-bottom: 18px; } }
.recruiting--step li { float: left; color: #fff; background-color: #4a4653; text-align: center; width: calc((100% / 7) - 4px); margin-left: 4px; padding: 10px 0; }
@media screen and (max-width: 768px) { .recruiting--step li { width: calc((100% - 92px) / 6); margin-left: 1px; padding: 0; } }
.recruiting--step li:first-child { margin-left: 0; }
.recruiting--step li a { display: block; }
.recruiting--step li strong { display: block; font-size: 25px; font-weight: 500; color: #fff; }
@media screen and (max-width: 768px) { .recruiting--step li strong { display: inline-block; font-size: 15px; height: 25px; line-height: 25px; } }
.recruiting--step li strong::after { display: block; width: 25px; height: 1px; margin: 10px auto; background: #fff; content: ''; }
@media screen and (max-width: 768px) { .recruiting--step li strong::after { display: none; } }
@media screen and (max-width: 768px) { .recruiting--step li strong span { display: none; } }
.recruiting--step li.active { background-color: #432983; }
@media screen and (max-width: 768px) { .recruiting--step li.active { width: 85px; }
  .recruiting--step li.active strong { padding-right: 5px; border-right: 1px solid #69549c; }
  .recruiting--step li.active .stepinfo { display: inline-block; font-size: 12px; height: 24px; line-height: 24px; } }
@media screen and (max-width: 768px) { .recruiting--step li.checkd { background-color: #432983; background-image: url("../img/common/icon_step_check.png"); background-position: center center; background-repeat: no-repeat; background-size: 15px auto; }
  .recruiting--step li.checkd strong { text-indent: -9999px; } }
.recruiting--step::after { content: ''; display: block; clear: both; }
.step-type04 { border-bottom: 0; }
.step-type04 li { width: calc((100% / 4) - 4px); }
@media screen and (max-width: 768px) { .step-type04 li { width: calc((100% - 153px) / 3); }
  .step-type04 li.active { width: 150px; text-align: left; }
  .step-type04 li.active strong { width: 30px; padding-left: 10px; padding-right: 24px; text-align: center; margin-right: 5px; } }
.stepinfo { font-size: 20px; font-weight: 300; color: #fff; }
@media screen and (max-width: 768px) { .stepinfo { display: none; } }
.bt--line { margin: 0 0 20px; padding: 0 0 20px 0; text-align: center; border-bottom: 2px solid #7a7682; }
@media screen and (max-width: 768px) { .bt--line { padding: 25px 0; } }
.bt--line .tit { font-size: 30px; font-weight: 700; color: #4f4f4f; }
@media screen and (max-width: 768px) { .bt--line .tit { font-size: 20px; } }
.bt--line .text { font-size: 16px; font-weight: 500; color: #4f4f4f; margin-top: 15px; line-height: 150%; }
@media screen and (max-width: 768px) { .bt--line .text { margin-top: 10px; font-size: 15px; text-align: left; word-break: keep-all; word-wrap: break-word; } }
.yakguan__wrap .yakguan--contxt { padding: 20px 20px; border-top: 2px solid #ddd; border-bottom: 1px solid #ddd; }
@media screen and (max-width: 768px) { .yakguan__wrap .yakguan--contxt { padding: 20px; } }
.yakguan__wrap .tit { margin: 20px 0 10px; font-size: 18px; font-weight: 500; color: #222; }
@media screen and (max-width: 768px) { .yakguan__wrap .tit { font-size: 15px; } }
.yakguan__wrap .text { font-size: 16px; font-weight: 300; color: #222; margin-top: 35px; line-height: 170%; }
@media screen and (max-width: 768px) { .yakguan__wrap .text { font-size: 13px; margin-top: 15px; } }
.yakguan__wrap .yakguan--agree { background-color: #f4f4f4; padding: 20px 60px; border-bottom: 1px solid #dbdbdb; }
@media screen and (max-width: 768px) { .yakguan__wrap .yakguan--agree { padding: 15px 20px; } }
.yakguan__wrap .yakguan--agree li { font-size: 16px; font-weight: 300; color: #222; padding: 10px 0; }
@media screen and (max-width: 768px) { .yakguan__wrap .yakguan--agree li { font-size: 13px; padding: 7px 0; } }
.yakguan__wrap .yakguan--agree li:after { content: ''; display: block; clear: both; }
.yakguan__wrap .yakguan--agree li .item--list { float: left; word-break: keep-all; }
@media screen and (max-width: 768px) { .yakguan__wrap .yakguan--agree li .item--list { float: none; } }
.yakguan__wrap .yakguan--agree li .survey--item { float: right; }
@media screen and (max-width: 768px) { .yakguan__wrap .yakguan--agree li .survey--item { float: none; margin-top: 10px; } }
.board__tit--top { margin-top: 30px; }
@media screen and (max-width: 768px) { .board__tit--top { margin-top: 30px; } }
.board__tit--top .subpage-tit2 { float: left; margin: 0; }
@media screen and (max-width: 768px) { .board__tit--top .subpage-tit2 { margin-top: 5px; } }
.board__tit--top .btn-group { float: right; margin: 0; }
.board__tit--top::after { content: ''; display: block; clear: both; }
.mt-10 { margin-top: 10px; }
.wd-20p { width: 20%; }
.wd-30p { width: 30%; }
.wd-40p { width: 40%; }
.wd-100p { width: 100%; }
@media screen and (max-width: 1024px) { .mo__fullsize { width: 100% !important; }
  .email-id { width: calc(100% - 20px); } }
@media all and (min-width: 768px) { .edu--responsive > tbody > tr > td { padding: 10px 5px; } }
@media screen and (max-width: 1024px) { .edu--responsive { margin-bottom: 20px; }
  .edu--responsive thead { display: none; }
  .edu--responsive tbody > tr td { display: block; clear: both; width: 100%; }
  .edu--responsive tbody > tr td .wd80p, .edu--responsive tbody > tr td .wd40p { width: 100%; }
  .edu--responsive tbody > tr td.chk { display: none; } }
.policy-grap { text-align: center; }
.policy-grap img { margin: 0 auto; }
@media screen and (max-width: 768px) { .policy-grap img { width: 70%; } }
.board__continfo--top { display: table; width: 100%; font-size: 20px; font-weight: 300; color: #222; border-bottom: 1px solid #a1a1a1; }
@media screen and (max-width: 768px) { .board__continfo--top { display: block; font-size: 13px; } }
.board__continfo--top .thum-img { display: table-cell; width: 50%; text-align: center; vertical-align: middle; }
@media screen and (max-width: 768px) { .board__continfo--top .thum-img { display: block; width: 100%; } }
.board__continfo--top .bondinfo--detail { display: table-cell; width: 50%; padding-bottom: 20px; }
@media screen and (max-width: 768px) { .board__continfo--top .bondinfo--detail { margin-top: 0px; display: block; width: 100%; } }
.board__continfo--top .bondinfo--detail li { position: relative; min-height: 38px; margin: 10px 0; padding-left: 152px; color: #000; }
@media screen and (max-width: 1240px) { .board__continfo--top .bondinfo--detail li { padding-left: 120px; } }
@media screen and (max-width: 768px) { .board__continfo--top .bondinfo--detail li { padding-left: 90px; } }
.board__continfo--top .bondinfo--detail li strong { display: inline-block; position: absolute; left: 0; top: 0; width: 130px; padding: 3px 0; font-weight: 500; margin-right: 20px; vertical-align: middle; text-align: center; border: 1px solid #9a9a9a; }
@media screen and (max-width: 1240px) { .board__continfo--top .bondinfo--detail li strong { font-size: 15px; width: 100px; padding: 0; height: 35px; display: table-cell; } }
@media screen and (max-width: 768px) { .board__continfo--top .bondinfo--detail li strong { width: 70px; } }
@media screen and (max-width: 1240px) { .board__continfo--top .bondinfo--detail li .de-text { display: table-cell; padding-left: 9px; font-size: 15px; vertical-align: middle; letter-spacing: -0.05em; } }
.board__continfo--top::after { content: ''; display: block; clear: both; }
.edu--responsive > tbody > tr > td { font-weight: 300; }
@media screen and (max-width: 768px) { .ht--hight.file strong { margin-bottom: 10px; } }
.btn-file-down.btn-size-small { padding: 4px 50px 4px 16px !important; }
@media screen and (max-width: 768px) { .btn-file-down.btn-size-small { padding: 2px 20px !important; line-height: 1.9; display: block; margin-left: 0; } }
.bondinfo--detailbottom { padding: 40px 50px; }
@media screen and (max-width: 768px) { .bondinfo--detailbottom { padding: 20px 0px; } }
.bondinfo--detailbottom .board--tit { font-size: 25px; font-weight: 700; color: #5d5d88; }
@media screen and (max-width: 768px) { .bondinfo--detailbottom .board--tit { font-size: 15px; } }
.bondinfo--detailbottom .board-contxt { margin: 10px 0 30px; font-size: 18px; font-weight: 300; color: #000000; }
@media screen and (max-width: 768px) { .bondinfo--detailbottom .board-contxt { font-size: 15px; margin: 5px 0 20px; line-height: 150%; word-break: keep-all; word-wrap: break-word; } }
.policy__event--detialv { display: block; width: 100%; padding-bottom: 20px; border-bottom: 1px solid #a1a1a1; }
.policy__event--detialv::after { content: ''; display: block; clear: both; }
.policy__event--detialv li { display: table; margin-bottom: 10px; float: left; }
.policy__event--detialv li.ht--hight dt { height: 110px; }
@media screen and (max-width: 1240px) { .policy__event--detialv li.ht--hight dt { height: 35px; } }
.policy__event--detialv li::after { content: ''; display: block; clear: both; }
.policy__event--detialv li:nth-child(odd) { width: 40%; }
@media screen and (max-width: 1240px) { .policy__event--detialv li:nth-child(odd) { width: 100%; } }
.policy__event--detialv li:nth-child(even) { width: 60%; }
@media screen and (max-width: 1240px) { .policy__event--detialv li:nth-child(even) { width: 100%; } }
.policy__event--detialv li.long_line { width: 100%; }
@media screen and (max-width: 1240px) { .policy__event--detialv li { clear: both; float: none; } }
.policy__event--detialv li dl { display: table; }
.policy__event--detialv li dl dt, .policy__event--detialv li dl dd { display: table-cell; }
.policy__event--detialv li dl dt { width: 130px; height: 43px; font-size: 20px; font-weight: 500; color: #000; vertical-align: middle; text-align: center; border: 1px solid #9a9a9a; }
@media screen and (max-width: 1240px) { .policy__event--detialv li dl dt { width: 130px; height: 35px; font-size: 13px; } }
@media screen and (max-width: 768px) { .policy__event--detialv li dl dt { width: 65px; } }
.policy__event--detialv li dl dd { vertical-align: middle; padding-left: 20px; }
@media screen and (max-width: 1240px) { .policy__event--detialv li dl dd { padding-left: 10px; font-size: 13px; letter-spacing: -0.05em; } }
@media screen and (max-width: 768px) { .policy__event--detialv li dl { display: block; }
  .policy__event--detialv li.ht--hight.file dt, .policy__event--detialv li.ht--hight.file dd { display: block; padding: 0; line-height: 31px; }
  .policy__event--detialv li.ht--hight.file dd .upfile--listbox { margin-top: 5px; padding: 0; }
  .policy__event--detialv li.ht--hight.file dd .upfile--listbox p { padding: 5px 0; margin: 0; } }
.status__infobox--data { padding: 5px 0; font-size: 20px; font-weight: 500; color: #000000; }
@media screen and (max-width: 768px) { .status__infobox--data { padding: 4px 0; font-size: 13px; } }
.status__infobox--data .t { font-size: 20px; font-weight: 500; color: #394fa2; padding: 0 22px 0 14px; border-right: 1px solid #bdbdbd; margin-right: 25px; }
@media screen and (max-width: 768px) { .status__infobox--data .t { font-size: 13px; padding: 0 12px 0 14px; border-right: 1px solid #bdbdbd; margin-right: 5px; } }
.status__infobox--data .num { font-size: 20px; font-weight: 700; color: #f22828; margin-right: 10px; }
@media screen and (max-width: 768px) { .status__infobox--data .num { font-size: 13px; } }
.status__infobox--btn { margin-top: 5px; }
.status__infobox--btn .btn-purple { padding: 9px 0; width: 295px; }
@media screen and (max-width: 768px) { .status__infobox--btn .btn-purple { width: 100%; padding: 6px 0; } }
.upfile--listbox p { margin: 5px 0; }
.upfile--listbox p a:first-child { background-image: url("../img/common/icon_down.png"); background-position: left center; background-repeat: no-repeat; padding-left: 30px; }
@media screen and (max-width: 768px) { .upfile--listbox { padding-top: 0; clear: both; border-top: 2px solid #7a7682; border-bottom: 2px solid #7a7682; }
  .upfile--listbox p { padding: 10px 0; margin: 5px 0; }
  .upfile--listbox p a:first-child { background-size: 15px auto; padding-left: 20px; }
  .upfile--listbox p a:first-child span { line-height: 130%; }
  .upfile--listbox p:first-child { border-bottom: 1px solid #dddddd; } }
.page__text--top { padding: 20px 0 20px; text-align: center; }
@media screen and (max-width: 768px) { .page__text--top { padding: 29px 0; } }
.page__text--top h3 { font-size: 34px; font-weight: 700; color: #4f4f4f; }
@media screen and (max-width: 768px) { .page__text--top h3 { font-size: 18px; word-break: keep-all; word-wrap: break-word; } }
.page__text--top .txt { font-size: 19px; font-weight: 500; color: #4f4f4f; margin-top: 20px; }
@media screen and (max-width: 768px) { .page__text--top .txt { font-size: 15px; text-align: left; word-break: keep-all; word-wrap: break-word; } }
.box__login { position: relative; padding: 25px 70px; border: 1px solid #cbcbcb; }
@media screen and (max-width: 1600px) { .box__login { padding: 4%; } }
.box__login::after { content: ''; display: block; clear: both; }
.box__login h4 { font-size: 24px; font-weight: 700; color: #432983; }
@media screen and (max-width: 768px) { .box__login h4 { font-size: 16px; } }
.box__login .login-text { margin: 10px 0 20px 0; font-size: 18px; font-weight: 300; color: #606060; letter-spacing: -0.05em; line-height: 150%; word-break: keep-all; word-wrap: break-word; }
@media screen and (max-width: 768px) { .box__login .login-text { font-size: 13px; }
  .box__login .login-text br { display: none; } }
.box__login .login-text p { margin-top: 10px; }
.box__login ul { margin-top: 15px; }
.box__login .autosave { margin: 18px 0 20px 0; }
@media screen and (max-width: 768px) { .box__login .autosave { margin: 10px 0 15px 0; font-size: 13px; } }
.box__login .autosave input { width: 18px; height: 18px; margin-right: 10px; vertical-align: middle; }
.box__login .input-wrap { background-color: #f4f4f4; border: 0; height: 50px; }
@media screen and (max-width: 768px) { .box__login .input-wrap { height: 40px; } }
.box__login .input-wrap.id { background-image: url("../img/common/icon_pp.png"); background-position: 10px center; background-repeat: no-repeat; }
.box__login .input-wrap.pw { margin-top: 13px; background-image: url("../img/common/icon_pw.png"); background-position: 10px center; background-repeat: no-repeat; }
.box__login .input-wrap input { text-indent: 40px; }
.box__login .btn--login { display: block; height: 50px; color: #fff; font-size: 18px; width: 100%; background-color: #4a4653; }
@media screen and (max-width: 768px) { .box__login .btn--login { font-size: 13px; height: 40px; } }
.box__login .login--utilmenu { margin-top: 20px; text-align: center; }
.box__login .login--utilmenu a { font-size: 17px; font-weight: 300; color: #353535; }
@media screen and (max-width: 768px) { .box__login .login--utilmenu a { font-size: 13px; } }
.box__login .login--utilmenu a:after { width: 1px; height: 15px; margin: 0 10px; vertical-align: middle; background-color: #cecece; display: inline-block; content: ''; }
.box__login .login--utilmenu a:last-child::after { display: none; }
.login--left { float: left; position: relative; width: 50%; padding-right: 5%; }
@media screen and (max-width: 768px) { .login--left { float: none; clear: both; width: 100%; padding-right: 0; padding-bottom: 30px; border-bottom: 1px solid #cbcbcb; } }
.login--left:after { position: absolute; right: 0px; top: 50%; width: 1px; height: 380px; transform: translateY(-50%); background: #cbcbcb; content: ''; }
@media screen and (max-width: 768px) { .login--left:after { display: none; } }
.login--right { float: left; width: 50%; padding-left: 5%; }
@media screen and (max-width: 768px) { .login--right { float: none; clear: both; width: 100%; padding-left: 0; padding-top: 30px; } }
.login--right h4 { color: #2d6aaa; }
.login--right .btn--login { background: #1C2674 url(../img/sub/onepass.png) no-repeat 8px 50%; }
.login--right .id { margin-top: 18px; }
.yakguan--box { overflow-y: auto; width: 100%; height: 345px; border: 1px solid #cbcbcb; padding: 20px; }
@media screen and (max-width: 768px) { .yakguan--box { padding: 10px; } }
.yakguan--box textarea { width: 100%; height: 100%; line-height: 150%; color: #3a3a3a; font-weight: 300; }
@media screen and (max-width: 768px) { .yakguan--box textarea { line-height: 150%; } }
.yakguan--agree { font-size: 18px; vertical-align: middle; text-align: right; }
@media screen and (max-width: 768px) { .yakguan--agree { font-size: 15px; } }
.yakguan--agree strong { display: inline; vertical-align: top; }
.subpage__tit--wrap { position: relative; margin: 25px 0 0px; }
@media screen and (max-width: 768px) { .subpage__tit--wrap { margin: 30px 0 20px; } }
.subpage__tit--wrap::after { content: ''; display: block; clear: both; }
.subpage__tit--wrap .subpage-tit2 { float: left; margin: 0; }
.subpage__tit--wrap .btn--right { float: right; }
.btn.btn-blue.btn-chage { background-color: #4e89c7; border: 0; padding: 10px 14px; }
@media screen and (max-width: 768px) { .checks-inline { display: inline-block; margin-right: 10px; } }
.certified--box { text-align: center; border: 1px solid #cbcbcb; padding: 80px 0 50px; }
.certified--box.certified-icon { padding-top: 230px; background-image: url("../img/common/icon_cerfitcation.png"); background-position: center 35px; background-repeat: no-repeat; }
@media screen and (max-width: 768px) { .certified--box.certified-icon { padding-top: 190px; background-position: center 40px; } }
@media screen and (max-width: 768px) { .certified--box { background-size: 100px auto; background-position: center 30px; padding: 30px 20px; } }
.certified--box h4 { font-size: 35px; font-weight: 700; color: #4f4f4f; }
@media screen and (max-width: 768px) { .certified--box h4 { font-size: 18px; word-break: keep-all; word-wrap: break-word; } }
.certified--box p { font-size: 20px; font-weight: 300; color: #4f4f4f; margin: 30px 0 20px; line-height: 150%; word-break: keep-all; word-wrap: break-word; }
.certified--box p span { color: #2780c5; }
@media screen and (max-width: 768px) { .certified--box p { margin-top: 15px; font-size: 13px; text-align: left; } }
.certified--box .btn { width: 180px; margin-top: 10px; font-weight: 300; }
@media screen and (max-width: 768px) { .certified--box .btn { width: 110px; } }
.member--type { width: 961px; margin: 0 auto; }
@media screen and (max-width: 1240px) { .member--type { width: 100%; } }
.member--type li { display: inline-block; width: 456px; text-align: center; padding: 20px 0; border: 1px solid #cbcbcb; background-image: url("../img/common/icon_member_type02.png"); background-position: center center; background-repeat: no-repeat; background-size: 110px; }
@media screen and (max-width: 1240px) { .member--type li { width: 46%; } }
@media screen and (max-width: 768px) { .member--type li { width: 100%; padding: 40px 0; background-size: 100px auto; } }
.member--type li h4 { font-size: 30px; font-weight: 700; color: #272727; }
@media screen and (max-width: 768px) { .member--type li h4 { font-size: 15px; } }
.member--type li p { font-size: 18px; font-weight: 300; color: #676767; }
.member--type li:first-child { margin-right: 45px; background-image: url("../img/common/icon_member_type01.png"); background-position: center center; background-repeat: no-repeat; }
@media screen and (max-width: 1240px) { .member--type li:first-child { margin-right: 7%; } }
@media screen and (max-width: 768px) { .member--type li:first-child { margin-right: 0%; margin-bottom: 20px; } }
.member--type li .btn-gray { margin-top: 183px; padding: 15px 65px; background-color: #64606b; }
@media screen and (max-width: 768px) { .member--type li .btn-gray { margin-top: 150px; padding: 10px 45px; } }
.member--type li .btn-gray::after { display: inline-block; background-image: url("../img/common/icon_link.png"); background-position: center center; background-repeat: no-repeat; width: 21px; height: 16px; margin-left: 5px; vertical-align: middle; content: ''; }
.gray__text--bottom { width: 990px; margin: 30px auto; padding: 15px 0; border-radius: 20px; font-size: 18px; font-weight: 500; color: #4f4f4f; text-align: center; background-color: #f3f3f3; word-break: keep-all; word-wrap: break-word; }
@media screen and (max-width: 1240px) { .gray__text--bottom { width: 100%; } }
@media screen and (max-width: 768px) { .gray__text--bottom { margin: 30px 0; font-size: 15px; padding: 15px; } }
.member--logo { margin-bottom: 30px; }
@media screen and (max-width: 768px) { .member--logo { width: 180px; margin: 0 auto 15px; } }
.bottomline { border-bottom: 2px solid #7a7682; }
/* [단일] 디지털원패스 회원유형 선택 */
@media screen and (max-width: 768px) { .text_onepass br { display: none; } }
.menu_limit { padding: 20px; background: #f3f3f3; }
.menu_limit dl dt { font-size: 16px; color: #432983; }
.menu_limit dl dd { display: inline-block; position: relative; padding-left: 14px; line-height: 2em; font-size: 16px; color: #222222; }
.menu_limit dl dd:before { display: block; clear: both; content: ''; position: absolute; top: 16px; left: 7px; width: 3px; height: 3px; background: #7a7682; }
.onepass_member--type { width: 100%; margin: 54px 0 0 0; }
.onepass_member--type:after { display: block; clear: both; content: ''; }
.onepass_member--type li { float: left; width: 31%; height: 380px; margin-right: 3.5%; }
.onepass_member--type li a { display: block; position: relative; height: 100%; background: #f3f3f3; border: 1px solid #d2d2d2; text-align: center; }
.onepass_member--type li a:after { display: block; clear: both; content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -15%); }
.onepass_member--type li a span { display: block; margin-top: 55px; font-size: 30px; font-weight: 600; }
.onepass_member--type li a p { margin-top: 15px; font-size: 18px; color: #676767; }
.onepass_member--type li:nth-child(1) a:after { width: 162px; height: 162px; background: url(../img/sub/icon_onepass_type01.png) no-repeat 0 0; }
.onepass_member--type li:nth-child(2) a:after { width: 162px; height: 162px; background: url(../img/sub/icon_onepass_type02.png) no-repeat 0 0; }
.onepass_member--type li:nth-child(3) { margin-right: 0; }
.onepass_member--type li:nth-child(3) a { display: block; position: relative; height: 100%; background: #f3f3f3; }
.onepass_member--type li:nth-child(3) a:after { width: 162px; height: 162px; background: url(../img/sub/icon_onepass_type03.png) no-repeat 0 0; }
@media screen and (max-width: 768px) { .onepass_member--type li { float: none; width: 100%; margin: 36px 0 0 0; } }
.member--help { margin-top: 50px; padding: 70px 0; border: 1px solid #cbcbcb; }
@media screen and (max-width: 768px) { .member--help { padding: 20px; } }
.member--help h4 { font-size: 30px; font-weight: 700; color: #272727; }
@media screen and (max-width: 768px) { .member--help h4 { font-size: 20px; } }
.member--help::after { content: ''; display: block; clear: both; }
.member--help .help__box--left { float: left; width: calc(50% - 1px); text-align: center; background-image: url("../img/common/icon_type_m.png"); background-position: center 60px; background-repeat: no-repeat; border-right: 1px solid #cbcbcb; }
@media screen and (max-width: 768px) { .member--help .help__box--left { display: block; float: none; width: 100%; padding: 1%; background-size: 90px auto; border-right: 0; } }
.member--help .help__box--left.pw--find { background-position: center 80px; }
.member--help .help__box--left.pw--find .box--inner { max-width: 430px; margin: 0 auto; }
@media screen and (max-width: 1024px) { .member--help .help__box--left.pw--find .box--inner { max-width: 70%; margin: 0 auto; } }
@media screen and (max-width: 768px) { .member--help .help__box--left.pw--find .box--inner { max-width: 100%; } }
@media screen and (max-width: 768px) { .member--help .help__box--left.pw--find { background-position: center 60px; } }
.member--help .help__box--left.pw--find dl { margin-top: 240px; text-align: left; font-size: 18px; font-weight: 500; color: #272727; }
@media screen and (max-width: 768px) { .member--help .help__box--left.pw--find dl { margin-top: 160px; font-size: 15px; } }
.member--help .help__box--left.pw--find dl dd { margin: 5px 0 15px; }
.member--help .help__box--left.pw--find .btn { width: 100%; margin-top: 10px; }
.member--help .help__box--left .btn { background-color: #64606b; margin-top: 250px; padding-right: 60px; padding-left: 60px; }
@media screen and (max-width: 768px) { .member--help .help__box--left .btn { margin-top: 180px; padding-right: 0; padding-left: 0; width: 100%; } }
.member--help .help__box--right { float: right; width: 50%; text-align: center; }
@media screen and (max-width: 768px) { .member--help .help__box--right { display: block; float: none; width: 100%; padding: 1%; }
  .member--help .help__box--right::before { content: ''; width: 95%; display: block; margin: 30px auto; height: 1px; background-color: #cbcbcb; } }
.member--help .help__box--right .box--inner { max-width: 430px; font-size: 18px; font-weight: 500; color: #272727; margin: 0 auto; }
@media screen and (max-width: 1024px) { .member--help .help__box--right .box--inner { max-width: 70%; margin: 0 auto; } }
@media screen and (max-width: 768px) { .member--help .help__box--right .box--inner { max-width: 100%; } }
.member--help .help__box--right dl { margin-top: 50px; text-align: left; }
@media screen and (max-width: 768px) { .member--help .help__box--right dl { margin-top: 20px; font-size: 15px; } }
.member--help .help__box--right dl dd { margin: 5px 0 15px; }
.member--help .help__box--right .btn { background-color: #64606b; width: 100%; margin-top: 10px; }
@media screen and (max-width: 768px) { .member--help .help__box--right .btn { margin-top: 0; width: 100%; } }
.company--memb .help__box--left .btn { margin-top: 280px; }
@media screen and (max-width: 768px) { .company--memb .help__box--left .btn { margin-top: 160px; } }
.company--memb .help__box--right .text-l { text-align: left; font-weight: 300; }
@media screen and (max-width: 768px) { .company--memb .help__box--right .text-l { font-size: 15px; margin-bottom: 10px; } }
.member--help--result h4 span { color: #2780c5; }
.member--help--result .btn { padding: 14px 0; margin-top: 2px; }
@media screen and (max-width: 768px) { .member--help--result .btn { width: 49%; padding: 8px 0; }
  .member--help--result .btn.mo--fullsize { width: 100%; } }
@media screen and (min-width: 768px) { .member--help--result .btn { min-width: 180px; }
  .btn-col2 { min-width: 180px; } }

@media screen and (min-width: 768px) { .member--help--result .btn { min-width: 180px; }
  .btn-col3 { min-width: auto; } }

.btn-find-wd { width: 200px; }
@media screen and (max-width: 768px) { .btn-find-wd { width: 100%; margin-left: 2px; } }
.text--box { line-height: 150%; margin: 30px 0 20px; word-break: keep-all; word-wrap: break-word; }
@media screen and (max-width: 768px) { .text--box { font-size: 13px; } }
.pw__find--end { text-align: center; padding: 70px 0; border-bottom: 2px solid #7a7682; background-image: url("../img/common/icon_passwd.png"); background-position: center 145px; background-repeat: no-repeat; }
@media screen and (max-width: 768px) { .pw__find--end { padding: 30px; background-position: center 80px; background-size: 100px auto; } }
.pw__find--end h4 { font-size: 35px; font-weight: 700; color: #4f4f4f; }
@media screen and (max-width: 768px) { .pw__find--end h4 { font-size: 21px; } }
.pw__find--end p { margin: 250px 0 10px; font-size: 20px; font-weight: 300; color: #4f4f4f; }
@media screen and (max-width: 768px) { .pw__find--end p { margin-top: 150px; font-size: 15px; } }
@media screen and (max-width: 768px) { .dash-line { display: none; } }
@media print { .header { display: none; }
  .sub__visual { display: none; }
  .page__location { width: 100%; }
  .inner__box { width: 100%; }
  .sub__content { width: 100%; }
  .family_site_wrap { display: none; }
  .footer__area { display: none; } }
.text__cont { margin-top: 10px; text-align: right; }
.text__cont span { display: inline-block; text-align: left; padding-left: 10px; width: 42px; height: 30px; border: 1px solid #ccc; line-height: 30px; }
.board__text--box { min-height: 250px; vertical-align: top; padding: 20px 10px; }
.recruiting__confirm--notice { margin: 0; padding: 25px 0px; border-top: 1px solid #7a7682; border-bottom: 1px solid #7a7682; }
@media screen and (max-width: 768px) { .recruiting__confirm--notice { margin: 40px 0; } }
.recruiting__confirm--notice .list-ul { margin: 0 25px; }
@media screen and (max-width: 768px) { .recruiting__confirm--notice .list-ul { margin: 0 15px; } }
.recruiting__confirm--notice .confirm--text { padding: 25px 25px 15px 25px; margin-top: 20px; border-top: 1px solid #ddd; word-break: keep-all; word-wrap: break-word; }
.recruiting__confirm--notice .confirm--text strong { display: block; font-size: 18px; font-weight: 500; color: #272727; }
@media screen and (max-width: 768px) { .recruiting__confirm--notice .confirm--text strong { font-size: 13px; }
  .recruiting__confirm--notice .confirm--text strong.mt-50 { margin-top: 25px; } }
.recruiting__confirm--notice .confirm--text p { font-size: 16px; font-weight: 300; color: #222222; margin-top: 15px; line-height: 160%; }
@media screen and (max-width: 768px) { .recruiting__confirm--notice .confirm--text p { font-size: 13px; } }
.recruiting--step.last-step { border-bottom: 0; padding-bottom: 0; margin-bottom: 0; }
.edu--responsive > tbody > tr > td:last-child { padding-right: 10px; }
@media screen and (max-width: 768px) { .edu--responsive > tbody > tr > td:last-child { position: static; padding-right: 0; } }
@media screen and (max-width: 768px) { .edu--responsive > tbody > tr > td:first-child { position: relative; } }
.turn-data { position: relative; width: 100%; padding-right: 40px; }
@media screen and (max-width: 768px) { .edu--responsive--viewtype { margin-top: 20px; }
  .edu--responsive.edu--responsive--viewtype thead > tr th { padding: 0; }
  .edu--responsive.edu--responsive--viewtype thead > tr th:first-child::after { display: inline-block; }
  .edu--responsive--viewtype > tbody > tr { border-bottom: 0; }
  .edu--responsive--viewtype > tbody > tr > th { text-align: center; word-break: keep-all; word-wrap: break-word; }
  .edu--responsive--viewtype > tbody > tr > td { padding: 9px; text-align: left; border-bottom: 1px solid #cbcbcb; } }
.recruit__sign--box { position: relative; padding: 50px 0px; margin: 40px 0 30px; text-align: center; border-top: 2px solid #222; border-bottom: 2px solid #222; background: #fafafa; word-break: keep-all; word-wrap: break-word; }
@media screen and (max-width: 768px) { .recruit__sign--box { padding: 40px 0px; margin: 40px 0 20px; }
  .recruit__sign--box br { display: none; } }
.recruit__sign--box .text { font-size: 16px; font-weight: 300; color: #222222; }
@media screen and (max-width: 768px) { .recruit__sign--box .text { font-size: 15px; } }
.recruit__sign--box .data { margin-top: 50px; font-size: 18px; font-weight: 700; color: #000000; }
@media screen and (max-width: 768px) { .recruit__sign--box .data { font-size: 15px; margin-top: 30px; } }
.recruit__sign--box .sign { position: absolute; right: 30px; bottom: 40px; font-size: 18px; font-weight: 700; color: #000000; }
@media screen and (max-width: 768px) { .recruit__sign--box .sign { font-size: 15px; right: 20px; bottom: 10px; } }
.total__search--area { background-color: #f9f9f9; text-align: center; padding: 45px 0; margin: 50px 0; }
.total__search--area .inner { font-size: 0; }
@media screen and (max-width: 768px) { .total__search--area { padding: 20px; margin: 30px 0; } }
.total__search--area .search_txt { background: #fff; width: 100%; max-width: 600px; height: 60px; border: 2px solid #4a4653; text-indent: 10px; }
@media screen and (max-width: 768px) { .total__search--area .search_txt { max-width: 100%; width: calc(100% - 60px); height: 40px; } }
.total__search--area .search { width: 60px; height: 60px; background-color: #4a4653; background-image: url("../img/common/btn_search.png"); background-position: center center; background-repeat: no-repeat; }
@media screen and (max-width: 768px) { .total__search--area .search { width: 40px; height: 40px; background-size: 25px auto; } }
.search__result--text { margin-top: 40px; font-size: 28px; font-weight: 500; color: #222222; }
@media screen and (max-width: 768px) { .search__result--text { font-size: 16px; } }
.search__result--text strong { color: #2267af; }
.search__rusult--list { margin-top: 20px; border-top: 2px solid #222; }
.search__rusult--list li { padding: 40px 20px; border-bottom: 1px solid #ddd; word-break: keep-all; word-wrap: break-word; }
@media screen and (max-width: 768px) { .search__rusult--list li { padding: 20px 10px; } }
.search__rusult--list li h4 a { font-size: 24px; font-weight: 500; color: #222222; }
@media screen and (max-width: 768px) { .search__rusult--list li h4 a { font-size: 15px; } }
.search__rusult--list li h4 a span { color: #2267af; }
.search__rusult--list li .text { font-size: 19px; font-weight: 300; color: #000; margin: 10px 0; display: block; letter-spacing: -0.05rem; text-overflow: ellipsis; -webkit-line-clamp: 2; width: 98%; height: 3.2em; overflow: hidden; white-space: normal; line-height: 1.6; display: -webkit-box; word-wrap: break-word; -webkit-box-orient: vertical; }
@media screen and (max-width: 768px) { .search__rusult--list li .text { font-size: 13px; line-height: 1.4; height: 2.8em; } }
.search__rusult--list li .text span { color: #2267af; }
.search__rusult--list a:hover { text-decoration: underline; }
.search__rusult--list .infor { font-size: 17px; font-weight: 300; color: #696969; margin-top: 10px; }
@media screen and (max-width: 768px) { .search__rusult--list .infor { font-size: 12px; } }
@media screen and (max-width: 768px) { .search__rusult--list .infor .data { clear: both; display: block; margin-top: 10px; } }
.search__rusult--list .infor .data::before { content: ''; height: 15px; width: 1px; vertical-align: middle; margin: 0 10px; background-color: #d1d1d1; }
@media screen and (max-width: 768px) { .search__rusult--list .infor .data::before { display: none; } }
.search__result-no { margin-top: 30px; background-image: url("../img/common/icon_result_no.png"); background-position: 35px center; background-repeat: no-repeat; padding: 55px 0 55px 252px; border-top: 2px solid #7a7682; border-bottom: 2px solid #7a7682; word-break: keep-all; word-wrap: break-word; }
@media screen and (max-width: 1024px) { .search__result-no { padding: 180px 20px 20px 20px; background-position: center 40px; background-size: 100px auto; } }
.search__result-no h4 { font-size: 22px; font-weight: 500; color: #222; }
@media screen and (max-width: 1024px) { .search__result-no h4 { font-size: 16px; } }
.search__result-no ul { margin-top: 15px; }
.search__result-no ul li { position: relative; margin: 8px 0; padding-left: 8px; font-size: 18px; font-weight: 300; color: #222; }
@media screen and (max-width: 1024px) { .search__result-no ul li { font-size: 13px; } }
.search__result-no ul li::before { content: ''; display: block; position: absolute; left: 0; top: 7px; width: 2px; height: 2px; background: #222; border-radius: 100%; }
.flow--tit { text-align: center; padding: 20px 0; margin-top: 30px; font-size: 27px; font-weight: 700; color: #fff; background-image: url("../img/common/bg_flow_tit.png"); background-position: center center; background-repeat: no-repeat; background-size: cover; }
@media screen and (max-width: 768px) { .flow--tit { margin-top: 30px; padding: 10px 0; font-size: 15px; } }
.flow--img { border: 1px solid #ddd; width: 100%; clear: both; display: block; text-align: center; padding: 140px 0 0; }
.flow--img img { margin: 0 auto; width: 100%; }
@media screen and (max-width: 768px) { .flow--img { padding: 30px 0 0; }
  .flow--img img { max-width: 100%; width: 100%; } }
.flow--img .flow--img--mo { display: none; }
@media screen and (max-width: 768px) { .flow--img .flow--img--mo { display: block; background-color: #f4f4f4; border-top: 1px solid #ddd; padding: 30px 0; margin-top: 30px; } }
.flow__guide--bottom { clear: both; margin-top: 80px; background-color: #f8f8f8; }
@media screen and (max-width: 768px) { .flow__guide--bottom { margin-top: 40px; } }
.flow__guide--bottom::after { content: ''; display: block; clear: both; }
.flow__guide--bottom .photo--slider { float: left; width: 50%; position: relative; }
@media screen and (max-width: 768px) { .flow__guide--bottom .photo--slider { float: none; width: 100%; clear: both; } }
.flow__guide--bottom .flow--text { float: left; width: 50%; }
@media screen and (max-width: 768px) { .flow__guide--bottom .flow--text { float: none; width: 100%; clear: both; } }
.flow__guide--bottom .flow--text h4 { font-size: 23px; font-weight: 700; color: #4f4f4f; margin: 50px 50px 0 50px; border-bottom: 1px solid #ccc; padding-bottom: 20px; }
@media screen and (max-width: 768px) { .flow__guide--bottom .flow--text h4 { font-size: 16px; margin: 20px 20px 0 20px; } }
.flow__guide--bottom .flow--text .text { font-size: 18px; font-weight: 300; color: #4f4f4f; margin: 20px 50px 0px 50px; line-height: 150%; }
@media screen and (max-width: 768px) { .flow__guide--bottom .flow--text .text { font-size: 13px; margin: 20px 20px 0 20px; text-align: left; word-break: keep-all; } }
.flow__guide--bottom .flow--text .text::first-letter { margin-left: 13px; }
.flow__guide--bottom .flow--text .btn-wrap { margin: 30px 50px 0px 50px; }
@media screen and (max-width: 768px) { .flow__guide--bottom .flow--text .btn-wrap { margin: 20px 20px 0 20px; } }
.btn-go { clear: both; padding: 12px 30px; }
@media screen and (max-width: 768px) { .btn-go { display: block; margin-bottom: 20px; } }
.btn-go::after { display: inline-block; content: ''; width: 21px; height: 16px; vertical-align: middle; margin-left: 5px; background-image: url("../img/common/icon_link.png"); background-position: 98% center; background-repeat: no-repeat; }
.gallery-slier .flow_slide { position: relative; }
.gallery-slier .slick-control { position: absolute; right: 0; top: auto; bottom: 0; text-align: right; }
@media screen and (max-width: 768px) { .gallery-slier .slick-control { display: block; } }
.gallery-slier .slick-control .gall-prev { width: 45px; height: 42px; margin-left: -2px; background-image: url("../img/common/btn_slider_left.png"); background-position: center center; background-repeat: no-repeat; }
@media screen and (max-width: 768px) { .gallery-slier .slick-control .gall-prev { width: 25px; height: 25px; background-size: 25px auto; } }
.gallery-slier .slick-control .gall-play { width: 45px; height: 42px; background-image: url("../img/common/btn_slider_play.png"); background-position: center center; background-repeat: no-repeat; }
@media screen and (max-width: 768px) { .gallery-slier .slick-control .gall-play { width: 25px; height: 25px; background-size: 25px auto; } }
.gallery-slier .slick-control .gall-stop { width: 45px; height: 42px; background-image: url("../img/common/btn_slider_pause.png"); background-position: center center; background-repeat: no-repeat; }
@media screen and (max-width: 768px) { .gallery-slier .slick-control .gall-stop { width: 25px; height: 25px; background-size: 25px auto; } }
.gallery-slier .slick-control .gall-next { width: 45px; height: 42px; margin-left: -1px; background-image: url("../img/common/btn_slider_right.png"); background-position: center center; background-repeat: no-repeat; }
@media screen and (max-width: 768px) { .gallery-slier .slick-control .gall-next { width: 25px; height: 25px; background-size: 25px auto; } }
.gallery-slier .slick-control .gall-play { display: none; }
@media all and (min-width: 768px) { .slide-mo { display: none; } }
@media screen and (max-width: 768px) { .slide-mo .slick-slide .flow-inbox { margin: 0 2%; border: 1px solid #cbcbcb; background-color: #fff; }
  .slide-mo .slick-slide .flow-inbox img { width: 100%; max-width: 100%; }
  .slide-mo .slick-slide .flow-inbox .text { padding: 10px 0; font-size: 13px; font-weight: 500; color: #4f4f4f; }
  .slide-mo .slick-slide .flow-inbox .text span { display: block; width: 20px; height: 20px; line-height: 20px; color: #fff; text-align: center; margin: 0 auto 10px; background-color: #9319de; border-radius: 100%; }
  .slide-mo .slick-slide .flow-inbox .text em { color: #8d8d8d; }
  .slide-mo { width: 96%; margin: 0 auto; }
  .slide-mo .slick-slide { margin-bottom: 10px; }
  .slide-mo .slick-dots { margin-top: 20px; }
  .slide-mo .slick-dots li { width: auto; }
  .slide-mo .slick-dots li button { width: 13px; height: 13px; text-indent: -9999px; background-color: #b8b8b8; border-radius: 100%; }
  .slide-mo .slick-dots li.slick-active button { width: 26px; border-radius: 10px; background-color: #ffcc43; } }
.flow__slider--top { position: relative; margin: 40px 0; }
.flow__slider--top .gallery-slier { overflow: hidden; float: left; position: relative; width: 48%; }
@media screen and (max-width: 1024px) { .flow__slider--top .gallery-slier { float: none; width: 100%; height: auto; } }
.flow__slider--top .gallery-slier::after { content: ''; display: block; clear: both; }
.flow__slider--top .flow--text { overflow-y: auto; float: right; max-width: 600px; width: 48%; max-height: 335px; }
@media screen and (max-width: 1024px) { .flow__slider--top .flow--text { overflow: visible; float: none; width: 100%; max-width: 100%; max-height: 100%; margin-top: 50px; } }
.flow__slider--top .flow--text h4 { font-size: 30px; font-weight: 500; color: #4f4f4f; }
@media screen and (max-width: 1024px) { .flow__slider--top .flow--text h4 { font-size: 24px; } }
.flow__slider--top .flow--text .btn-wrap { margin: 30px 50px 0px 50px; text-align: center; }
@media screen and (max-width: 768px) { .flow__slider--top .flow--text .btn-wrap { margin: 20px 20px 0 20px; } }
@media screen and (max-width: 1024px) { .flow__slider--top .slick-slide img { width: 100%; max-width: 100%; } }
.flow__slider--top::after { content: ''; display: block; clear: both; }
/* [단일] 층별안내 롤링 */
.flow_all_slider_top { position: relative; padding: 0 50px; width: auto; margin: 50px 0; }
.flow_all_slider_top .slick-control .flow_prev { position: absolute; top: 50%; left: 0; transform: translate(0, -50%); width: 40px; height: 140px; background: url("../img/sub/prev_flow.png") no-repeat 0 0; }
.flow_all_slider_top .slick-control .flow_next { position: absolute; top: 50%; right: 0; transform: translate(0, -50%); width: 40px; height: 140px; background: url("../img/sub/next_flow.png") no-repeat 0 0; }
.flow_all_slider_top .flow_gallery { float: left; position: relative; width: 48%; max-width: 576px; border: 1px solid #cbcbcb; box-sizing: border-box; }
@media screen and (max-width: 1024px) { .flow_all_slider_top .flow_gallery { float: none; width: 100%; margin: 0 auto; } }
.flow_all_slider_top .flow_gallery::after { content: ''; display: block; clear: both; }
.flow_all_slider_top .flow--text { float: right; max-width: 600px; width: 48%; }
@media screen and (max-width: 1024px) { .flow_all_slider_top .flow--text { float: none; overflow-y: visible; width: 100%; max-width: 100%; margin-top: 50px; } }
.flow_all_slider_top .flow--text h4 { font-size: 30px; font-weight: 500; color: #4f4f4f; }
@media screen and (max-width: 1024px) { .flow_all_slider_top .flow--text h4 { font-size: 20px; } }
.flow_all_slider_top .flow--text ul > li { position: relative; margin-top: 15px; padding-left: 38px; font-size: 20px; color: #3e3e3e; }
.flow_all_slider_top .flow--text ul > li span { display: block; position: absolute; left: 0; top: 50%; transform: translate(0, -50%); width: 27px; background: #9e19d8; border-radius: 50%; font-size: 20px; line-height: 27px; color: #fff; text-align: center; }
.flow_all_slider_top .flow--text .btn-wrap { margin: 30px 50px 0px 50px; text-align: center; }
@media screen and (max-width: 768px) { .flow_all_slider_top .flow--text .btn-wrap { margin: 20px 20px 0 20px; } }
@media screen and (max-width: 1024px) { .flow_all_slider_top .slick-slide img { width: 100%; max-width: 100%; } }
.flow_all_slider_top::after { content: ''; display: block; clear: both; }
/* 주소 폼 */
.address-wrap { font-size: 0; }
.address-wrap .address-num { background: #eee; cursor: none; /*pointer-events: none;*/ }
.address-wrap .address-form { display: none; }
.address-wrap .input-post { width: 341px; }
.address-wrap .basic-add input { cursor: none; /*pointer-events: none;*/ }
.address-wrap .btn-address { margin-left: 4px; }
@media screen and (max-width: 768px) { .address-wrap .input-post { width: 37%; }
  .address-wrap .btn-post { width: 55%; padding: 8px 0; }
  .address-wrap .input-wrap.input-post.wd-30p { width: 37%; } }
/* 이메일 폼 */
@media screen and (max-width: 468px) { .email-form { font-size: 0 !important; }
  .email-form .input-wrap.wd-20p.col3-mo:first-child { width: 100%; }
  .email-form span { display: inline-block; width: 24px; font-size: 12px; text-align: center; }
  .email-form .input-wrap.wd-20p.col3-mo:nth-child(3) { width: calc(100% - 24px); margin: 5px 0; }
  .email-form .select-wrap.wd-20p.col3-mo { width: 100%; } }
.api--raper { min-height: 500px; }
/* 미션 비전 */
.mission_vision--wrap { padding-top: 50px; }
.mission_vision--wrap .mission_vision { position: relative; }
.mission_vision--wrap .mission_vision:after { display: block; clear: both; content: ''; position: absolute; left: 50%; bottom: -50px; transform: translate(-50%, 0); width: 62px; height: 32px; background: url("../img/sub/icon_mv_arrow.png") no-repeat 0 0; }
.mission_vision--wrap .mission_vision ul { position: relative; }
.mission_vision--wrap .mission_vision ul:after { display: block; clear: both; content: ''; position: absolute; left: 78px; top: 20px; z-index: -1; width: 1px; height: 260px; background: #dadada; }
.mission_vision--wrap .mission_vision ul > li { position: relative; padding-left: 140px; }
.mission_vision--wrap .mission_vision ul > li span.circle_icon { display: block; position: absolute; left: 33px; top: 0; width: 88px; height: 88px; border-radius: 50%; }
.mission_vision--wrap .mission_vision ul > li div.text_wrap { display: block; padding: 27px 0 27px 0; border: 1px solid #000; border-radius: 40px; }
.mission_vision--wrap .mission_vision ul > li div.text_wrap .tit_slogun { display: inline-block; width: 30%; font-size: 26px; font-weight: 500; text-align: center; }
.mission_vision--wrap .mission_vision ul > li div.text_wrap .text_slogun { display: inline-block; position: relative; padding-left: 14px; font-size: 20px; font-weight: 300; color: #3d3d3d; }
.mission_vision--wrap .mission_vision ul > li div.text_wrap .text_slogun:before { display: block; clear: both; content: ''; position: absolute; left: 0; top: 50%; transform: translate(0, -50%); width: 3px; height: 2px; background: #37465e; }
.mission_vision--wrap .mission_vision ul > li:nth-child(1) { animation: contdown 1s; -moz-animation: contdown 1s; /* Firefox */ -webkit-animation: contdown 1s; /* Safari and Chrome */ -o-animation: contdown 1s; /* Opera */ }
.mission_vision--wrap .mission_vision ul > li:nth-child(1) span.circle_icon { background: #3c61a0 url("../img/sub/icon_mv01.png") no-repeat 50% 50%; }
.mission_vision--wrap .mission_vision ul > li:nth-child(1) div.text_wrap { border: 1px solid #3c61a0; }
.mission_vision--wrap .mission_vision ul > li:nth-child(1) div.text_wrap .tit_slogun { color: #3c61a0; }
.mission_vision--wrap .mission_vision ul > li:nth-child(2) { margin-top: 22px; animation: contdown2 2s; -moz-animation: contdown2 2s; /* Firefox */ -webkit-animation: contdown2 2s; /* Safari and Chrome */ -o-animation: contdown2 2s; /* Opera */ }
.mission_vision--wrap .mission_vision ul > li:nth-child(2) span.circle_icon { background: #ae8345 url("../img/sub/icon_mv02.png") no-repeat 50% 50%; }
.mission_vision--wrap .mission_vision ul > li:nth-child(2) div.text_wrap { border: 1px solid #ae8345; }
.mission_vision--wrap .mission_vision ul > li:nth-child(2) div.text_wrap .tit_slogun { color: #ae8345; }
.mission_vision--wrap .mission_vision ul > li:nth-child(3) { margin-top: 22px; animation: contdown2 3s; -moz-animation: contdown2 3s; /* Firefox */ -webkit-animation: contdown2 3s; /* Safari and Chrome */ -o-animation: contdown2 3s; /* Opera */ }
.mission_vision--wrap .mission_vision ul > li:nth-child(3) span.circle_icon { background: #7a618f url("../img/sub/icon_mv03.png") no-repeat 50% 50%; }
.mission_vision--wrap .mission_vision ul > li:nth-child(3) div.text_wrap { border: 1px solid #7a618f; }
.mission_vision--wrap .mission_vision ul > li:nth-child(3) div.text_wrap .tit_slogun { color: #7a618f; }
@media screen and (max-width: 768px) { .mission_vision--wrap .mission_vision ul { position: relative; }
  .mission_vision--wrap .mission_vision ul:after { display: block; clear: both; content: ''; position: absolute; left: 78px; top: 20px; z-index: -1; width: 0px; height: 0; background: none; }
  .mission_vision--wrap .mission_vision ul > li { position: relative; padding: 110px 0 0 0; }
  .mission_vision--wrap .mission_vision ul > li span.circle_icon { display: block; position: absolute; left: 50%; top: 0; transform: translate(-50%, 0); width: 88px; height: 88px; border-radius: 50%; }
  .mission_vision--wrap .mission_vision ul > li div.text_wrap { display: block; width: 100%; padding: 27px 0 27px 0; border: 1px solid #000; border-radius: 40px; text-align: center; }
  .mission_vision--wrap .mission_vision ul > li div.text_wrap .tit_slogun { display: block; width: 100%; max-width: initial; font-size: 26px; font-weight: 500; text-align: center; }
  .mission_vision--wrap .mission_vision ul > li div.text_wrap .text_slogun { display: block; position: relative; padding-left: 0; margin-top: 20px; font-size: 20px; font-weight: 300; color: #3d3d3d; }
  .mission_vision--wrap .mission_vision ul > li div.text_wrap .text_slogun:before { display: block; clear: both; content: ''; position: absolute; left: 0; top: 50%; transform: translate(0, -50%); width: 0; height: 0; background: none; }
  .mission_vision--wrap .mission_vision ul > li:nth-child(2) { margin-top: 40px; }
  .mission_vision--wrap .mission_vision ul > li:nth-child(3) { margin-top: 40px; } }
.mission_vision--wrap .step { display: block; padding: 50px 0 40px; font-size: 40px; font-weight: 600; text-align: center; }
@media screen and (max-width: 768px) { .mission_vision--wrap .step { padding: 35px 0 20px; font-size: 20px; } }
.mission_vision--wrap .step_bg { display: block; padding: 50px 0 40px; background-image: url("../img/common/step_bg.png"); background-position: center 35px; background-repeat: no-repeat; font-size: 40px; font-weight: 600; text-align: center; }
@media screen and (max-width: 768px) { .mission_vision--wrap .step_bg { padding: 35px 0 20px; font-size: 20px; background-image: url("../img/common/step_bg.png"); background-position: center 68%; background-repeat: no-repeat; background-size: 90px; } }
.mission_vision--wrap .cont__round--box { display: block; padding: 50px 30px; border: 7px solid #e4e4e4; border-radius: 110px; font-size: 40px; font-weight: 600; color: #b47b37; text-align: center; }
@media screen and (max-width: 768px) { .mission_vision--wrap .cont__round--box { height: 100px; padding: 35px 25px; border: 3px solid #e4e4e4; font-size: 20px; } }
@media screen and (max-width: 468px) { .mission_vision--wrap .cont__round--box.long_text { height: 100px; padding: 17px 25px; border: 3px solid #e4e4e4; font-size: 20px; } }
.mission_vision--wrap .list__value { margin-left: -5%; }
.mission_vision--wrap .list__value::after { display: block; clear: both; content: ''; }
@media screen and (max-width: 768px) { .mission_vision--wrap .list__value { margin-left: 0; } }
.mission_vision--wrap .list__value li { display: block; float: left; width: 20%; margin-left: 5%; padding: 60px 0; font-size: 25px; color: #fff; text-align: center; }
.mission_vision--wrap .list__value li:nth-child(odd) { background: #4e89c7; }
.mission_vision--wrap .list__value li:nth-child(even) { background: #513f7f; }
@media screen and (max-width: 768px) { .mission_vision--wrap .list__value li { float: none; width: 100%; margin: 15px 0 0 0; padding: 30px 0; font-size: 15px; } }
.vision_list { margin-top: 67px; margin-left: -2%; }
.vision_list::after { display: block; clear: both; content: ''; }
@media screen and (max-width: 1240px) { .vision_list { margin-left: 0; } }
.vision_list > li { display: block; float: left; width: 18%; height: 340px; margin-left: 2%; }
@media screen and (max-width: 1240px) { .vision_list > li { width: 100%; height: 100%; margin-top: 20px; margin-left: 0; } }
.vision_list > li p { padding: 20px 0; border-radius: 4px 4px 0 0; background: #373a41; text-align: center; font-size: 20px; font-weight: 500; color: #fff; }
@media screen and (max-width: 768px) { .vision_list > li p { font-size: 18px; } }
@media screen and (max-width: 1240px) { .vision_list > li p br { display: none; } }
.vision_list > li .list-ul { height: 236px; margin: 0; padding: 10px 15px 0; border-width: 1px; border-color: #dadada; border-style: none solid solid solid; border-radius: 0 0 7px 7px; background: #f8f8f8; }
@media screen and (max-width: 1240px) { .vision_list > li .list-ul { height: 100%; padding: 10px 15px 10px; } }
.vision_list > li .list-ul li { font-size: 16px; }
@media screen and (max-width: 768px) { .vision_list > li .list-ul li { font-size: 15px; } }
/* // [단일] 재단소개 > 대표이사 소개 */
.intro--wrap .headline { margin: 50px 0 0; animation: contowner 2s; -moz-animation: contowner 2s; /* Firefox */ -webkit-animation: contowner 2s; /* Safari and Chrome */ -o-animation: contowner 2s; /* Opera */ }
.intro--wrap .headline p { margin-top: 24px; font-size: 24px; color: #000; }
@media screen and (max-width: 468px) { .intro--wrap .headline p { font-size: 18px; } }
.intro--wrap .headline p span { color: #4c3b77; }
.intro--wrap .intro_text { position: relative; padding: 0 325px 35px 0; border-bottom: 1px solid #b4b4b4; }
@media screen and (max-width: 1024px) { .intro--wrap .intro_text { position: relative; padding: 0 0 35px 0; } }
.intro--wrap .intro_text .owner_photo { display: block; position: absolute; right: 0; top: 0; animation: cont_owner_photo 3s; -moz-animation: cont_owner_photo 3s; /* Firefox */ -webkit-animation: cont_owner_photo 3s; /* Safari and Chrome */ -o-animation: cont_owner_photo 3s; /* Opera */ }
@media screen and (max-width: 1024px) { .intro--wrap .intro_text .owner_photo { position: static; margin-top: 32px; padding: 0 15%; } }
@media screen and (max-width: 468px) { .intro--wrap .intro_text .owner_photo { margin-top: 16px; padding: 0; } }
@media screen and (max-width: 1024px) { .intro--wrap .intro_text .owner_photo img { width: 100%; } }
.intro--wrap .intro_text p { margin-top: 30px; letter-spacing: -1px; font-size: 18px; color: #565656; line-height: 1.5em; }
@media screen and (max-width: 468px) { .intro--wrap .intro_text p { font-size: 15px; } }
.intro--wrap .intro_text .number_line { position: relative; padding-left: 46px; margin-top: 30px; }
@media screen and (max-width: 468px) { .intro--wrap .intro_text .number_line { margin-top: 23px; } }
.intro--wrap .intro_text .number_line span { position: absolute; left: 0; top: 0; font-weight: 500; color: #4c3b77; }
.intro--wrap .intro_text .fist_line { margin-top: 35px; letter-spacing: -1px; }
@media screen and (max-width: 1024px) { .intro--wrap .intro_text .fist_line { margin-top: 53px; } }
@media screen and (max-width: 468px) { .intro--wrap .intro_text .fist_line { margin-top: 27px; } }
.intro--wrap .intro_text .sign { position: relative; color: #272626; }
.intro--wrap .intro_text .sign span { display: inline-block; margin: 0 12px; font-size: 18px; }
.intro--wrap .intro_text .sign span.owner_name { display: inline-block; position: absolute; left: 220px; top: -2px; font-size: 32px; font-weight: 600; }
/* [단일] 재단소개 > 대표이사 소개 // */
.sub-tab__scroll { margin-top: 20px; border-bottom: 2px solid #7a7682; padding-bottom: 20px; }
.sub-tab__scroll .slide { width: 95%; margin: 0 auto; }
.sub-tab__scroll .slick-prev button { position: absolute; left: 0; top: 45px; content: ''; width: 12px; height: 20px; background-image: url("../img/common/btn_left_history_slier.png"); background-position: center center; background-repeat: no-repeat; text-indent: -9999px; }
.sub-tab__scroll .slick-next button { position: absolute; right: 0; top: 45px; content: ''; width: 12px; height: 20px; background-image: url("../img/common/btn_right_history_slier.png"); background-position: center center; background-repeat: no-repeat; text-indent: -9999px; }
.sub-tab__scroll.after { content: ''; display: block; clear: both; }
.sub-tab__scroll .menu a { display: block; font-size: 18px; font-weight: 500; color: #85799d; padding: 42px 0px; margin: 0 30px 0 0; }
.sub-tab__scroll .menu.active a { position: relative; color: #3f2574; }
.sub-tab__scroll .menu.active a::after { content: ''; position: absolute; left: 0%; bottom: 8px; width: 100%; height: 2px; background-color: #3f2574; }
.sub-tab__scroll.manage_list .menu a { display: block; font-size: 18px; font-weight: 500; color: #3f2574; padding: 15px 0px; margin: 0 65px 0 0; }
.sub-tab__scroll.manage_list .slick-prev button { top: 20px; }
.sub-tab__scroll.manage_list .slick-next button { top: 20px; }
@media screen and (max-width: 1240px) { .sub-tab__scroll .slide { width: 90%; }
  .sub-tab__scroll .menu a { font-size: 18px; padding: 15px 0px; margin: 0 10px; }
  .sub-tab__scroll .menu.active a::after { content: ''; position: absolute; left: 0%; bottom: 8px; width: 100%; height: 2px; background-color: #3f2574; }
  .sub-tab__scroll .slick-prev button { top: 20px; left: 15px; }
  .sub-tab__scroll .slick-next button { right: 15px; top: 20px; } }
.history { position: relative; padding: 15px 78px; border: 1px solid #cfcfcf; }
.history h5 { float: left; font-size: 90px; font-weight: 700; color: #3f2574; }
.history ul { float: left; margin-left: 90px; position: relative; height: auto; }
.history ul::before { content: ''; display: block; position: absolute; left: 1px; top: 19px; bottom: 18px; width: 1px; height: auto; background-color: #e3deec; }
.history ul li { padding-left: 44px; margin: 10px 0; font-size: 18px; font-weight: 300; color: #000; }
.history ul li::before { content: ''; position: absolute; left: -4px; top: 7px; display: block; width: 11px; height: 11px; background-color: #3f2574; border-radius: 100%; }
.history::after { content: ''; display: block; clear: both; }
@media screen and (max-width: 1024px) { .history { padding: 25px; }
  .history h5 { float: none; font-size: 18px; }
  .history ul { margin-left: 0; }
  .history ul li { font-size: 13px; padding-left: 15px; }
  .history ul li::before { content: ''; position: absolute; left: -4px; top: 3px; display: block; width: 10px; height: 10px; } }
.table-history { border-top: 2px solid #4a4653; }
.table-history thead > tr > th { text-align: center; font-size: 18px; font-weight: 500; color: #252525; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; background-color: #f8f8f8; padding: 10px 0; }
.table-history thead > tr > th.noline { border-left: 0; }
.table-history tbody > tr > th { text-align: center; font-size: 18px; font-weight: 300; color: #252525; border-bottom: 1px solid #ddd; padding: 10px 0; }
.table-history tbody > tr > th:first-child { border-left: 0; }
.table-history tbody > tr > td { text-align: left; font-size: 16px; font-weight: 300; color: #252525; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; padding: 10px 0 10px 25px; }
.table-history tbody > tr > td:first-child { border-left: 0; }
.table-history tbody > tr > td .list-ul > li:before { top: 10px; }
.table-history .list-ul { margin: 15px 0; }
@media screen and (max-width: 1024px) { .table-history thead > tr > th { font-size: 16px; padding: 15px 0; }
  .table-history tbody > tr > th { font-size: 13px; padding: 15px 0; }
  .table-history tbody > tr > td { font-size: 13px; padding: 15px 0 15px 10px; }
  .table-history tbody > tr > td .list-ul > li:before { top: 6px; } }
/* // [공통] ci 홍보자료 > CI */
.ci_text { margin-top: 32px; font-size: 16px; color: #272727; }
@media screen and (max-width: 768px) { .ci_text { font-size: 15px; } }
.ci_text span { font-size: 16px; color: #2775cc; }
@media screen and (max-width: 768px) { .ci_text span { font-size: 15px; } }
.subpage-tit2 { margin: 30px 0 0; }
@media screen and (max-width: 768px) { .subpage-tit2 { margin-top: 50px; } }
@media screen and (max-width: 468px) { .subpage-tit2 { margin-top: 25px; } }
.ci__btn--wrap { margin-top: 50px; }
@media screen and (max-width: 768px) { .ci__btn--wrap { margin: 30px 0 0; } }
.ci__btn--wrap .btn_jpg { display: inline-block; width: 248px; padding: 13px 0; border: 1px solid #444; box-sizing: border-box; background: #444444; font-size: 14px; color: #fff; text-align: center; }
@media screen and (max-width: 768px) { .ci__btn--wrap .btn_jpg { width: 100%; margin: 3px 0; } }
.ci__btn--wrap .btn_jpg span { padding-right: 21px; background-image: url("../img/common/icon_btn_jpeg.png"); background-position: right center; background-repeat: no-repeat; }
.ci__btn--wrap .btn_ai { display: inline-block; width: 248px; padding: 13px 0; border: 1px solid #444; box-sizing: border-box; background: #fff; font-size: 14px; color: #444; text-align: center; }
@media screen and (max-width: 768px) { .ci__btn--wrap .btn_ai { width: 100%; margin: 3px 0; } }
.ci__btn--wrap .btn_ai span { padding-right: 21px; background-image: url("../img/common/icon_btn_ai.png"); background-position: right center; background-repeat: no-repeat; }
.ci_box { margin-top: 10px; padding: 30px 0; border: 1px solid #dfdfdf; box-sizing: border-box; text-align: center; }
@media screen and (max-width: 768px) { .ci_box { margin: 15px 0 0; } }
.ci_box img { margin: 0 45px; }
@media screen and (max-width: 955px) { .ci_box img { width: 80%; margin: 30px 0; } }
.text_grid { position: relative; padding: 0 260px 0 0; /* list */ }
@media screen and (max-width: 1024px) { .text_grid { padding: 0; } }
.text_grid .img_simbol { display: block; position: absolute; right: 0; top: 0; width: 248px; padding: 30px 0; border: 1px solid #dfdfdf; box-sizing: border-box; text-align: center; }
@media screen and (max-width: 1024px) { .text_grid .img_simbol { position: inherit; width: 100%; margin-top: 30px; } }
.text_grid .img_simbol span { display: block; margin-top: 30px; font-size: 20px; color: #272727; }
.text_grid .list-dl { margin: 30px 0; }
.text_grid .list-dl > dt { font-size: 18px; font-weight: 600; }
.text_grid .list-dl > dd { position: relative; word-break: keep-all; word-wrap: break-word; margin: 15px 0; color: #222; font-size: 16px; padding-left: 12px; }
.text_grid .list-dl > dd:before { content: ''; display: inline-block; left: 0; top: 9px; width: 4px; height: 4px; border-radius: 0; position: absolute; background: #7a7682; }
.text_grid .list-dl > dd .point { color: #2775cc; }
@media screen and (max-width: 768px) { .text_grid .list-dl > dd { font-size: 15px; } }
/* [공통] ci 홍보자료 > CI // */
/* //ci 홍보자료 > CI > 심볼마크 */
/* ci 홍보자료 > CI > 심볼마크 // */
/* // ci 홍보자료 > CI > 시그니춰 */
.ci_signature_wrap .ci_box { margin-top: 30px; padding: 30px 0; border: 1px solid #dfdfdf; text-align: center; }
@media screen and (max-width: 768px) { .ci_signature_wrap .ci_box { margin: 15px 0 0; } }
.ci_signature_wrap .ci_box img { display: block; margin: 48px auto; }
@media screen and (max-width: 955px) { .ci_signature_wrap .ci_box img { width: 80%; margin: 30px auto; } }
.ci_signature_wrap .ci__btn--wrap { margin-top: 18px; }
@media screen and (max-width: 1024px) { .ci_signature_wrap .ci__btn--wrap .btn_jpg { width: 100%; margin: 3px 0; } }
@media screen and (max-width: 1024px) { .ci_signature_wrap .ci__btn--wrap .btn_ai { width: 100%; margin: 3px 0; } }
.ci_signature_wrap .layout__left_right::after { display: block; clear: both; content: ''; }
.ci_signature_wrap .layout__left_right .layout__left { float: left; width: 49%; margin-right: 2%; }
@media screen and (max-width: 768px) { .ci_signature_wrap .layout__left_right .layout__left { float: none; width: 100%; margin-right: 0; } }
@media screen and (max-width: 955px) { .ci_signature_wrap .layout__left_right .layout__left .ci_box { height: 963px; } }
@media screen and (max-width: 768px) { .ci_signature_wrap .layout__left_right .layout__left .ci_box { height: 100%; } }
.ci_signature_wrap .layout__left_right .layout__right { float: left; width: 49%; }
@media screen and (max-width: 768px) { .ci_signature_wrap .layout__left_right .layout__right { float: none; width: 100%; } }
@media screen and (max-width: 955px) { .ci_signature_wrap .layout__left_right .layout__right .ci_box { height: 963px; } }
@media screen and (max-width: 768px) { .ci_signature_wrap .layout__left_right .layout__right .ci_box { height: 100%; } }
.ci_signature_wrap .layout__left_right .layout__right .ci_box img { display: inline-block; margin: 60px 20px; }
@media screen and (max-width: 955px) { .ci_signature_wrap .layout__left_right .layout__right .ci_box img { width: 41%; margin: 30px auto; } }
/* ci 홍보자료 > CI > 시그니춰 // */
/* // ci 홍보자료 > CI > 전용색상 */
.ci_color_wrap .subpage-tit2 { margin-top: 48px; }
@media screen and (max-width: 468px) { .ci_color_wrap .ci_text { margin-top: 15px; } }
.ci_color_wrap .color_box { width: 100%; }
.ci_color_wrap .color_box .color_pc { display: block; }
@media screen and (max-width: 768px) { .ci_color_wrap .color_box .color_pc { display: none; } }
.ci_color_wrap .color_box .color_m { display: none; width: 100%; }
@media screen and (max-width: 768px) { .ci_color_wrap .color_box .color_m { display: block; } }
.ci_color_wrap .color_box .color_m img { width: 100%; }
.ci_color_wrap .logo_color_box .box01 { margin-top: 39px; }
.ci_color_wrap .logo_color_box .box01::after { display: block; clear: both; content: ''; }
@media screen and (max-width: 768px) { .ci_color_wrap .logo_color_box .box01 { margin-top: 30px; } }
@media screen and (max-width: 468px) { .ci_color_wrap .logo_color_box .box01 { margin-top: 15px; } }
.ci_color_wrap .logo_color_box .box01 .logo_box { float: left; width: 49%; margin-right: 1%; padding: 6% 6%; border: 1px solid #dfdfdf; box-sizing: border-box; text-align: center; }
@media screen and (max-width: 768px) { .ci_color_wrap .logo_color_box .box01 .logo_box { float: none; width: 100%; margin: 0; } }
.ci_color_wrap .logo_color_box .box01 .color_box { float: left; width: 49%; margin: 0 0 0 1%; }
@media screen and (max-width: 768px) { .ci_color_wrap .logo_color_box .box01 .color_box { float: none; width: 100%; margin: 0; } }
@media screen and (max-width: 768px) { .ci_color_wrap .logo_color_box .box01 .color_box .color_m { display: block; margin-top: 48px; } }
.ci_color_wrap .logo_color_box .box01 .color_box .color_m img { width: 100%; }
.ci_color_wrap .box02 { margin-top: 40px; }
.ci_color_wrap .box03 { margin-top: 40px; }
.ci_color_wrap .box04 { margin-top: 17px; }
.ci_color_wrap .color_box.line { padding: 70px 0; border: 1px solid #e0e0e0; }
/* ci 홍보자료 > CI > 전용색상 // */
/* // ci 홍보자료 > CI > 캐릭터 */
.ci_character_wrap .ci_box { margin-top: 30px; border: 1px solid #dfdfdf; text-align: center; }
@media screen and (max-width: 768px) { .ci_character_wrap .ci_box { margin: 15px 0 0; } }
.ci_character_wrap .ci_box img { display: block; margin: 48px auto; }
@media screen and (max-width: 955px) { .ci_character_wrap .ci_box img { width: 80%; margin: 30px auto; } }
.ci_character_wrap .ci__btn--wrap { margin-top: 18px; }
@media screen and (max-width: 1024px) { .ci_character_wrap .ci__btn--wrap .btn_jpg { width: 100%; margin: 3px 0; } }
@media screen and (max-width: 1024px) { .ci_character_wrap .ci__btn--wrap .btn_ai { width: 100%; margin: 3px 0; } }
.ci_character_wrap .layout__left_right::after { display: block; clear: both; content: ''; }
.ci_character_wrap .layout__left_right .layout__left { float: left; width: 49%; margin-right: 2%; }
@media screen and (max-width: 768px) { .ci_character_wrap .layout__left_right .layout__left { float: none; width: 100%; margin-right: 0; } }
@media screen and (max-width: 768px) { .ci_character_wrap .layout__left_right .layout__left .ci_box { height: 100%; } }
.ci_character_wrap .layout__left_right .layout__right { float: left; width: 49%; }
@media screen and (max-width: 768px) { .ci_character_wrap .layout__left_right .layout__right { float: none; width: 100%; margin-right: 0; } }
@media screen and (max-width: 768px) { .ci_character_wrap .layout__left_right .layout__right .ci_box { height: 100%; } }
/* ci 홍보자료 > CI > 캐릭터 // */
/* // ci 홍보자료 > CI > 홈페이지 배너 */
.ci_banner_wrap .ci_box { margin-top: 30px; padding: 70px 0; border: 1px solid #dfdfdf; text-align: center; }
@media screen and (max-width: 768px) { .ci_banner_wrap .ci_box { margin: 15px 0 0; } }
.ci_banner_wrap .ci_box img { display: block; margin: 48px auto; }
@media screen and (max-width: 955px) { .ci_banner_wrap .ci_box img { width: 80%; margin: 30px auto; } }
.ci_banner_wrap .ci_box.box01 { height: 400px; padding: 35px 0; }
.ci_banner_wrap .ci_box.box02 { height: 400px; padding: 70px 0; }
.ci_banner_wrap .ci_box.box03 { height: 400px; padding: 90px 0; }
.ci_banner_wrap .ci_box.box04 { height: 400px; padding: 100px 0; }
.ci_banner_wrap .ci__btn--wrap { margin-top: 18px; }
@media screen and (max-width: 1024px) { .ci_banner_wrap .ci__btn--wrap .btn_jpg { width: 100%; margin: 3px 0; } }
@media screen and (max-width: 1024px) { .ci_banner_wrap .ci__btn--wrap .btn_ai { width: 100%; margin: 3px 0; } }
.ci_banner_wrap .layout__left_right::after { display: block; clear: both; content: ''; }
.ci_banner_wrap .layout__left_right .layout__left { float: left; width: 49%; margin-right: 2%; }
@media screen and (max-width: 768px) { .ci_banner_wrap .layout__left_right .layout__left { float: none; width: 100%; margin-right: 0; } }
@media screen and (max-width: 768px) { .ci_banner_wrap .layout__left_right .layout__left .ci_box { height: 100%; } }
.ci_banner_wrap .layout__left_right .layout__right { float: left; width: 49%; }
@media screen and (max-width: 768px) { .ci_banner_wrap .layout__left_right .layout__right { float: none; width: 100%; margin-right: 0; } }
@media screen and (max-width: 768px) { .ci_banner_wrap .layout__left_right .layout__right .ci_box { height: 100%; } }
/* ci 홍보자료 > CI > 홈페이지 배너 // */
/* 회원탈퇴 */
.secession__wrap { margin-top: 85px; padding: 60px; border-top: 2px solid #7a7682; border-bottom: 1px solid #d1d1d1; text-align: center; word-break: keep-all; }
.secession__wrap .level-1 { font-size: 35px; font-weight: 600; color: #4f4f4f; }
.secession__wrap .level-2 { margin-top: 35px; font-size: 31px; color: #4dca80; }
.secession__wrap .level-3 { margin-top: 25px; font-size: 20px; line-height: 150%; color: #4f4f4f; }
@media screen and (max-width: 768px) { .secession__wrap { margin-top: 43px; padding: 30px 0; text-align: left; }
  .secession__wrap br { display: none; }
  .secession__wrap .level-1 { font-size: 21px; }
  .secession__wrap .level-2 { margin-top: 10px; font-size: 18px; }
  .secession__wrap .level-3 { margin-top: 20px; font-size: 16px; }
  .btn-secession { width: 100%; } }
.recruting__status--wrap { background-color: #fafafa; margin: 40px auto; padding: 60px 0 40px 0; }
.recruting__status--wrap h4 { text-align: center; font-size: 28px; font-weight: 500; color: #000000; }
.recruting__status--wrap .th--nobg { max-width: 600px; margin: 40px auto 20px; border-bottom: 2px solid #a4a4a4; }
.recruting__status--wrap .th--nobg th { width: 25%; color: #383864; background-color: #fafafa; }
.recruting__status--wrap .th--nobg th::after { display: none; }
.recruting__status--wrap .bottom--text { font-size: 16px; font-weight: 500; color: #383864; text-align: center; }
.recruting__status--wrap .bottom--sign { font-size: 18px; font-weight: 500; color: #000; margin-top: 50px; text-align: center; }
.recruting__status--wrap .bottom--sign img { display: inline-block; margin: 20px auto; }
.btn--bottom { text-align: center; }
.btn--bottom .btn { min-width: 150px; padding: 0; height: 45px; line-height: 45px; }
/* 팝업창 */
.popup-wrap { position: relative; width: 600px; margin: 0 auto; letter-spacing: -1px; }
.popup-wrap .first-close { position: absolute; top: 23px; right: 20px; width: 30px; height: 28px; background-image: url("../img/common/layer-close.png"); background-position: center center; background-repeat: no-repeat; }
.popup-wrap .layer-contents { position: relative; background: #fff; overflow: hidden; }
.popup-wrap .title-wrap { padding: 20px; background: #323232; color: #fff; }
.popup-wrap .title { font-size: 26px; }
.popup-wrap .content-wrap { padding: 20px; }
.popup-wrap .text { font-size: 20px; color: #272727; line-height: 30px; }
.popup-wrap .text-gray { display: inline-block; font-size: 20px; color: #777; line-height: 28px; vertical-align: top; }
.popup-cont_title { margin: 25px 0 15px; font-size: 24px; font-weight: 600; color: #000; line-height: 31px; }
.popup-wrap .list-ul span { color: #2775cc; }
.popup-wrap .category_wrap { margin-top: 0; font-size: 0; }
.popup-wrap .category_wrap .category_item .item_inner { height: 65px; background: #ebebeb; font-size: 20px; line-height: 65px; }
.popup-wrap .category_wrap .category_item.active .item_inner { background: #432983; }
.popup-wrap .category_wrap .category_item.active .item_inner::after { display: none; }
.popup-wrap .category_wrap .category_tabpanel_wrap { margin-top: 50px; }
.popup-wrap .paginate { margin: 30px 0 0; }
.popup-wrap .blue-text { font-size: 16px; color: #2775cc; line-height: 22px; }
/* 성주류화 지원센터 popup내용 */
.popup640 { max-width: 640px !important; }
.popup640 .content-gender { padding: 50px 30px 50px; }
.popup640 .content-gender h4 { font-size: 30px; color: #4f4f4f; }
.popup640 .content-gender p { margin-top: 20px; font-size: 22px; color: #4f4f4f; line-height: 1.5em; }
@media screen and (max-width: 640px) { .popup640 .content-gender p { font-size: 18px; } }
.popup640 .content-gender ul { margin-top: 25px; background: #f6f6f6; }
.popup640 .content-gender ul li { position: relative; padding: 25px 0 25px 25px; font-size: 22px; color: #4f4f4f; }
.popup640 .content-gender ul li:before { display: block; clear: both; content: ""; position: absolute; left: 14px; top: 50%; transform: translate(0, -50%); width: 3px; height: 3px; background: #7a7682; }
@media screen and (max-width: 640px) { .popup640 .content-gender ul li { font-size: 18px; } }
.popup640 .content-gender .img_wrap { margin-top: 45px; text-align: center; }
@media screen and (max-width: 768px) { .popup-wrap .text { font-size: 16px; line-height: 25px; }
  .popup-wrap .text-gray { font-size: 15px; line-height: 20px; }
  .popup-cont_title { font-size: 20px; }
  .popup-wrap .list-ul { margin-top: 15px; }
  .popup-wrap .list-ul > li { font-size: 16px; }
  .popup-wrap { width: 100%; }
  .popup-wrap .category_wrap .label__wrap { display: none; }
  .popup-wrap .category_wrap .category_list { display: block; }
  .popup-wrap .category_wrap .category_item { display: inline-block; width: 50%; box-sizing: border-box; }
  .popup-wrap .category_wrap .category_item .item_inner { height: 33px; font-size: 16px; line-height: 33px; }
  .popup-wrap .category_wrap .category_tabpanel_wrap { margin-top: 25px; }
  .search-form { margin-top: 10px; }
  .popup-wrap .btn { width: 100%; } }
/* 우편번호 찾기 */
.search-form { font-size: 0; }
.search-wrap .input-wrap { margin: 0; }
.search-wrap label { display: inline-block; font-size: 18px; color: #2d2d2d; vertical-align: middle; }
.search-wrap .form-group:nth-child(1) .input-wrap { width: 85.4%; margin-left: 2px; }
.search-wrap .form-group:nth-child(1) label { margin-right: 30px; }
.search-wrap .form-group:nth-child(2) { margin-top: 10px; }
.search-wrap .form-group:nth-child(2) .input-wrap { width: 71%; }
.search-wrap .form-group:nth-child(2) label { margin-right: 30px; }
.search-wrap .form-group:nth-child(3) .input-wrap { width: 33%; margin-left: 4px; }
.search-wrap .form-group:nth-child(3) label { margin: 0 10px; }
.search-wrap .form-group { display: inline-block; }
.search-wrap .bilding-wrap { width: 50%; }
.search-wrap.road-address { padding-bottom: 30px; border-bottom: 1px solid #7a7682; }
.search-wrap .btn-wrap { margin-top: 30px; }
@media screen and (max-width: 768px) { .search-wrap label { width: 63px; font-size: 16px; }
  .search-wrap .form-group:nth-child(1) .input-wrap { width: calc(100% - 63px); margin-left: 0; }
  .search-wrap .form-group:nth-child(1) label { margin-right: 0; }
  .search-wrap .form-group:nth-child(2) { margin-top: 5px; }
  .search-wrap .form-group:nth-child(2) .input-wrap { width: calc(100% - 63px); }
  .search-wrap .form-group:nth-child(2) label { margin-right: 0; }
  .search-wrap .form-group:nth-child(3) .input-wrap { width: calc((100% - 66px)/2); margin: 5px 0 0; }
  .search-wrap .form-group:nth-child(3) .input-wrap:last-child { margin-left: 4px; }
  .search-wrap .form-group:nth-child(3) label { margin: 0; }
  .search-wrap .bilding-wrap { width: 100%; }
  .search-wrap.road-address { padding-bottom: 15px; border-bottom: none; }
  .search-wrap .btn-wrap { margin-top: 20px; } }
/* 모바일 우편번호 검색 결과 */
.result-list { border-top: 1px solid #7a7682; }
.result-list li { display: table; width: 100%; padding: 11px; border-bottom: 1px solid #ddd; }
.result-list li.none-result { font-weight: 400; font-size: 16px; color: #222; }
.result-list li > div { font-size: 0; }
.result-list li .post-num { display: table-cell; width: 80px; background-color: transparent !important; font-size: 16px; color: #222; text-align: center; vertical-align: top; }
.result-list li .result-address { display: table-cell; width: calc(100% - 80px); font-size: 16px; color: #222; line-height: 20px; vertical-align: top; }
.result-list li .result-address span { display: table-cell; width: calc(100% - 65px); word-break: keep-all; }
.result-list li .result-address span:first-child { width: 65px; text-align: center; }
/* 올바른 도로명 주소 표기법 */
.right-mark_wrap { padding: 20px 0; border-top: 1px solid #4a4653; border-bottom: 1px solid #ddd; }
.right-mark_wrap .right-mark { font-size: 0; margin-top: 10px; }
.right-mark_wrap .right-mark:first-child { margin-top: 0; }
.right-mark_wrap .right-mark .title { display: inline-table; width: 33%; height: 60px; background: #4a4653; font-size: 18px; color: #fff; text-align: center; vertical-align: middle; box-sizing: border-box; word-break: keep-all; }
.right-mark_wrap .right-mark .title span { display: table-cell; vertical-align: middle; }
.right-mark_wrap .right-mark .cont { display: inline-block; width: 67%; height: 60px; padding: 15px; font-size: 16px; color: #222; vertical-align: middle; box-sizing: border-box; word-break: keep-all; }
/* 소통공간대관 > 서울여성플라자 > 대관시설 > 대관신청하기 step01 */
.down_wrap { margin-top: 24px; }
@media screen and (max-width: 768px) { .down_wrap { margin-top: 17px; } }
.doc_down_btn { display: inline-block; width: 255px; padding: 12px 0 12px 20px; border: 1px solid #575757; box-sizing: border-box; }
@media screen and (max-width: 768px) { .doc_down_btn { width: 100%; margin-top: 7px; padding: 10px 0 10px 10px; } }
.doc_down_btn span { display: inline-block; position: relative; width: 100%; padding: 0; font-size: 15px; }
@media screen and (max-width: 768px) { .doc_down_btn span { font-size: 13px; } }
.doc_down_btn span::before { display: inline-block; content: ""; clear: both; position: absolute; right: 25px; top: 50%; width: 13px; height: 14px; margin-top: -7px; background: #fff url("../img/common/icon_download.png") no-repeat; background-size: 100%; }
@media screen and (max-width: 768px) { .doc_down_btn span::before { right: 10px; font-size: 13px; } }
.cont_tbl { margin-top: 26px; border-width: 1px; border-style: solid none solid solid; border-color: #ddd; }
@media screen and (max-width: 768px) { .cont_tbl { margin-top: 17px; } }
.cont_tbl thead th { padding: 20px 0; text-align: center; border-width: 1px; color: #252525; font-weight: 500; border-style: none solid solid none; border-color: #ddd; background: #f8f8f8; }
@media screen and (max-width: 768px) { .cont_tbl thead th { padding: 10px 0; } }
.cont_tbl tbody td { border-width: 1px; border-style: solid solid none none; border-color: #ddd; text-align: center; color: #222; font-weight: 300; }
@media screen and (max-width: 768px) { .cont_tbl tbody td { padding: 10px 0; } }
.cont_tbl.line { margin-top: 0; border-width: 1px; border-style: solid none solid none; border-color: #7a7682; }
.cont_tbl.line .line_r_none { border-right: none; }
.cont_tbl.line .align_l { text-align: left; }

/* 대관신청가능버튼 */
.cont_tbl.line .b_btn {text-align: center; }

.scroll_container{position:relative;margin-top:75px;}
.scroll_container .table_box{height:600px;overflow-y:scroll;overflow-x:hidden;}
.scroll_container .table_box table{ width: 100%;table-layout: fixed;border-spacing: 0;border-collapse: collapse;}
.scroll_container .table_box table thead tr{width:98.7%; position:absolute;top:-55px; border-top:1px solid #333;}
.scroll_container .table_box table thead tr th{width:6.6%; height:30px;}

.scroll_container .table_box table tr{display: inline-table;width: 100%;table-layout: fixed;}
.scroll_container .table_box table tbody tr{display: table-row;}



.fixedHeader {position: sticky;top: 0; overflow:auto;}

.cont_tbl.fixed{
    position: relative;
	top: expression(this.offsetParent.scrollTop);
	z-index: 9999;
	}


/* 소통공간대관 > 서울여성플라자 > 대관시설 > 대관신청하기 step03 */
.info_txt_dl dt { display: inline-block; }
@media screen and (max-width: 768px) { .info_txt_dl dt { display: block; } }
.info_txt_dl dd { display: inline-block; margin-right: 10px; }
@media screen and (max-width: 768px) { .info_txt_dl dd { display: block; margin-right: 0; } }
.table_col4_pc { display: table; }
@media screen and (max-width: 768px) { .table_col4_pc { display: none; } }
.table_col4_m { display: none; }
@media screen and (max-width: 768px) { .table_col4_m { display: table; } }
@media screen and (max-width: 1024px) { .input-wrap.m_input { margin-top: 12px; } }
@media screen and (max-width: 768px) { .input-wrap.m_input { margin-top: 7px; } }
.box_scroll_m { position: relative; }
.box_scroll_m .tb_wrap { overflow-x: auto; }
.box_scroll_m .cont_tbl { table-layout: fixed; }
@media screen and (max-width: 1024px) { .box_scroll_m .cont_tbl { width: 1000px; } }
@media screen and (max-width: 1024px) { .box_scroll_m .cont_tbl td { padding: 12px 15px 12px 10px; } }
@media screen and (max-width: 768px) { .p-text-red { font-size: 13px; } }
.table.table-body-only .text-area { padding: 10px; }
@media screen and (max-width: 768px) { .tel--num .input-wrap.wd-20p.col3-mo { width: calc( 100% / 3 - 10px); }
  .tel--num span { width: 5px; text-align: center; } }
/* [단일] 대관신청 step3 날짜입력,시간선택 추가 */
.float__wrap:after { display: block; clear: both; content: ''; }
.float__wrap.day__wrap { margin-top: 25px; }
.float__wrap h4 { font-size: 18px; font-weight: 700; color: #4f4f4f; }
.float__wrap .fl__wrap { float: left; }
.float__wrap .fr__wrap { float: right; }
.float__wrap.day__wrap > div { width: calc(50% - 29.5px); }
@media screen and (max-width: 1240px) { .float__wrap.day__wrap > div { width: 100%; } }
.float__wrap.day__wrap h4 { border-top: none; }
@media screen and (max-width: 1240px) { .float__wrap.day__wrap h4 { margin-top: 25px; } }
.calendar__wrap .tit__wrap { position: relative; background-color: #432983; text-align: center; padding: 24px 70px; }
@media screen and (max-width: 1600px) { .calendar__wrap .tit__wrap { padding: 20px 40px; } }
@media screen and (max-width: 768px) { .calendar__wrap .tit__wrap { padding: 9px 40px; } }
.calendar__wrap .tit__wrap > a { transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); position: absolute; top: 50%; display: inline-block; }
.calendar__wrap .tit__wrap > a:first-child { left: 55px; }
@media screen and (max-width: 1600px) { .calendar__wrap .tit__wrap > a:first-child { left: 20px; } }
@media screen and (max-width: 768px) { .calendar__wrap .tit__wrap > a:first-child { left: 10px; } }
.calendar__wrap .tit__wrap > a:last-child { right: 55px; }
@media screen and (max-width: 1600px) { .calendar__wrap .tit__wrap > a:last-child { right: 20px; } }
@media screen and (max-width: 768px) { .calendar__wrap .tit__wrap > a:last-child { right: 10px; } }
@media screen and (max-width: 768px) { .calendar__wrap .tit__wrap > a { width: 29px; } }
.calendar__wrap .tit__wrap > div { display: inline-block; }
.calendar__wrap .tit__wrap select { background-image: url("../img/sub/select2.png"); background-position: calc(100% - 10px) center; background-repeat: no-repeat; background-color: transparent; border: none; color: #fff; font-size: 32px; font-weight: 600; }
@media screen and (max-width: 1240px) { .calendar__wrap .tit__wrap select { font-size: 25px; } }
@media screen and (max-width: 768px) { .calendar__wrap .tit__wrap select { font-size: 17px; } }
.calendar__wrap .tit__wrap select option { color: #222; font-size: 25px; }
.calendar__wrap .cont__wrap table { width: 100%; }
.calendar__wrap .cont__wrap thead { background-color: #432983; border: 1px solid #313180; border-top: 1px solid #8383b3; }
.calendar__wrap .cont__wrap thead th { color: #fff; font-size: 22px; line-height: 72px; font-weight: 500; text-align: center; }
@media screen and (max-width: 768px) { .calendar__wrap .cont__wrap thead th { font-size: 15px; line-height: 36px; } }
.calendar__wrap .cont__wrap tbody { border: 1px solid #cbcbcb; }
.calendar__wrap .cont__wrap td { border-top: none; font-size: 22px; line-height: 72px; text-align: center; }
@media screen and (max-width: 768px) { .calendar__wrap .cont__wrap td { font-size: 15px; line-height: 36px; } }
.calendar__wrap .cont__wrap td button { width: 54px; height: 54px; }
@media screen and (max-width: 768px) { .calendar__wrap .cont__wrap td button { width: 33px; height: 33px; } }
.calendar__wrap .cont__wrap td.sun button { color: #ca3d3e !important; }
.calendar__wrap .cont__wrap td.sat button { color: #1a76bb !important; }
.calendar__wrap .cont__wrap td.today button { color: #fff !important; background-color: #432983; /*sdfs*/ border-radius: 100%; }
.calendar__wrap .cont__wrap td.disable button { color: #a4a4a4 !important; }
.calendar__wrap .cont__wrap td.full button { color: #a4a4a4 !important; background-color: #ddd; border-radius: 100%; }
.day__list01 { border: 1px solid #cbcbcb; padding: 0 32px; height: 588px; overflow-y: auto; }
@media screen and (max-width: 1240px) { .day__list01 { padding: 0 18px; height: 580px; } }
@media screen and (max-width: 768px) { .day__list01 { padding: 0 9px; height: 290px; } }
.day__list01 > li { position: relative; padding: 28px 0; border-top: 1px solid #cbcbcb; }
.day__list01 > li:first-child { border-top: none; }
@media screen and (max-width: 1240px) { .day__list01 > li { padding: 25px 0; } }
@media screen and (max-width: 768px) { .day__list01 > li { padding: 12px 0; } }
.day__list01 .day { position: absolute; top: 28px; left: 0; display: inline-block; width: 265px; background-color: #432983; padding: 13px 24px; }
@media screen and (max-width: 1600px) { .day__list01 .day { position: static; width: 100%; } }
@media screen and (max-width: 768px) { .day__list01 .day { padding: 10px; } }
.day__list01 .day p { position: relative; color: #fff; font-size: 22px; font-weight: 600; }
@media screen and (max-width: 768px) { .day__list01 .day p { font-size: 15px; } }
.day__list01 .day button { transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); position: absolute; top: 50%; right: 0; height: 15px; }
.day__list01 ul { padding-left: 290px; vertical-align: top; }
@media screen and (max-width: 1600px) { .day__list01 ul { padding-left: 0; margin-top: 13px; } }
@media screen and (max-width: 768px) { .day__list01 ul { margin-top: 6px; } }
.day__list01 ul > li { margin-top: 13px; border: 1px solid #c0c0c0; line-height: 60px; padding: 0 25px; }
.day__list01 ul > li:first-child { margin-top: 0; }
@media screen and (max-width: 768px) { .day__list01 ul > li { margin-top: 6px; padding: 0 10px; line-height: 40px; } }
.pay__wrap { border-top: 2px solid #1e1e1e; border-bottom: 1px solid #1e1e1e; }
.pay__list { display: table; width: 100%; table-layout: fixed; }
@media screen and (max-width: 1240px) { .pay__list { display: block; } }
.pay__list > li { position: relative; display: table-cell; width: 100%; border-top: 1px solid #ddd; padding: 28px 80px 110px; }
@media screen and (max-width: 1600px) { .pay__list > li { padding: 20px 40px 100px; } }
@media screen and (max-width: 1240px) { .pay__list > li { display: block; padding: 30px 30px 100px; } }
@media screen and (max-width: 768px) { .pay__list > li { padding: 15px 15px 60px; } }
.pay__list > li .tit, .pay__list > li .txt__wrap, .pay__list > li .price, .pay__list-result > li .tit { color: #222; font-size: 16px; }
@media screen and (max-width: 768px) { .pay__list > li .tit, .pay__list > li .txt__wrap, .pay__list > li .price, .pay__list-result > li .tit { font-size: 15px; } }
.pay__list > li .tit { font-weight: 600; margin: 0; }
.pay__list > li .txt__wrap { margin-top: 20px; color: #4c4c4c; font-weight: 300; }
@media screen and (max-width: 768px) { .pay__list > li .txt__wrap { margin-top: 10px; } }
.date__list > li { text-indent: -87px; padding-left: 87px; }
@media screen and (max-width: 768px) { .date__list > li { text-indent: -65px; padding-left: 65px; } }
.date__list > li > p { display: inline-block; text-indent: 0; }
.pay__list > li .price { position: absolute; left: 0; bottom: 0; width: 100%; height: 85px; line-height: 85px; border-top: 1px solid #ddd; padding: 0 80px; }
@media screen and (max-width: 1600px) { .pay__list > li .price { padding: 0 40px; } }
@media screen and (max-width: 1240px) { .pay__list > li .price { padding: 0 30px; } }
@media screen and (max-width: 768px) { .pay__list > li .price { height: 45px; line-height: 45px; padding: 0 15px; } }
.pay__list-result { background-color: #f2f2f2; }
.pay__list-result li.tit { text-align: left; color: #222; font-size: 25px; font-weight: 600; margin: 0; }
@media screen and (max-width: 1240px) { .pay__list-result li.tit { text-align: center; } }
@media screen and (max-width: 768px) { .pay__list-result li.tit { font-size: 18px; } }
.pay__list-result li.tit + li { margin-top: -72px; }
@media screen and (max-width: 1240px) { .pay__list-result li.tit + li { margin-top: 0; border-top: 1px solid #ddd; } }
.pay__list-result > li { border-top: 1px solid #ddd; text-align: right; padding: 23px 80px; }
@media screen and (max-width: 1600px) { .pay__list-result > li { padding: 23px 40px; } }
@media screen and (max-width: 1240px) { .pay__list-result > li { padding: 23px 30px; text-align: left; } }
@media screen and (max-width: 768px) { .pay__list-result > li { padding: 12px 15px; } }
.pay__list-result > li:nth-child(2) { border-top: none; }
.pay__list-result > li.total { background-color: #e9f0f7; }
.pay__list-result > li .tit { display: inline-block; width: 80px; text-align: left; font-weight: 600; margin: 0; }
@media screen and (max-width: 768px) { .pay__list-result > li .tit { width: 60px; } }
.pay__list-result p { font-weight: 600; }
.pay__list-result .price__wrap { display: inline-block; width: 550px; }
@media screen and (max-width: 1240px) { .pay__list-result .price__wrap { width: 100%; text-align: right; } }
.pay__list-result .price__wrap > p { display: inline-block; }
.pay__list-result .price__wrap .fc-b { color: #1a76bb !important; }
.pay__list-result .price__wrap .fc-r { color: #c13737 !important; }
.pay__list-result .price-txt { width: calc(100% - 195px); vertical-align: top; }
@media screen and (max-width: 768px) { .pay__list-result .price-txt { width: calc(100% - 73px); text-align: left; } }
.pay__list-result .price { width: 190px; }
@media screen and (max-width: 768px) { .pay__list-result .price { width: 70px; } }
@media screen and (max-width: 768px) { .step__list01 { margin: -30px 0 10px; } }
.step__list01 > li { position: relative; float: left; display: table; table-layout: fixed; margin: 7.5px 0 7.5px 40px; }
.step__list01 > li:first-child { margin-left: 0; }
@media screen and (max-width: 1600px) { .step__list01 > li { margin-left: 30px; } }
@media screen and (max-width: 768px) { .step__list01 > li { float: none; width: 100px; margin: 30px auto 0 !important; } }
.step__list01 > li:first-child:before { display: none; }
.step__list01 > li:before { background-image: url("../img/sub/arrow.png"); background-position: 0 0; background-repeat: no-repeat; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); content: ''; position: absolute; top: 50%; left: -30px; width: 18px; height: 32px; background-size: 100% auto; }
@media screen and (max-width: 1600px) { .step__list01 > li:before { left: -25px; } }
@media screen and (max-width: 768px) { .step__list01 > li:before { background-image: url("../img/sub/arrow_m.png"); background-position: 0 0; background-repeat: no-repeat; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); top: -20px; left: 50%; width: 20px; height: 12px; } }
.step__list01 > li > div { display: table-cell; vertical-align: middle; width: 170px; height: 114px; background-color: #09549c; color: #fff; font-size: 20px !important; text-align: center; border-radius: 7px; }
@media screen and (max-width: 768px) { .step__list01 > li > div { width: 100%; height: 67.5px; font-size: 14px !important; } }
.terms__wrap { min-height: 205px; max-height: 340px; overflow-y: auto; border: 1px solid #d7d7d7; padding: 50px; font-size: 16px; line-height: 150%; color: #222; }
.mt0 { margin-top: 0 !important; }
.mblock { display: none !important; }
@media screen and (max-width: 768px) { .mhide { display: none !important; }
  .mblock { display: block !important; } }
.tit { margin: 40px 0 20px 0; font-size: 20px; font-weight: 500; }
@media screen and (max-width: 768px) { .tit { margin: 15px 0; font-size: 16px; } }
.text { font-size: 20px; font-weight: 300; line-height: 150%; word-break: keep-all; }
@media screen and (max-width: 768px) { .text { font-size: 15px; } }
.text2 { font-size: 18px; font-weight: 300; word-break: keep-all; }
@media screen and (max-width: 768px) { .text2 { font-size: 15px; } }
.text-list > li { margin-top: 5px; font-size: 18px; font-weight: 300; }
.text-list > li ul > li { padding-left: 20px; font-size: 17px; color: #808080; }
.text-list > li ul > li ul > li { font-size: 16px; }
@media screen and (max-width: 768px) { .text-list > li { font-size: 15px; }
  .text-list > li ul > li { padding-left: 10px; font-size: 14px; }
  .text-list > li ul > li ul > li { font-size: 13px; } }
.list-dot > li { position: relative; padding-left: 10px; font-weight: 300; margin-top: 10px; font-size: 18px; color: #222; }
.list-dot > li:first-child { margin-top: 0; }
.list-dot > li span { color: #777; }
.list-dot > li:before { position: absolute; top: 10px; left: 0; width: 3px; height: 3px; background: #7a7682; content: ''; }
.list-dot > li ul > li { margin-top: 5px; font-size: 17px; }
@media screen and (max-width: 768px) { .list-dot > li { font-size: 15px; }
  .list-dot > li ul > li { font-size: 14px; } }
.img_box { padding: 55px 75px; border: 1px solid #cbcbcb; text-align: center; }
.img_box.no-line { border: none; }
@media screen and (max-width: 768px) { .img_box { padding: 10px 10px; } }
.cont__box { border-top: 2px solid #4a4653; }
.cont__box .title { padding: 25px; font-size: 18px; background: #f8f8f8; border-bottom: 1px solid #ddd; }
.cont__box .txt__body { margin-bottom: 30px; padding: 32px 40px; border-bottom: 1px solid #ddd; }
@media screen and (max-width: 768px) { .cont__box .title { padding: 15px; font-size: 16px; }
  .cont__box .txt__body { padding: 15px; } }
.btn__wrap { margin-top: 25px; }
.btn2 { display: inline-block; margin-left: 10px; padding: 12px 30px; font-size: 14px; }
.btn2:first-child { margin-left: 0; }
@media screen and (max-width: 768px) { .btn2 { width: 100%; margin-left: 0; margin-top: 10px; text-align: center; }
  .btn2:first-child { margin-top: 0; } }
.down_btn { border: 1px solid #575757; }
.down_btn:after { display: inline-block; width: 13px; height: 14px; margin-left: 10px; vertical-align: middle; background: url(../img/common/icon_download.png) no-repeat; content: ''; }
.down_btn.type2 { background: #5d5d88; color: #fff; font-size: 17px; }
.down_btn.type2:after { width: 15px; height: 16px; background: url(../img/common/icon_download_02.png) no-repeat; }
@media screen and (max-width: 768px) { .down_btn.type2 { font-size: 14px; } }
.btn_go { background: #5d5d88; border: 1px solid #5d5d88; color: #fff; }
.btn_go:after { display: inline-block; width: 16px; height: 11px; margin-left: 10px; vertical-align: middle; background: url(../img/common/go_ico.png) no-repeat; content: ''; }
.btn_go.type2 { border: 1px solid #575757; background: #fff; color: #444; }
.btn_go.type2:after { background: url(../img/common/btn_go02.png) no-repeat; }
.tbl__wrap .cont_tbl { margin-top: 0; border: none; border-top: 2px solid #000; }
.tbl__wrap .cont_tbl thead th { padding: 25px 10px; font-size: 18px; }
.tbl__wrap .cont_tbl tbody td { padding: 25px 10px; border-top: none; border-bottom: 1px solid #ddd; font-weight: 300; }
.tbl__wrap .cont_tbl tbody td:first-child { border-left: none; }
.tbl__wrap .cont_tbl tbody td:last-child { border-right: none; }
@media screen and (max-width: 768px) { .tbl__wrap .cont_tbl thead th { font-size: 13px; }
  .tbl__wrap .cont_tbl tbody th, .tbl__wrap .cont_tbl tbody td { padding: 15px 10px; } }
@media screen and (max-width: 768px) { .tbl__wrap.m-scroll { overflow-x: scroll; }
  .tbl__wrap.m-scroll .cont_tbl { width: 150%; } }
.cont_tbl.tr_hv tbody tr:hover td { background: #f8f8f8; }
.pub__wrap { padding: 30px 0; text-align: center; border-bottom: 2px solid #4a4653; }
.pub__wrap h3.tit { margin: 0; color: #4f4f4f; font-size: 30px; }
.pub__wrap .text { margin-top: 15px; font-size: 16px; }
.pub__wrap ul { margin-top: 40px; }
.pub__wrap ul > li { display: inline-block; width: 430px; margin-right: 30px; }
.pub__wrap ul > li:last-child { margin-right: 0; }
.pub__wrap ul > li .img_box { position: relative; height: 120px; padding: 0; border: 1px solid #cbcbcb; }
.pub__wrap ul > li .img_box.type2 { padding: 0; }
.pub__wrap ul > li .img_box img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.pub__wrap ul > li .text_box { background: url(../img/sub/pub_data_bg.png) no-repeat right 95%; padding: 20px 0; }
.pub__wrap ul > li .text_box strong { display: block; margin-bottom: 25px; font-size: 24px; color: #fff; }
.pub__wrap ul > li .text_box .btn-go { display: inline-block; border: 1px solid #fff; font-size: 18px; color: #fff; }
.pub__wrap ul > li .text_box.bg01 { background-color: #4e89c7; }
.pub__wrap ul > li .text_box.bg02 { background-color: #513f7f; }
@media screen and (max-width: 1024px) { .pub__wrap ul > li { width: 47%; } }
@media screen and (max-width: 768px) { .pub__wrap { padding: 40px 0; }
  .pub__wrap h3.tit { font-size: 20px; }
  .pub__wrap .text { margin-top: 15px; font-size: 15px; }
  .pub__wrap ul { margin-top: 32px; }
  .pub__wrap ul > li { display: block; width: 100%; margin: 30px 0 0 0; }
  .pub__wrap ul > li .img_box { height: 120px; }
  .pub__wrap ul > li .text_box strong { font-size: 16px; }
  .pub__wrap ul > li .text_box .btn-go { margin-bottom: 0; padding: 10px 15px; font-size: 15px; } }
.pub__info__area { margin-top: 30px; padding: 25px 0; background: #f2f2f2; }
.pub__info__area > li { display: inline-block; width: 49%; padding: 0 60px; border-right: 1px solid #c5c5c5; }
.pub__info__area > li:last-child { border-right: none; }
.pub__info__area > li .img { float: left; margin-right: 40px; }
.pub__info__area > li p { font-size: 18px; color: #919191; }
.pub__info__area > li strong { display: block; margin-top: 15px; color: #252525; font-size: 23px; }
.pub__info__area > li .tel { display: inline-block; margin-top: 10px; font-size: 18px; color: #252525; }
.pub__info__area > li .tel:before { display: inline-block; width: 21px; height: 19px; margin: -5px 5px 0 0; vertical-align: middle; background: url(../img/sub/tel_ico.png) no-repeat; content: ''; }
.pub__info__area > li:after { content: ''; display: block; clear: both; }
@media screen and (max-width: 768px) { .pub__info__area { padding: 0 15px; }
  .pub__info__area > li { display: block; width: 100%; padding: 25px 0; border-bottom: 1px solid #c5c5c5; border-right: none; }
  .pub__info__area > li:last-child { border-bottom: none; }
  .pub__info__area > li p { font-size: 15px; }
  .pub__info__area > li strong { margin-top: 10px; font-size: 18px; }
  .pub__info__area > li .tel { font-size: 15px; } }
/* [공통] 정보공개 - 시민서비스헌장, 임직원행동강령, 인권경영선언 기본 layout */
.text__ac { text-align: center; word-break: keep-all; }
.text__ac .tit { margin: 20px 0 10px 0; font-size: 35px; font-weight: 500; }
.text__ac .text { font-weight: 300; }
@media screen and (max-width: 768px) { .text__ac .tit { font-size: 18px; } }
.info__wrap { padding: 20px 0 0 0; }
.info__wrap > ul { margin-left: -1.3%; }
.info__wrap > ul:after { display: block; clear: both; content: ''; }
.info__wrap > ul > li { float: left; width: 32%; height: 175px; margin-left: 1.3%; border: 1px solid #d2d2d2; background: #f3f3f3 url("../img/sub/bg_citizen_white.png") no-repeat right bottom; }
.info__wrap > ul > li:nth-child(1) { background: #39363f url("../img/sub/bg_citizen_black.png") no-repeat right bottom; }
.info__wrap > ul > li:nth-child(1) .title_li { display: block; padding: 15px 0 0 5%; font-size: 25px; font-weight: 300; color: #fff; }
@media screen and (max-width: 1024px) { .info__wrap > ul > li:nth-child(1) .title_li { font-size: 30px; } }
.info__wrap > ul > li:nth-child(n+4) { margin-top: 20px; }
.info__wrap > ul > li:nth-child(1) { animation: cont_scale 2s; -moz-animation: cont_scale 2s; /* Firefox */ -webkit-animation: cont_scale 2s; /* Safari and Chrome */ -o-animation: cont_scale 2s; /* Opera */ }
.info__wrap > ul > li:nth-child(2) { animation: cont_scale 2.5s; -moz-animation: cont_scale 2.5s; /* Firefox */ -webkit-animation: cont_scale 2.5s; /* Safari and Chrome */ -o-animation: cont_scale 2.5s; /* Opera */ }
.info__wrap > ul > li:nth-child(3) { animation: cont_scale 3s; -moz-animation: cont_scale 3s; /* Firefox */ -webkit-animation: cont_scale 3s; /* Safari and Chrome */ -o-animation: cont_scale 3s; /* Opera */ }
.info__wrap > ul > li:nth-child(4) { animation: cont_scale 3.5s; -moz-animation: cont_scale 3.5s; /* Firefox */ -webkit-animation: cont_scale 3.5s; /* Safari and Chrome */ -o-animation: cont_scale 3.5s; /* Opera */ }
.info__wrap > ul > li:nth-child(5) { animation: cont_scale 4s; -moz-animation: cont_scale 4s; /* Firefox */ -webkit-animation: cont_scale 4s; /* Safari and Chrome */ -o-animation: cont_scale 4s; /* Opera */ }
.info__wrap > ul > li:nth-child(6) { animation: cont_scale 4.5s; -moz-animation: cont_scale 4.5s; /* Firefox */ -webkit-animation: cont_scale 4.5s; /* Safari and Chrome */ -o-animation: cont_scale 4.5s; /* Opera */ }
.info__wrap > ul > li:nth-child(7) { animation: cont_scale 5s; -moz-animation: cont_scale 5s; /* Firefox */ -webkit-animation: cont_scale 5s; /* Safari and Chrome */ -o-animation: cont_scale 5s; /* Opera */ }
.info__wrap > ul > li:nth-child(8) { animation: cont_scale 5.5s; -moz-animation: cont_scale 5.5s; /* Firefox */ -webkit-animation: cont_scale 5.5s; /* Safari and Chrome */ -o-animation: cont_scale 5.5s; /* Opera */ }
.info__wrap > ul > li:nth-child(9) { animation: cont_scale 6s; -moz-animation: cont_scale 6s; /* Firefox */ -webkit-animation: cont_scale 6s; /* Safari and Chrome */ -o-animation: cont_scale 6s; /* Opera */ }
.info__wrap > ul > li:nth-child(10) { animation: cont_scale 6.5s; -moz-animation: cont_scale 6.5s; /* Firefox */ -webkit-animation: cont_scale 6.5s; /* Safari and Chrome */ -o-animation: cont_scale 6.5s; /* Opera */ }
.info__wrap > ul > li:nth-child(11) { animation: cont_scale 7s; -moz-animation: cont_scale 7s; /* Firefox */ -webkit-animation: cont_scale 7s; /* Safari and Chrome */ -o-animation: cont_scale 7s; /* Opera */ }
.info__wrap > ul > li .text_wrap { margin: 20px 0 0 5%; }
.info__wrap > ul > li .text_wrap .citizen_num { display: block; position: relative; }
.info__wrap > ul > li .text_wrap .citizen_num:before { display: block; clear: both; content: ''; position: absolute; right: 0; bottom: 1px; width: 68%; height: 1px; background: #513f7f; }
.info__wrap > ul > li .text_wrap .citizen_num img { width: 50px; }
.info__wrap > ul > li .text_wrap .hana_text { display: block; position: relative; font-size: 30px; font-weight: 400; line-height: 1em; color: #513f7f; }
@media screen and (max-width: 768px) { .info__wrap > ul > li .text_wrap .hana_text { font-size: 29px; font-weight: 800; } }
.info__wrap > ul > li .text_wrap .hana_text:before { display: block; clear: both; content: ''; position: absolute; right: 0; bottom: 1px; width: 75%; height: 1px; background: #513f7f; }
@media screen and (max-width: 768px) { .info__wrap > ul > li .text_wrap .hana_text:before { width: 83%; } }
.info__wrap > ul > li .text_wrap p { margin: 15px 5% 0 0; line-height: 1.5em; }
@media screen and (max-width: 980px) { .info__wrap > ul > li { min-height: 270px; } }
.info__wrap .info-txt { margin-top: 45px; padding: 20px; text-align: center; color: #383864; font-size: 23px; border-width: 1px; border-color: #d2d2d2; border-style: solid none solid none; }
.info__wrap.type2 > ul > li { height: 130px; }
.info__wrap.type3 > ul > li { height: 130px; }
.manifesto_down_btn { display: inline-block; padding: 15px 75px; border: 2px solid #513f7f; border-radius: 42px 42px; background: #fff; font-size: 28px; line-height: 1em; color: #010101; }
.manifesto_down_btn:after { display: inline-block; width: 27px; height: 25px; margin-left: 10px; background: url(../img/common/icon_manifesto_download.png) no-repeat; content: ''; }
@media screen and (max-width: 768px) { .manifesto_down_btn { width: 100%; padding: 13px 0; font-size: 14px; text-align: center; }
  .manifesto_down_btn:after { width: 14px; height: 13px; background-size: 100% 100%; } }
@media screen and (max-width: 768px) { .info__wrap { padding: 0; }
  .info__wrap > ul { margin-left: 0; }
  .info__wrap > ul > li { float: none; width: 100%; height: auto; min-height: auto; padding: 20px 0; margin: 15px 0 0 0; background: #f3f3f3 url("../img/sub/bg_citizen_whitem.png") no-repeat right bottom; background-size: 70%; font-size: 15px; }
  .info__wrap > ul > li:nth-child(1) { background-color: #39363f; background-image: none; }
  .info__wrap > ul > li:nth-child(1) .title_li { display: block; padding: 0; font-size: 20px; font-weight: 300; color: #fff; text-align: center; }
  .info__wrap > ul > li:nth-child(1) .title_li br { display: none; }
  .info__wrap > ul > li .text_wrap { margin: 0 0 0 5%; }
  .info__wrap > ul > li .text_wrap .citizen_num:before { width: 75%; }
  .info__wrap > ul > li .text_wrap p { margin: 20px 5% 0 0; }
  .info__wrap .info-txt { margin-top: 30px; font-size: 15px; } }
/* [단일] 정보공개 - 인권경영선언 */
@media screen and (max-width: 768px) { .info__wrap.type3 > ul > li { height: auto; } }
/* [단일] 정보공개 > 윤리인권경영 > 클린신고센터 */
.text__ac.type2 { padding: 0 120px 65px 120px; border-bottom: 2px solid #4a4653; }
@media screen and (max-width: 768px) { .text__ac.type2 { padding: 20px 0; } }
.cont_clean > ul { margin-left: -1%; }
.cont_clean > ul:after { display: block; clear: both; content: ''; }
.cont_clean > ul > li { float: left; width: 24%; margin: 15px 0 0 1%; box-sizing: border-box; }
.cont_clean > ul > li:nth-child(1) { animation: cont_scale 2s; -moz-animation: cont_scale 2s; /* Firefox */ -webkit-animation: cont_scale 2s; /* Safari and Chrome */ -o-animation: cont_scale 2s; /* Opera */ }
.cont_clean > ul > li:nth-child(2) { animation: cont_scale 2s; -moz-animation: cont_scale 2s; /* Firefox */ -webkit-animation: cont_scale 2s; /* Safari and Chrome */ -o-animation: cont_scale 2s; /* Opera */ }
.cont_clean > ul > li:nth-child(3) { animation: cont_scale 3s; -moz-animation: cont_scale 3s; /* Firefox */ -webkit-animation: cont_scale 3s; /* Safari and Chrome */ -o-animation: cont_scale 3s; /* Opera */ }
.cont_clean > ul > li:nth-child(4) { animation: cont_scale 3s; -moz-animation: cont_scale 3s; /* Firefox */ -webkit-animation: cont_scale 3s; /* Safari and Chrome */ -o-animation: cont_scale 3s; /* Opera */ }
.cont_clean > ul > li:nth-child(5) { animation: cont_scale 4s; -moz-animation: cont_scale 4s; /* Firefox */ -webkit-animation: cont_scale 4s; /* Safari and Chrome */ -o-animation: cont_scale 4s; /* Opera */ }
.cont_clean > ul > li:nth-child(6) { animation: cont_scale 4s; -moz-animation: cont_scale 4s; /* Firefox */ -webkit-animation: cont_scale 4s; /* Safari and Chrome */ -o-animation: cont_scale 4s; /* Opera */ }
.cont_clean > ul > li:nth-child(7) { animation: cont_scale 5s; -moz-animation: cont_scale 5s; /* Firefox */ -webkit-animation: cont_scale 5s; /* Safari and Chrome */ -o-animation: cont_scale 5s; /* Opera */ }
.cont_clean > ul > li:nth-child(8) { animation: cont_scale 5s; -moz-animation: cont_scale 5s; /* Firefox */ -webkit-animation: cont_scale 5s; /* Safari and Chrome */ -o-animation: cont_scale 5s; /* Opera */ }
.cont_clean > ul > li a { display: block; padding: 50px 0 0 10%; height: 228px; background: #513f7f; color: #fff; }
.cont_clean > ul > li a .popup_title { display: inline-block; position: relative; width: 158px; font-size: 26px; }
.cont_clean > ul > li a .popup_title:before { display: block; clear: both; content: ''; position: absolute; right: 0; bottom: 5px; width: 47px; height: 14px; background: url("../img/sub/bg_clean.png") no-repeat 0 0; }
.cont_clean > ul > li a .view_text { display: block; margin-top: 20px; font-size: 17px; font-weight: 300; color: #fff; }
.cont_clean > ul > li a:hover, .cont_clean > ul > li a:focus { background: #433b56; color: #fff; }
@media screen and (max-width: 768px) { .cont_clean > ul { margin-right: -1%; }
  .cont_clean > ul:after { display: block; clear: both; content: ''; }
  .cont_clean > ul > li { width: 49%; margin: 15px 1% 0 0; } }
@media screen and (max-width: 450px) { .cont_clean > ul { margin-right: 0; }
  .cont_clean > ul > li { width: 100%; margin: 15px 0 0 0; } }
.data_ico:before { display: inline-block; width: 24px; height: 24px; margin-right: 10px; vertical-align: middle; background: url(../img/sub/data_ico.png) no-repeat; content: ''; }
.bt-line02 { font-size: 18px; padding-bottom: 40px; border-bottom: 1px solid #d1d1d1; }
@media screen and (max-width: 768px) { .bt-line02 { padding-bottom: 25px; } }
/* 마이페이지 */
.total--count { font-size: 18px; font-weight: 500; color: #000; background-color: #d5d5d5; text-align: right; margin-top: -2px; padding: 20px; }
.th--black > table > thead > tr > th { background-color: #4a4653; color: #fff; border-right: 0; }
.th--black > table > tbody > tr > td { border-right: 0; }
.apptime--list li { text-align: left; margin: 10px 0; }
.apptime--list-ct li { text-align: center; margin: 10px 0; }
.no__topline { border-top: 0; }
.sub--text { font-size: 17px; font-weight: 300; color: #222; margin-top: 15px; line-height: 150%; }
.textarea2 { width: 100%; height: 140px; border: 1px solid #c0c0c0; }
.wd-50 { width: 50px; display: inline-block; vertical-align: middle; }
.member-info_wrap .title.level-1 { margin-top: 47px; font-size: 30px; font-weight: 700; color: #4f4f4f; line-height: 31px; letter-spacing: -0.04em; word-break: keep-all; }
@media screen and (max-width: 768px) { .member-info_wrap .title.level-1 { margin-top: 24px; font-size: 21px; } }
.member-info_wrap .title.level-2 { margin-top: 28px; font-size: 20px; font-weight: 700; color: #272727; line-height: 28px; letter-spacing: -0.01em; word-break: keep-all; }
@media screen and (max-width: 768px) { .member-info_wrap .title.level-2 { margin-top: 14px; font-size: 17px; } }
.member-info_wrap .text { margin-top: 10px; font-size: 18px; font-weight: 300; color: #4f4f4f; line-height: 29px; letter-spacing: -0.01em; word-break: keep-all; }
.member-info_wrap .text .sub-text { margin-left: 18px; font-size: 17px; color: #777; line-height: 26px; }
@media screen and (max-width: 768px) { .member-info_wrap .text .sub-text { margin-left: 9px; font-size: 15px; line-height: 20px; } }
@media screen and (max-width: 768px) { .member-info_wrap .text { margin-top: 5px; font-size: 16px; line-height: 20px; } }
.viewer__list { margin: 40px 0; }
.viewer__list > ul > li { float: left; width: 31%; margin-right: 3.5%; margin-bottom: 50px; }
.viewer__list > ul > li:nth-child(3) { margin-right: 0; }
.viewer__list > ul > li:nth-child(6) { margin-right: 0; }
.viewer__list .gallery__thum { width: 100%; border: 1px solid #bbb; }
.viewer__list .gallery__thum img { width: 100%; }
.viewer__list .gallery__info { clear: both; }
.viewer__list .gallery__info .gallery__info--title { text-align: center; font-size: 22px; font-weight: 500; color: #222; padding: 15px 0; border-bottom: 1px solid #bbb; }
@media screen and (max-width: 768px) { .viewer__list .gallery__info .gallery__info--title { font-size: 18px; } }
.viewer__list .gallery__info .gallery__info--other { padding: 10px 0; }
.viewer__list .gallery__info .gallery__info--other li { font-size: 17px; font-weight: 300; color: #707070; margin: 0; }
@media screen and (max-width: 768px) { .viewer__list .gallery__info .gallery__info--other li { font-size: 13px; } }
.viewer__list .gallery__info .gallery__info--other li:nth-child(1) { float: left; }
.viewer__list .gallery__info .gallery__info--other li:nth-child(2) { float: right; text-align: right; }
.viewer__list .gallery__info .gallery__info--other::after { content: ''; display: block; clear: both; }
.viewer__list .btn-wrap .btn-view-down { font-size: 14px; font-weight: 300; color: #fff; background-color: #444444; padding: 12px 0; width: 100%; }
.viewer__list .btn-wrap .btn-view-down::after { content: ''; display: inline-block; vertical-align: middle; margin-left: 5px; width: 13px; height: 14px; background-image: url("../img/common/icon_down2.png"); background-position: center center; background-repeat: no-repeat; }
@media screen and (max-width: 1240px) { .viewer__list > ul > li { max-width: 49%; } }
@media screen and (max-width: 1024px) { .viewer__list > ul > li { max-width: 100%; width: 49%; margin-right: 2%; }
  .viewer__list > ul > li:nth-child(2) { margin-right: 0; }
  .viewer__list > ul > li:nth-child(4) { margin-right: 0; }
  .viewer__list > ul > li:nth-child(6) { margin-right: 0; } }
@media screen and (max-width: 768px) { .viewer__list > ul > li { display: block; clear: both; width: 100%; max-width: 100%; margin-right: 0; margin-bottom: 30px; } }
/* [단일] 재단도우미 > 사이트맵 */
.site_wrap .site__depth1--item { margin-top: 57px; border-bottom: 1px solid #948fa1; }
.site_wrap .site__depth1--item > a { display: block; padding: 17px 0; background: #902e98; background-image: -webkit-gradient(linear, left, right, from(#902e98), to(#42316a)); -webkit-background: linear-gradient(to right, #902e98, #42316a); -moz-background: linear-gradient(to right, #902e98, #42316a); -o-background: linear-gradient(to right, #902e98, #42316a); background: linear-gradient(to right, #902e98, #42316a); font-size: 27px; color: #f7f7f7; text-align: center; }
.site_wrap .site__depth1--item .site__depth2 { width: 100%; }
.site_wrap .site__depth1--item .site__depth2:after { display: block; clear: both; content: ''; }
.site_wrap .site__depth1--item .site__depth2 > li { float: left; width: 25%; padding: 30px 0 30px 3%; }
.site_wrap .site__depth1--item .site__depth2 > li > a { font-size: 24px; font-weight: 500; color: #000; }
.site_wrap .site__depth1--item .site__depth2 > li .site__depth3 > li { position: relative; }
.site_wrap .site__depth1--item .site__depth2 > li .site__depth3 > li:before { display: block; position: absolute; left: 0; top: 10px; width: 3px; height: 3px; background: #3b3152; content: ''; }
.site_wrap .site__depth1--item .site__depth2 > li .site__depth3 > li > a { display: block; padding-left: 7px; margin-top: 10px; font-size: 17px; color: #000; }
.site_wrap .site__depth1--item .site__depth2 > li .site__depth3-sub > a { display: block; background-image: url("../img/common/icon_arrow2.png"); background-position: 90% center; background-repeat: no-repeat; }
.site_wrap .site__depth1--item .site__depth2 > li .site__depth3-sub.on > a { display: block; background-image: url("../img/common/icon_arrow_up.png"); background-position: 90% center; background-repeat: no-repeat; }
.site_wrap .site__depth1--item .site__depth2 > li .site__depth4 { display: none; }
.site_wrap .site__depth1--item .site__depth2 > li .site__depth4 > li { margin: 6px 0; }
.site_wrap .site__depth1--item .site__depth2 > li .site__depth4 > li > a { font-size: 16px; font-weight: 300; color: #646464; }
.site_wrap .site__depth1--item .site__depth2 > li .site__depth3-sub.on .site__depth4 { display: block; }
@media screen and (max-width: 1024px) { .site_wrap .site__depth1--item > a { font-size: 20px; }
  .site_wrap .site__depth1--item .site__depth2 { width: 100%; }
  .site_wrap .site__depth1--item .site__depth2:after { display: block; clear: both; content: ''; }
  .site_wrap .site__depth1--item .site__depth2 > li { float: left; width: 25%; padding: 30px 0 30px 3%; }
  .site_wrap .site__depth1--item .site__depth2 > li > a { font-size: 18px; font-weight: 500; color: #000; }
  .site_wrap .site__depth1--item .site__depth2 > li .site__depth3 > li:before { display: block; position: absolute; left: 0; top: 10px; width: 3px; height: 3px; background: #3b3152; content: ''; }
  .site_wrap .site__depth1--item .site__depth2 > li .site__depth3 > li > a { font-size: 15px; }
  .site_wrap .site__depth1--item .site__depth2 > li .site__depth4 > li { margin: 6px 0; }
  .site_wrap .site__depth1--item .site__depth2 > li .site__depth4 > li > a { font-size: 15px; font-weight: 300; color: #646464; } }
@media screen and (max-width: 768px) { .site_wrap .site__depth1--item { margin-top: 30px; }
  .site_wrap .site__depth1--item:nth-child(1) { margin-top: 57px; }
  .site_wrap .site__depth1--item > a { font-size: 18px; }
  .site_wrap .site__depth1--item .site__depth2 { width: 100%; }
  .site_wrap .site__depth1--item .site__depth2:after { display: block; clear: both; content: ''; }
  .site_wrap .site__depth1--item .site__depth2 > li { float: left; width: 50%; padding: 15px 0 15px 15px; }
  .site_wrap .site__depth1--item .site__depth2 > li > a { font-size: 16px; }
  .site_wrap .site__depth1--item .site__depth2 > li .site__depth3 > li:before { display: block; position: absolute; left: 0; top: 7px; width: 3px; height: 3px; background: #3b3152; content: ''; }
  .site_wrap .site__depth1--item .site__depth2 > li .site__depth3 > li > a { font-size: 13px; }
  .site_wrap .site__depth1--item .site__depth2 > li .site__depth4 > li { margin: 6px 0; }
  .site_wrap .site__depth1--item .site__depth2 > li .site__depth4 > li > a { font-size: 13px; font-weight: 300; color: #646464; } }
/* [단일] 열린광장 > 채용정보 > 채용절차 */
.hire_wrap { margin-top: 50px; }
.hire_wrap ul { margin-left: -2%; }
.hire_wrap ul::after { display: block; clear: both; content: ''; }
.hire_wrap ul li { float: left; position: relative; width: 23%; height: 290px; margin-left: 2%; color: #fff; text-align: center; }
.hire_wrap ul li:nth-child(even) { background: #513f7f url("../img/sub/back_hire.png") no-repeat right bottom; }
.hire_wrap ul li:nth-child(odd) { background: #4e89c7 url("../img/sub/back_hire.png") no-repeat right bottom; }
.hire_wrap ul li:nth-child(1) { animation: cont_hire 1s; -moz-animation: cont_hire 1s; /* Firefox */ -webkit-animation: cont_hire 1s; /* Safari and Chrome */ -o-animation: cont_hire 1s; /* Opera */ }
.hire_wrap ul li:nth-child(2) { animation: cont_hire 2s; -moz-animation: cont_hire 2s; /* Firefox */ -webkit-animation: cont_hire 2s; /* Safari and Chrome */ -o-animation: cont_hire 2s; /* Opera */ }
.hire_wrap ul li:nth-child(3) { animation: cont_hire 3s; -moz-animation: cont_hire 3s; /* Firefox */ -webkit-animation: cont_hire 3s; /* Safari and Chrome */ -o-animation: cont_hire 3s; /* Opera */ }
.hire_wrap ul li:nth-child(4) { animation: cont_hire 4s; -moz-animation: cont_hire 4s; /* Firefox */ -webkit-animation: cont_hire 4s; /* Safari and Chrome */ -o-animation: cont_hire 4s; /* Opera */ }
.hire_wrap ul li img { display: block; position: absolute; left: 50%; top: 33px; width: 83px; margin-left: -41px; }
.hire_wrap ul li .title { display: block; padding-top: 140px; font-size: 30px; font-weight: 600; }
.hire_wrap ul li .text { display: block; padding-top: 15px; font-size: 19px; line-height: 1.3em; }
@media screen and (max-width: 1024px) { .hire_wrap ul li .title { display: block; padding-top: 140px; font-size: 26px; font-weight: 600; }
  .hire_wrap ul li .text { display: block; padding-top: 15px; font-size: 15px; line-height: 1.3em; } }
@media screen and (max-width: 768px) { .hire_wrap ul li { width: 48%; }
  .hire_wrap ul li:nth-child(n+3) { margin-top: 2%; } }
@media screen and (max-width: 320px) { .hire_wrap ul li { width: 98%; }
  .hire_wrap ul li:nth-child(n+2) { margin-top: 2%; } }
.hire_wrap .hire_text { margin: 30px 0; font-size: 16px; text-align: center; color: #4f4f4f; }
@media screen and (max-width: 768px) { .hire_wrap .hire_text br { display: none; } }
.hire_wrap .btn_link_wrap { margin-top: 36px; text-align: center; }
.hire_wrap .btn_link_wrap .link_white_btn { display: inline-block; position: relative; padding: 26px 20px 26px 20px; margin: 0 10px; background: #fff; border: 2px solid #7d7490; border-radius: 40px; font-size: 28px; text-align: center; line-height: 1em; color: #010101; }
.hire_wrap .btn_link_wrap .link_white_btn:after { display: block; clear: both; content: ''; position: absolute; right: 20px; top: 50%; transform: translate(0, -50%); width: 35px; height: 11px; background: url("../img/sub/bg_btn_arrow01.png") no-repeat 0 0; }
@media screen and (max-width: 768px) { .hire_wrap .btn_link_wrap .link_white_btn { width: 100%; padding: 26px 10% 26px 5%; margin-left: 0; font-size: 24px; }
  .hire_wrap .btn_link_wrap .link_white_btn:after { right: 20px; top: 50%; transform: translate(0, -50%); } }
.hire_wrap .btn_link_wrap .link_puple_btn { display: inline-block; position: relative; padding: 26px 20px 26px 20px; margin: 0 10px; background: #5d5d88; border: 2px solid #7d7490; border-radius: 40px; font-size: 28px; text-align: center; line-height: 1em; color: #fff; }
.hire_wrap .btn_link_wrap .link_puple_btn:after { display: block; clear: both; content: ''; position: absolute; right: 20px; top: 50%; transform: translate(0, -50%); width: 35px; height: 11px; background: url("../img/sub/bg_btn_arrow02.png") no-repeat 0 0; }
@media screen and (max-width: 768px) { .hire_wrap .btn_link_wrap .link_puple_btn { width: 100%; padding: 26px 10% 26px 5%; margin: 10px 0 0 0; font-size: 24px; }
  .hire_wrap .btn_link_wrap .link_puple_btn:after { right: 30px; top: 50%; transform: translate(0, -50%); } }
/* [단일] 재단소개 > 오시는길 */
.map_wrap { height: 454px; margin-top: 30px; background: #ddd; }
.location_info { position: relative; margin-top: 30px; padding: 20px 0 20px 440px; background: #f2f2f2; }
.location_info:before { display: block; clear: both; content: ''; position: absolute; left: 56px; top: 50%; transform: translate(0, -50%); width: 291px; height: 49px; background: url("../img/sub/logo_location.png") no-repeat 0 0; background-size: 100%; }
.location_info .seoulwomen { font-size: 18px; color: #919191; line-height: 1em; }
.location_info .address_text { margin-top: 14px; font-size: 23px; color: #252525; line-height: 1em; }
.location_info .tel_num { position: relative; padding-left: 30px; margin-top: 13px; font-size: 18px; color: #252525; line-height: 1em; }
.location_info .tel_num:before { display: block; clear: both; content: ''; position: absolute; left: 0; top: 0; width: 21px; height: 19px; background: url("../img/sub/icon_tel.png") no-repeat 0 0; background-size: 100%; }
.address_wrap > li h4.tit { float: left; position: relative; margin-top: 0; padding-top: 160px; font-size: 30px; color: #4f4f4f; }
.address_wrap > li:nth-child(1) h4.tit:before { display: block; clear: both; content: ''; position: absolute; left: 10px; top: 0; width: 140px; height: 140px; background: url(../img/sub/icon_location01.png) no-repeat 50% 0; }
.address_wrap > li:nth-child(2) h4.tit:before { display: block; clear: both; content: ''; position: absolute; left: 10px; top: 0; width: 140px; height: 140px; background: url(../img/sub/icon_location02.png) no-repeat 50% 0; }
.address_wrap > li:nth-child(3) h4.tit:before { display: block; clear: both; content: ''; position: absolute; left: 10px; top: 0; width: 140px; height: 140px; background: url(../img/sub/icon_location03.png) no-repeat 50% 0; }
.address_wrap > li { margin-top: 50px; border-bottom: 1px solid #a1a1a1; }
.address_wrap > li .text { float: right; width: 69%; padding: 0 0 75px 0; }
.address_wrap > li .text .address { margin-top: 12px; font-size: 22px; color: #000; font-weight: bold; }
.address_wrap > li .text .address .subway1 { display: inline-block; width: 30px; border-radius: 50%; background: #253b95; font-size: 16px; color: #fff; text-align: center; }
.address_wrap > li:after { display: block; clear: both; content: ''; }
.address_wrap .list_location > li { margin: 12px 0; font-size: 18px; font-weight: 300; color: #222; }
.address_wrap .list_location > li span { display: block; width: 80px; padding: 4px 0; border-radius: 7px; font-size: 16px; color: #fff; text-align: center; line-height: 1.1em; }
.address_wrap .list_location > li .bus_green { background: #3d9b1b; }
.address_wrap .list_location > li .bus_blue { background: #3658aa; }
.address_wrap .list_location > li .bus_red { background: #d93f45; }
.address_wrap .list_location > li .bus_sky { background: #4495cd; }
.list_location.dotted { border-bottom: 1px dashed #a1a1a1; }
@media screen and (max-width: 768px) { .map_wrap { height: 300px; }
  .location_info { padding: 107px 20px 44px; }
  .location_info:before { position: absolute; left: 50%; top: 37px; transform: translate(-50%, 0); }
  .location_info .seoulwomen { text-align: center; }
  .location_info .address_text { font-size: 20px; text-align: left; }
  .address_wrap > li { margin-top: 30px; }
  .address_wrap > li h4.tit { float: none; margin: 0; font-size: 23px; text-align: center; }
  .address_wrap > li h4.tit:before { display: block; clear: both; content: ''; left: 50% !important; transform: translate(-50%, 0); }
  .address_wrap > li .text { float: none; width: 100%; padding: 0 0 17px; }
  .address_wrap > li .text .address { font-size: 16px; }
  .address_wrap > li .text .address .subway1 { width: 23px; }
  .address_wrap > li .text .list_location > li { font-size: 15px; } }





/* [단일] 재단소개 > 조직업무 */
.org_title { margin: 20px 0 20px; font-size: 35px; color: #4f4f4f; text-align: center; }
.org_title p { margin-top: 10px; font-size: 20px; color: #4f4f4f; }
.org_chart { position: relative; padding-top: 35px; border-top: 2px solid #7a7682; animation: cont_scale 2s; -moz-animation: cont_scale 2s; /* Firefox */ -webkit-animation: cont_scale 2s; /* Safari and Chrome */ -o-animation: cont_scale 2s; /* Opera */ }
.org_chart .btn_puple { display: inline-block; width: 216px; box-sizing: border-box; background: #513f7f; font-size: 20px; color: #fff; line-height: 40px; text-align: center; }
.org_chart .btn_white { display: inline-block; width: 216px; border: 2px solid #513f7f; box-sizing: border-box; background: #fff; font-size: 20px; color: #333333; line-height: 40px; text-align: center; }
.org_chart .btn_sky { display: inline-block; width: 216px; box-sizing: border-box; background: #4e89c7; font-size: 20px; color: #fff; line-height: 40px; text-align: center; }
.org_chart .btn_gray { width: 100%; box-sizing: border-box; background: #4a4653; font-size: 18px; color: #fff; line-height: 40px; }
.org_chart .btn_gray:hover { background: #4b24af; }
.org_chart .btn_gray:focus { background: #4b24af; }
.org_chart .btn_depth6 { width: 100%; border: 1px solid #c1c1c1; border-top: none; box-sizing: border-box; background: #fff; font-size: 16px; color: #333333; line-height: 40px; }
.org_chart .btn_depth6:hover { color: #fff; background: #4b24af; }
.org_chart .btn_depth6:focus { color: #fff; background: #4b24af; }
.org_chart .org_depth1 { text-align: center; }
.org_chart .org_depth1:after { display: block; clear: both; content: ''; position: absolute; left: 50%; top: 35px; z-index: -1; width: 1px; height: 310px; background: #dadada; }
.org_chart .org_depth1 .org_depth2 { margin-top: 90px; position: relative; }
.org_chart .org_depth1 .org_depth2:after { display: block; clear: both; content: ''; position: absolute; right: 25%; top: -45px; z-index: -1; width: 25%; height: 1px; background: #dadada; }
.org_chart .org_depth1 .org_depth2 > .left { position: absolute; top: -70px; left: 14%; }
.org_chart .org_depth1 .org_depth2 > .right { position: absolute; top: -70px; right: 14%; }


.org_chart .org_depth1 .org_depth2_line { margin-top: 90px; position: relative; }
.org_chart .org_depth1 .org_depth2_line:after { display: block; clear: both; content: ''; position: absolute; right: 25%; top: -45px; z-index: -1; width: 50%; height: 1px; background: #dadada; }
.org_chart .org_depth1 .org_depth2_line > .left { position: absolute; top: -70px; left: 14%; }
.org_chart .org_depth1 .org_depth2_line > .right { position: absolute; top: -70px; right: 14%; }

.org_chart .org_depth1 .org_depth3 { position: relative; }
.org_chart .org_depth1 .org_depth3 .org_depth4 { position: relative; margin-top: 30px; text-align: left; }
.org_chart .org_depth1 .org_depth3 .org_depth4:after { display: block; clear: both; content: ''; position: absolute; right: 50%; top: 20px; z-index: -1; width: 30%; height: 1px; background: #dadada; }
.org_chart .org_depth1 .org_depth3 .org_depth4 > .left { position: absolute; top: 0; left: 14%; }
.org_chart .org_depth1 .org_depth3 .org_depth5 { position: relative; margin: 190px 0 0 6px; }
.org_chart .org_depth1 .org_depth3 .org_depth5:after { display: block; clear: both; content: ''; }
.org_chart .org_depth1 .org_depth3 .org_depth5:before { display: block; clear: both; content: ''; position: absolute; left: 17%; top: -50px; z-index: -1; width: 65.5%; height: 1px; background: #dadada; }
.org_chart .org_depth1 .org_depth3 .org_depth5 > li { position: relative; float: left; width: 31.00%; margin-left: 1.6%; }
.org_chart .org_depth1 .org_depth3 .org_depth5 > li:after { display: block; clear: both; content: ''; position: absolute; left: 50%; top: -50px; z-index: -1; width: 1px; height: 90px; background: #dadada; }
.org_chart .org_depth1 .org_depth3 .org_depth5 .org_depth6_last:after { display: block; clear: both; content: ''; position: absolute; left: -226%; top: -100px; z-index: -1; width: 276%; height: 1px; background: #dadada; }
.org_chart .org_depth1 .org_depth3 .org_depth5 .org_depth6_last:before { display: block; clear: both; content: ''; position: absolute; left: 50%; top: -100px; z-index: -1; width: 1px; height: 100px; background: #dadada; }


.org_chart .org_depth1 .org_depth3 .org_depth5 .btn_blue { width: 100%; font-size: 16px; background: #4e89c7; color:#fff;} 
.org_chart .org_depth1 .org_depth3 .org_depth5 .btn_blue:hover { background: #4b24af; }


.org_chart .org_depth1 .org_depth3 .org_depth5 .btn_sky { width: 100%; font-size: 16px; background: #203864; color:#fff;} 
.org_chart .org_depth1 .org_depth3 .org_depth5 .btn_sky:hover { background: #4b24af; }





@media screen and (max-width: 1023px) { .org_chart { padding-top: 35px; }
  .org_chart .btn_gray { font-size: 16px; }
  .org_chart .btn_depth6 { font-size: 15px; }
  .org_chart .org_depth1 { text-align: center; }
  .org_chart .org_depth1:after { position: absolute; left: 50%; top: 70px; z-index: -1; width: 1px; height: 956px; }
  
  /*
  .org_chart .org_depth1 .org_depth2 { margin-top: 90px; }
  .org_chart .org_depth1 .org_depth2:after { position: absolute; right: 21%; z-index: -1; width: 58%; height: 1px; }
  .org_chart .org_depth1 .org_depth2 > .left { left: 0; }
  .org_chart .org_depth1 .org_depth2 > .right { right: 0; }
  */
  
  .org_chart .org_depth1 .org_depth2 { margin-top: 90px; position: relative; }
  .org_chart .org_depth1 .org_depth2:after { display: block; clear: both; content: ''; position: absolute; right: 25%; top: -45px; z-index: -1; width: 25%; height: 1px; background: #dadada; }
  .org_chart .org_depth1 .org_depth2 > .left { position: absolute; top: -70px; left: 14%; }
  .org_chart .org_depth1 .org_depth2 > .right { position: absolute; top: -70px; right: 14%; }


  .org_chart .org_depth1 .org_depth2_line { margin-top: 90px; position: relative; }
  .org_chart .org_depth1 .org_depth2_line:after { display: block; clear: both; content: ''; position: absolute; right: 25%; top: -45px; z-index: -1; width: 50%; height: 1px; background: #dadada; }
  .org_chart .org_depth1 .org_depth2_line > .left { position: absolute; top: -70px; left: 14%; }
  .org_chart .org_depth1 .org_depth2_line > .right { position: absolute; top: -70px; right: 14%; }
  
  
  
  .org_chart .org_depth1 .org_depth3 .org_depth4:after { position: absolute; right: 50%; z-index: -1; width: 35%; height: 1px; }
  .org_chart .org_depth1 .org_depth3 .org_depth4 > .left { position: absolute; top: 0; left: 0; }
  .org_chart .org_depth1 .org_depth3 .org_depth5 { margin: 190px 0 0 0; }
  .org_chart .org_depth1 .org_depth3 .org_depth5:before { display: none; }
  .org_chart .org_depth1 .org_depth3 .org_depth5 > li { float: none; width: 100%; margin-top: 30px; margin-left: 0; }
  .org_chart .org_depth1 .org_depth3 .org_depth5 > li:after { position: absolute; left: 100%; top: 18%; z-index: -1; width: 11%; height: 1px; }
  .org_chart .org_depth1 .org_depth3 .org_depth5 .org_depth6_last { position: absolute; right: 0; top: -87px; margin-top: 0; }
  .org_chart .org_depth1 .org_depth3 .org_depth5 .org_depth6_last:after { display: none; }
  .org_chart .org_depth1 .org_depth3 .org_depth5 .org_depth6_last:before { position: absolute; left: -11%; top: 30px; z-index: -1; width: 12%; height: 1px; } }
@media screen and (max-width: 767px) { .org_title { margin: 30px 0 30px; font-size: 20px; color: #4f4f4f; text-align: center; }
  .org_title p { margin-top: 14px; font-size: 15px; color: #4f4f4f; }
  .org_chart { padding-top: 35px; }
  .org_chart .btn_puple { width: 120px; font-size: 16px; }
  .org_chart .btn_white { width: 120px; font-size: 16px; }
  .org_chart .btn_sky { width: 100%; font-size: 16px; }
  .org_chart .btn_gray { font-size: 16px; }
  .org_chart .btn_depth6 { font-size: 14px; }
  .org_chart .org_depth1 { text-align: center; }
  .org_chart .org_depth1:after { position: absolute; left: 50%; top: 70px; z-index: -1; height: 1025px; }
  
  /*
  .org_chart .org_depth1 .org_depth2 { margin-top: 159px; }
  .org_chart .org_depth1 .org_depth2:after { position: absolute; right: 16%; top: -90px; z-index: -1; width: 67%; }
  .org_chart .org_depth1 .org_depth2 > .left { position: absolute; top: -113px; left: 0; }
  .org_chart .org_depth1 .org_depth2 > .right { position: absolute; top: -113px; right: 0; }
  */
  
  .org_chart .org_depth1 .org_depth2 { margin-top: 90px; position: relative; }
  .org_chart .org_depth1 .org_depth2:after { display: block; clear: both; content: ''; position: absolute; right: 25%; top: -45px; z-index: -1; width: 25%; height: 1px; background: #dadada; }
  .org_chart .org_depth1 .org_depth2 > .left { position: absolute; top: -70px; left: 14%; }
  .org_chart .org_depth1 .org_depth2 > .right { position: absolute; top: -70px; right: 14%; }


  .org_chart .org_depth1 .org_depth2_line { margin-top: 90px; position: relative; }
  .org_chart .org_depth1 .org_depth2_line:after { display: block; clear: both; content: ''; position: absolute; right: 25%; top: -45px; z-index: -1; width: 50%; height: 1px; background: #dadada; }
  .org_chart .org_depth1 .org_depth2_line > .left { position: absolute; top: -70px; left: 14%; }
  .org_chart .org_depth1 .org_depth2_line > .right { position: absolute; top: -70px; right: 14%; }
  
  .org_chart .org_depth1 .org_depth3 { position: relative; }
  .org_chart .org_depth1 .org_depth3 .org_depth4 { position: relative; text-align: left; }
  .org_chart .org_depth1 .org_depth3 .org_depth4:after { position: absolute; right: 50%; z-index: -1; width: 34%; height: 1px; }
  .org_chart .org_depth1 .org_depth3 .org_depth4 > .left { position: absolute; top: 0; left: 0; } }
/* [공통] popup layer */
.layer_dim { display: none; position: fixed; left: 0; top: 0; z-index: 100000; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); }
.layer_popup { display: none; position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); max-width: 700px; width: 100%; }
.layer_popup .layer_head { padding: 10px; background: #323232; }
.layer_popup .layer_head h3 { font-size: 18px; color: #fff; }

.layer_popup .layer_header { padding: 10px 10px; background: #323232; }
.layer_popup .layer_header h3 { font-size: 18px; color: #fff; }

.layer_popup .layer_body { background: #fff; padding: 10px 10px 10px; }
.layer_popup .layer_body_n { background: #fff; padding: 20px 20px 8px 20px; border:1px solid #323232; }
.layer_popup .layer_body .btn-group { margin-top: 40px; }
.layer_popup .layer_popup_close { position: absolute; top: 24px; right: 20px; }
.layer_popup .table_tbody { border-width: 1px; border-style: solid none solid none; border-color: #7a7682; overflow-y: auto; max-height: calc(100vh - 240px); }
.layer_popup .table_tbody table { width: 100%; }
.layer_popup .table_tbody table th { padding: 10px; background: #f4f4f4; border-bottom: 1px solid #dddddd; font-size: 16px; color: #222222; text-align: center; }
.layer_popup .table_tbody table td { padding: 10px; background: #fff; border-bottom: 1px solid #dddddd; font-size: 16px; color: #222222; text-align: left; /* list */ }
.layer_popup .table_tbody table td .list-ul > li { position: relative; word-break: keep-all; word-wrap: break-word; margin: 15px 0; color: #222; font-size: 18px; padding-left: 12px; }
.layer_popup .table_tbody table td .list-ul > li:before { content: ''; display: inline-block; left: 0; top: 9px; width: 4px; height: 4px; border-radius: 0; position: absolute; background: #7a7682; }
.layer_popup .table_tbody table td .list-ul > li > ul > li { margin: 13px 0; color: #222; font-size: 18px; padding-left: 0; }
@media screen and (max-width: 768px) { .layer_popup .table_tbody table td .list-ul > li { font-size: 13px; } }
.layer_popup .layer_content h4 { margin-top: 15px; font-size: 26px; color: #4f4f4f; }
.layer_popup .layer_content p { margin: 20px 0 20px; font-size: 18px; }
.layer_popup .layer_content .wrap_box { border-top: 1px solid #e0e0e0; }
.layer_popup .layer_content .popup_box_list { padding: 20px; background: #f6f6f6; }
.layer_popup .layer_content .popup_box_list ul li { position: relative; padding-left: 12px; font-size: 18px; color: #4f4f4f; line-height: 1.5em; }
.layer_popup .layer_content .popup_box_list ul li:before { display: block; clear: both; content: ''; position: absolute; left: 0; top: 13px; width: 3px; height: 3px; background: #7a7682; }
.modify--history { font-size: 16px; font-weight: 500; color: #666; text-align: right; line-height: 150%; margin-top: 50px; }
.yakguan__list--ui { margin: 20px 0 50px; }
.yakguan__list--ui li { position: relative; padding-left: 10px; margin: 5px 0; font-size: 16px; font-weight: 300; color: #4f4f4f; }
.yakguan__list--ui li::before { content: ''; position: absolute; left: 0; top: 8px; width: 2px; height: 2px; background: #4f4f4f; }
.yakguan--text { clear: both; margin: 30px 0 50px; }
.yakguan--text p { font-size: 18px; font-weight: 300; color: #4f4f4f; }
.fixed__scroll--box { overflow-x: auto; width: 100%; }
.table--list { table-layout: fixed; border-collapse: collapse; border-top: 2px solid #4a4653; width: 100%; }
.table--list thead > tr > th { font-size: 18px; font-weight: 500; color: #252525; padding: 20px 0; background: #f8f8f8; border: 1px solid #ddd; }
.table--list thead > tr > th:first-child { border-left: 0; }
.table--list thead > tr > th:last-child { border-right: 0; }
.table--list tbody > tr > td:first-child { border-left: 0; }
.table--list tbody > tr > td:last-child { border-right: 0; }
.table--list tbody > tr > td { font-size: 16px; font-weight: 300; color: #252525; padding: 20px 0; background: #ffffff; text-align: center; border-width: 1px; border-style: none solid solid solid; border-color: #ddd; }
.table--list tbody > tr > td.text-l { text-align: left; padding-left: 20px; }
.table--list tbody > tr > td.text-ll { text-align: left;}

.table--list_n { table-layout: fixed; border-top: 1px solid #4a4653; width: 100%; }
.table--list_n thead > tr > th { font-size: 16px; font-weight: 500; color: #252525; padding: 10px 0; background: #fff; border: 1px solid #ddd; }
.table--list_n tbody > tr > td { font-size: 16px; font-weight: 300; color: #252525; padding: 10px 0; background: #fff; text-align: center; border-width: 1px; border-style: none solid solid solid; border-color: #ddd; }
.table--list_n tbody > tr > td.texL { text-align: left !important; padding-left: 10px; }
.table--list_n tbody > tr > td.text-ll { text-align: left;}

.table--list_org { table-layout: fixed; border-collapse: collapse; border-top: 1px solid #4a4653; width: 100%; }
.table--list_org thead > tr > th { font-size: 16px; font-weight: 500; color: #252525; padding: 10px 0; background: #fff; border: 1px solid #ddd; }
.table--list_org tbody > tr > td { font-size: 16px; font-weight: 300; color: #252525; padding: 5px 0; background: #fff; text-align: center; border-width: 1px; border-style: none solid solid solid; border-color: #ddd; }

.table--list_org tbody > tr > td a:hover{text-decoration:underline;}

.table--list_org tbody > tr > td.tex-L { text-align: left; padding-left: 10px; }
.table--list_org tbody > tr > td.text-ll { text-align: left;}

.tbl__wrap .cont_tbl tbody td a:hover{ color:#432983; font-weight:600; }
.tbl__wrap .cont_tbl tbody td a.selected{ color:#432983; font-weight:600;  }





.privcy--box { font-size: 18px; font-weight: 300; color: #222; line-height: 160%; padding: 50px 0; }
.privcy--box p { color: #2775cc; margin: 15px 0; }
.mb-20 { margin-bottom: 20px; }
.graph-center { margin: 50px auto; text-align: center; }
@media screen and (max-width: 767px) { .modify--history { font-size: 14px; font-weight: 500; color: #666; text-align: right; line-height: 150%; margin-top: 50px; }
  .yakguan__list--ui { margin: 20px 0 50px; }
  .yakguan__list--ui li { position: relative; padding-left: 10px; margin: 5px 0; font-size: 14px; font-weight: 300; color: #4f4f4f; }
  .yakguan__list--ui li::before { content: ''; position: absolute; left: 0; top: 8px; width: 2px; height: 2px; background: #4f4f4f; }
  .yakguan--text { clear: both; margin: 30px 0 50px; }
  .yakguan--text p { font-size: 16px; font-weight: 300; color: #4f4f4f; }
  .table--list thead > tr > th { font-size: 16px; font-weight: 500; color: #252525; }
  .table--list tbody > tr > td { font-size: 14px; font-weight: 300; color: #252525; padding: 20px 0; background: #ffffff; text-align: center; border: 1px solid #ddd; }
  .table--list tbody > tr > td.text-l { text-align: left; padding-left: 20px; }
  .table--list .mobile_border_none { border-right: none; }
  .privcy--box { font-size: 16px; font-weight: 300; color: #222; line-height: 160%; padding: 50px 0; }
  .privcy--box p { color: #2775cc; margin: 15px 0; } }
/* [단일] 소통공간대관 > 서울여성플라자 > 서울여성플라자 소개 */
.plaza_wrap .img_wrap { overflow: hidden; width: 100%; height: 350px; margin-top: 40px; background: url("../img/sub/img_plaza.png") no-repeat 50% 50%; background-size: cover; animation: bg_scale 6s; -moz-animation: bg_scale 6s; /* Firefox */ -webkit-animation: bg_scale 6s; /* Safari and Chrome */ -o-animation: bg_scale 6s; /* Opera */ }
@media screen and (max-width: 768px) { .plaza_wrap .img_wrap { height: 450px; animation: none; -moz-animation: none; /* Firefox */ -webkit-animation: none; /* Safari and Chrome */ -o-animation: none; /* Opera */ } }
@media screen and (max-width: 468px) { .plaza_wrap .img_wrap { height: 225px; } }
.plaza_wrap .text_plaza { padding: 20px 77px 20px 57px; border-width: 1px; border-style: none solid solid solid; border-color: #cbcbcb; background: #f8f8f8 url("../img/sub/bg_plaza.png") no-repeat right bottom; }
@media screen and (max-width: 768px) { .plaza_wrap .text_plaza { padding: 40px 23px 40px 23px; } }
@media screen and (max-width: 468px) { .plaza_wrap .text_plaza { padding: 20px 11px 20px 11px; } }
.plaza_wrap .text_plaza dl { position: relative; width: 100%; }
.plaza_wrap .text_plaza dl:after { display: block; clear: both; content: ''; }
.plaza_wrap .text_plaza dl dt { position: absolute; width: 100%; max-width: 376px; }
@media screen and (max-width: 768px) { .plaza_wrap .text_plaza dl dt { position: inherit; } }
.plaza_wrap .text_plaza dl dd { position: relative; margin-left: 374px; padding-left: 44px; border-left: 1px solid #d8d8d8; font-size: 18px; color: #4f4f4f; }
@media screen and (max-width: 768px) { .plaza_wrap .text_plaza dl dd { padding: 29px 0 0 0; border-left: none; margin: 29px 0 0 0; font-size: 14px; }
  .plaza_wrap .text_plaza dl dd:after { display: block; clear: both; content: ''; position: absolute; top: 0; left: 0; width: 114px; height: 1px; background: #d8d8d8; } }
.plaza_wrap .text_plaza dl dd span { display: block; margin-bottom: 17px; font-size: 20px; font-weight: 600; color: #272727; }
@media screen and (max-width: 767px) { .plaza_wrap .text_plaza dl dd span { font-size: 16px; } }
.plaza_wrap .btn_link_wrap { margin-top: 36px; text-align: center; }
.plaza_wrap .btn_link_wrap .link_white_btn { display: inline-block; position: relative; padding: 26px 20px 26px 20px; margin: 0 10px; background: #fff; border: 2px solid #7d7490; border-radius: 40px; font-size: 28px; text-align: center; line-height: 1em; color: #010101; }
.plaza_wrap .btn_link_wrap .link_white_btn:after { display: block; clear: both; content: ''; position: absolute; right: 20px; top: 50%; transform: translate(0, -50%); width: 35px; height: 11px; background: url("../img/sub/bg_btn_arrow01.png") no-repeat 0 0; }
@media screen and (max-width: 768px) { .plaza_wrap .btn_link_wrap .link_white_btn { width: 100%; padding: 26px 10% 26px 5%; margin-left: 0; font-size: 24px; }
  .plaza_wrap .btn_link_wrap .link_white_btn:after { right: 20px; top: 50%; transform: translate(0, -50%); } }
.plaza_wrap .btn_link_wrap .link_puple_btn { display: inline-block; position: relative; padding: 26px 20px 26px 20px; margin: 0 10px; background: #5d5d88; border: 2px solid #7d7490; border-radius: 40px; font-size: 28px; text-align: center; line-height: 1em; color: #fff; }
.plaza_wrap .btn_link_wrap .link_puple_btn:after { display: block; clear: both; content: ''; position: absolute; right: 20px; top: 50%; transform: translate(0, -50%); width: 35px; height: 11px; background: url("../img/sub/bg_btn_arrow02.png") no-repeat 0 0; }
@media screen and (max-width: 768px) { .plaza_wrap .btn_link_wrap .link_puple_btn { width: 100%; padding: 26px 10% 26px 5%; margin: 10px 0 0 0; font-size: 24px; }
  .plaza_wrap .btn_link_wrap .link_puple_btn:after { right: 30px; top: 50%; transform: translate(0, -50%); } }
/* [단일] 소통공간대관 > 서울여성플라자 > NGO동아리공간 > NGO센터 소개 */
.center_wrap .img_wrap { overflow: hidden; width: 100%; height: 350px; margin-top: 40px; background: url("../img/sub/img_center.png") no-repeat 50% 50%; background-size: cover; animation: bg_scale 6s; -moz-animation: bg_scale 6s; /* Firefox */ -webkit-animation: bg_scale 6s; /* Safari and Chrome */ -o-animation: bg_scale 6s; /* Opera */ }
@media screen and (max-width: 768px) { .center_wrap .img_wrap { height: 450px; animation: none; -moz-animation: none; /* Firefox */ -webkit-animation: none; /* Safari and Chrome */ -o-animation: none; /* Opera */ } }
@media screen and (max-width: 468px) { .center_wrap .img_wrap { height: 225px; } }
.center_wrap .text_center { padding: 20px 77px 20px 57px; border-width: 1px; border-style: none solid solid solid; border-color: #cbcbcb; background: #f8f8f8 url("../img/sub/bg_plaza.png") no-repeat right bottom; }
@media screen and (max-width: 768px) { .center_wrap .text_center { padding: 40px 23px 40px 23px; } }
@media screen and (max-width: 468px) { .center_wrap .text_center { padding: 20px 11px 20px 11px; } }
.center_wrap .text_center dl { position: relative; width: 100%; }
.center_wrap .text_center dl:after { display: block; clear: both; content: ''; }
.center_wrap .text_center dl dt { position: absolute; width: 100%; max-width: 376px; }
@media screen and (max-width: 768px) { .center_wrap .text_center dl dt { position: inherit; } }
.center_wrap .text_center dl dd { position: relative; margin-left: 374px; padding-left: 44px; border-left: 1px solid #d8d8d8; font-size: 18px; color: #4f4f4f; }
@media screen and (max-width: 768px) { .center_wrap .text_center dl dd { padding: 29px 0 0 0; border-left: none; margin: 29px 0 0 0; font-size: 14px; }
  .center_wrap .text_center dl dd:after { display: block; clear: both; content: ''; position: absolute; top: 0; left: 0; width: 114px; height: 1px; background: #d8d8d8; } }
.center_wrap .text_center dl dd span { display: block; margin-bottom: 17px; font-size: 20px; font-weight: 600; color: #272727; }
@media screen and (max-width: 767px) { .center_wrap .text_center dl dd span { font-size: 16px; } }
.center_wrap .btn_link_wrap { margin-top: 36px; text-align: center; }
.center_wrap .btn_link_wrap .link_white_btn { display: inline-block; position: relative; padding: 26px 20px 26px 20px; margin: 0 10px; background: #fff; border: 2px solid #7d7490; border-radius: 40px; font-size: 28px; text-align: center; line-height: 1em; color: #010101; }
.center_wrap .btn_link_wrap .link_white_btn:after { display: block; clear: both; content: ''; position: absolute; right: 20px; top: 50%; transform: translate(0, -50%); width: 35px; height: 11px; background: url("../img/sub/bg_btn_arrow01.png") no-repeat 0 0; }
@media screen and (max-width: 768px) { .center_wrap .btn_link_wrap .link_white_btn { width: 100%; padding: 26px 10% 26px 5%; margin-left: 0; font-size: 24px; }
  .center_wrap .btn_link_wrap .link_white_btn:after { right: 20px; top: 50%; transform: translate(0, -50%); } }
.center_wrap .btn_link_wrap .link_puple_btn { display: inline-block; position: relative; padding: 26px 20px 26px 20px; margin: 0 10px; background: #5d5d88; border: 2px solid #7d7490; border-radius: 40px; font-size: 28px; text-align: center; line-height: 1em; color: #fff; }
.center_wrap .btn_link_wrap .link_puple_btn:after { display: block; clear: both; content: ''; position: absolute; right: 20px; top: 50%; transform: translate(0, -50%); width: 35px; height: 11px; background: url("../img/sub/bg_btn_arrow02.png") no-repeat 0 0; }
@media screen and (max-width: 768px) { .center_wrap .btn_link_wrap .link_puple_btn { width: 100%; padding: 26px 10% 26px 5%; margin: 10px 0 0 0; font-size: 24px; }
  .center_wrap .btn_link_wrap .link_puple_btn:after { right: 30px; top: 50%; transform: translate(0, -50%); } }
/* [단일] 소통공간대관 > 서울여성플라자 > NGO동아리공간 > 펼침터, 돋움터 입주단체 */
.business_area_box { width: 100%; margin-top: 10px; line-height: 2em; font-size: 16px; color: #000; opacity: 1!important;}
@media screen and (max-width: 767px) { .business_area_box { font-size: 13px; } }
/* [단일] 네트워킹 상세페이지 > boardtype 추가 */
.table.table-body-view { margin-bottom: 20px; }
.table-body-view { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.table-body-view tbody th { font-weight: 300; color: #222; background: #f4f4f4; padding: 0 10px; font-size: 18px; border-bottom: 1px solid #ddd; text-align: center; word-break: break-all; word-wrap: break-word; }
@media screen and (max-width: 768px) { .table-body-view tbody th { width: 30%; padding: 0 10px; font-size: 13px; word-break: break-all; word-wrap: break-word; } }
.table-body-view tbody th img { vertical-align: middle; }
.table-body-view tbody tr:last-child th { border-bottom: 0; }
.table-body-view tbody td { font-weight: 300; color: #222; font-size: 16px; border-bottom: 1px solid #ddd; min-height: 65px; padding: 12px 30px 12px 20px; word-break: break-all; word-wrap: break-word; }
.table-body-view tbody td p { word-break: break-all; word-wrap: break-word; line-height: 150%; }
@media screen and (max-width: 768px) { .table-body-view tbody td { min-height: 65px; font-size: 13px; padding: 12px; word-break: break-all; word-wrap: break-word; } }
.table-body-view .border_b_none { border-bottom: none; }
.top_wrap { position: relative; }
@media screen and (max-width: 768px) { .top_wrap { text-align: center; } }
@media screen and (max-width: 890px) { .top_wrap .subpage-tit2 { font-size: 18px; } }
.top_wrap .top_position_btn { position: absolute; right: 0; top: 0; }
@media screen and (max-width: 768px) { .top_wrap .top_position_btn { position: inherit; margin-top: 20px; } }
/* 대관신청 */
.vat-text { position: absolute; font-size: 18px; font-weight: 300; color: #373737; right: 10px; top: 0px; }
.ul-colorgry li { font-size: 18px; font-weight: 300; color: #4f4f4f; }
@media screen and (max-width: 768px) { .ul-colorgry li { font-size: 15px; } }
.text_apply { margin-top: 20px; text-align: center; }
@media screen and (max-width: 768px) { .open-scpec colgroup { display: none; }
  .open-scpec > tbody > tr > td.n_mobile { display: none !important; } }
.sisul__ask--wrap { position: fixed; width: 100%; left: 0; bottom: 0; background: #f2f2f2; padding: 20px 10px; z-index: 1000; }
.ask--inbox { max-width: 1300px; margin: 0 auto; }
.ask--inbox .tit { float: left; padding-top: 15px; margin: 0; font-size: 18px; font-weight: 300; color: #252525; }
.ask--inbox .tit strong { color: #4b3d71; }
.ask--inbox .tit strong::after { content: ''; display: inline-block; background: #cbcbcb; margin: 0 20px; vertical-align: middle; width: 1px; height: 18px; }
@media screen and (max-width: 768px) { .ask--inbox .tit strong { display: block; } }
.ask--inbox .tit .pc_none_link { display: inline; }
@media screen and (max-width: 768px) { .ask--inbox .tit .pc_none_link { display: none; } }
.ask--inbox .tit .mobile_phone_link { display: none; }
@media screen and (max-width: 768px) { .ask--inbox .tit .mobile_phone_link { display: inline; } }
.ask--inbox .btn-wrap { float: right; padding-top: 15px; }
.ask--inbox .btn-wrap .btn-user-guide { display: inline-block; text-align: center; font-size: 14px; font-weight: 300; color: #fff; width: 137px; height: 40px; line-height: 40px; background: #4e89c7; }
.ask--inbox .btn-wrap .btn-user-guide::after { content: ''; display: inline-block; width: 15px; height: 15px; vertical-align: middle; margin-left: 10px; background-image: url("../img/common/icon_link4.png"); background-position: center center; background-repeat: no-repeat; }
.ask--inbox .btn-wrap .btn-app { display: inline-block; text-align: center; font-size: 14px; font-weight: 300; color: #fff; width: 137px; height: 40px; line-height: 40px; background: #432983; }
.ask--inbox .btn-wrap .btn-app::after { content: ''; display: inline-block; width: 15px; height: 15px; vertical-align: middle; margin-left: 10px; background-image: url("../img/common/icon_link5.png"); background-position: center center; background-repeat: no-repeat; }
.ask--inbox::after { content: ''; display: block; clear: both; }
.layerpopup.mypage.sisul-modal { width: 100%; max-width: 800px; }
.btn-appdoc-down { display: inline-block; font-size: 14px; font-weight: 300; color: #666; border: 1px solid #ddd; padding: 5px 20px; line-height: 140%; margin: 3px 10px; vertical-align: middle; }
.btn-appdoc-down::after { content: ''; display: inline-block; vertical-align: middle; width: 15px; height: 15px; margin-left: 10px; background-image: url("../img/common/icon_btn_ai.png"); background-position: center center; background-repeat: no-repeat; }
.table.table-body-only .table-list > tbody > tr > td { text-align: center; border-bottom: 1px solid #ddd; }
/* [단일] 정책연구 평가 */
.img_policy { text-align: center; }
.img_policy h3 { margin: 53px 0; color: #000; font-size: 40px; }
@media screen and (max-width: 768px) { .img_policy h3 { margin: 27px 0; font-size: 20px; } }
/* [단일] 연구사업행사 > 사업 */
.text_business { margin: 0 0 20px; padding: 0 0 20px 0; text-align: center; }
@media screen and (max-width: 768px) { .text_business { padding: 25px 0; } }
.text_business .tit { font-size: 30px; font-weight: 700; color: #4f4f4f; }
@media screen and (max-width: 768px) { .text_business .tit { font-size: 20px; } }
.text_business .text { font-size: 16px; font-weight: 500; color: #4f4f4f; margin-top: 15px; line-height: 150%; }
.text_business .text .text_strong { color: #513f7f; }
@media screen and (max-width: 768px) { .text_business .text { margin-top: 10px; font-size: 15px; text-align: left; word-break: keep-all; word-wrap: break-word; }
  .text_business .text br { display: none; } }
.table_content_wrap { width: 100%; border-top: 2px solid #4a4653; }
.table_content_wrap.pc_table { display: block; }
@media screen and (max-width: 768px) { .table_content_wrap.pc_table { display: none !important; } }
.table_content_wrap.m_table { display: none; }
@media screen and (max-width: 768px) { .table_content_wrap.m_table { display: block !important; } }
.table_content_wrap table { width: 100%; }
.table_content_wrap table th, .table_content_wrap table td { padding: 12px 0; }
.table_content_wrap table th { background: #f8f8f8; border-width: 1px; border-style: none solid solid; border-color: #dddddd; font-size: 18px; color: #252525; text-align: center; }
.table_content_wrap table th:first-child { border-left: none; }
.table_content_wrap table th:last-child { border-right: none; }
.table_content_wrap table td { border-width: 1px; border-style: none solid solid; border-color: #dddddd; font-size: 15px; color: #252525; text-align: center; }
.table_content_wrap table td:first-child { border-left: none; }
.table_content_wrap table td:last-child { border-right: none; }
.cont_business { margin-top: 20px; }
.cont_business > ul { margin-right: -1%; }
.cont_business > ul:after { display: block; clear: both; content: ''; }
.cont_business > ul > li { float: left; width: 24%; margin: 15px 1% 0 0; box-sizing: border-box; }
.cont_business > ul > li:nth-child(1) { animation: cont_scale 2s; -moz-animation: cont_scale 2s; /* Firefox */ -webkit-animation: cont_scale 2s; /* Safari and Chrome */ -o-animation: cont_scale 2s; /* Opera */ }
.cont_business > ul > li:nth-child(2) { animation: cont_scale 3s; -moz-animation: cont_scale 3s; /* Firefox */ -webkit-animation: cont_scale 3s; /* Safari and Chrome */ -o-animation: cont_scale 3s; /* Opera */ }
.cont_business > ul > li:nth-child(3) { animation: cont_scale 4s; -moz-animation: cont_scale 4s; /* Firefox */ -webkit-animation: cont_scale 4s; /* Safari and Chrome */ -o-animation: cont_scale 4s; /* Opera */ }
.cont_business > ul > li:nth-child(4) { animation: cont_scale 5s; -moz-animation: cont_scale 5s; /* Firefox */ -webkit-animation: cont_scale 5s; /* Safari and Chrome */ -o-animation: cont_scale 5s; /* Opera */ }
.cont_business > ul > li a { display: block; padding: 50px 0 0 10%; height: 228px; background: #513f7f; color: #fff; }
.cont_business > ul > li a .popup_title { display: inline-block; position: relative; width: 158px; font-size: 26px; }
.cont_business > ul > li a .popup_title:before { display: block; clear: both; content: ''; position: absolute; right: 0; bottom: 5px; width: 47px; height: 14px; background: url("../img/sub/bg_business.png") no-repeat 0 0; }
.cont_business > ul > li a .view_text { display: block; margin-top: 20px; font-size: 17px; font-weight: 300; color: #fff; }
.cont_business > ul > li a:hover, .cont_business > ul > li a:focus { background: #433b56; color: #fff; }
@media screen and (max-width: 768px) { .cont_business > ul { margin-right: -1%; }
  .cont_business > ul:after { display: block; clear: both; content: ''; }
  .cont_business > ul > li { width: 49%; margin: 15px 1% 0 0; } }
@media screen and (max-width: 450px) { .cont_business > ul { margin-right: 0; }
  .cont_business > ul > li { width: 100%; margin: 15px 0 0 0; } }
/* [공통] 소통공간대관 > 서울여성플라자 > NGO 동아리공간 >  펼침 입주단체 */
.logo_top { position: relative; margin: 50px 0; }
.logo_top .logo_wrap { float: left; overflow: hidden; width: 32%; height: 275px; position: relative; border: 1px solid #cbcbcb; text-align: center; }
@media screen and (max-width: 1024px) { .logo_top .logo_wrap { float: none; width: 100%; } }
.logo_top .logo_wrap::after { content: ''; display: block; clear: both; }
.logo_top .logo_wrap div { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.logo_top .flow--text { float: right; max-width: 850px; width: 63%; }
@media screen and (max-width: 1024px) { .logo_top .flow--text { float: none; width: 100%; max-width: 100%; margin-top: 50px; } }
.logo_top .flow--text h4 { font-size: 30px; font-weight: 500; color: #4f4f4f; }
@media screen and (max-width: 1024px) { .logo_top .flow--text h4 { font-size: 16px; } }
.logo_top::after { content: ''; display: block; clear: both; }
/* [단일] 정보공개 > 계약정보 */
.cont_contract { padding: 40px 0 0 0; }
.cont_contract > ul { margin-right: -1.3%; }
.cont_contract > ul:after { display: block; clear: both; content: ''; }
.cont_contract > ul > li { float: left; width: 32%; margin: 15px 1.3% 0 0; border: 1px solid #d2d2d2; box-sizing: border-box; }
.cont_contract > ul > li:nth-child(1) { animation: cont_scale 2s; -moz-animation: cont_scale 2s; /* Firefox */ -webkit-animation: cont_scale 2s; /* Safari and Chrome */ -o-animation: cont_scale 2s; /* Opera */ }
.cont_contract > ul > li:nth-child(2) { animation: cont_scale 2.5s; -moz-animation: cont_scale 2.5s; /* Firefox */ -webkit-animation: cont_scale 2.5s; /* Safari and Chrome */ -o-animation: cont_scale 2.5s; /* Opera */ }
.cont_contract > ul > li:nth-child(3) { animation: cont_scale 3s; -moz-animation: cont_scale 3s; /* Firefox */ -webkit-animation: cont_scale 3s; /* Safari and Chrome */ -o-animation: cont_scale 3s; /* Opera */ }
.cont_contract > ul > li:nth-child(4) { animation: cont_scale 3.5s; -moz-animation: cont_scale 3.5s; /* Firefox */ -webkit-animation: cont_scale 3.5s; /* Safari and Chrome */ -o-animation: cont_scale 3.5s; /* Opera */ }
.cont_contract > ul > li:nth-child(5) { animation: cont_scale 4s; -moz-animation: cont_scale 4s; /* Firefox */ -webkit-animation: cont_scale 4s; /* Safari and Chrome */ -o-animation: cont_scale 4s; /* Opera */ }
.cont_contract > ul > li:nth-child(6) { animation: cont_scale 4.5s; -moz-animation: cont_scale 4.5s; /* Firefox */ -webkit-animation: cont_scale 4.5s; /* Safari and Chrome */ -o-animation: cont_scale 4.5s; /* Opera */ }
.cont_contract > ul > li a { display: block; position: relative; padding: 50px 0 0 10%; height: 238px; background: #f3f3f3; color: #523f7e; }
.cont_contract > ul > li a:before { display: block; clear: both; content: ''; position: absolute; right: 20px; bottom: 20px; }
.cont_contract > ul > li a .popup_title { display: inline-block; font-size: 30px; border-bottom: 1px solid #514180; }
.cont_contract > ul > li a .view_text { position: absolute; left: 10%; top: 177px; padding-right: 27px; font-size: 18px; color: #514180; }
.cont_contract > ul > li a .view_text:before { display: block; clear: both; content: ''; position: absolute; right: 0; top: 50%; transform: translate(0, -50%); width: 18px; height: 18px; border-radius: 50%; background: #514180 url("../img/sub/arrow_contract_off.png") no-repeat 0 50%; }
.cont_contract > ul > li a.contract_menu01:before { width: 112px; height: 107px; background: url("../img/sub/contract_menu01_off.png") no-repeat 0 0; }
.cont_contract > ul > li a.contract_menu02:before { width: 100px; height: 90px; background: url("../img/sub/contract_menu02_off.png") no-repeat 0 0; }
.cont_contract > ul > li a.contract_menu03:before { width: 93px; height: 88px; background: url("../img/sub/contract_menu03_off.png") no-repeat 0 0; }
.cont_contract > ul > li a.contract_menu04:before { width: 86px; height: 83px; background: url("../img/sub/contract_menu04_off.png") no-repeat 0 0; }
.cont_contract > ul > li a.contract_menu05:before { width: 86px; height: 83px; background: url("../img/sub/contract_menu05_off.png") no-repeat 0 0; }
.cont_contract > ul > li a.contract_menu06:before { width: 92px; height: 102px; background: url("../img/sub/contract_menu06_off.png") no-repeat 0 0; }
.cont_contract > ul > li a:hover, .cont_contract > ul > li a:focus { background: #39363f; color: #fff; }
.cont_contract > ul > li a:hover .popup_title, .cont_contract > ul > li a:focus .popup_title { display: inline-block; font-size: 30px; border-bottom: 1px solid #fff; }
.cont_contract > ul > li a:hover .view_text, .cont_contract > ul > li a:focus .view_text { position: absolute; left: 10%; top: 177px; padding-right: 27px; font-size: 18px; color: #fff; }
.cont_contract > ul > li a:hover .view_text:before, .cont_contract > ul > li a:focus .view_text:before { display: block; clear: both; content: ''; position: absolute; right: 0; top: 50%; transform: translate(0, -50%); width: 18px; height: 18px; border-radius: 50%; background: #fff url("../img/sub/arrow_contract_on.png") no-repeat 0 50%; }
.cont_contract > ul > li a:hover.contract_menu01:before, .cont_contract > ul > li a:focus.contract_menu01:before { width: 112px; height: 107px; background: url("../img/sub/contract_menu01_on.png") no-repeat 0 0; }
.cont_contract > ul > li a:hover.contract_menu02:before, .cont_contract > ul > li a:focus.contract_menu02:before { width: 100px; height: 90px; background: url("../img/sub/contract_menu02_on.png") no-repeat 0 0; }
.cont_contract > ul > li a:hover.contract_menu03:before, .cont_contract > ul > li a:focus.contract_menu03:before { width: 93px; height: 88px; background: url("../img/sub/contract_menu03_on.png") no-repeat 0 0; }
.cont_contract > ul > li a:hover.contract_menu04:before, .cont_contract > ul > li a:focus.contract_menu04:before { width: 86px; height: 83px; background: url("../img/sub/contract_menu04_on.png") no-repeat 0 0; }
.cont_contract > ul > li a:hover.contract_menu05:before, .cont_contract > ul > li a:focus.contract_menu05:before { width: 86px; height: 83px; background: url("../img/sub/contract_menu05_on.png") no-repeat 0 0; }
.cont_contract > ul > li a:hover.contract_menu06:before, .cont_contract > ul > li a:focus.contract_menu06:before { width: 92px; height: 102px; background: url("../img/sub/contract_menu06_on.png") no-repeat 0 0; }
@media screen and (max-width: 768px) { .cont_contract > ul { margin-right: -1%; }
  .cont_contract > ul:after { display: block; clear: both; content: ''; }
  .cont_contract > ul > li { width: 49%; margin: 15px 1% 0 0; }
  .cont_contract > ul > li a:before { position: absolute; bottom: 30px; }
  .cont_contract > ul > li a.contract_menu01:before { width: calc(112px / 2); height: calc(107px / 2); background-size: 100%; }
  .cont_contract > ul > li a.contract_menu02:before { width: calc(100px / 2); height: calc(90px / 2); background-size: 100%; }
  .cont_contract > ul > li a.contract_menu03:before { width: calc(93px / 2); height: calc(88px / 2); background-size: 100%; }
  .cont_contract > ul > li a.contract_menu04:before { width: calc(86px / 2); height: calc(83px / 2); background-size: 100%; }
  .cont_contract > ul > li a.contract_menu05:before { width: calc(86px / 2); height: calc(83px / 2); background-size: 100%; }
  .cont_contract > ul > li a.contract_menu06:before { width: calc(92px / 2); height: calc(102px / 2); background-size: 100%; } }
/* [단일] 소통공간대관 > 서울여성플라자 > 대관시설 */
.line_tab { margin: 40px 0 57px; }
.line_tab:after { display: block; clear: both; content: ''; }
.line_tab li { float: left; padding: 0 3%; border-right: 1px solid #7a7682; }
.line_tab li:first-child { padding-left: 0; }
.line_tab li:last-child { border: none; }
.line_tab li a { display: block; position: relative; font-size: 24px; color: #000; }
.line_tab li a:hover, .line_tab li a:focus { color: #432983; }
.line_tab li a:hover span, .line_tab li a:focus span { display: block; position: absolute; left: 0; bottom: -11px; width: 100%; height: 5px; background: #432983; }
.line_tab li a.active { color: #432983; }
.line_tab li a.active span { display: block; position: absolute; left: 0; bottom: -11px; width: 100%; height: 5px; background: #432983; }
.tab_contetent { margin-top: 30px; }
.tab_contetent .subpage__tit--wrap { display: none; }
#tab_content01 { display: block; }
#tab_content02 { display: none; }
#tab_content03 { display: none; }
#tab_content04 { display: none; }
@media screen and (max-width: 768px) { .subpage__tit--wrap { display: block !important; }
  .line_tab { display: none; }
  #tab_content01 { display: block !important; }
  #tab_content02 { display: block !important; }
  #tab_content03 { display: block !important; }
  #tab_content04 { display: block !important; } }
/* 컨텐츠 애니메이션 */
/* [공통] 배경사진 스케일 애니메이션  적용 페이지 : - 서울여성플라자 > 서울여성플라자 소개, - 서울여성플라자 > NGO동아리공간 > NGO센터 소개 */
@keyframes bg_scale { 0% { background-size: 110%; }
  100% { background-size: 100%; } }
@-webkit-keyframes bg_scale { /* Safari and Chrome */
  0% { background-size: 110%; }
  100% { background-size: 100%; } }
/* [단일] 재단소개 > 미션 비전 */
@keyframes contdown { from { margin-top: 20px;
    opacity: 0; }
  to { margin-top: 0;
    opacity: 1; } }
@-webkit-keyframes contdown { /* Safari and Chrome */
  from { margin-top: 20px;
    opacity: 0; }
  to { margin-top: 0;
    opacity: 1; } }
@keyframes contdown2 { from { margin-top: 42px;
    opacity: 0; }
  to { margin-top: 22px;
    opacity: 1; } }
@-webkit-keyframes contdown2 { /* Safari and Chrome */
  from { margin-top: 42px;
    opacity: 0; }
  to { margin-top: 22px;
    opacity: 1; } }
/* [단일] 재단소개 > 대표이사 소개 */
@keyframes contowner { 0% { margin-top: 0;
    opacity: 0; }
  50% { margin-top: 50px;
    opacity: 1; }
  100% { margin-top: 50px; } }
@-webkit-keyframes contowner { /* Safari and Chrome */
  0% { margin-top: 0;
    opacity: 0; }
  50% { margin-top: 50px;
    opacity: 1; }
  100% { margin-top: 50px; } }
@keyframes cont_owner_photo { 0% { top: 50px;
    opacity: 0; }
  50% { top: 50px;
    opacity: 0; }
  100% { top: 0;
    opacity: 1; } }
@-webkit-keyframes cont_owner_photo { /* Safari and Chrome */
  0% { top: 50px;
    opacity: 0; }
  50% { top: 50px;
    opacity: 0; }
  100% { top: 0;
    opacity: 1; } }
/* [단일] 열린광장 > 채용정보 > 채용절차 */
@keyframes cont_hire { from { margin-top: -50px;
    opacity: 0; }
  to { margin-top: 0;
    opacity: 1; } }
@-webkit-keyframes cont_hire { /* Safari and Chrome */
  from { margin-top: -50px;
    opacity: 0; }
  to { margin-top: 0;
    opacity: 1; } }
/* [공통] 스케일 애니메이션 [박스컨텐츠]  적용 페이지 : - 연구사업행사 > 사업, - 재단소개 > 대표인사말, - 재단소개 > 조직업무, - 정보공개 > 계약정보, - 정보공개 > 클린신고센터,  - 정보공개 > 시민감동경영 > 시민서비스헌장, - 정보공개 > 윤리·인권경영 > 임직원행동강령, - 정보공개 > 윤리·인권경영 > 임직원행동강령, - 정보공개 > 윤리·인권경영 > 인권경영선언 */
@keyframes cont_scale { 0% { transform: scale(1.1);
    opacity: 0; }
  70% { transform: scale(1.1);
    opacity: 0; }
  100% { transform: scale(1);
    opacity: 1; } }
@-webkit-keyframes cont_scale { /* Safari and Chrome */
  0% { transform: scale(1.1);
    opacity: 0; }
  70% { transform: scale(1.1);
    opacity: 0; }
  100% { transform: scale(1);
    opacity: 1; } }





.layer__wrap + a, .layer__wrap + button, .layer__wrap + input[type="button"] { margin-left: 14px; }
@media screen and (max-width: 751px) { .layer__wrap + a, .layer__wrap + button, .layer__wrap + input[type="button"] { margin: 7px 0 0; } }
.layer__wrap { transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); position: fixed; top: 20%; left: 50%; z-index: 999; width: 600px; max-width: 96%; max-height: 96%; overflow-y: auto; background-color: #fff; margin: 0 !important; }
@media screen and (max-width: 751px) { .layer__wrap { transform: none; -webkit-transform: none; -ms-transform: none; width: 100%; max-width: 100%; margin-left: -50% !important; } }
.layer__wrap .tit__wrap { position: relative; width: 100%; background-color: #643d99; padding: 18px 45px; text-align: left; }
@media screen and (max-width: 751px) { .layer__wrap .tit__wrap { padding: 12px 15px; } }
.layer__wrap .tit__wrap .tit { color: #fff; font-size: 34px; font-weight: 600; }
@media screen and (max-width: 751px) { .layer__wrap .tit__wrap .tit { font-size: 18px; } }
.layer__wrap .tit__wrap .btn-close { transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); position: absolute; top: 50%; right: 45px; width: auto; }
@media screen and (max-width: 751px) { .layer__wrap .tit__wrap .btn-close { right: 15px; }
  .layer__wrap .tit__wrap .btn-close img { width: 19px; } }
.layer__wrap > .cont__wrap { padding: 50px 45px; }
@media screen and (max-width: 751px) { .layer__wrap > .cont__wrap { padding: 27px 15px 42px; } }
.layer__wrap .table__wrap { margin-top: 0; }
.layer__wrap .float__wrap.day__wrap h4 { padding-top: 0; }
@media screen and (max-width: 1007px) { .layer__wrap .float__wrap.day__wrap .fl__wrap h4 { margin-top: 0; } }
.dimm-layer { position: fixed; top: 0; left: 0; z-index: 99; width: 100%; height: 100%; background: #000 !important; opacity: 0.6; filter: alpha(opacity=60); }




.mgT40 {margin-top:40px !important;}
.mgT15 {margin-top:15px !important;}




/* Sidebar */
.sidebar {position: fixed;z-index: 10000000;left: 0;top: 0;height: 100%;width: 280px;background: #f5f5f5;overflow:auto;
 -webkit-transition: left 0.3s ease, -webkit-box-shadow 0.3s ease 0.2s;transition: left 0.3s ease, box-shadow 0.3s ease 0.2s;}
.sidebar #close {float: right;text-align: right;}
.sidebar.closed {left: -280px;-webkit-box-shadow: 0 0 0 #1abc9c;box-shadow: 0 0 0 #1abc9c;}
.sidebar .cat-menu{height:70px;line-height:70px;padding-left:15px;color:#fff;font-weight:400;font-size:12px;position:relative;background-color:#304478;}
.sidebar a.btn-close{position:absolute;top:20px;right:20px;width:30px;height:30px;background:url(../images/ico_close.png) no-repeat;background-size:100%;}
.sidebar a.btn-login{display:inline-block;border:1px solid #fff;padding:0 10px;margin-left:7px;color:#fff;height:30px;line-height:30px;
border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}


.sidebar #lnb {
	position:relative;
	width:100%;
	margin-top:0px !important;
}
.sidebar #lnb>ul {
}
.sidebar #lnb>ul>li {
	border-bottom:1px solid #f0f0f0;
}
.sidebar #lnb>ul>li>a {
	display:block;
	padding:10px 35px 10px 15px;
	color:inherit;
	font-size:1.3em;
	background:#fff url(../images/ico_p.png) no-repeat 95% 15px;
}
.sidebar #lnb>ul>li a:hover {
	color:#304478;
	background-color:#fff;
}
.sidebar #lnb>ul>li.on>a {
	color:#fff;
	font-weight:500;
	font-size:1.3em;
	background:#3f92e3 url(../images/ico_m.png) no-repeat 95% 14px;
}
.sidebar #lnb>ul>li ul {
	display:none;
}
.sidebar #lnb>ul>li>ul>li>a {
	display:block;
	padding:10px 25px 10px 14px;
	color:#inherit;
	font-size:1.1em;
	background:#f0f4fa url(../images/ico_p.png) no-repeat 95% 10px;
}
.sidebar #lnb>ul>li>ul>li>a {
	color:#inherit;
	background-color:#f0f4fa;
}
.sidebar #lnb>ul>li>ul>li.on a {
	color:#inherit;
	font-weight:500;
	font-size:1.1em;
	background:#c9ddf3 url(../images/ico_m.png) no-repeat 95% 10px;
}
.sidebar #lnb>ul>li>ul li ul {
	display:none;
	padding-bottom:8px;
	background-color:#f0f4fa;
}
.sidebar #lnb>ul>li>ul li li a {
	display:block;
	padding:10px 25px 10px 22px;
	color:#666;
	font-size:1.1em;
	background-color:#f0f4fa;
}
.sidebar #lnb>ul>li>ul>li li a:hover {
	color:#inherit;
}
.sidebar #lnb>ul li.noDepth a {
	background-image: none !important;
}