@charset "UTF-8";
/* ****************************************************************************
	@CreateDate   : 2016.09
	@ModifyDate   :
	@Description  : scss build
	@Author       : namu
***************************************************************************** */
/* ------------------------- page1 ------------------------- */
/* ------------------------- page1 ------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
article, aside, canvas, details, embed, footer, header, hgroup,
menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline; }

img, fieldset, form, label, legend, figure, figcaption, input, button {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: middle; }

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

button::-moz-focus-inner,
input[type=button]::-moz-focus-inner,
input[type=submit]::-moz-focus-inner,
input[type=reset]::-moz-focus-inner {
  padding: 0;
  border: 0; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: ''; }

img {
  line-height: 0;
  font-size: 0; }

a {
  text-decoration: none;
  color: inherit; }

/* ------------------------- NotoKR  ------------------------- */
@font-face {
  font-family: 'notokr-regular';
  src: url("/2017/fonts/notokr-regular.eot");
  src: url("/2017/fonts/notokr-regular.eot?#iefix") format("embedded-opentype"), url("/2017/fonts/notokr-regular.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'notokr-medium';
  src: url("/2017/fonts/notokr-medium.eot");
  src: url("/2017/fonts/notokr-medium.eot?#iefix") format("embedded-opentype"), url("/2017/fonts/notokr-medium.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'notokr-bold';
  src: url("/2017/fonts/notokr-bold.eot");
  src: url("/2017/fonts/notokr-bold.eot?#iefix") format("embedded-opentype"), url("/2017/fonts/notokr-bold.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
/* ------------------------- NotoKR Hestia ------------------------- */
/* ------------------------- WebFont NotoKr  ------------------------- */
h1, h2, h3, h4, h5, h6 {
  font-family: 'notokr-medium', sans-serif;
  font-weight: normal; }

big, strong, b, dt, th {
  font-family: 'Malgun Gothic', sans-serif;
  font-weight: bold; }

.contentsWrap.l2 .aside > strong {
  font-family: 'notokr-medium', sans-serif;
  font-weight: normal; }

/* 공공서비스 상세 */
.as-lst > p {
  font-family: 'Malgun Gothic', sans-serif;
  font-weight: bold; }

.view_wrap h4 {
  font-family: 'Malgun Gothic', sans-serif;
  font-weight: normal; }

.view_wrap h3 {
  font-family: 'Malgun Gothic', sans-serif;
  font-weight: normal; }

.service_summary h4.ministry_title {
  font-family: 'Malgun Gothic', sans-serif;
  font-weight: normal; }

.step-cont .cusform > li h4 {
  font-family: 'Malgun Gothic', sans-serif;
  font-weight: bold; }

.lnbbar > li > a {
  font-family: 'notokr-medium', sans-serif;
  font-weight: normal; }

/* ------------------------- Main - 서비스와정보 ------------------------- */
.mService .mylife dt span {
  font-family: 'Malgun Gothic', sans-serif;
  font-weight: normal; }

.mypage .myinfo-list > li .accent {
  font-family: 'Malgun Gothic', sans-serif;
  font-weight: normal; }

.contentsWrap .contents .life-info-service-wrap .slide-wrap .slide .no-slide {
  font-family: 'notokr-medium', sans-serif;
  font-weight: normal; }
.contentsWrap .contents .no-cont {
  font-family: 'notokr-medium', sans-serif;
  font-weight: normal; }

/* ------------------------- LNB  ------------------------- */
.lnbAll .myinfo .myinfo-list > li .accent {
  font-family: 'Malgun Gothic', sans-serif;
  font-weight: bold; }

/* ------------------------- Button & Icon ------------------------- */
.skip:hover, .skip:active, .skip:focus {
  font-family: 'Malgun Gothic', sans-serif;
  font-weight: normal; }

body {
  font-family: 'Malgun Gothic', sans-serif;
  font-weight: normal; }

/*--------------------- font-family page1 ---------------------*/
.doc-num span {
  font-family: 'Malgun Gothic', sans-serif;
  font-weight: bold; }

.use-guide dt {
  font-family: 'Malgun Gothic', sans-serif;
  font-weight: bold; }

.cs-guide-box dt {
  font-family: 'Malgun Gothic', sans-serif;
  font-weight: bold; }
.cs-guide-box.center .truth-message {
  font-family: 'Malgun Gothic', sans-serif;
  font-weight: bold; }

.cs-mobile h2.box-wrap, .cs-pc h2.box-wrap {
  font-family: 'Malgun Gothic', sans-serif;
  font-weight: bold; }
.cs-mobile .csm-btn-list .csm-btn a .arrow, .cs-pc .csm-btn-list .csm-btn a .arrow {
  font-family: 'Malgun Gothic', sans-serif;
  font-weight: bold; }
.cs-mobile .csm-btn-list .csm-btn a:hover, .cs-mobile .csm-btn-list .csm-btn a:active, .cs-mobile .csm-btn-list .csm-btn a:focus, .cs-pc .csm-btn-list .csm-btn a:hover, .cs-pc .csm-btn-list .csm-btn a:active, .cs-pc .csm-btn-list .csm-btn a:focus {
  font-family: 'Malgun Gothic', sans-serif;
  font-weight: bold; }
.cs-mobile .tbl-list.form-write > table th, .cs-mobile .tbl-list.form-write > table .td-label, .cs-pc .tbl-list.form-write > table th, .cs-pc .tbl-list.form-write > table .td-label {
  font-family: 'Malgun Gothic', sans-serif;
  font-weight: bold; }
.cs-mobile .tbl-list.form-write > table td .row-unit dt, .cs-pc .tbl-list.form-write > table td .row-unit dt {
  font-family: 'Malgun Gothic', sans-serif;
  font-weight: bold; }
@media only screen and (max-width: 805px) {
  .cs-mobile .choice-wrap input[type="checkbox"].custorm + label, .cs-mobile .choice-wrap input[type="radio"].custorm + label, .cs-pc .choice-wrap input[type="checkbox"].custorm + label, .cs-pc .choice-wrap input[type="radio"].custorm + label {
    font-family: 'Malgun Gothic', sans-serif;
    font-weight: bold; } }
.cs-mobile .note-box dt, .cs-pc .note-box dt {
  font-family: 'Malgun Gothic', sans-serif;
  font-weight: bold; }

.cs-srch-list dl dt {
  font-family: 'Malgun Gothic', sans-serif;
  font-weight: bold; }

.cs-index-list dt {
  font-family: 'Malgun Gothic', sans-serif;
  font-weight: bold; }

.cs-biz-list dl dt {
  font-family: 'Malgun Gothic', sans-serif;
  font-weight: bold; }

.ico_minwon_complete .complete-message {
  font-family: 'Malgun Gothic', sans-serif;
  font-weight: bold; }

.agree-detail dl dt {
  font-family: 'Malgun Gothic', sans-serif;
  font-weight: bold; }

.loading-wrap .loading-state li * {
  font-family: 'Malgun Gothic', sans-serif;
  font-weight: bold; }

.cs-pop-maxwid .cs-pop-downlist dt {
  font-family: 'Malgun Gothic', sans-serif;
  font-weight: bold; }

.as-tagcloud > .tt {
  font-family: 'Malgun Gothic', sans-serif;
  font-weight: bold; }

.consulting-list li {
  font-family: 'Malgun Gothic', sans-serif;
  font-weight: bold; }

.cs-bizinfo-tit span {
  font-family: 'Malgun Gothic', sans-serif;
  font-weight: bold; }

.cs-bizinfo-site p:first-child a {
  font-family: 'Malgun Gothic', sans-serif;
  font-weight: bold; }

.cs-biz-tab li a {
  font-family: 'Malgun Gothic', sans-serif;
  font-weight: bold; }

.loading-wrap .loading-message {
  font-family: 'Malgun Gothic', sans-serif;
  font-weight: bold; }
.loading-wrap .loading-step .progress-step li span {
  font-family: 'Malgun Gothic', sans-serif;
  font-weight: bold; }

.program-download .pd-tit {
  font-family: 'Malgun Gothic', sans-serif;
  font-weight: bold; }
.program-download .pd-stit {
  font-family: 'Malgun Gothic', sans-serif;
  font-weight: bold; }
.program-download .pd-btn {
  font-family: 'Malgun Gothic', sans-serif;
  font-weight: bold; }

.national-opinion.box-sky .opinion-btn p {
  font-family: 'Malgun Gothic', sans-serif;
  font-weight: bold; }
.national-opinion.box-sky .box-white dt {
  font-family: 'Malgun Gothic', sans-serif;
  font-weight: bold; }
.national-opinion.box-sky .box-white dd {
  font-family: 'Malgun Gothic', sans-serif;
  font-weight: normal; }
.national-opinion.box-gray dt {
  font-family: 'Malgun Gothic', sans-serif;
  font-weight: bold; }
.national-opinion.box-gray dd {
  font-family: 'Malgun Gothic', sans-serif;
  font-weight: normal; }

.pop-wrap.pop-mca .pop-inner .pop-guide-box {
  font-family: 'Malgun Gothic', sans-serif;
  font-weight: bold; }
.pop-wrap.pop-mca .pop-inner .txt {
  font-family: 'Malgun Gothic', sans-serif;
  font-weight: bold; }

.info-detail .accept-step2 li p .step-tit {
  font-family: 'Malgun Gothic', sans-serif;
  font-weight: bold; }

.pop-app .pop-app-con {
  font-family: 'Malgun Gothic', sans-serif;
  font-weight: bold; }

.aside .as-con .as-tit {
  font-family: 'Malgun Gothic', sans-serif;
  font-weight: bold; }
.aside .as-con.as-list ul, .aside .as-con.as-list ol {
  font-family: 'Malgun Gothic', sans-serif;
  font-weight: normal; }
.aside .as-con.as-baner {
  font-family: 'Malgun Gothic', sans-serif;
  font-weight: bold; }

.fold-wrap .fold-tit {
  font-family: 'Malgun Gothic', sans-serif;
  font-weight: bold; }

.consult-guide .cg-title-box .cg-tit {
  font-family: 'Malgun Gothic', sans-serif;
  font-weight: bold; }

/*--------------------- font-family page2 ---------------------*/
/* font family */
.potal-infor > li p {
  font-family: 'Malgun Gothic', sans-serif;
  font-weight: bold; }

.tbl-view .answer .tt {
  font-family: 'Malgun Gothic', sans-serif;
  font-weight: bold; }

.my-box .my-cont .my-cont-tt .tt, .my-box .my-cont .my-cont-sum {
  font-family: 'Malgun Gothic', sans-serif;
  font-weight: bold; }

.cont-box-lst > li > .tt {
  font-family: 'Malgun Gothic', sans-serif;
  font-weight: bold; }

.as-question .go2 a span {
  font-family: 'Malgun Gothic', sans-serif;
  font-weight: bold; }

.faq-tab ul li.active a {
  font-family: 'Malgun Gothic', sans-serif;
  font-weight: bold; }

.festival_visual span {
  font-family: 'Malgun Gothic', sans-serif;
  font-weight: bold; }

.search-box.sch-result .r-lft {
  font-family: 'Malgun Gothic', sans-serif;
  font-weight: bold; }

.sorting-area > a.on, .sorting-area > span.on {
  font-family: 'Malgun Gothic', sans-serif;
  font-weight: bold; }

.gallery_wrap ul li dl dt a {
  font-family: 'Malgun Gothic', sans-serif;
  font-weight: bold; }
.gallery_wrap ul li p.txt a {
  font-family: 'Malgun Gothic', sans-serif;
  font-weight: bold; }
.gallery_wrap ul li .deco {
  font-family: 'Malgun Gothic', sans-serif;
  font-weight: bold; }

.search-tit {
  font-family: 'Malgun Gothic', sans-serif;
  font-weight: bold; }

.unifiedSch1 li dl dt a {
  font-family: 'Malgun Gothic', sans-serif;
  font-weight: bold; }

.unifiedSch-box .cont-gray dl dt {
  font-family: 'Malgun Gothic', sans-serif;
  font-weight: bold; }
.unifiedSch-box .cont-gray p {
  font-family: 'Malgun Gothic', sans-serif;
  font-weight: bold; }

.unifiedSch3 ul li > span a, .unifiedSch3 ul li span.tx a {
  font-family: 'Malgun Gothic', sans-serif;
  font-weight: bold; }
.unifiedSch3 ul li dl dt {
  font-family: 'Malgun Gothic', sans-serif;
  font-weight: bold; }
  .unifiedSch3 ul li dl dt a {
    font-family: 'Malgun Gothic', sans-serif;
    font-weight: bold; }

.unifiedSch-faq ul li > span {
  font-family: 'Malgun Gothic', sans-serif;
  font-weight: bold; }
.unifiedSch-faq ul li dl dt {
  font-family: 'Malgun Gothic', sans-serif;
  font-weight: bold; }
  .unifiedSch-faq ul li dl dt a {
    font-family: 'Malgun Gothic', sans-serif;
    font-weight: bold; }

.search-box .sch-in.sch-in-ty4 .choice .tt {
  font-family: 'Malgun Gothic', sans-serif;
  font-weight: bold; }
.search-box .sch-in.sch-in-ty4 .choice .ch-cont .ch-btn-lst li.on a {
  font-family: 'Malgun Gothic', sans-serif;
  font-weight: bold; }
.search-box.sch-organization .select-wrap label {
  font-family: 'Malgun Gothic', sans-serif;
  font-weight: bold; }

.online-box .agree {
  font-family: 'Malgun Gothic', sans-serif;
  font-weight: bold; }

.other-service > div > p {
  font-family: 'Malgun Gothic', sans-serif;
  font-weight: bold; }
.other-service > div ul li a {
  font-family: 'Malgun Gothic', sans-serif;
  font-weight: bold; }

.service-lst .sv-lst > ul > li > a {
  font-family: 'Malgun Gothic', sans-serif;
  font-weight: bold; }

@media only screen and (max-width: 640px) {
  .portal-area .portal-tt ul li .tx1 {
    font-family: 'Malgun Gothic', sans-serif;
    font-weight: bold; } }

.gov-accordion-area h3 {
  font-family: 'Malgun Gothic', sans-serif;
  font-weight: bold; }
.gov-accordion-area .work-lst > ul > li .contLst > ul > li > span {
  font-family: 'Malgun Gothic', sans-serif;
  font-weight: bold; }
.gov-accordion-area .work-lst > ul > li .contLst > ul.tel-num li .tit a, .gov-accordion-area .work-lst > ul > li .contLst > ul.tel-num li .tit .active {
  font-family: 'Malgun Gothic', sans-serif;
  font-weight: bold; }

.gov-app > li dl dt {
  font-family: 'Malgun Gothic', sans-serif;
  font-weight: bold; }

.site-map .site1 > li > ul > li > a {
  font-family: 'Malgun Gothic', sans-serif;
  font-weight: bold; }

.pop-box-blue ul li span {
  font-family: 'Malgun Gothic', sans-serif;
  font-weight: bold; }

.use-mobile .tt {
  font-family: 'Malgun Gothic', sans-serif;
  font-weight: bold; }

.result-txt {
  font-family: 'Malgun Gothic', sans-serif;
  font-weight: bold; }

.acc-result > ul > li .tt.active {
  font-family: 'Malgun Gothic', sans-serif;
  font-weight: bold; }

.sch-word .tt {
  font-family: 'Malgun Gothic', sans-serif;
  font-weight: bold; }

/*--------------------- font-family page3 ---------------------*/
.inbox {
  font-family: 'Malgun Gothic', sans-serif;
  font-weight: bold; }

.pop-wrap .pop-tit {
  font-family: 'Malgun Gothic', sans-serif;
  font-weight: bold; }
.pop-wrap .pop-inner .tbl-list.type2 {
  border: 1px solid #d3d3d3; }
  .pop-wrap .pop-inner .tbl-list.type2 thead th {
    font-family: 'Malgun Gothic', sans-serif;
    font-weight: bold; }

@media only screen and (max-width: 805px) {
  .pop-service .service-list dd .tit {
    font-family: 'Malgun Gothic', sans-serif;
    font-weight: bold; } }

.pop-sso .pop-inner .sso-process li p {
  font-family: 'Malgun Gothic', sans-serif;
  font-weight: bold; }

.cont-box .top {
  font-family: 'Malgun Gothic', sans-serif;
  font-weight: bold; }

.basic-list2 .list-tit {
  font-family: 'Malgun Gothic', sans-serif;
  font-weight: bold; }

.notice-box dt {
  font-family: 'Malgun Gothic', sans-serif;
  font-weight: bold; }

.process li .num {
  font-family: 'Malgun Gothic', sans-serif;
  font-weight: bold; }

.agree-wrap .agree-tit {
  font-family: 'Malgun Gothic', sans-serif;
  font-weight: bold; }

.content-wrap .title {
  font-family: 'Malgun Gothic', sans-serif;
  font-weight: bold; }

.member-inner .fin-box .noti {
  font-family: 'Malgun Gothic', sans-serif;
  font-weight: bold; }

.disabled-inner .cont-box-blue.keyboard p {
  font-family: 'Malgun Gothic', sans-serif;
  font-weight: bold; }

.benefit-inner .myinfo .info-cont {
  font-family: 'Malgun Gothic', sans-serif;
  font-weight: bold; }
  @media only screen and (max-width: 805px) {
    .benefit-inner .myinfo .info-cont {
      font-size: 16px;
      font-size: 1.6rem;
      font-family: 'Malgun Gothic', sans-serif;
      font-weight: bold; } }
.benefit-inner .benefit-wrap ul li {
  font-family: 'Malgun Gothic', sans-serif;
  font-weight: bold; }

.accessibility-inner .info-box .tit {
  font-family: 'Malgun Gothic', sans-serif;
  font-weight: bold; }
.accessibility-inner .cont-box .tit {
  font-family: 'Malgun Gothic', sans-serif;
  font-weight: bold; }

.tag-lst > .tit {
  font-family: 'Malgun Gothic', sans-serif;
  font-weight: bold; }

/* tbl_input */
.tbl-input select,
.tbl-input input[type='text'],
.tbl-input input[type='password'],
.tbl-input input.inp,
.tbl-input input.inp01_01 {
  font-family: 'notokr-regular', sans-serif; }

.bd {
  font-weight: normal;
  font-family: 'notokr-medium', sans-serif; }

/*
#####################################################################
#                                                                   #
#       IE 8 no webfont                                             #
#                                                                   #
#####################################################################
*/
.no-canvas {
  /* 공공서비스 상세 */
  /* ------------------------- Main - 서비스와정보 ------------------------- */
  /* ------------------------- LNB  ------------------------- */
  /* ------------------------- Button & Icon ------------------------- */
  /*--------------------- font-family page1 ---------------------*/
  /*--------------------- font-family page2 ---------------------*/
  /* font family */
  /*--------------------- font-family page3 ---------------------*/
  /*--------------------- font-family page3 ---------------------*/ }
  .no-canvas .contentsWrap.l2 .aside > strong {
    font-family: 'Dotum', sans-serif;
    font-weight: bold; }
  .no-canvas h1, .no-canvas h2, .no-canvas h3, .no-canvas h4, .no-canvas h5, .no-canvas h6 {
    font-family: 'Dotum', sans-serif;
    font-weight: bold; }
  .no-canvas big, .no-canvas strong, .no-canvas b, .no-canvas dt, .no-canvas th {
    font-family: 'Dotum', sans-serif;
    font-weight: bold; }
  .no-canvas .view_wrap h4 {
    font-family: 'Dotum', sans-serif;
    font-weight: normal; }
  .no-canvas .view_wrap h3 {
    font-family: 'Dotum', sans-serif;
    font-weight: normal; }
  .no-canvas .service_summary h4.ministry_title {
    font-family: 'Dotum', sans-serif;
    font-weight: normal; }
  .no-canvas .step-cont .cusform > li h4 {
    font-family: 'Dotum', sans-serif;
    font-weight: bold; }
  .no-canvas .mService .mylife dt span {
    font-family: 'Dotum', sans-serif;
    font-weight: normal; }
  .no-canvas .mypage .myinfo-list > li .accent {
    font-family: 'Dotum', sans-serif;
    font-weight: normal; }
  .no-canvas .contentsWrap .contents .life-info-service-wrap .slide-wrap .slide .no-slide {
    font-family: 'Dotum', sans-serif;
    font-weight: bold; }
  .no-canvas .contentsWrap .contents .no-cont {
    font-family: 'Dotum', sans-serif;
    font-weight: bold; }
  .no-canvas .lnbAll .myinfo .myinfo-list > li .accent {
    font-family: 'Dotum', sans-serif;
    font-weight: bold; }
  .no-canvas .skip:hover, .no-canvas .skip:active, .no-canvas .skip:focus {
    font-family: 'Dotum', sans-serif;
    font-weight: normal; }
  .no-canvas body {
    font-family: 'Dotum', sans-serif;
    font-weight: normal; }
  .no-canvas .doc-num span {
    font-family: 'Dotum', sans-serif;
    font-weight: bold; }
  .no-canvas .use-guide dt {
    font-family: 'Dotum', sans-serif;
    font-weight: bold; }
  .no-canvas .cs-guide-box dt {
    font-family: 'Dotum', sans-serif;
    font-weight: bold; }
  .no-canvas .cs-guide-box.center .truth-message {
    font-family: 'Dotum', sans-serif;
    font-weight: bold; }
  .no-canvas .cs-mobile h2.box-wrap, .no-canvas .cs-pc h2.box-wrap {
    font-family: 'Dotum', sans-serif;
    font-weight: bold; }
  .no-canvas .cs-mobile .csm-btn-list .csm-btn a .arrow, .no-canvas .cs-pc .csm-btn-list .csm-btn a .arrow {
    font-family: 'Dotum', sans-serif;
    font-weight: bold; }
  .no-canvas .cs-mobile .csm-btn-list .csm-btn a:hover, .no-canvas .cs-mobile .csm-btn-list .csm-btn a:active, .no-canvas .cs-mobile .csm-btn-list .csm-btn a:focus, .no-canvas .cs-pc .csm-btn-list .csm-btn a:hover, .no-canvas .cs-pc .csm-btn-list .csm-btn a:active, .no-canvas .cs-pc .csm-btn-list .csm-btn a:focus {
    font-family: 'Dotum', sans-serif;
    font-weight: bold; }
  .no-canvas .cs-mobile .tbl-list.form-write > table th, .no-canvas .cs-mobile .tbl-list.form-write > table .td-label, .no-canvas .cs-pc .tbl-list.form-write > table th, .no-canvas .cs-pc .tbl-list.form-write > table .td-label {
    font-family: 'Dotum', sans-serif;
    font-weight: bold; }
  .no-canvas .cs-mobile .tbl-list.form-write > table td .row-unit dt, .no-canvas .cs-pc .tbl-list.form-write > table td .row-unit dt {
    font-family: 'Dotum', sans-serif;
    font-weight: bold; }
  @media only screen and (max-width: 805px) {
    .no-canvas .cs-mobile .choice-wrap input[type="checkbox"].custorm + label, .no-canvas .cs-mobile .choice-wrap input[type="radio"].custorm + label, .no-canvas .cs-pc .choice-wrap input[type="checkbox"].custorm + label, .no-canvas .cs-pc .choice-wrap input[type="radio"].custorm + label {
      font-family: 'Dotum', sans-serif;
      font-weight: bold; } }
  .no-canvas .cs-mobile .note-box dt, .no-canvas .cs-pc .note-box dt {
    font-family: 'Dotum', sans-serif;
    font-weight: bold; }
  .no-canvas .cs-srch-list dl dt {
    font-family: 'Dotum', sans-serif;
    font-weight: bold; }
  .no-canvas .cs-index-list dt {
    font-family: 'Dotum', sans-serif;
    font-weight: bold; }
  .no-canvas .cs-biz-list dl dt {
    font-family: 'Dotum', sans-serif;
    font-weight: bold; }
  .no-canvas .ico_minwon_complete .complete-message {
    font-family: 'Dotum', sans-serif;
    font-weight: bold; }
  .no-canvas .agree-detail dl dt {
    font-family: 'Dotum', sans-serif;
    font-weight: bold; }
  .no-canvas .loading-wrap .loading-state li * {
    font-family: 'Dotum', sans-serif;
    font-weight: bold; }
  .no-canvas .cs-pop-maxwid .cs-pop-downlist dt {
    font-family: 'Dotum', sans-serif;
    font-weight: bold; }
  .no-canvas .as-tagcloud > .tt {
    font-family: 'Dotum', sans-serif;
    font-weight: bold; }
  .no-canvas .potal-infor > li p {
    font-family: 'Dotum', sans-serif;
    font-weight: bold; }
  .no-canvas .tbl-view .answer .tt {
    font-family: 'Dotum', sans-serif;
    font-weight: bold; }
  .no-canvas .my-box .my-cont .my-cont-tt .tt, .no-canvas .my-box .my-cont .my-cont-sum {
    font-family: 'Dotum', sans-serif;
    font-weight: bold; }
  .no-canvas .cont-box-lst > li > .tt {
    font-family: 'Dotum', sans-serif;
    font-weight: bold; }
  .no-canvas .as-question .go2 a span {
    font-family: 'Dotum', sans-serif;
    font-weight: bold; }
  .no-canvas .faq-tab ul li.active a {
    font-family: 'Dotum', sans-serif;
    font-weight: bold; }
  .no-canvas .festival_visual span {
    font-family: 'Dotum', sans-serif;
    font-weight: bold; }
  .no-canvas .search-box.sch-result .r-lft {
    font-family: 'Dotum', sans-serif;
    font-weight: bold; }
  .no-canvas .sorting-area > a.on, .no-canvas .sorting-area > span.on {
    font-family: 'Dotum', sans-serif;
    font-weight: bold; }
  .no-canvas .gallery_wrap ul li dl dt a {
    font-family: 'Dotum', sans-serif;
    font-weight: bold; }
  .no-canvas .gallery_wrap ul li p.txt a {
    font-family: 'Dotum', sans-serif;
    font-weight: bold; }
  .no-canvas .gallery_wrap ul li .deco {
    font-family: 'Dotum', sans-serif;
    font-weight: bold; }
  .no-canvas .search-tit {
    font-family: 'Dotum', sans-serif;
    font-weight: bold; }
  .no-canvas .unifiedSch1 li dl dt a {
    font-family: 'Dotum', sans-serif;
    font-weight: bold; }
  .no-canvas .unifiedSch-box .cont-gray dl dt {
    font-family: 'Dotum', sans-serif;
    font-weight: bold; }
  .no-canvas .unifiedSch-box .cont-gray p {
    font-family: 'Dotum', sans-serif;
    font-weight: bold; }
  .no-canvas .unifiedSch3 ul li > span a, .no-canvas .unifiedSch3 ul li span.tx a {
    font-family: 'Dotum', sans-serif;
    font-weight: bold; }
  .no-canvas .unifiedSch3 ul li dl dt {
    font-family: 'Dotum', sans-serif;
    font-weight: bold; }
    .no-canvas .unifiedSch3 ul li dl dt a {
      font-family: 'Dotum', sans-serif;
      font-weight: bold; }
  .no-canvas .unifiedSch-faq ul li > span {
    font-family: 'Dotum', sans-serif;
    font-weight: bold; }
  .no-canvas .unifiedSch-faq ul li dl dt {
    font-family: 'Dotum', sans-serif;
    font-weight: bold; }
    .no-canvas .unifiedSch-faq ul li dl dt a {
      font-family: 'Dotum', sans-serif;
      font-weight: bold; }
  .no-canvas .search-box .sch-in.sch-in-ty4 .choice .tt {
    font-family: 'Dotum', sans-serif;
    font-weight: bold; }
  .no-canvas .search-box .sch-in.sch-in-ty4 .choice .ch-cont .ch-btn-lst li.on a {
    font-family: 'Dotum', sans-serif;
    font-weight: bold; }
  .no-canvas .search-box.sch-organization .select-wrap label {
    font-family: 'Dotum', sans-serif;
    font-weight: bold; }
  .no-canvas .online-box .agree {
    font-family: 'Dotum', sans-serif;
    font-weight: bold; }
  .no-canvas .other-service > div > p {
    font-family: 'Dotum', sans-serif;
    font-weight: bold; }
  .no-canvas .other-service > div ul li a {
    font-family: 'Dotum', sans-serif;
    font-weight: bold; }
  .no-canvas .service-lst .sv-lst > ul > li > a {
    font-family: 'Dotum', sans-serif;
    font-weight: bold; }
  @media only screen and (max-width: 640px) {
    .no-canvas .portal-area .portal-tt ul li .tx1 {
      font-family: 'Dotum', sans-serif;
      font-weight: bold; } }
  .no-canvas .gov-accordion-area h3 {
    font-family: 'Dotum', sans-serif;
    font-weight: bold; }
  .no-canvas .gov-accordion-area .work-lst > ul > li .contLst > ul > li > span {
    font-family: 'Dotum', sans-serif;
    font-weight: bold; }
  .no-canvas .gov-accordion-area .work-lst > ul > li .contLst > ul.tel-num li .tit a, .no-canvas .gov-accordion-area .work-lst > ul > li .contLst > ul.tel-num li .tit .active {
    font-family: 'Dotum', sans-serif;
    font-weight: bold; }
  .no-canvas .gov-app > li dl dt {
    font-family: 'Dotum', sans-serif;
    font-weight: bold; }
  .no-canvas .site-map .site1 > li > ul > li > a {
    font-family: 'Dotum', sans-serif;
    font-weight: bold; }
  .no-canvas .pop-box-blue ul li span {
    font-family: 'Dotum', sans-serif;
    font-weight: bold; }
  .no-canvas .use-mobile .tt {
    font-family: 'Dotum', sans-serif;
    font-weight: bold; }
  .no-canvas .result-txt {
    font-family: 'Dotum', sans-serif;
    font-weight: bold; }
  .no-canvas .acc-result > ul > li .tt.active {
    font-family: 'Dotum', sans-serif;
    font-weight: bold; }
  .no-canvas .sch-word .tt {
    font-family: 'Dotum', sans-serif;
    font-weight: bold; }
  .no-canvas .inbox {
    font-family: 'Dotum', sans-serif;
    font-weight: bold; }
  .no-canvas .pop-wrap .pop-tit {
    font-family: 'Dotum', sans-serif;
    font-weight: bold; }
  .no-canvas .pop-wrap .pop-inner .tbl-list.type2 {
    border: 1px solid #d3d3d3; }
    .no-canvas .pop-wrap .pop-inner .tbl-list.type2 thead th {
      font-family: 'Dotum', sans-serif;
      font-weight: bold; }
  @media only screen and (max-width: 805px) {
    .no-canvas .pop-service .service-list dd .tit {
      font-family: 'Dotum', sans-serif;
      font-weight: bold; } }
  .no-canvas .pop-sso .pop-inner .sso-process li p {
    font-family: 'Dotum', sans-serif;
    font-weight: bold; }
  .no-canvas .cont-box .top {
    font-family: 'Dotum', sans-serif;
    font-weight: bold; }
  .no-canvas .basic-list2 .list-tit {
    font-family: 'Dotum', sans-serif;
    font-weight: bold; }
  .no-canvas .notice-box dt {
    font-family: 'Dotum', sans-serif;
    font-weight: bold; }
  .no-canvas .process li .num {
    font-family: 'Dotum', sans-serif;
    font-weight: bold; }
  .no-canvas .agree-wrap .agree-tit {
    font-family: 'Dotum', sans-serif;
    font-weight: bold; }
  .no-canvas .content-wrap .title {
    font-family: 'Dotum', sans-serif;
    font-weight: bold; }
  .no-canvas .member-inner .fin-box .noti {
    font-family: 'Dotum', sans-serif;
    font-weight: bold; }
  .no-canvas .disabled-inner .cont-box-blue.keyboard p {
    font-family: 'Dotum', sans-serif;
    font-weight: bold; }
  .no-canvas .benefit-inner .myinfo .info-cont {
    font-family: 'Dotum', sans-serif;
    font-weight: bold; }
    @media only screen and (max-width: 805px) {
      .no-canvas .benefit-inner .myinfo .info-cont {
        font-size: 16px;
        font-size: 1.6rem;
        font-family: 'Dotum', sans-serif;
        font-weight: bold; } }
  .no-canvas .benefit-inner .benefit-wrap ul li {
    font-family: 'Dotum', sans-serif;
    font-weight: bold; }
  .no-canvas .accessibility-inner .info-box .tit {
    font-family: 'Dotum', sans-serif;
    font-weight: bold; }
  .no-canvas .accessibility-inner .cont-box .tit {
    font-family: 'Dotum', sans-serif;
    font-weight: bold; }
  .no-canvas .tbl-input select,
  .no-canvas .tbl-input input[type='text'],
  .no-canvas .tbl-input input[type='password'],
  .no-canvas .tbl-input input.inp,
  .no-canvas .tbl-input input.inp01_01 {
    font-family: 'Dotum', sans-serif;
    font-weight: normal; }
  .no-canvas .bd {
    font-family: 'Dotum', sans-serif;
    font-weight: normal; }

img.adi {
  max-width: 100%;
  height: auto; }

a {
  text-decoration: none;
  color: inherit; }

/* IE 6/7 .clearfix { zoom: 1; } */
.skip {
  display: block;
  height: 1px;
  width: 1px;
  margin: 0 -1px -1px 0;
  padding: 0;
  overflow: hidden;
  font-size: 0;
  line-height: 0; }
  .skip:hover, .skip:active, .skip:focus {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 5px 0;
    text-indent: 10px;
    font-weight: bold;
    font-size: 12px;
    color: #333;
    line-height: 1;
    text-decoration: none !important;
    position: relative;
    text-align: center; }

a, a:active, a:visited {
  text-decoration: none;
  color: inherit; }

a:active, a:hover {
  text-decoration: underline; }

.no-hashchang a, .no-hashchang a:active, .no-hashchang a:visited {
  text-decoration: none;
  color: #1a2025; }

.hidden,
legend {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden; }

caption {
  margin-top: -1px;
  font-size: 1px;
  width: 1px;
  height: 1px;
  text-indent: -10000px;
  overflow: hidden; }

/*
input[placeholder] {
	&::-webkit-input-placeholder{ color: #777; }
	&:-moz-placeholder { color: #777;}
	&::-moz-placeholder { color: #777;}
	&:-ms-input-placeholder { color: #777; }
	&.placeholder{color: #777;}
} */
input[placeholder]::-webkit-input-placeholder, textarea[placeholder]::-webkit-input-placeholder {
  color: #888;
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: normal; }
input[placeholder]:-moz-placeholder, textarea[placeholder]:-moz-placeholder {
  color: #888;
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: normal; }
input[placeholder]::-moz-placeholder, textarea[placeholder]::-moz-placeholder {
  color: #888;
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: normal; }
input[placeholder]:-ms-input-placeholder, textarea[placeholder]:-ms-input-placeholder {
  color: #888;
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: normal; }
input[placeholder].placeholder, textarea[placeholder].placeholder {
  color: #888;
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: normal; }

html {
  font-size: 62.5%;
  /* Sets up the Base 10 stuff */
  overflow-y: scroll; }

body {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.5;
  letter-spacing: -1px;
  color: #333; }

html, body {
  height: 100%; }

.result-count {
  font-size: 16px;
  font-size: 1.6rem;
  margin: 15px 0 5px; }
  .result-count strong {
    color: #b71c1c; }

.result-none {
  text-align: center;
  background: #eeeeee;
  margin: 0 0 10px;
  padding: 10px 0;
  border-top: 1px solid #868686;
  border-bottom: 1px solid #868686; }
  .result-none .empty strong {
    color: #b71c1c; }

.pop-wrap {
  background: #fff; }
  .pop-wrap.lay-pop {
    width: 70%;
    display: none; }
    .pop-wrap.lay-pop .pop-tit .close {
      display: block;
      position: absolute;
      top: 17px;
      right: 12px;
      width: 16px;
      height: 16px;
      background: url(/2017/img/common/pop_close_m.png) no-repeat 0 0;
      background-size: 100%; }

.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }
  .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y; }
  .owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }
  .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
  .owl-carousel .owl-item.cloned {
    visibility: hidden; }
  .owl-carousel .owl-item.cloned.active {
    display: block !important;
    visibility: visible; }
  .owl-carousel .owl-item img {
    display: inline-block;
    max-width: 100%;
    -webkit-transform-style: preserve-3d; }
  .owl-carousel .owl-nav.disabled,
  .owl-carousel .owl-dots.disabled {
    display: none; }
  .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-dot {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-loaded {
    display: block; }
  .owl-carousel.owl-loading {
    opacity: 0;
    display: block; }
  .owl-carousel.owl-hidden {
    opacity: 0; }
  .owl-carousel.owl-refresh .owl-item {
    visibility: hidden; }
  .owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-grab {
    cursor: move;
    cursor: grab; }
  .owl-carousel.owl-rtl {
    direction: rtl; }
  .owl-carousel.owl-rtl .owl-item {
    float: right; }
  .owl-carousel .owl-dots {
    text-align: center;
    margin-top: 10px; }
  .owl-carousel .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1; }
    .owl-carousel .owl-dots .owl-dot.active span {
      background: #ff7100;
      width: 40px; }
    .owl-carousel .owl-dots .owl-dot:hover span {
      background: #ff7100; }
    .owl-carousel .owl-dots .owl-dot span {
      width: 10px;
      height: 10px;
      margin: 5px 3px;
      background: #9c9d9e;
      display: block;
      -webkit-backface-visibility: visible;
      transition: opacity .2s ease;
      border-radius: 30px; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.word-align {
  word-break: keep-all !important; }

.fa {
  display: inline-block; }

/* ------------------------- Layout  ------------------------- */
.wrap {
  position: relative; }

.full {
  width: 100%; }
  .full.gnb {
    background: #464646;
    float: none; }
    @media only screen and (max-width: 1023px) {
      .full.gnb {
        background: none; } }
  .full.lnb {
    border-bottom: 1px solid #dfdfdf;
    letter-spacing: -1px; }
    @media only screen and (max-width: 1023px) {
      .full.lnb {
        padding-bottom: 0;
        background: none;
        height: 133px; } }
  .full .inner {
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
    position: static;
    padding-bottom: 0; }
    .full .inner:after {
      display: table;
      content: '';
      clear: both; }
    .full .inner.open {
      position: relative; }
      .full .inner.open .searchWrap .m-search-box-wrap {
        background: #fff; }

header {
  z-index: 20; }

.contentsWrap {
  margin: -221px auto -259px; }

.container {
  padding: 221px 0 259px;
  overflow: hidden; }

footer {
  z-index: 1; }

/* ------------------------- Page Title  ------------------------- */
.title {
  width: 100%;
  max-width: 1140px;
  margin: 0 auto 0;
  overflow: hidden;
  position: relative;
  border-bottom: 2px solid #333;
  padding-bottom: 10px; }
  @media only screen and (max-width: 1140px) {
    .title {
      width: 100%;
      margin: 0 auto; } }
  @media only screen and (max-width: 1023px) {
    .title {
      width: 100%;
      margin: 0 auto;
      padding-left: 10px;
      padding-right: 10px;
      box-sizing: border-box; } }
  @media only screen and (max-width: 805px) {
    .title {
      width: 100%;
      margin: 0 auto;
      padding-left: 0;
      padding-right: 0;
      border-bottom: 0;
      padding-bottom: 0; } }
 .title:focus-visible{display:none;}
  .title .fa-prev {
    position: absolute;
    left: 10px;
    top: 7px;
    display: none;
    color: #fff;
    z-index: 10;
    width: 17px;
    height: 22px; }
    .title .fa-prev:before {
      content: '';
      display: inline-block;
      width: 15px;
      height: 22px;
      background: url("/2017/img/common/ico_fa_prev.png") no-repeat 0 0; }
    @media only screen and (max-width: 805px) {
      .title .fa-prev {
        display: inline-block; } }
  .title h1 {
    font-size: 20px;
    font-size: 2rem;
    margin-top: 40px;
    line-height: 1.3;
    letter-spacing: -1px;
    font-size: 24px;
    font-size: 2.4rem; 
    font-family:'SpoqaHanSansNeo';
    font-weight: bold;}
    @media only screen and (max-width: 805px) {
      .title h1 {
        font-size: 16px;
        font-size: 1.6rem;
        margin-top: 0;
        text-align: center;
        background: #175996;
        color: #fff;
        padding: 7px 30px 10px;
        letter-spacing: -1px;
        font-family: 'Malgun Gothic', sans-serif;
        font-weight: bold; }
        .title h1:after {
          content: '';
          clear: both;
          display: block;
          background: #e0e0e0; } }
  .title .page-util {
    position: absolute;
    right: 10px;
    bottom: 10px;
    line-height: 1.5; }
    @media only screen and (max-width: 805px) {
      .title .page-util {
        position: relative;
        float: right;
        margin-top: 5px;
        bottom: 0; } }
    .title .page-util li {
      float: left;
      margin-left: 3px; }
      .title .page-util li:first-child {
        margin-left: 0; }
      @media only screen and (max-width: 805px) {
        .title .page-util li.print {
          display: none; } }
      .title .page-util li a, .title .page-util li a:active, .title .page-util li a:visited {
        text-decoration: none;
        color: inherit; }
      .title .page-util li a:active, .title .page-util li a:hover {
        text-decoration: none; }
    @media only screen and (max-width: 640px) {
      .title .page-util {
        float: right; } }
  .title + h2 {
    padding-left: 10px; }

.breadclumbs-wrap {
  width: 100%;
  background: #f7f5f5; }
  .breadclumbs-wrap .inner {
    width: 100%;
    max-width: 1140px;
    margin: 0 auto; }
  @media only screen and (max-width: 805px) {
    .breadclumbs-wrap {
      display: none; } }

.breadclumbs {
  width: 100%;
  overflow: hidden;
  padding-bottom: 3px; }
  @media only screen and (max-width: 805px) {
    .breadclumbs {
      border-bottom: 0; } }
  .breadclumbs .bc-list {
    float: right;
    overflow: hidden; }
    .breadclumbs .bc-list li {
      line-height: 26px;
      float: left;
      padding-left: 20px;
      background: url("/2017/img/common/ico_bc_list.png") no-repeat left center; }
      .breadclumbs .bc-list li:first-child {
        padding-left: 0;
        background: none; }

/* ------------------------- Layout Default ------------------------- */
.contentsWrap {
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
  overflow: hidden;
  position: relative; }
  @media only screen and (max-width: 1140px) {
    .contentsWrap {
      margin: 0 auto; } }
  @media only screen and (max-width: 805px) {
    .contentsWrap {
      width: 100%;
      margin: 0 auto; } }
  .contentsWrap .contents {
    padding-top: 20px; }
    @media only screen and (max-width: 1023px) {
      .contentsWrap .contents {
        padding-left: 10px;
        padding-right: 10px;
        box-sizing: border-box; } }
    @media only screen and (max-width: 805px) {
      .contentsWrap .contents {
        padding-top: 10px; } }
    .contentsWrap .contents h2 {
      font-size: 18px;
      font-size: 1.8rem;
      line-height: 1.2;
      margin-bottom: 10px;
      letter-spacing: -1px; }
      @media only screen and (max-width: 805px) {
        .contentsWrap .contents h2 {
          margin: 0 auto 10px; } }
      .contentsWrap .contents h2.no-bullet {
        background: none;
        padding-left: 0; }
    .contentsWrap .contents .cont-inner {
      max-width: 100%;
      padding-bottom: 50px; }
      @media only screen and (max-width: 1140px) {
        .contentsWrap .contents .cont-inner {
          margin: 0 auto; } }
  .contentsWrap .aside {
    display: none; }
  .contentsWrap.fixed {
    min-width: 1140px; }

.fixed {
  width: 1140px;
  margin: 0 auto;
  overflow: hidden;
  position: relative; }
  .fixed .contents {
    padding-top: 30px; }
    .fixed .contents h2 {
      font-size: 18px;
      font-size: 1.8rem;
      line-height: 1.2;
      background: url("/2017/img/temp/icon_13.png") no-repeat left center;
      padding-left: 20px;
      margin-bottom: 30px;
      letter-spacing: -1px; }
  .fixed .aside {
    display: none; }

.no-canvas .contentsWrap,
.no-canvas .inner,
.no-canvas .breadclumbs-wrap + .title {
  width: 1140px !important; }

/* ------------------------- 2Column Right No RWD------------------------- */
.contentsWrap.r2 {
  width: 100%;
  min-width: 1140px;
  margin: 0 auto;
  overflow: hidden;
  position: relative; }
  .contentsWrap.r2:after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 806px;
    width: 1px;
    height: 100%;
    background: #979797; }
  .contentsWrap.r2 .contents {
    float: left;
    width: 805px; }
    .contentsWrap.r2 .contents .cont-inner {
      margin-right: 25px;
      padding-bottom: 50px; }
  .contentsWrap.r2 .aside {
    height: 100%;
    float: left;
    width: 334px;
    display: block;
    padding: 20px 17px 0;
    margin: 0 0 100px 0;
    box-sizing: border-box; }

/*.no-hashchange .contentsWrap.r2 {
  *zoom: expression(  this.runtimeStyle['zoom'] = '1',  this.insertBefore(document.createElement("i"),  this.firstChild).className="ie-after",  this.firstChild.innerHTML = ' '  ); }
  .no-hashchange .contentsWrap.r2 .ie-after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 806px;
    width: 1px;
    height: 100%;
    background: #979797; }
  .no-hashchange .contentsWrap.r2 .aside {
    width: 300px; }*/

/* ------------------------- 2Column Right ------------------------- */
.contentsWrap.r2RWD {
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
  overflow: hidden;
  position: relative; }
  .contentsWrap.r2RWD:after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 806px;
    width: 1px;
    height: 100%;
    background: #979797; }
    @media only screen and (max-width: 1140px) {
      .contentsWrap.r2RWD:after {
        left: 70%; } }
    @media only screen and (max-width: 1023px) {
      .contentsWrap.r2RWD:after {
        display: none; } }
  .contentsWrap.r2RWD .contents {
    float: left;
    width: 805px;
    height: 100%; }
    @media only screen and (max-width: 1140px) {
      .contentsWrap.r2RWD .contents {
        width: 70%; } }
    @media only screen and (max-width: 1023px) {
      .contentsWrap.r2RWD .contents {
        width: 100%;
        float: none;
        padding-left: 10px;
        padding-right: 10px;
        box-sizing: border-box; } }
    .contentsWrap.r2RWD .contents .cont-inner {
      margin-right: 25px;
      padding-bottom: 50px; }
      @media only screen and (max-width: 1140px) {
        .contentsWrap.r2RWD .contents .cont-inner {
          margin: 0 auto;
          padding-right: 10px; } }
      @media only screen and (max-width: 805px) {
        .contentsWrap.r2RWD .contents .cont-inner {
          margin: 0 auto;
          padding-right: 0; } }
  .contentsWrap.r2RWD .aside {
    height: 100%;
    float: left;
    width: 334px;
    display: block;
    padding: 20px 17px 0;
    margin: 0 0 100px 0;
    box-sizing: border-box; }
    @media only screen and (max-width: 1140px) {
      .contentsWrap.r2RWD .aside {
        width: 29%; } }
    @media only screen and (max-width: 1023px) {
      .contentsWrap.r2RWD .aside {
        display: none; } }

/* ------------------------- 2Column Narrow Right ------------------------- */
.contentsWrap.r2n:after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  right: 235px;
  width: 1px;
  height: 100%;
  background: #979797; }
  @media only screen and (max-width: 1023px) {
    .contentsWrap.r2n:after {
      display: none; } }
.contentsWrap.r2n .contents {
  float: left;
  width: 905px; }
  @media only screen and (max-width: 1140px) {
    .contentsWrap.r2n .contents {
      width: 75%; } }
  @media only screen and (max-width: 1023px) {
    .contentsWrap.r2n .contents {
      width: 100%;
      float: none;
      padding-left: 10px;
      padding-right: 10px;
      box-sizing: border-box; } }
  @media only screen and (max-width: 805px) {
    .contentsWrap.r2n .contents {
      padding-top: 10px; } }
  .contentsWrap.r2n .contents .cont-inner {
    margin-left: 0;
    margin-right: 25px;
    padding-bottom: 50px; }
    @media only screen and (max-width: 1140px) {
      .contentsWrap.r2n .contents .cont-inner {
        margin: 0 auto; } }
    @media only screen and (max-width: 805px) {
      .contentsWrap.r2n .contents .cont-inner {
        margin: 0 auto; } }
.contentsWrap.r2n .aside {
  height: 100%;
  float: right;
  width: 234px;
  display: block;
  padding: 20px 17px 0;
  margin: 0 0 100px 0;
  box-sizing: border-box; }
  @media only screen and (max-width: 1023px) {
    .contentsWrap.r2n .aside {
      display: none; } }

/* ------------------------- 2Column Left ------------------------- */
.contentsWrap.l2 {
  padding-top: 20px; }
  @media only screen and (max-width: 1140px) {
    .contentsWrap.l2 {
      width: 100%;
      margin: 0 auto;
      box-sizing: border-box; } }
  @media only screen and (max-width: 805px) {
    .contentsWrap.l2 {
      padding: 0; } }
  .contentsWrap.l2 .contents {
    float: left;
    width: 880px;
    padding: 0 0 50px 0; }
    @media only screen and (max-width: 1140px) {
      .contentsWrap.l2 .contents {
        width: 74%; } }
    @media only screen and (max-width: 1023px) {
      .contentsWrap.l2 .contents {
        width: 100%;
        float: none; } }
    .contentsWrap.l2 .contents .title h1 {
      margin: 0; }
    .contentsWrap.l2 .contents .cont-inner {
      margin-top: 20px; }
      @media only screen and (max-width: 1140px) {
        .contentsWrap.l2 .contents .cont-inner {
          margin: 20px auto 0; } }
      @media only screen and (max-width: 1023px) {
        .contentsWrap.l2 .contents .cont-inner {
          padding-left: 10px;
          padding-right: 10px; } }
      @media only screen and (max-width: 805px) {
        .contentsWrap.l2 .contents .cont-inner {
          margin: 10px auto 0; } }
    .contentsWrap.l2 .contents h2 {
      margin-top: 20px; }
      @media only screen and (max-width: 805px) {
        .contentsWrap.l2 .contents h2 {
          margin: 0;
          margin-bottom: 10px; } }
  .contentsWrap.l2 .aside {
    height: 100%;
    float: left;
    width: 230px;
    display: block;
    padding: 0 0 40px;
    box-sizing: border-box;
    margin: 0 30px 0 0; }
    @media only screen and (max-width: 1023px) {
      .contentsWrap.l2 .aside {
        display: none; } }

/* ------------------------- Footer ------------------------- */
/* --------------- Header Layout --------------- */
.gnb-wrap {
  background: #464646;
  widtH: 100%;
  position: relative; }
  .gnb-wrap .logo {
    display: none; }

.lnb-wrap {
  border-bottom: 1px solid #dfdfdf;
  letter-spacing: -1px;
  position: relative; }
  @media only screen and (max-width: 1023px) {
    .lnb-wrap {
      padding-bottom: 0;
      background: none; } }
  @media only screen and (max-width: 1023px) {
    .main .lnb-wrap {
      height: 133px; } }
  @media only screen and (max-width: 805px) {
    .main .lnb-wrap {
      height: 91px; } }

.gnb-wrap .inner,
.lnb-wrap .inner {
  margin: 0 auto;
  width: 100%;
  max-width: 1140px; }
  .gnb-wrap .inner:after,
  .lnb-wrap .inner:after {
    display: table;
    content: '';
    clear: both; }

@media only screen and (max-width: 1023px) {
  .main .lnb-wrap .lnbbar {
    display: block;
    float: none;
    width: 100%;
    border-top: 1px solid #dfdfdf;
    position: absolute;
    top: 66px;
    height: 66px; } }
@media only screen and (max-width: 805px) {
  .main .lnb-wrap .lnbbar {
    top: 41px;
    height: 50px; } }

/* --------------- 외부링크 --------------- */
.top-link {
  float: left;
  overflow: hidden;
  border-right: 1px solid #464646;
  background: #333; }
  @media only screen and (max-width: 805px) {
    .top-link {
      display: none; } }
  .top-link > li {
    display: inline-block;
    color: #fff;
    border-left: 1px solid #464646;
    padding: 6px 7px; }
    .top-link > li .link-global {
      font-family: 'notokr-medium', sans-serif;
      font-weight: normal;
      letter-spacing: 0; }
  .top-link img {
    vertical-align: top; }

.no-hashchange .top-link > li {
  display: inline; }
  .no-hashchange .top-link > li > a {
    color: #fff; }

/* --------------- 사이트맵 --------------- */
body.close .lnbAll {
  display: block; }

.util {
  float: right;
  overflow: hidden; }
  .util > li {
    float: left;
    color: #aea7a7;
    line-height: 31px;
    padding: 0 4px;
    /*
    &.is-sitemap {
    	background: none;
    	border-left: 1px solid #7d7d7d;
    	border-right: 1px solid #7d7d7d;
    	vertical-align: top;
    	@include font-size(2);
    	line-height: 31px;
    	padding: 0;
    	& * {
    		vertical-align: top;
    		display: block;
    	}
    	.set-sitemap:before {
    		display: inline-block;
    		width: 40px;
    		height: 32px;
    		content: '';
    		padding: 0;
    		background: image('common/btn_sitemap_pc.png') no-repeat left top;
    		vertical-align: top;
    		body.close & {
    			background: image('common/lnbAll_close.png') no-repeat left top;
    		}
    	}
    	@include respond-to('md') {
    		border: 0;
    		position: absolute;
    		right: 0;
    		top: 4px;
    		z-index: 10;
    		.set-sitemap:before {
    			width: 31px;
    			height: 31px;
    			background: image('common/btn_sitemap_mobile.png') no-repeat left top;
    		}
    	}
    }
    */
    /* new 전체메뉴열기닫기 */ }
    .util > li > a {
      color: inherit; }
    .util > li:first-child {
      background: none;
      padding-left: 0; }
      .util > li:first-child:not(.icon) a:before {
        display: none;
        content: ''; }
    .util > li:not(.icon) a:before {
      display: inline-block;
      content: '';
      height: 11px;
      line-height: 11px;
      vertical-align: top;
      border-left: 1px solid #696464;
      margin-right: 8px;
      margin-top: 10px; }
    @media only screen and (max-width: 805px) {
      .util > li:not(.icon) {
        display: none; } }
    .util > li.setting {
      background: none;
      border-left: 1px solid #7d7d7d;
      vertical-align: top;
      font-size: 20px;
      font-size: 2rem;
      padding: 0;
      margin-left: 5px;
      line-height: 31px; }
      .util > li.setting * {
        vertical-align: top;
        display: block; }
      .util > li.setting .setMenu:before {
        width: 40px;
        height: 32px;
        display: inline-block;
        padding: 0;
        background: url("/2017/img/common/btn_setting_pc.png") no-repeat left top;
        content: '';
        vertical-align: top;
        border-left: 0;
        margin: 0; }
    .util > li.is-sitemap {
      background: none;
      border-left: 1px solid #7d7d7d;
      border-right: 1px solid #7d7d7d;
      vertical-align: top;
      /* 
      @include font-size(2); 
      */
      line-height: 31px;
      padding: 0;
      /* 
      & * {
      	vertical-align: top;
      	display: block;
      	
      }
      */
      /* 
      .set-sitemap:after {
      	display: inline-block;
      	width: 20px;
      	height: 32px;
      	content: ' + ';					
      	font-size:16px;
      	text-align:center;
      	padding: 0;
      	body.close & {
      		content: ' - ';
      	}
      }
      */ }
      .util > li.is-sitemap a {
        display: block;
        padding: 0 10px 0 0;
        background-color: #333333; }
        body.total .util > li.is-sitemap a {
          background-color: #fff; }
        body.is-mobile .util > li.is-sitemap a {
          background-color: #fff;
          padding: 0 0 0 0; }
        .util > li.is-sitemap a span {
          font-size: inherit; }
      .util > li.is-sitemap .set-sitemap:before {
        display: inline-block;
        width: 40px;
        height: 32px;
        content: '';
        padding: 0;
        background: url("/2017/img/common/btn_sitemap_pc.png") no-repeat left top;
        vertical-align: top; }
        body.close .util > li.is-sitemap .set-sitemap:before {
          background: url("/2017/img/common/lnbAll_close.png") no-repeat left top; }
      @media only screen and (max-width: 805px) {
        .util > li.is-sitemap {
          border: 0;
          position: absolute;
          right: 0;
          top: 4px;
          z-index: 10; }
          .util > li.is-sitemap .set-sitemap:before {
            width: 31px;
            height: 31px;
            background: url("/2017/img/common/btn_sitemap_mobile.png") no-repeat left top; } }

/*.no-hashchange .util > li > a {
  color: #aea7a7; }
.no-hashchange .util > li.setting .setMenu {
  *zoom: expression(  this.runtimeStyle['zoom'] = '1',  this.insertBefore(document.createElement("i"),  this.firstChild).className="ie-before",  this.firstChild.innerHTML = ' '  );
  cursor: hand; }
.no-hashchange .util > li.setting .setMenu .ie-before {
  width: 40px;
  height: 32px;
  display: inline-block;
  padding: 0;
  background: url("/2017/img/common/btn_setting_pc.png") no-repeat left top;
  content: '';
  vertical-align: top;
  border-left: 0;
  margin: 0; }
.no-hashchange .util > li.is-sitemap .set-sitemap {
  *zoom: expression(  this.runtimeStyle['zoom'] = '1',  this.insertBefore(document.createElement("i"),  this.firstChild).className="ie-before",  this.firstChild.innerHTML = ' '  );
  cursor: hand; }
.no-hashchange .util > li.is-sitemap .set-sitemap .ie-before {
  display: inline-block;
  width: 40px;
  height: 32px;
  content: '';
  padding: 0;
  background: url("/2017/img/common/btn_sitemap_pc.png") no-repeat left top;
  vertical-align: top; }
  body.close .no-hashchange .util > li.is-sitemap .set-sitemap .ie-before {
    background: url("/2017/img/common/lnbAll_close.png") no-repeat left top; }*/

/* --------------- 초기화면설정 --------------- */
.favorSetting {
  width: 100%;
  background: #eeeeee;
  top: 39px;
  padding: 8px 0 9px;
  display: none; }
  .favorSetting dl {
    max-width: 1140px;
    text-align: right;
    margin: 0 auto; }
    .favorSetting dl * {
      vertical-align: middle; }
    .favorSetting dl dt, .favorSetting dl dd {
      display: inline-block; }
    .favorSetting dl dt {
      color: #034273;
      background: none;
      padding-left: 0; }
    .favorSetting dl dd {
      margin-left: 10px; }
      .favorSetting dl dd label {
        margin-right: 10px; }
    .favorSetting dl .radio-list > li {
      display: inline-block;
      line-height: 25px; }
      .favorSetting dl .radio-list > li * {
        vertical-align: middle; }
    .favorSetting dl .radio-list input[type=radio] {
      display: inline-block;
      width: 17px;
      height: 17px; }
  .favorSetting.open {
    display: block; }
  @media only screen and (max-width: 805px) {
    .favorSetting {
      position: absolute;
      z-index: 100;
      top: 60px;
      right: 16px;
      border: 3px solid #464646;
      border-radius: 10px;
      background: #f8f6f6;
      width: 165px; }
      .favorSetting dl {
        padding: 0;
        text-align: left; }
        .favorSetting dl dt {
          display: block;
          border-bottom: 1px solid #464646;
          padding: 0 10px 10px 10px; }
        .favorSetting dl dd {
          margin: 5px 0;
          display: block;
          width: 100%; }
        .favorSetting dl .favor-btn {
          text-align: center;
          display: block;
          padding-top: 10px; }
          .favorSetting dl .favor-btn .ibtn.small * {
            min-width: 65px; }
        .favorSetting dl .radio-list {
          width: 100%;
          overflow: hidden; }
          .favorSetting dl .radio-list > li {
            width: 100%;
            overflow: hidden;
            padding: 3px 5px;
            border-bottom: 1px solid #d7d7d7;
            box-sizing: border-box; }
            .favorSetting dl .radio-list > li * {
              vertical-align: middle; }
            .favorSetting dl .radio-list > li input {
              float: right;
              display: inline-block;
              width: 17px;
              height: 17px;
              margin-top: 3px; }
            .favorSetting dl .radio-list > li label {
              float: left;
              font-weight: bold; }
      .favorSetting:before {
        display: block;
        content: '';
        position: absolute;
        top: -11px;
        right: 28px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 10px 10px 10px;
        border-color: transparent transparent #706d6d transparent; } }
  @media only screen and (max-width: 360px) {
    .favorSetting {
      width: 80%; } }

.no-hashchange .favorSetting dl dt, .no-hashchange .favorSetting dl dd {
  display: inline; }
.no-hashchange .favorSetting dl .radio-list > li {
  display: inline; }
.no-hashchange .favorSetting dl .radio-list input[type=radio] {
  display: inline; }
@media only screen and (max-width: 805px) {
  .no-hashchange .favorSetting dl .radio-list > li input {
    display: inline; } }

/* --------------- 전체메뉴 --------------- */
/* --------------- Logo --------------- */
.logo {
  float: left;
  width: 150px;
  display: inline-block;
  height: 66px;
  line-height: 66px; }
  .logo a {
    display: block;
    width: 150px;
    height: 100%;
    box-sizing: border-box; }
  @media only screen and (max-width: 1023px) {
    .logo {
      float: none;
      position: relative;
      z-index: 10; } }
  @media only screen and (max-width: 805px) {
    .logo {
      width: auto;
      padding-left: 10px; } }

.logo {
  display: inline-block;
  padding: 14px 0;
  height: 38px;
  line-height: 38px; }
  .logo a {
    display: inline-block;
    width: 140px;
    height: 38px; }
    .logo a:before {
      content: '';
      display: inline-block;
      width: 140px;
      height: 38px;
      background: url("/2017/img/common/top_logo_pc.png") no-repeat left top; }
  @media only screen and (max-width: 805px) {
    .logo {
      padding: 4px 0 4px 10px;
      height: 31px;
      line-height: 31px; }
      .logo a {
        display: inline-block;
        width: 110px;
        height: 31px; }
        .logo a:before {
          content: '';
          display: inline-block;
          width: 110px;
          height: 31px;
          background: url("/2017/img/common/top_logo_mobile.png") no-repeat left top; } }

/*.no-hashchange .logo a {
  *zoom: expression(  this.runtimeStyle['zoom'] = '1',  this.insertBefore(document.createElement("i"),  this.firstChild).className="ie-before",  this.firstChild.innerHTML = ' '  );
  cursor: hand; }
  .no-hashchange .logo a .ie-before {
    content: '';
    display: inline-block;
    width: 140px;
    height: 38px;
    background: url("/2017/img/common/top_logo_pc.png") no-repeat left top; }*/

/* --------------- LNB --------------- */
.lnbbar {
  float: left;
  height: 66px;
  padding: 0;
  width: calc((100% - 631px));
  margin: 0 0 0 125px; }
  @media only screen and (max-width: 1140px) {
    .lnbbar {
      width: calc((100% - 531px));
      margin: 0 0 0 25px; } }
  .no-video .lnbbar {
    width: 509px; }
    @media only screen and (max-width: 1140px) {
      .no-video .lnbbar {
        width: 496px;
        margin: 0 0 0 25px; } }
  @media only screen and (max-width: 1023px) {
    .lnbbar {
      display: none;
      float: none;
      width: 100%;
      box-sizing: border-box;
      margin: 0;
      border-top: 1px solid #dfdfdf;
      padding: 0; }
      .no-video .lnbbar {
        display: none;
        float: none;
        width: 100%;
        box-sizing: border-box;
        margin: 0;
        border-top: 1px solid #dfdfdf; } }
  .lnbbar > li {
    font-size: 20px;
    font-size: 2rem;
    float: left;
    vertical-align: middle;
    text-align: center;
    position: relative;
    width: 33.333%; }
    @media only screen and (max-width: 1023px) {
      .lnbbar > li {
        font-size: 18px;
        font-size: 1.8rem;
        float: left;
        width: 33.3333%;
        background: #fff;
        color: #333;
        box-sizing: border-box; } }
    .lnbbar > li.sm1.current > a {
      color: #2196f3; }
      .lnbbar > li.sm1.current > a:after {
        display: block;
        content: '';
        margin: -5px auto 0;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 5px 5px 5px;
        border-color: transparent transparent #2196f3 transparent; }
    .lnbbar > li.sm1 a:hover {
      color: #2196f3; }
      @media only screen and (max-width: 1023px) {
        .lnbbar > li.sm1 a:hover {
          color: #2196f3; } }
    .lnbbar > li.sm2.current > a {
      color: #03625f; }
      .lnbbar > li.sm2.current > a:after {
        display: block;
        content: '';
        margin: -5px auto 0;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 5px 5px 5px;
        border-color: transparent transparent #03625f transparent; }
    .lnbbar > li.sm2 > a:before {
      content: '';
      display: inline-block;
      width: 0;
      height: 15px;
      top: 50%;
      margin-top: -8px;
      border-left: 1px solid #dfdfdf;
      position: absolute;
      left: 0; }
    .lnbbar > li.sm2 a:hover {
      color: #03625f; }
      @media only screen and (max-width: 1023px) {
        .lnbbar > li.sm2 a:hover {
          color: #03625f; } }
    .lnbbar > li.sm3.current > a {
      color: #d87600; }
      .lnbbar > li.sm3.current > a:after {
        display: block;
        content: '';
        margin: -5px auto 0;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 5px 5px 5px;
        border-color: transparent transparent #d87600 transparent; }
    .lnbbar > li.sm3 > a:before {
      content: '';
      display: inline-block;
      width: 0;
      height: 15px;
      top: 50%;
      margin-top: -8px;
      border-left: 1px solid #dfdfdf;
      position: absolute;
      left: 0; }
    .lnbbar > li.sm3 a:hover {
      color: #d87600; }
      @media only screen and (max-width: 1023px) {
        .lnbbar > li.sm3 a:hover {
          color: #d87600; } }
    .lnbbar > li > a {
      display: block;
      line-height: 66px;
      position: relative;
      height: 66px;
      text-decoration: none; }
      @media only screen and (max-width: 805px) {
        .lnbbar > li > a {
          height: 50px;
          line-height: 50px; } }
      @media only screen and (max-width: 1023px) {
        .lnbbar > li > a:hover {
          color: #2196f3; } }
    .lnbbar > li .sm {
      display: none;
      position: absolute;
      top: 100%;
      background: #fff;
      font-size: 13px;
      font-size: 1.3rem;
      z-index: 1;
      left: 50%;
      text-align: left;
      box-sizing: border-box;
      color: #242424;
      z-index: 11; }
      @media only screen and (max-width: 1023px) {
        .lnbbar > li .sm {
          display: none; } }
      .lnbbar > li .sm:before {
        display: block;
        content: '';
        margin: -5px auto 0;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 5px 5px 5px; }
      .lnbbar > li .sm.step1 {
        width: 130%;
        margin-left: -65%;
        border: 1px solid #2196f3;
        background: #fff; }
        .lnbbar > li .sm.step1:before {
          border-color: transparent transparent #2196f3  transparent; }
        @media only screen and (max-width: 1023px) {
          .lnbbar > li .sm.step1 {
            width: 100%;
            margin-left: -50%; } }
      .lnbbar > li .sm.step2 {
        width: 130%;
        margin-left: -65%;
        border: 1px solid #03625f;
        background: #fff; }
        .lnbbar > li .sm.step2:before {
          border-color: transparent transparent #03625f transparent; }
        .lnbbar > li .sm.step2 a:hover, .lnbbar > li .sm.step2 a:focus {
          background: #03625f; }
        .lnbbar > li .sm.step2 a.current {
          background: #03625f;
          color: #fff; }
        @media only screen and (max-width: 1023px) {
          .lnbbar > li .sm.step2 {
            width: 100%;
            margin-left: -50%; } }
      .lnbbar > li .sm.step3 {
        width: 130%;
        margin-left: -65%;
        border: 1px solid #d87600;
        background: #fff; }
        .lnbbar > li .sm.step3:before {
          border-color: transparent transparent #d87600 transparent; }
        .lnbbar > li .sm.step3 a:hover, .lnbbar > li .sm.step3 a:focus {
          background: #d87600; }
        .lnbbar > li .sm.step3 a.current {
          background: #d87600;
          color: #fff; }
        @media only screen and (max-width: 1023px) {
          .lnbbar > li .sm.step3 {
            width: 100%;
            margin-left: -50%; } }
      .lnbbar > li .sm > ul {
        width: 100%;
        padding: 13px 0; }
        .lnbbar > li .sm > ul > li:first-child:before {
          display: none; }
        .lnbbar > li .sm > ul > li:before {
          border-top: 1px solid #d7d7d7;
          margin: 7px 10px;
          display: block;
          content: '';
          font-size: 1px; }
        .lnbbar > li .sm > ul > li > a {
          font-weight: bold;
          font-family: 'Malgun Gothic', sans-serif; }
        .lnbbar > li .sm > ul > li a {
          color: #666;
          display: block;
          padding: 0 10px;
          line-height: 26px;
          font-family: 'Malgun Gothic', sans-serif; }
          .lnbbar > li .sm > ul > li a:hover, .lnbbar > li .sm > ul > li a:focus {
            background: #2196f3;
            color: #fff; }
          .lnbbar > li .sm > ul > li a.current {
            background: #2196f3;
            color: #fff; }
        .lnbbar > li .sm > ul > li > ul:before {
          border-top: 1px solid #d7d7d7;
          margin: 7px 10px;
          display: block;
          content: '';
          font-size: 1px; }

/* --------------- 상단검색 --------------- */
.searchWrap {
  float: right;
  width: 356px;
  padding: 18px 0 14px;
  position: relative; }
  @media only screen and (max-width: 805px) {
    .searchWrap {
      padding: 2px 33PX 2PX; } }
  @media only screen and (max-width: 640px) {
    .searchWrap {
      width: 100%;
      padding: 0; } }
  .searchWrap .search-icon {
    display: none; }
    @media only screen and (max-width: 640px) {
      .searchWrap .search-icon {
        font-size: 25px;
        font-size: 2.5rem;
        display: inline-block;
        line-height: 1.2;
        position: absolute;
        top: -35px;
        right: 33px; }
        .searchWrap .search-icon:before {
          content: '';
          display: inline-block;
          width: 31px;
          height: 31px;
          background: url("/2017/img/common/btn_search_icon.png") no-repeat 0 0;
          margin-right: 5px; } }
    .searchWrap .search-icon.open:before {
      background-position: 0 -31px;
      margin-right: 5px; }
  @media only screen and (max-width: 640px) {
    .searchWrap .m-search-box-wrap {
      width: 100%;
      background: #fff;
      display: none;
      padding: 8px 0;
      height: 53px;
      box-sizing: border-box;
      border-top: 1px solid #ddd; } }
  .searchWrap .m-search-box-wrap:after {
    content: '';
    display: table;
    clear: both; }
  .searchWrap .m-search-box-wrap.open {
    display: block; }
  .searchWrap .top-search {
    float: left;
    text-align: left;
    width: 100%;
    border: 1px solid #e2e2e2;
    box-sizing: border-box;
    background: #fff;
    height: 34px;
    padding: 1px 8px 0 8px;
    display: inline-block;
    font-family: 'FontAwesome', sans-serif;
    font-size: inherit;
    position: relative; }
    @media only screen and (max-width: 640px) {
      .searchWrap .top-search {
        width: 80%;
        margin: 0 auto;
        display: block;
        float: none; } }
    .searchWrap .top-search * {
      vertical-align: top; }
    .searchWrap .top-search input {
      width: 310px;
      height: 29px;
      border: 0;
      padding: 0;
      margin: 0;
      line-height: 25px; }
      @media only screen and (max-width: 640px) {
        .searchWrap .top-search input {
          float: left;
          width: 70%; } }
    .searchWrap .top-search button {
      background: #fff;
      font-size: 23px;
      font-size: 2.3rem;
      height: 25px;
      line-height: 25px;
      margin-top: 3px;
      cursor: pointer; }
      .searchWrap .top-search button .fa {
        width: 22px;
        height: 23px;
        background: url("/2017/img/common/ico_fa_search.png") no-repeat left center; }
        .searchWrap .top-search button .fa:before {
          display: none; }
      @media only screen and (max-width: 640px) {
        .searchWrap .top-search button {
          float: right; } }
  .searchWrap .navBar {
    float: right;
    font-size: 24px;
    font-size: 2.4rem;
    margin: 0 10px 0 25px; }
    .searchWrap .navBar a:hover {
      background: #fff;
      color: #333; }

.autocomplete {
  display: none;
  font-size: 14px;
  font-size: 1.4rem;
  border: 1px solid #e2e2e2;
  width: 100%;
  overflow: hidden;
  position: absolute;
  background: #fff;
  box-sizing: border-box;
  z-index: 100;
  left: 0;
  top: 32px; }
  .autocomplete.open {
    display: block; }
  @media only screen and (max-width: 805px) {
    .autocomplete {
      top: 32px; } }
  .autocomplete .tab-auto {
    position: relative;
    width: 100%;
    overflow: hidden; }
    .autocomplete .tab-auto > li {
      width: 100%;
      float: none;
      padding: 5px 10px;
      box-sizing: border-box;
      line-height: 1.5; }
      body.total.main .autocomplete .tab-auto > li {
        padding: 0; }
      .autocomplete .tab-auto > li.word-recent li {
        margin: 5px 0; }
      .autocomplete .tab-auto > li.word-de {
        display: none; }

/* --------------- 사이트맵 --------------- */
.lnbAll {
  position: absolute;
  z-index: 20;
  width: 100%;
  background: #fff;
  top: 32px;
  border-bottom: 1px solid #c2c2c2;
  padding: 0;
  display: none; }
  @media only screen and (max-width: 805px) {
    .lnbAll {
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      height: 100%;
      padding: 0;
      background: #fff;
      overflow: hidden;
      width: 100%; } }
  .lnbAll .allMenuWrap {
    max-width: 1140px;
    width: 100%;
    margin: 0 auto;
    position: relative; }
    @media only screen and (max-width: 805px) {
      .lnbAll .allMenuWrap {
        height: 100%; } }
  .lnbAll a.allMenu-Close {
    display: inline-block;
    width: 70px;
    height: 26px;
    position: absolute;
    left: 50%;
    bottom: -26px;
    margin-left: -35px;
    text-align: center;
    color: #fff; }
    .lnbAll a.allMenu-Close:before {
      content: '';
      width: 70px;
      height: 26px;
      display: inline-block;
      line-height: 26px;
      vertical-align: middle;
      background: url("/2017/img/common/lnbAll_close_bottom.png") no-repeat left top; }
    @media only screen and (max-width: 805px) {
      .lnbAll a.allMenu-Close {
        background: #fff;
        border-radius: 0;
        border: 0;
        color: #333;
        width: 33px;
        right: 1px;
        top: 13px;
        left: auto; }
        .lnbAll a.allMenu-Close:before {
          content: '';
          display: inline-block;
          width: 33px;
          height: 33px;
          background: url("/2017/img/common/icon_sitemap.png") no-repeat -9px -79px; } }

.sitemap-wrap {
  width: 100%;
  overflow: hidden; }
  @media only screen and (max-width: 805px) {
    .sitemap-wrap {
      height: 100%; } }

.sitemap-top {
  display: none;
  height: 60px; }
  @media only screen and (max-width: 805px) {
    .sitemap-top {
      display: table;
      width: 100%;
      overflow: hidden;
      border-bottom: 1px solid #706d6d; } }
  .sitemap-top .home {
    background: #706d6d;
    float: left;
    width: 80px;
    text-align: center;
    height: 60px;
    line-height: 60px;
    vertical-align: middle; }
    .sitemap-top .home a {
      display: block;
      height: 60px;
      line-height: 60px;
      vertical-align: middle; }
      .sitemap-top .home a:before {
        content: '';
        display: inline-block;
        width: 33px;
        height: 33px;
        background: url("/2017/img/common/iconset_sitemap.png") no-repeat -9px -13px;
        line-height: 60px;
        vertical-align: middle; }
    @media (min-resolution: 2dppx) and (orientation: landscape) {
      .sitemap-top .home {
        width: 160px; } }

@media only screen and (max-width: 805px) {
  .user-info {
    float: left;
    padding: 6px 0; } }
.user-info li {
  display: inline-block;
  vertical-align: middle; }
.user-info .user-name {
  text-align: center;
  margin: 0 10px;
  font-size: 12px;
  font-size: 1.2rem; }
  .user-info .user-name:before {
    content: '';
    display: block;
    width: 22px;
    height: 27px;
    margin: 0 auto;
    background: url("/2017/img/common/icon_sitemap.png") no-repeat -14px -116px; }
.user-info .btn-logout {
  border: 1px solid #706d6d;
  border-radius: 3px;
  height: 24px;
  line-height: 24px;
  padding: 0 10px; }
@media only screen and (max-width: 805px) {
  .user-info .setting {
    position: absolute;
    right: 40px;
    top: 14px; } }
.user-info .setMenu {
  width: 33px;
  height: 33px;
  display: inline-block; }
  .user-info .setMenu:before {
    width: 33px;
    height: 33px;
    display: inline-block;
    padding: 0;
    background: url("/2017/img/common/icon_sitemap.png") no-repeat -9px -46px;
    content: '';
    vertical-align: top;
    border-left: 0;
    margin: 0; }

.sidemenu-wrap {
  display: table;
  width: 100%; }

.sideMenu {
  display: table-cell;
  width: 80px;
  background: #393636;
  display: none; }
  @media only screen and (max-width: 805px) {
    .sideMenu {
      display: table-cell;
      width: 80px;
      height: 100%; } }
  @media only screen and (max-width: 640px) {
    .sideMenu {
      width: 80px; } }
  @media (min-resolution: 2dppx) and (orientation: landscape) {
    .sideMenu {
      width: 160px;
      height: 100%; } }
  .sideMenu > li {
    height: 65px;
    width: 80px; }
    .sideMenu > li > a {
      color: #d2cece;
      display: block;
      text-align: center;
      padding: 3px 0;
      height: 65px;
      box-sizing: border-box;
      vertical-align: middle; }
      .sideMenu > li > a.selected {
        background: #fbf4e5;
        color: #232323; }
      .sideMenu > li > a:before {
        height: 33px;
        width: 40px;
        content: '';
        display: block;
        margin: 0 auto;
        box-sizing: border-box;
        background: url("/2017/img/common/iconset_sitemap.png") no-repeat 0 0; }
    @media (min-resolution: 2dppx) and (orientation: landscape) and (max-width: 805px) {
      .sideMenu > li {
        float: left;
        width: 50%; } }
    .sideMenu > li.icon1 a:before {
      background: url("/2017/img/common/iconset_sitemap.png") no-repeat -82px -13px; }
    .sideMenu > li.icon1 a.selected:before {
      background: url("/2017/img/common/iconset_sitemap.png") no-repeat -122px -13px; }
    .sideMenu > li.icon2 a:before {
      background: url("/2017/img/common/iconset_sitemap.png") no-repeat -82px -46px; }
    .sideMenu > li.icon2 a.selected:before {
      background: url("/2017/img/common/iconset_sitemap.png") no-repeat -122px -46px; }
    .sideMenu > li.icon3 a:before {
      background: url("/2017/img/common/iconset_sitemap.png") no-repeat -82px -79px; }
    .sideMenu > li.icon3 a.selected:before {
      background: url("/2017/img/common/iconset_sitemap.png") no-repeat -122px -79px; }
    .sideMenu > li.icon4 a:before {
      background: url("/2017/img/common/iconset_sitemap.png") no-repeat -82px -112px; }
    .sideMenu > li.icon4 a.selected:before {
      background: url("/2017/img/common/iconset_sitemap.png") no-repeat -122px -112px; }
    .sideMenu > li.icon5 a:before {
      background: url("/2017/img/common/iconset_sitemap.png") no-repeat -82px -145px; }
    .sideMenu > li.icon5 a.selected:before {
      background: url("/2017/img/common/iconset_sitemap.png") no-repeat -122px -145px; }
    .sideMenu > li.icon6 a:before {
      background: url("/2017/img/common/iconset_sitemap.png") no-repeat -82px -178px; }
    .sideMenu > li.icon6 a.selected:before {
      background: url("/2017/img/common/iconset_sitemap.png") no-repeat -122px -178px; }
    .sideMenu > li.icon7 a:before {
      background: url("/2017/img/common/iconset_sitemap.png") no-repeat -82px -211px; }
    .sideMenu > li.icon7 a.selected:before {
      background: url("/2017/img/common/iconset_sitemap.png") no-repeat -122px -211px; }

.siteMap-list {
  width: 100%;
  overflow: hidden; }
  @media only screen and (max-width: 805px) {
    .siteMap-list {
      display: table-cell;
      vertical-align: top; } }
  @media only screen and (max-width: 640px) {
    .siteMap-list {
      width: calc((100% - 80px)); } }
  @media (min-resolution: 2dppx) and (orientation: landscape) {
    .siteMap-list {
      width: calc((100% - 160px)); } }
  @media only screen and (max-width: 805px) {
    .siteMap-list .siteMap-scroll {
      overflow-y: scroll; } }
  .siteMap-list .siteMap-scroll > ul {
    width: 100%;
    overflow: hidden;
    border-right: 1px solid #dbdbdb;
    box-sizing: border-box; }
    @media only screen and (max-width: 805px) {
      .siteMap-list .siteMap-scroll > ul {
        border-right: 0; } }
    .siteMap-list .siteMap-scroll > ul > li {
      float: left;
      width: 20%;
      border-left: 1px solid #dbdbdb;
      box-sizing: border-box; }
      @media only screen and (max-width: 805px) {
        .siteMap-list .siteMap-scroll > ul > li {
          float: none;
          width: 100%;
          border-left: 0; } }
      .siteMap-list .siteMap-scroll > ul > li.isM {
        display: none; }
        @media only screen and (max-width: 805px) {
          .siteMap-list .siteMap-scroll > ul > li.isM {
            display: block;
            width: 100%; } }
        .siteMap-list .siteMap-scroll > ul > li.isM#siteMap_plus {
          padding-bottom: 100px; }
      .siteMap-list .siteMap-scroll > ul > li:hover {
        background: #f6f6f4; }
        @media only screen and (max-width: 805px) {
          .siteMap-list .siteMap-scroll > ul > li:hover {
            background: #fff; } }
  .siteMap-list .lnb-item {
    padding-bottom: 20px; }
    .siteMap-list .lnb-item a {
      display: block;
      padding: 0 10px;
      color: #555;
      line-height: 27px; }
    .siteMap-list .lnb-item dt {
      font-size: 16px;
      font-size: 1.6rem;
      display: block;
      line-height: 39px;
      text-align: center;
      background: none;
      padding-left: 0; }
      .siteMap-list .lnb-item dt a {
        display: block;
        padding: 0 10px;
        color: #555;
        line-height: 37px; }
        @media only screen and (max-width: 805px) {
          .siteMap-list .lnb-item dt a {
            text-align: left;
            border-bottom: 1px solid #0b476e;
            background: #607a87;
            color: #fff;
            position: relative;
            height: 41px; }
            .siteMap-list .lnb-item dt a:after {
              content: '';
              display: inline-block;
              position: absolute;
              right: 0;
              top: 0;
              width: 40px;
              height: 33px;
              background: url("/2017/img/common/icon_sitemap.png") no-repeat -42px -13px; } }
    .siteMap-list .lnb-item dd:first-of-type:before {
      content: '';
      display: block;
      margin: 7px 10px 0;
      border: 0;
      padding: 0; }
    .siteMap-list .lnb-item dd:before {
      content: '';
      display: block;
      border-top: 1px solid #ccc;
      margin: 9px 10px 0;
      padding-bottom: 9px; }
      @media only screen and (max-width: 805px) {
        .siteMap-list .lnb-item dd:before {
          margin: 9px 0 0; } }
    .siteMap-list .lnb-item dd a:hover,
    .siteMap-list .lnb-item dd a:focus {
      background: #393636;
      color: #fff; }
    .siteMap-list .lnb-item dd a.current {
      background: #393636;
      color: #fff; }
    .siteMap-list .lnb-item dd > a {
      font-size: 14px;
      font-size: 1.4rem;
      display: block;
      padding: 0 10px;
      font-weight: bold; }
    .siteMap-list .lnb-item dd li > a {
      font-size: 13px;
      font-size: 1.3rem;
      display: block;
      padding: 0 10px 0 20px;
      text-indent: -20px; }
      .siteMap-list .lnb-item dd li > a:before {
        display: inline-block;
        content: '';
        background: url("/2017/img/common/dot_nav_default.png") no-repeat left center;
        margin: 12px 5px 0 12px;
        width: 3px;
        height: 3px;
        overflow: hidden;
        vertical-align: top; }
      .siteMap-list .lnb-item dd li > a:hover:before, .siteMap-list .lnb-item dd li > a:focus:before {
        background: url("/2017/img/common/dot_nav_hover.png") no-repeat left center; }

@media only screen and (max-width: 805px) {
  #siteMap_govService dt a {
    background: #2196f3; } }

@media only screen and (max-width: 805px) {
  #siteMap_minwon24 dt a {
    background: #03625f; } }

@media only screen and (max-width: 805px) {
  #siteMap_govNews dt a {
    background: #d87600; } }

/* ------------------------- SNB  ------------------------- */
.contentsWrap.l2 .aside > strong {
  font-size: 24px;
  font-size: 2.4rem;
  letter-spacing: -1px;
  display: block;
  padding: 0 0 10px;
  border-bottom: 2px solid #000;
  color: #1a1a1a;
  line-height: 1.3; }
.contentsWrap.l2 .nav strong {
  font-size: 16px;
  font-size: 1.6rem;
  display: block;
  padding: 12px 0 11px;
  border-bottom: 1px solid #999;
  color: #333;
  position: relative; }
  .contentsWrap.l2 .nav strong .fa {
    position: absolute;
    top: 50%;
    margin-top: -9px;
    right: 10px;
    color: #999; }
  .contentsWrap.l2 .nav strong a {
    display: block; }
.contentsWrap.l2 .nav ul {
  background: #f5f5f5;
  border-bottom: 1px solid #999; }
  .contentsWrap.l2 .nav ul > li:first-child a {
    border-top: 0; }
  .contentsWrap.l2 .nav ul > li a {
    display: block;
    border-top: 1px solid #ccc;
    padding: 7px 0 6px;
    margin: 0 20px;
    letter-spacing: -1px;
    color: #666; }
    .contentsWrap.l2 .nav ul > li a:hover, .contentsWrap.l2 .nav ul > li a.active {
      background: #f44336;
      color: #fff;
      padding: 7px 20px 6px;
      margin: 0; }

/* ------------------------- Right Column Aside  ------------------------- */
.aside .notice dt {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 26px;
  font-weight: bold;
  margin-bottom: 13px; }
  .aside .notice dt.icon-exclamation {
    padding-left: 30px;
    background: url("/2017/img/temp/icon_exclamation.png") no-repeat left top; }
  .aside .notice dt.icon-asterisk {
    padding-left: 30px;
    background: url("/2017/img/temp/icon_asterisk.png") no-repeat left top; }
  .aside .notice dt.num {
    font-size: 13px;
    font-size: 1.3rem;
    color: #616161;
    text-indent: -50px;
    padding-left: 50px;
    line-height: 1.2; }
    .aside .notice dt.num strong {
      font-size: 37px;
      font-size: 3.7rem;
      color: #034273;
      font-weight: bold;
      letter-spacing: -3px; }
    .aside .notice dt.num.green strong {
      color: #33691e; }
.aside .notice dd {
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 25px;
  margin-bottom: 25px;
  line-height: 1.7; }
.aside .notice .cc {
  background: #6f9201;
  color: #fff;
  border-radius: 5px;
  padding: 5px;
  position: relative;
  line-height: 1.5;
  width: 100%;
  overflow: hidden; }
  .aside .notice .cc * {
    box-sizing: border-box; }
  .aside .notice .cc strong {
    display: inline-block;
    width: 25%;
    text-align: center;
    margin-top: 6px; }
  .aside .notice .cc span {
    display: inline-block;
    width: 70%;
    float: right;
    background: #fff;
    border-radius: 5px;
    color: #333;
    padding: 5px 10px; }

/* ------------------------- Footer  ------------------------- */
.zoom-wrap {
  width: 100%;
  background: #f7f8fa; }
  .zoom-wrap .zoomPage {
    position: relative;
    max-width: 1140px;
    width: 100%;
    margin: 0 auto;
    padding: 10px 0;
    overflow: hidden;
    box-sizing: border-box; }
    @media only screen and (max-width: 1023px) {
      .zoom-wrap .zoomPage {
        padding: 10px; } }
    .zoom-wrap .zoomPage .zoom {
      float: left; }
    .zoom-wrap .zoomPage .pTop {
      float: right; }

.footer-wrap {
  width: 100%;
  background: #333;
  overflow: hidden;
  padding: 20px 0;
  color: #fff;
  letter-spacing: 0;
  margin: 0; }
  .footer-wrap .footer {
    position: relative;
    max-width: 1140px;
    width: 100%;
    margin: 0 auto; }

body.main footer {
  margin-top: 20px; }

.footer-wrap .util {
  width: 100%;
  overflow: hidden;
  border-top: 1px solid #858484;
  border-bottom: 1px solid #858484;
  padding: 15px 0;
  float: none; }
  @media only screen and (max-width: 805px) {
    .footer-wrap .util {
      display: none; } }

.foot-link {
  float: left; }
  .foot-link > li {
    float: left;
    padding: 9px 0; }
    .foot-link > li a {
      display: block;
      padding: 0 15px;
      border-left: 1px solid #858484;
      line-height: 1; }
    .foot-link > li:first-child a {
      border-left: 0; }

.foot-sns {
  float: right;
  overflow: hidden; }
  .foot-sns > li {
    float: left; }
    .foot-sns > li a {
      display: block;
      width: 32px;
      height: 32px;
      margin-left: 10px;
      background: url("/2017/img/common/foot_sns.png") no-repeat 0 0; }
      .foot-sns > li a.blog {
        background-position: 0 0; }
      .foot-sns > li a.facebook {
        background-position: -42px 0; }
      .foot-sns > li a.twitter {
        background-position: -84px 0; }
      .foot-sns > li a.kakaotalk {
        background-position: -128px 0; }
      .foot-sns > li a.sns-etc {
        background-position: -164px 0; }
    .foot-sns > li:first-child a {
      margin: 0; }

.foot-util {
  width: 100%;
  overflow: hidden;
  margin: 30px 0 15px; }
  @media only screen and (max-width: 805px) {
    .foot-util {
      display: inline-block;
      text-align: center; } }
  .foot-util > ul {
    font-size: 0px;
    font-size: 0rem; }
    @media only screen and (max-width: 805px) {
      .foot-utifl > ul {
        display: inline-block;
        text-align: center; } }
    .foot-util > ul > li {
      float: left;
      padding-right: 15px;
      font-size: 14px;
      font-size: 1.4rem; }
      @media only screen and (max-width: 805px) {
        .foot-util > ul > li {
          display: inline-block;
          float: none;
          text-align: center;
          padding-bottom: 10px; } }
      .foot-util > ul > li > a {
        display: block; }
        .foot-util > ul > li > a:before {
          content: '';
          display: inline-block;
          width: 0;
          height: 0;
          margin-right: 10px;
          font-size: 0;
          line-height: 18px;
          border: 2px solid #d7d5d5;
          vertical-align: middle;
          margin-top: -3px; }
        .foot-util > ul > li > a.policy {
          color: #8ec7fe; }
      .foot-util > ul > li:first-child a:before {
        display: none; }

.foot-info {
  line-height: 1.7;
  width: 100%;
  box-sizing: border-box;
  overflow: hidden; }
  @media only screen and (max-width: 805px) {
    .foot-info {
      padding-bottom: 70px;
      padding: 0 10px 70px 10px; } }
  .foot-info .info {
    float: left;
    width: 70%; }
    @media only screen and (max-width: 1023px) {
      .foot-info .info {
        width: 100%; } }
    @media only screen and (max-width: 805px) {
      .foot-info .info {
        float: none;
        text-align: center; } }
    .foot-info .info .address {
      display: inline-block; }
      .foot-info .info .address.md {
        display: none; }
      @media only screen and (max-width: 805px) {
        .foot-info .info .address {
          display: block; }
          .foot-info .info .address.md {
            display: block; }
          .foot-info .info .address.lg {
            display: none; } }
    .foot-info .info .callcenter {
      display: inline-block;
      background: url("/2017/img/common/foot_callcenter.png") no-repeat 0 50%;
      padding-left: 29px;
      margin-left: 9px; }
      .foot-info .info .callcenter strong {
        font-weight: normal;
        color: #68bbf1; }
      @media only screen and (max-width: 805px) {
        .foot-info .info .callcenter {
          display: block;
          background: none;
          margin-left: 0;
          text-align: center;
          padding: 15px 0 30px 0; }
          .foot-info .info .callcenter span {
            display: block; }
            .foot-info .info .callcenter span.mark {
              display: none; } }
  .foot-info .foot-logo {
    float: right; }
    @media only screen and (max-width: 805px) {
      .foot-info .foot-logo {
        float: none;
        width: 100%;
        text-align: center;
        position: absolute;
        bottom: 0; } }
  .foot-info .copyright {
    color: #8ec7fe; }
 .ml0{margin-left:0 !important;}

/* ------------------------- Button & Icon ------------------------- */
.ibtn, .ibtn * {
  position: relative;
  margin: 0;
  padding: 0;
  display: -moz-inline-stack;
  display: inline-block;
  text-decoration: none !important;
  border: 0;
  font-size: 12px;
  white-space: nowrap;
  vertical-align: top;
  overflow: visible;
  color: #fff;
  text-align: center; }
.ibtn {
  margin-right: 4px; }
.ibtn * {
  cursor: pointer;
  _cursor: hand;
  margin: 0;
  background: transparent;
  border: 0; }
.ibtn.small {
  padding: 1px; }
  .ibtn.small * {
    font-size: 12px;
    font-size: 1.2rem;
    height: 23px;
    line-height: 23px;
    min-width: 76px;
    padding: 0 10px; }
    .big .ibtn.small * {
      min-width: 150px; }
  .ibtn.small.gray.line.thin.prev {
    background: url("/2017/img/common/arrow_bg.png") repeat-x left top #f7f6f6; }
  .ibtn.small.gray.line.thin.prev * {
    padding-left: 5px;
    min-width: 70px;
    color: #333;
    font-weight: bold; }
    .ibtn.small.gray.line.thin.prev *:before {
      position: absolute;
      left: 3px;
      top: 50%;
      margin: -7px 0 0 0;
      content: '';
      display: inline-block;
      background: url("/2017/img/common/arrow.png") no-repeat -5px -5px;
      width: 15px;
      height: 15px; }
  .ibtn.small.gray.line.thin.next {
    background: url("/2017/img/common/arrow_bg.png") repeat-x left top #f7f6f6; }
  .ibtn.small.gray.line.thin.next * {
    padding-left: 5px;
    min-width: 70px;
    color: #333;
    font-weight: bold; }
    .ibtn.small.gray.line.thin.next *:before {
      position: absolute;
      left: 3px;
      top: 50%;
      margin: -7px 0 0 0;
      content: '';
      display: inline-block;
      background: url("/2017/img/common/arrow.png") no-repeat -85px -5px;
      width: 15px;
      height: 15px; }
  .ibtn.small.line {
    border-width: 1px;
    border-style: solid;
    margin: 0 4px;
    padding: 0; }
    .ibtn.small.line.thin {
      border-width: 1px; }
    .ibtn.small.line.thin .ibtn.small.line {
      padding: 1px;
      background: #fafafa; }
    .ibtn.small.line .directgo {
      height: 20px;
      line-height: 20px;
      min-width: 0;
      padding: 0 6px; }
.ibtn.medium {
  padding: 1px; }
  .ibtn.medium * {
    font-size: 13px;
    font-size: 1.3rem;
    height: 28px;
    line-height: 28px;
    min-width: 126px;
    padding: 0 15px; }
  .ibtn.medium.line {
    border-width: 1px;
    border-style: solid;
    padding: 0; }
.ibtn.form {
  padding: 1px; }
  .ibtn.form * {
    font-size: 13px;
    font-size: 1.3rem;
    height: 28px;
    line-height: 28px;
    min-width: 126px;
    padding: 0 10px; }
  .ibtn.form.line {
    border-width: 1px;
    border-style: solid;
    padding: 0; }
    @media only screen and (max-width: 640px) {
      .ibtn.form.line {
        padding: 6px 0 7px; } }
.ibtn.large {
  padding: 1px; }
  .ibtn.large * {
    font-size: 14px;
    font-size: 1.4rem;
    height: 34px;
    line-height: 34px;
    min-width: 106px;
    padding: 0 20px; }
  .ibtn.large.line {
    border-width: 1px;
    border-style: solid;
    padding: 0; }
.ibtn.xlarge {
  padding: 1px; }
  .ibtn.xlarge * {
    font-size: 18px;
    font-size: 1.8rem;
    height: 43px;
    line-height: 43px;
    min-width: 276px;
    padding: 0 20px;
    position: relative; }
  .ibtn.xlarge.line {
    border-width: 1px;
    border-style: solid;
    padding: 0; }
.ibtn.icon * {
  padding-left: 50px;
  padding-right: 20px;
  box-sizing: border-box; }
  .ibtn.icon *:before {
    position: absolute;
    left: 10px;
    top: 50%;
    content: '';
    display: inline-block;
    margin: -12px 0 0 0;
    background: url("/2017/img/common/check2.png") no-repeat 0 0;
    width: 24px;
    height: 24px; }
.ibtn.check-sky *:before {
  background-position: -10px -10px; }
.ibtn.check-line *:before {
  background-position: -10px -50px; }
.ibtn.check-green *:before {
  background-position: -10px -90px; }
.ibtn.navy {
  background: #0e3b64; }
  .ibtn.navy a:focus-visible,
  .ibtn.navy input[type="submit"]:focus-visible {
  outline-color:#fff; outline-offset:-3px;}
  .ibtn.navy.line {
    border-color: #07233c;
    background: #fff; }
    .ibtn.navy.line * {
      color: #07233c; }
.ibtn.sky {
  background: #2196f3; }
  .ibtn.sky button:focus-visible{outline-color:#fff; outline-offset:-3px;}
  .ibtn.sky.line {
    border-color: #2196f3;
    background: #fff; }
    .ibtn.sky.line * {
      color: #2196f3; }
.ibtn.dark {
  background: #424242; }
  .ibtn.dark.line {
    border-color: #424242;
    background: #fff; }
    .ibtn.dark.line * {
      color: #424242; }
.ibtn.gray {
  background: #616161; }
  .ibtn.gray.line {
    border-color: #616161;
    background: #fff; }
    .ibtn.gray.line * {
      color: #616161; }
.ibtn.light {
  background: #868686; }
  .ibtn.light.line {
    border-color: #868686;
    background: #fff; }
    .ibtn.light.line * {
      color: #868686; }
.ibtn.orange {
  background: #e65100; }
  .ibtn.orange.line {
    border-color: #e65100;
    background: #fff; }
    .ibtn.orange.line * {
      color: #e65100; }
.ibtn.green {
  background: #6f9201; }
  .ibtn.green.line {
    border-color: #6f9201;
    background: #fff; }
    .ibtn.green.line * {
      color: #6f9201; }

/* ------------------------- Btn etc ------------------------- */
.icon-btn-search {
  display: block;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 37px;
  height: 37px;
  background: #2196f3;
  text-align: center; }
  .icon-btn-search span {
    display: inline-block;
    color: #fff;
    background: url("/2017/img/temp/icon_right_arrow.png") no-repeat right center;
    padding-right: 28px; }

/* ------------------------- Btn List ------------------------- */
.btn-list {
  margin: 20px 0 0 0;
  text-align: center; }
  .btn-list.alR {
    text-align: right; }
  .btn-list.alL {
    text-align: left; }
  .btn-list.top-line {
    margin-top: 0;
    border-top: 1px solid #979797;
    padding-top: 20px; }

.top-line {
  border-top: 1px solid #979797; }

/* ------------------------- Select Style  ------------------------- */
select {
  height: 30px;
  padding: 4px 5px 4px 5px;
  font-family: inherit;
  vertical-align: middle;
  border: 1px solid #898989;
  border-radius: 0px; }
  .no-textshadow select {
    background: #fff;
    padding: 4px 5px 4px; }
  select .strong-option {
    font-weight: bold; }

.no-canvas select {
  padding: 4px 10px 3px 10px; }

.inbox, input[type=text].inbox {
  font-size: 14px;
  font-size: 1.4rem;
  margin: 0;
  padding: 0 5px 0 5px;
  border: 1px solid #898989;
  background: #fff;
  color: #333;
  line-height: 30px;
  height: 30px;
  box-sizing: border-box; }
  .inbox.alR, input[type=text].inbox.alR {
    text-align: right;
    padding-right: 5px;
    width: 83% !important;
    box-sizing: border-box;
    margin-left: 5px;
    margin-right: 5px; }

textarea.inbox {
  height: auto;
  line-height: 1.5 !important; }

.inbox.find {
  background: #f0f0f0; }

.inbox.big {
  line-height: 30px;
  height: 30px; }

/* ------------------------- Checkbox / Radio Style  ------------------------- */
input[type="checkbox"].custorm {
  opacity: 0;
  position: absolute; }
  input[type="checkbox"].custorm + label span {
    display: inline-block;
    width: 22px;
    height: 22px;
    margin: -1px 4px 0 0;
    vertical-align: middle;
    background: url("/2017/img/common/check_radio_sheet.png") left top no-repeat;
    cursor: pointer; }
  input[type="checkbox"].custorm:focus + label span {
    outline: 1px dotted #333;
    outline: -webkit-focus-ring-color auto 5px; }
  input[type="checkbox"].custorm:checked + label span {
    background: url("/2017/img/common/check_radio_sheet.png") -24px top no-repeat; }

input[type="radio"].custorm {
  opacity: 0;
  position: absolute; }
  input[type="radio"].custorm + label span {
    display: inline-block;
    width: 22px;
    height: 22px;
    margin: -1px 4px 0 0;
    vertical-align: middle;
    background: url("/2017/img/common/check_radio_sheet.png") -48px top no-repeat;
    cursor: pointer; }
  input[type="radio"].custorm:focus + label span {
    outline: 1px dotted #333;
    outline: -webkit-focus-ring-color auto 5px; }
  input[type="radio"].custorm:checked + label span {
    background: url("/2017/img/common/check_radio_sheet.png") -72px top no-repeat; }

.isChecked {
  border: 1px solid green;
  background: green;
  padding: 20px;
  border-radius: 10px; }

.no-canvas input[type='checkbox'].custorm,
.no-canvas input[type='radio'].custorm {
  position: static !important;
  left: 0 !important;
  width: 22px !important;
  height: 22px !important; }
.no-canvas input[type="checkbox"].custorm + label,
.no-canvas input[type="radio"].custorm + label {
  display: inline-block !important;
  width: auto !important;
  border: 0 !important;
  padding-left: 10px !important;
  color: #333 !important; }
.no-canvas input[type="checkbox"].custorm + label span,
.no-canvas input[type="radio"].custorm + label span {
  display: none !important; }
.no-canvas input[type="checkbox"].custorm,
.no-canvas input[type="radio"].custorm {
  display: inline-block !important; }

/* ------------------------- Checkbox / Radio Favor Style  ------------------------- */
input[type="checkbox"].favor {
  opacity: 0;
  position: absolute; }
  input[type="checkbox"].favor + label span:after {
    content: "\f006";
    font-family: 'FontAwesome', sans-serif;
    display: inline-block;
    width: 1em;
    height: 1em;
    margin: 0.3em 0 0 0;
    vertical-align: middle;
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 0; }
  input[type="checkbox"].favor:focus + label span:after {
    outline: 1px dotted #333; }
  input[type="checkbox"].favor:checked + label span:after {
    outline: 1px dotted #333;
    content: '\f005';
    color: #ff9800; }

input[type="radio"].favor {
  opacity: 0;
  position: absolute; }
  input[type="radio"].favor + label span:after {
    content: "\f006";
    font-family: 'FontAwesome', sans-serif;
    display: inline-block;
    width: 1em;
    height: 1em;
    margin: 0.3em 0 0 0;
    vertical-align: middle;
    background: url("/2017/img/common/check_favor.png") -60px top no-repeat;
    background-size: cover;
    cursor: pointer; }
  input[type="radio"].favor:focus + label span:after {
    outline: 1px dotted #333; }
  input[type="radio"].favor:checked + label span:after {
    background: url("/2017/img/common/check_favor.png") 0 top no-repeat;
    outline: 1px dotted #333;
    content: '\f005';
    color: #ff9800; }

.no-canvas input[type='checkbox'].favor,
.no-canvas input[type='radio'].favor {
  position: static;
  left: 0;
  width: 22px;
  height: 22px; }
.no-canvas input[type="checkbox"].favor + label span,
.no-canvas input[type="radio"].favor + label span {
  display: none; }
.no-canvas input[type="checkbox"].favor,
.no-canvas input[type="radio"].favor {
  display: inline-block; }

/* ------------------------- Pagination ------------------------- */
/* PAGE */
.pagination {
  overflow: hidden;
  clear: both;
  text-align: center;
  line-height: 30px; }
  .pagination li {
    display: inline-block;
    margin: 0 1px; }
    .pagination li a {
      overflow: hidden;
      display: inline-block;
      width: 30px;
      height: 30px;
      margin: 0 0;
      border: 1px solid #bdbdbd;
      border-radius: 2px;
      text-decoration: none;
      vertical-align: top; }
      .pagination li a.prev {
        background: url("/2017/img/common/ico_prev_next.png") no-repeat 0 0; }
      .pagination li a.next {
        background: url("/2017/img/common/ico_prev_next.png") no-repeat 0 -30px; }
      @media only screen and (max-width: 360px) {
        .pagination li a {
          width: 27px;
          height: 27px; } }
    .pagination li.page-next a {
      background: #ececec; }
    .pagination li.active a {
      border-color: #0195ea;
      color: #0195ea;
      font-weight: bold;
      text-decoration: underline; }
  .pagination a:hover,
  .pagination a:focus {
    border-color: #0195ea;
    color: #0195ea;
    font-weight: bold;
    text-decoration: underline; outline-offset:-4px;}
    .pagination a:hover.prev,
    .pagination a:focus.prev {
      background: url("/2017/img/common/ico_prev_next.png") no-repeat -30px 0; }
    .pagination a:hover.next,
    .pagination a:focus.next {
      background: url("/2017/img/common/ico_prev_next.png") no-repeat -30px -30px; }

/* ------------------------- basic table  ------------------------- */
@media only screen and (max-width: 805px) {
  table.md th, table.md td, table.md col {
    display: none; }
  table.md th, table.md td {
    border: 1px solid #d3d3d3; }
  table.md .m-show {
    display: table-cell; }
  table.md col.m-show {
    display: table-column; } }
.tbl-list {
  border-top: 1px solid #3b3b3b;
  border-bottom: 1px solid #3b3b3b; }
  .tbl-list table {
    border: 0;
    padding: 0;
    margin: 0;
    border-collapse: collapse;
    width: 100%; }
  .tbl-list th {
    color: #333;
    padding: 9px 0;
    background: #f5f5f5;
    border-bottom: 1px solid #d3d3d3; }
  .tbl-list td {
    border-top: 1px solid #e9e9e9;
    padding: 7px 0;
    background: #fff;
    text-align: center; }
    .tbl-list td.subj {
      text-align: left;
      padding-left: 10px; }
  .tbl-list tbody tr:first-child td {
    border-top: 0; }

.tbl-list.border th {
  font-weight: normal; }
.tbl-list.border td {
  border-top: 1px solid #d3d3d3; }
.tbl-list.border th + th {
  border-left: 1px solid #d3d3d3; }
.tbl-list.border td + td {
  border-left: 1px solid #d3d3d3; }

@media only screen and (max-width: 805px) {
  .no-textshadow .tbl-list.tbl-response tbody tr:first-child td {
    border-top: 1px solid #e9e9e9; }
  .no-textshadow .tbl-list.tbl-response tbody tr:first-child th + td {
    border-top: 0; }
  .no-textshadow .tbl-list.tbl-response tbody tr:first-child td:first-child {
    border-top: 0; }
  .no-textshadow .tbl-list.tbl-response tbody tr td:first-child {
    border-top: 1px solid #e9e9e9; }
  .no-textshadow .tbl-list.tbl-response th {
    display: table-cell;
    min-height: auto;
    padding: 9px 0; }
  .no-textshadow .tbl-list.tbl-response td {
    display: table-cell;
    position: static;
    width: auto;
    min-height: auto;
    line-height: inherit;
    padding-left: 0 !important;
    background: #fff;
    border-left: 1px solid #d3d3d3 !important;
    text-align: center; }
    .no-textshadow .tbl-list.tbl-response td:before {
      display: none;
      position: absolute;
      top: 0;
      left: 0;
      width: 28%;
      height: 100%;
      padding: 12px 0 10px 5px;
      content: attr(data-title);
      background: #f5f5f5;
      box-sizing: border-box; }
  .no-textshadow .tbl-list.tbl-response.tit40 {
    /* 제목 넓이 40% */ }
    .no-textshadow .tbl-list.tbl-response.tit40 td {
      width: auto;
      padding-left: 0; }
      .no-textshadow .tbl-list.tbl-response.tit40 td:before {
        width: auto; } }

.tbl-view .view-title {
  background: #f5f5f5;
  border-top: 2px solid #d3d3d3;
  border-bottom: 1px solid #d3d3d3;
  padding: 7px 20px; }
  .tbl-view .view-title strong {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.5;
    display: inline-block; }
  .tbl-view .view-title .date {
    float: right; }
.tbl-view .view-contents {
  padding: 25px 20px 40px; }
  @media only screen and (max-width: 640px) {
    .tbl-view .view-contents {
      padding: 25px 0; } }
  .tbl-view .view-contents img {
    max-width: 100%; }
.tbl-view .view-nav {
  border-top: 1px solid #d3d3d3; }
  .tbl-view .view-nav > li {
    border-bottom: 1px solid #d3d3d3;
    padding: 8px 20px; }
    .tbl-view .view-nav > li * {
      font-size: 13px;
      font-size: 1.3rem; }

/* ------------------------- 상세페이지  ------------------------- */
.tbl-detail {
  border-collapse: collapse;
  width: 100%;
  padding: 0;
  margin: 0;
  border: 0; }
  .tbl-detail th, .tbl-detail td {
    text-align: left;
    line-height: 1.5;
    /* 21px */
    padding: 8px 0 8px;
    background: url("/2017/img/common/dot_cell.png") repeat-x left top; }
  .tbl-detail th {
    color: #275bae;
    vertical-align: top;
    width: 15%; }
    @media only screen and (max-width: 640px) {
      .tbl-detail th {
        width: 20%; } }
    @media only screen and (max-width: 640px) {
      .tbl-detail th {
        width: 100%;
        display: block;
        padding: 8px 0 5px;
        margin-top: 10px; } }
    .tbl-detail th span {
      display: block; }
      @media only screen and (max-width: 640px) {
        .tbl-detail th span {
          display: inline; } }
  .tbl-detail td {
    width: auto; }
    .tbl-detail td .dotb-list > li {
      background: url("/2017/img/common/dot_blue.png") no-repeat 0 7px;
      padding-left: 7px; }
    @media only screen and (max-width: 640px) {
      .tbl-detail td {
        width: 100%;
        display: block;
        background: none;
        padding: 0; } }
  .tbl-detail tr:first-child td,
  .tbl-detail tr:first-child th {
    background: none; }

/* ##################################################################### */
/*																		 */
/* 		메인 시작       													 */
/*				            											 */
/* ##################################################################### */
.playBtn {
  cursor: pointer;
  padding: 0; }
  .playBtn.play:before {
    display: inline-block;
    content: ' ';
    width: 20px;
    height: 20px;
    background: url("/2017/img/page/ico_fa_convert.png") no-repeat 0 0; }
  .playBtn:before {
    display: inline-block;
    content: ' ';
    width: 20px;
    height: 20px;
    background: url("/2017/img/page/ico_fa_convert.png") no-repeat 0 0; }

/* ------------------------- Main ------------------------- */
.main.nobg .full.lnb {
  background: none;
  padding-bottom: 0; }

.subMainWrap {
  width: 100%;
  margin-top: 30px;
  box-sizing: border-box; }
  @media only screen and (max-width: 1140px) {
    .subMainWrap {
      padding: 0 10px; } }
  @media only screen and (max-width: 805px) {
    .subMainWrap {
      margin-top: 0; } }
  .subMainWrap.third {
    margin-bottom: 30px;
    margin-top: 0; }
    @media only screen and (max-width: 640px) {
      .subMainWrap.third .column-wrap {
        border-top: 0; } }

.middle-bar {
  width: 100%;
  padding: 20px 0;
  background: #e1e1e1;
  box-sizing: border-box; }
  @media only screen and (max-width: 414px) {
    .middle-bar {
      padding: 0;
      background: #fff; } }
  @media only screen and (max-width: 640px) {
    .middle-bar {
      margin-bottom: 0; } }
  .middle-bar .column-wrap {
    border: 0; }
    @media only screen and (max-width: 1140px) {
      .middle-bar .column-wrap {
        border: 1px solid #d6d6d6; } }
    @media only screen and (max-width: 414px) {
      .middle-bar .column-wrap {
        border: 0; } }
  .middle-bar + .middle-bar {
    padding: 0 0 20px 0; }

.mainContent {
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
  background: #fff; }

.no-canvas .mainContent {
  width: 1140px; }

.no-canvas .sexform INPUT[type='radio'].custorm + LABEL {
  background: transparent; }

.no-canvas .column-wrap .btu-find.col3 .sexform INPUT {
  border: 0; }

.no-canvas .column-wrap .col3.btu-find select {
  background: #fff;
  padding: 7px 5px; }

.rig {
  font-size: 0;
  margin-left: -2%; }
  .rig > li {
    font-size: 13px;
    font-size: 1.3rem;
    display: inline-block;
    margin: 2% 0 0 2%;
    vertical-align: top;
    width: 48%;
    box-sizing: border-box;
    background: none;
    text-align: center; }
    .rig > li a {
      display: block; }
      .rig > li a p {
        margin-top: 10px; }
        .rig > li a p span {
          display: block; }
      .rig > li a img {
        max-width: 100%; }

/* ------------------------- 공통 ------------------------- */
.column-wrap {
  width: 100%;
  overflow: hidden;
  position: relative;
  border: 1px solid #d6d6d6;
  box-sizing: border-box; }
  @media only screen and (max-width: 414px) {
    .column-wrap {
      border-left: 0;
      border-right: 0; } }
  .column-wrap.bigBannerMobile {
    display: none;
    border: 0; }
    @media only screen and (max-width: 1023px) {
      .column-wrap.bigBannerMobile {
        display: block; } }
  .column-wrap.bigBannerPc {
    display: block; }
    @media only screen and (max-width: 1023px) {
      .column-wrap.bigBannerPc {
        display: none; } }
  .column-wrap .bigBanner {
    display: block;
    float: left;
    width: 50%;
    box-sizing: border-box; }
  .column-wrap .mainBand {
    display: block;
    float: left;
    width: 50%;
    box-sizing: border-box;
    padding: 22px 22px 22px 46px;
    text-align: left;
    color: #fff; }
    @media only screen and (max-width: 1023px) {
      .column-wrap .mainBand {
        padding: 20px; } }
    @media only screen and (max-width: 805px) {
      .column-wrap .mainBand {
        height: 165px; } }
    @media only screen and (max-width: 640px) {
      .column-wrap .mainBand {
        height: auto; } }
    .column-wrap .mainBand strong {
      font-size: 24px;
      font-size: 2.2rem; }
    .column-wrap .mainBand p {
      padding-top: 4px;
      font-size: 14px;
      font-size: 1.4rem; }
      @media only screen and (max-width: 1023px) {
        .column-wrap .mainBand p {
          font-size: 13px;
          font-size: 1.3rem; } }
      @media only screen and (max-width: 805px) {
        .column-wrap .mainBand p br {
          display: none; } }
      @media only screen and (max-width: 640px) {
        .column-wrap .mainBand p {
          margin-right: 90px;
          font-size: 12px;
          font-size: 1.2rem; }
          .column-wrap .mainBand p br {
            display: inline; } }
      @media only screen and (max-width: 360px) {
        .column-wrap .mainBand p br {
          display: none; } }
    .column-wrap .mainBand .btn-go {
      display: inline-block;
      border-radius: 14px;
      padding: 0 14px;
      margin: 10px 0 0 0; }
      .column-wrap .mainBand .btn-go span {
        display: inline-block;
        height: 25px;
        padding-right: 21px;
        line-height: 25px;
        vertical-align: middle; }
    .column-wrap .mainBand.band01 {
      /*background: #3477c5 url("/2017/img/submain/mainBand01-icon.png") no-repeat 88% 50%; }*/
      background: #109347 url("/2017/img/submain/bandLeft.jpg") no-repeat 88% 50%; }
      @media only screen and (max-width: 1023px) {
        .column-wrap .mainBand.band01 {
          background-position: 95% 50%;
		
		background: #109347 url("/2017/img/submain/bandLeft_d.jpg") no-repeat 88% 50%;
          /*background-size: auto 100px;*/ } }
      .column-wrap .mainBand.band01 .btn-go {
        border: 1px solid #fff;
	background-color: #fff; }
        .column-wrap .mainBand.band01 .btn-go span {
          background: url("/2017/img/submain/bandBtn.png") no-repeat right 50%;
          color: #333333;
		  }
    .column-wrap .mainBand.band02 {
      background: #4a433d url("/2017/img/submain/bandRight.jpg") no-repeat 85% 70%; }
      @media only screen and (max-width: 1023px) {
        .column-wrap .mainBand.band02 {
          background-position: 95% 50%;
		  background: #4a433d url("/2017/img/submain/bandRight_d.jpg") no-repeat 85% 70%; 
         /* background-size: auto 100px;*/ } }
      .column-wrap .mainBand.band02 .btn-go {
        border: 1px solid #fff;
	background-color: #fff; }
        .column-wrap .mainBand.band02 .btn-go span {
          background: url("/2017/img/submain/bandBtn.png") no-repeat right 50%;
          color: #333333; }
          
   /*2018.02.23 add*/
    .column-wrap .mainBand.band03 {
		 background: #3477c5 url("/2017/img/submain/mainBand01-icon.png") no-repeat 88% 50%; }
     @media only screen and (max-width: 1023px) {
    .column-wrap .mainBand.band03 {
         background-position: 95% 50%;
         background-size: auto 100px; } }
    .column-wrap .mainBand.band03 .btn-go {
       border: 1px solid #44fbec; }
    .column-wrap .mainBand.band03 .btn-go span {
         background: url("/2017/img/submain/mainBand01-arw.png") no-repeat right 50%;
         color: #44fbec; }
		 
    .column-wrap .mainBand.band04 {
    background: #ff7d6b url("/2017/img/submain/mainBand02-icon.png") no-repeat 85% 70%; }
     @media only screen and (max-width: 1023px) {
    .column-wrap .mainBand.band04 {
         background-position: 95% 50%;
         background-size: auto 100px; } }
    .column-wrap .mainBand.band04 .btn-go {
       border: 1px solid #fcde54; }
       .column-wrap .mainBand.band04 .btn-go span {
         background: url("/2017/img/submain/mainBand02-arw.png") no-repeat right 50%;
         color: #fcde54; }

	  
  .column-wrap .col3 {
    float: left;
    width: 33.333%;
    box-sizing: border-box;
    background: #fff;
    position: relative; }
    @media only screen and (max-width: 1023px) {
      .column-wrap .col3 {
        width: 50%; } }
    @media only screen and (max-width: 640px) {
      .column-wrap .col3 {
        width: 100%; } }
    .column-wrap .col3:before {
      position: absolute;
      left: 0;
      top: 0;
      border-left: 1px solid #d6d6d6;
      height: 100%;
      content: '';
      display: block;
      z-index: 10; }
      @media only screen and (max-width: 640px) {
        .column-wrap .col3:before {
          display: none; } }
    .column-wrap .col3 dl {
      padding: 15px 0;
      box-sizing: border-box; }
  @media only screen and (max-width: 1140px) {
    .column-wrap.first {
      border-bottom: 0; } }
  .column-wrap .colHalf {
    float: left;
    width: 50%; }
    @media only screen and (max-width: 640px) {
      .column-wrap .colHalf {
        width: 100%;
        border-bottom: 1px solid #d6d6d6; } }
    .column-wrap .colHalf img {
      width: 100%;
      height: auto; }
  .column-wrap .col2 {
    float: left;
    width: 66.666%;
    box-sizing: border-box;
    background: #fff; }
    @media only screen and (max-width: 1023px) {
      .column-wrap .col2 {
        width: 50%; } }
    @media only screen and (max-width: 640px) {
      .column-wrap .col2 {
        width: 100%; } }
  .column-wrap .col1 {
    float: left;
    width: 33.333%;
    box-sizing: border-box;
    background: #fff; }
    @media only screen and (max-width: 1023px) {
      .column-wrap .col1 {
        width: 50%; } }
    @media only screen and (max-width: 640px) {
      .column-wrap .col1 {
        width: 100%; } }
    .column-wrap .col1:before {
      position: absolute;
      left: 66.666%;
      top: 0;
      border-left: 1px solid #d6d6d6;
      height: 100%;
      content: '';
      display: block;
      z-index: 10; }
      @media only screen and (max-width: 1023px) {
        .column-wrap .col1:before {
          left: 50%; } }
      @media only screen and (max-width: 640px) {
        .column-wrap .col1:before {
          display: none; } }

.col3.only-xms:hover,
.col3 .only-xms:hover,
.col2.only-xms:hover,
.col2 .only-xms:hover,
.col1.only-xms:hover,
.col1 .only-xms:hover {
  text-decoration: none; }
.col3.only-xms > a:hover,
.col3 .only-xms > a:hover,
.col2.only-xms > a:hover,
.col2 .only-xms > a:hover,
.col1.only-xms > a:hover,
.col1 .only-xms > a:hover {
  text-decoration: none; }
.col3 dl,
.col2 dl,
.col1 dl {
  position: relative; }
.col3 dt,
.col2 dt,
.col1 dt {
  font-size: 20px;
  font-size: 2rem;
  color: #232323; }
  .col3 dt strong,
  .col2 dt strong,
  .col1 dt strong {
    color: #257cb7; }
  .col3 dt a,
  .col2 dt a,
  .col1 dt a {
    display: block; }
    .col3 dt a:hover,
    .col2 dt a:hover,
    .col1 dt a:hover {
      text-decoration: none; }
.col3 dd a,
.col2 dd a,
.col1 dd a {
  display: block; }
  .col3 dd a:hover,
  .col2 dd a:hover,
  .col1 dd a:hover {
    text-decoration: none; }
.col3 dd.more,
.col2 dd.more,
.col1 dd.more {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 15px;
  color: #797979; }
  .col3 dd.more span,
  .col2 dd.more span,
  .col1 dd.more span {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden; }
  .col3 dd.more a, .col3 dd.more > em,
  .col2 dd.more a,
  .col2 dd.more > em,
  .col1 dd.more a,
  .col1 dd.more > em {
    display: block; }
    .col3 dd.more a:after, .col3 dd.more > em:after,
    .col2 dd.more a:after,
    .col2 dd.more > em:after,
    .col1 dd.more a:after,
    .col1 dd.more > em:after {
      content: ' ';
      display: inline-block;
      width: 27px;
      height: 27px;
      background: url("/2017/img/submain/main_icon_new.png") no-repeat -490px -173px; }
.col3 .bbs-list,
.col2 .bbs-list,
.col1 .bbs-list {
  margin-top: 15px; }
  .col3 .bbs-list li,
  .col2 .bbs-list li,
  .col1 .bbs-list li {
    margin: 0;
    padding: 0;
    line-height: 1; }
  .col3 .bbs-list .date,
  .col2 .bbs-list .date,
  .col1 .bbs-list .date {
    position: absolute;
    width: 60px;
    right: 0;
    top: 0; }
  .col3 .bbs-list a,
  .col2 .bbs-list a,
  .col1 .bbs-list a {
    position: relative;
    margin: 0 0 0 0;
    width: 95%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    background: url("/2017/img/common/dot_minwon.png") no-repeat left center;
    padding-left: 10px;
    box-sizing: border-box;
    line-height: 28px;
    height: 28px; }
  .col3 .bbs-list.date a,
  .col2 .bbs-list.date a,
  .col1 .bbs-list.date a {
    padding-right: 60px; }

.service .column-wrap.first {
  border-top: 5px solid #0299ff;
  border-bottom: 0; }

.icon-list {
  width: 100%;
  overflow: hidden; }
  .icon-list ul {
    font-size: 0;
    margin-left: -2%; }
    .icon-list ul > li {
      font-size: 13px;
      font-size: 1.3rem;
      display: inline-block;
      margin: 10px 0 0 2%;
      vertical-align: top;
      width: 31.3333333333%;
      box-sizing: border-box;
      background: none;
      text-align: center; }
      @media only screen and (max-width: 1023px) {
        .icon-list ul > li {
          width: 31.3333333333%; } }
      .icon-list ul > li a {
        display: block; }
        .icon-list ul > li a span {
          display: block; }
          @media only screen and (max-width: 414px) {
            .icon-list ul > li a span {
              display: inline; } }
        .icon-list ul > li a:before {
          display: block;
          content: '';
          width: 50px;
          height: 50px;
          margin: 0 auto;
          background: url("/2017/img/submain/main_icon_new.png") no-repeat 0 0; }
        .icon-list ul > li a.icon01:before {
          background-position: -10px -12px; }
        .icon-list ul > li a.icon02:before {
          background-position: -70px -12px; }
        .icon-list ul > li a.icon03:before {
          background-position: -130px -12px; }
        .icon-list ul > li a.icon04:before {
          background-position: -10px -62px; }
        .icon-list ul > li a.icon05:before {
          background-position: -70px -62px; }
        .icon-list ul > li a.icon06:before {
          background-position: -130px -62px; }
        .icon-list ul > li a.icon07:before {
          background-position: -10px -112px; }
        .icon-list ul > li a.icon08:before {
          background-position: -70px -112px; }
        .icon-list ul > li a.icon09:before {
          background-position: -130px -112px; }
        .icon-list ul > li a.icon10:before {
          background-position: -10px -162px; }
        .icon-list ul > li a.icon11:before {
          background-position: -70px -162px; }
        .icon-list ul > li a.icon12:before {
          background-position: -130px -162px; }

/* -------------------- 이달의 서비스 -------------------- */

.column-wrap .banner-service.gov {
	border-top: 1px solid #d6d6d6; } 
@media only screen and (max-width: 1023px) {
  .column-wrap .banner-service.gov {
   /* border-top: 0; */} }

@media only screen and (max-width: 414px) {
  .banner-service {
    border-bottom: 1px solid #d6d6d6; } }
@media only screen and (max-width: 1023px) {
  .column-wrap .banner-service {
    border-top: 1px solid #d6d6d6; } }
.banner-service .owl-carousel .owl-dots {
  text-align: center; }
.banner-service .customNavigation {
  text-align: left;
  margin-top: 0;
  position: absolute;
  bottom: 0;
  display: inline-block;
  z-index: 10;
  width: 100%;
  padding-left: 20px;
  box-sizing: border-box; }
  @media only screen and (max-width: 1023px) {
    .banner-service .customNavigation {
      text-align: center;
      padding-left: 0; } }
  @media only screen and (max-width: 805px) {
    .banner-service .customNavigation {
      text-align: left;
      padding-left: 20px; } }
  @media only screen and (max-width: 640px) {
    .banner-service .customNavigation {
      text-align: center;
      padding-left: 0; } }
  @media only screen and (max-width: 414px) {
    .banner-service .customNavigation {
      text-align: left;
      padding-left: 20px; } }
.banner-service .owl-dots {
  display: inline-block;
  vertical-align: top;
  cursor: pointer; }
.banner-service .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1; }
  .banner-service .owl-dots .owl-dot.active span {
    background: #ff4500;
    width: 40px; }
  .banner-service .owl-dots .owl-dot:hover span {
    background: #ff4500; }
  .banner-service .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 4px;
    background: #7a7b7c;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px; }
.banner-service .owl-carousel .owl-item {
  text-align: center; }

.banner-service.service .owl-dots .owl-dot.active span {
  background: #007aff; }
.banner-service.service .owl-dots .owl-dot:hover span {
  background: #007aff; }
.banner-service.service .playBtn.play:before {
  background-position: -140px -30px; }
.banner-service.service .playBtn:before {
  background-position: -160px -30px; }
.banner-service.minwon .owl-dots .owl-dot.active span {
  background: #3c7a00; }
.banner-service.minwon .owl-dots .owl-dot:hover span {
  background: #3c7a00; }
.banner-service.minwon .playBtn.play:before {
  background-position: -140px -30px; }
.banner-service.minwon .playBtn:before {
  background-position: -180px -30px; }
.banner-service.gov .owl-dots .owl-dot.active span {
  background: #ff4500; }
.banner-service.gov .owl-dots .owl-dot:hover span {
  background: #ff4500; }
.banner-service.gov .playBtn.play:before {
  background-position: -140px -30px; }
.banner-service.gov .playBtn:before {
  background-position: -200px -30px; }

@media only screen and (max-width: 1023px) {
  .service .column-wrap .col3.banner {
    border-top: 1px solid #d6d6d6;
    width: 100%; }
    .service .column-wrap .col3.banner .my-life-info,
    .service .column-wrap .col3.banner .minwon-service {
      width: 50%;
      float: left; }
    .service .column-wrap .col3.banner:before {
      left: 50%; } }
@media only screen and (max-width: 640px) {
  .service .column-wrap .col3.banner .my-life-info,
  .service .column-wrap .col3.banner .minwon-service {
    width: 100%;
    float: none; } }

@media only screen and (max-width: 1023px) {
  .column-wrap .col3.part {
    width: 50%; }
    .column-wrap .col3.part .icon-list ul > li {
      width: 31.3333333333%; } }
@media only screen and (max-width: 640px) {
  .column-wrap .col3.part {
    width: 100%; }
    .column-wrap .col3.part .icon-list ul > li {
      width: 31.3333333333%; } }
.column-wrap .col3.btu-find dl {
  padding: 15px 0 0; }
@media only screen and (max-width: 1023px) {
  .column-wrap .col3.btu-find {
    width: 50%; } }
@media only screen and (max-width: 640px) {
  .column-wrap .col3.btu-find {
    width: 100%;
    border-bottom: 1px solid #d6d6d6; } }
@media only screen and (max-width: 1023px) {
  .column-wrap .col3.banner {
    width: 50%; } }
@media only screen and (max-width: 640px) {
  .column-wrap .col3.banner {
    width: 100%; } }
@media only screen and (max-width: 1023px) {
  .column-wrap .col3.banner-service {
    width: 100%; } }
.column-wrap .col3.favor-minwon-sec:before {
  border: 0; }
@media only screen and (max-width: 1023px) {
  .column-wrap .col3.favor-minwon-sec {
    border-bottom: 1px solid #d6d6d6;
    width: 100%; }
    .column-wrap .col3.favor-minwon-sec .icon-list ul > li {
      width: 14.666%; } }
@media only screen and (max-width: 640px) {
  .column-wrap .col3.favor-minwon-sec .icon-list ul > li {
    width: 31.3333333333%; } }
@media only screen and (max-width: 1023px) {
  .column-wrap .col3.minwon-search {
    width: 50%; } }
@media only screen and (max-width: 640px) {
  .column-wrap .col3.minwon-search {
    width: 100%;
    border-bottom: 1px solid #d6d6d6; } }
@media only screen and (max-width: 1023px) {
  .column-wrap .col3.banner {
    width: 50%; } }
@media only screen and (max-width: 640px) {
  .column-wrap .col3.banner {
    width: 100%; } }
.column-wrap .col3.favor-gov-sec:before {
  border: 0; }
@media only screen and (max-width: 1023px) {
  .column-wrap .col3.favor-gov-sec {
    width: 100%;
    border-bottom: 1px solid #d6d6d6; }
    .column-wrap .col3.favor-gov-sec .icon-list ul > li {
      width: 14.666%; } }
@media only screen and (max-width: 640px) {
  .column-wrap .col3.favor-gov-sec .icon-list ul > li {
    width: 31.3333333333%; } }
@media only screen and (max-width: 1023px) {
  .column-wrap .col3.gov-news {
    width: 50%; }
    .column-wrap .col3.gov-news:before {
      display: none; } }
@media only screen and (max-width: 640px) {
  .column-wrap .col3.gov-news {
    width: 100%;
    border-bottom: 1px solid #d6d6d6; } }
@media only screen and (max-width: 1023px) {
  .column-wrap .col3.festival-on {
    width: 50%; } }
@media only screen and (max-width: 640px) {
  .column-wrap .col3.festival-on {
    width: 100%; } }

/* ##################################################################### */
/*																		 */
/* 		Main - 정부서비스   												 */
/*				            											 */
/* ##################################################################### */
.service.subMainWrap {
  position: relative; }
  @media only screen and (max-width: 1140px) {
    .service.subMainWrap {
      padding: 0 10px; } }
  @media only screen and (max-width: 414px) {
    .service.subMainWrap {
      padding: 0 0; } }
  @media only screen and (max-width: 414px) {
    .service.subMainWrap {
      /*&:before {
      	content:"";
      	display:block;
      	position:absolute;
      	bottom:0;left:0;
      	z-index:10;
      	width:10px;height:79px;
      	background:#f6f6f6;	
      	border-top:1px solid #d6d6d6;
      	
      }
      &:after {
      	content:"";
      	display:block;
      	position:absolute;
      	bottom:0;right:0;
      	z-index:10;
      	width:10px;height:79px;
      	background:#f6f6f6;	
      	border-top:1px solid #d6d6d6;
      	
      }*/ } }
  .service.subMainWrap.login-after {
    /* 
    @include respond-to('xms') {
    	&:before {
    		height:132px;						
    	}
    	&:after {
    		height:132px;	
    	}
    }
    */ }
.service .column-wrap {
  border-top: 0; }
.service .column-wrap.first {
  border-top: 5px solid #0299ff; }
@media only screen and (max-width: 414px) {
  .service .col3.banner {
    border-top: 0; } }

/* ------------------------- 분야별 서비스 ------------------------- */
@media only screen and (max-width: 414px) {
  .column-wrap .part {
    /* border-left: 1px solid #d6d6d6 !important;
    border-right: 1px solid #d6d6d6 !important; */ }
  .part .icon-list ul > li {
    margin: 3px 0 0 2%; }
    .part .icon-list ul > li a:before {
      height: 46px; } }
@media only screen and (max-width: 414px) {
  .part dl {
    padding: 0 0 10px 0 !important; } }
.part dt {
  padding-left: 30px;
  font-size: 20px;
  font-size: 2rem; }
  @media only screen and (max-width: 414px) {
    .part dt {
      position: absolute;
      left: -10000px;
      top: auto;
      width: 1px;
      height: 1px;
      overflow: hidden; } }

/* -------------------- 맞춤형 서비스 찾기 -------------------- */
@media only screen and (max-width: 414px) {
  .column-wrap .col3.btu-find {
    /* border-left: 1px solid #d6d6d6 !important;
    border-right: 1px solid #d6d6d6 !important;*/ } }
.column-wrap .col3.btu-find:before {
  display: none; }
.column-wrap .col3.btu-find .age {
  vertical-align: top;
  text-align: right;
  position: relative;
  margin-left: 30px;
  margin-right: 35px; }
  .column-wrap .col3.btu-find .age label {
    position: absolute;
    left: -30px;
    top: 0;
    display: inline-block;
    height: 33px;
    line-height: 33px; }
  .column-wrap .col3.btu-find .age input {
    border: 1px solid #bbb;
    height: 35px;
    line-height: 35px;
    box-sizing: border-box;
    text-align: right;
    width: 100%;
    padding-right: 10px;
    font-size: 14px;
    font-size: 1.4rem;
    color: inherit;
    vertical-align: top; }
.column-wrap .col3.btu-find .text {
  position: absolute;
  right: -35px;
  top: 0;
  display: inline-block;
  height: 33px;
  line-height: 33px; }
.column-wrap .col3.btu-find select {
  border: 1px solid #bbbbbb;
  padding: 8px 5px 7px 5px;
  width: 100%;
  box-sizing: border-box;
  height: 35px; }
  .column-wrap .col3.btu-find select .column-wrap .col3.btu-find select.no-canvas {
    background: #fff; }
.column-wrap .col3.btu-find .btu-finder {
  background: #169add;
  display: block;
  width: 85%;
  margin: 0 auto;
  height: 38px;
  line-height: 38px;
  text-align: center;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  color: #fff;
  position: absolute;
  bottom: -20px;
  left: 50%;
  margin-left: -42.5%; }
  @media only screen and (max-width: 414px) {
    .column-wrap .col3.btu-find .btu-finder {
      display: none; } }
  .column-wrap .col3.btu-find .btu-finder:after {
    content: '';
    display: inline-block;
    width: 30px;
    height: 24px;
    line-height: 1;
    vertical-align: middle;
    background: url("/2017/img/submain/btu_find.png") no-repeat left top;
    margin-left: 10px; }
  .column-wrap .col3.btu-find .btu-finder.mobile {
    display: none; }
    @media only screen and (max-width: 414px) {
      .column-wrap .col3.btu-find .btu-finder.mobile {
        display: block;
        position: static;
        margin: -5px auto 5px auto;
        width: 100%; }
        .column-wrap .col3.btu-find .btu-finder.mobile:after {
          position: absolute;
          display: block;
          content: '';
          top: 50%;
          right: 18px;
          width: 13px;
          height: 18px;
          margin-top: -9px;
          background: url("/2017/img/submain/btu_find_m.png") no-repeat left top; } }

.btu-btn {
  width: 278px;
  margin: 0 auto;
  box-sizing: border-box; }
  @media only screen and (max-width: 640px) {
    .btu-btn {
      width: 80%;
      border: 5px solid #fff;
      margin-bottom: 10px; } }
  @media only screen and (max-width: 414px) {
    .btu-btn {
      width: 90%;
      border: 0; } }
  .btu-btn a {
    background: #2c70ae;
    display: block;
    width: 85%;
    margin: 0 auto;
    height: 38px;
    line-height: 38px;
    text-align: center;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    color: #fff; }
    @media only screen and (max-width: 414px) {
      .btu-btn a {
        width: 100%;
        position: relative; } }
    .btu-btn a:after {
      display: inline-block;
      content: '';
      width: 13px;
      height: 18px;
      margin-left: 10px;
      margin-bottom: -3px;
      background: url("/2017/img/submain/btu_find_m.png") no-repeat left top; }
      @media only screen and (max-width: 414px) {
        .btu-btn a:after {
          position: absolute;
          display: block;
          content: '';
          top: 50%;
          right: 18px;
          width: 13px;
          height: 18px;
          margin-top: -9px;
          margin-bottom: 0;
          background: url("/2017/img/submain/btu_find_m.png") no-repeat left top; } }

.btu-find dl {
  width: 288px;
  margin: 0 auto; }
  @media only screen and (max-width: 640px) {
    .btu-find dl {
      width: 80%; } }
  @media only screen and (max-width: 414px) {
    .btu-find dl {
      width: 90%; } }
.btu-find dt {
  text-align: center;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.2;
  position: relative;
  color: #2198d3; }
  .btu-find dt strong {
    font-size: 22px;
    font-size: 2.2rem;
    color: #3ba4d8;
    display: block; }
  @media only screen and (max-width: 414px) {
    .btu-find dt {
      display: none; } }
.btu-find dd {
  border: 5px solid #78c5eb;
  border-top: 0;
  padding: 50px 20px 35px;
  margin: -13px 0 20px;
  position: relative; }
  @media only screen and (max-width: 414px) {
    .btu-find dd {
      padding: 0;
      border: 0;
      margin: 0 auto; } }
  .btu-find dd:before, .btu-find dd:after {
    display: inline-block;
    content: '';
    width: 20%;
    height: 5px;
    background: #78c5eb;
    position: absolute;
    top: 0; }
    @media only screen and (max-width: 414px) {
      .btu-find dd:before, .btu-find dd:after {
        display: none; } }
  .btu-find dd:before {
    left: 0; }
  .btu-find dd:after {
    right: 0; }
  .btu-find dd li {
    margin-bottom: 10px; }
  @media only screen and (max-width: 414px) {
    .btu-find dd ul {
      display: none; } }

.sexform input.inbox {
  margin: 4px 0;
  font-size: 14px;
  font-size: 1.4rem;
  height: auto;
  padding: 0.4875em 0;
  line-height: 1.7; }
  .sexform input.inbox.alR {
    text-align: right; }
  @media only screen and (max-width: 640px) {
    .sexform input.inbox {
      font-size: 12px;
      font-size: 1.2rem; } }
  @media only screen and (max-width: 805px) {
    .sexform input.inbox.md8 {
      width: 80% !important;
      max-width: 80%; } }
.sexform input[type="checkbox"].custorm,
.sexform input[type="radio"].custorm {
  opacity: 0;
  position: absolute; }
  .sexform input[type="checkbox"].custorm + label,
  .sexform input[type="radio"].custorm + label {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 4px 0;
    padding: 11px 8px 10px 8px;
    line-height: 1.2;
    font-weight: bold;
    color: #333;
    background: #fff;
    border: 1px solid #bbb;
    text-align: center;
    cursor: pointer;
    box-sizing: border-box; }
    @media only screen and (max-width: 640px) {
      .sexform input[type="checkbox"].custorm + label,
      .sexform input[type="radio"].custorm + label {
        font-size: 12px;
        font-size: 1.2rem; } }
  .sexform input[type="checkbox"].custorm + label span,
  .sexform input[type="radio"].custorm + label span {
    position: absolute;
    top: 50%;
    left: 10px;
    width: 22px;
    height: 18px;
    margin: -9px 0 0 0;
    padding: 0;
    overflow: hidden;
    border: none;
    background: NONE; }
  .sexform input[type="checkbox"].custorm:focus + label,
  .sexform input[type="radio"].custorm:focus + label {
    outline: 1px dotted #333; }
  .sexform input[type="checkbox"].custorm:checked + label,
  .sexform input[type="radio"].custorm:checked + label {
    color: #fff;
    background: #465064;
    border: 1px solid #2196f3;
    outline: none; }
  .sexform input[type="checkbox"].custorm:checked + label span,
  .sexform input[type="radio"].custorm:checked + label span {
    background: url("/2017/img/submain/main_icon_new.png") no-repeat -442px -173px;
    outline: none; }

.middle-bar .column-wrap .hidden-xms, .mainContent .column-wrap .hidden-xms {
  display: block; }
  @media only screen and (max-width: 414px) {
    .middle-bar .column-wrap .hidden-xms, .mainContent .column-wrap .hidden-xms {
      display: none !important; } }
.middle-bar .column-wrap .only-xms, .mainContent .column-wrap .only-xms {
  display: none !important; }
  @media only screen and (max-width: 414px) {
    .middle-bar .column-wrap .only-xms, .mainContent .column-wrap .only-xms {
      display: block !important; } }

/* -------------------- 나의 생활정보 -------------------- */
.my-life-info {
  /* 20170713 position: absolute;
  left: 0;
  top: 0;
  height: 45%; */ }
  @media only screen and (max-width: 414px) {
    .column-wrap .col3 .my-life-info {
      display: block;
      position: relative;
      padding: 15px 10px;
      /* padding-left: 10px;
      padding-right:10px; */
      background: #f6f6f6;
      border-top: 1px solid #d6d6d6;
      margin-top: 20px;
      /*
      &:before {
      	content:"";
      	display:block;
      	position:absolute;
      	bottom:0;left:-10px;
      	z-index:11;
      	width:10px;height:100%;
      	background:#000;	
      	border-top:1px solid #d6d6d6;
      	
      }
      &:after {
      	content:"";
      	display:block;
      	position:absolute;
      	bottom:0;right:-10px;
      	z-index:10;
      	width:10px;height:100%;
      	background:#f6f6f6;	
      	border-top:1px solid #d6d6d6;
      	
      }
      */ } }
  .my-life-info dt {
    position: relative;
    text-align: center;
    font-size: 20px;
    font-size: 2rem; }
    @media only screen and (max-width: 414px) {
      .my-life-info dt {
        text-align: left; } }
    .my-life-info dt .btn-life-num {
      display: none; }
  .my-life-info dd {
    text-align: center; }
    @media only screen and (max-width: 414px) {
      .my-life-info dd {
        text-align: left; } }
    .my-life-info dd .info-m {
      display: none; }
      @media only screen and (max-width: 414px) {
        .my-life-info dd .info-m {
          display: block;
          text-align: left;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; } }
    .my-life-info dd .info {
      font-size: 14px;
      font-size: 1.4rem;
      font-weight: bold;
      padding: 0 0;
      color: #666666; }
      @media only screen and (max-width: 414px) {
        .my-life-info dd .info {
          display: none; } }
    .my-life-info dd p > span {
      color: #666;
      display: block; }
      @media only screen and (max-width: 640px) {
        .my-life-info dd p > span {
          display: inline-block; } }
    .my-life-info dd .go-list {
      margin-top: 10px;
      /* 20170713 margin: 10px 0 20px; */ }
      @media only screen and (max-width: 414px) {
        .my-life-info dd .go-list {
          position: relative;
          margin: 0 0 0 10px; } }
    .my-life-info dd.more {
      display: none; }
      @media only screen and (max-width: 414px) {
        .my-life-info dd.more {
          display: block;
          right: 10px; } }
    .my-life-info dd .btn-life {
      display: inline-block;
      text-align: center;
      padding: 0 10px;
      line-height: 30px;
      height: 30px;
      box-sizing: border-box;
      min-width: 130px;
      vertical-align: middle; }
      .my-life-info dd .btn-life.info {
        border: 1px solid #e86e6e; }
      .my-life-info dd .btn-life.check {
        background: #e86e6e;
        color: #fff;
        border: 1px solid #e86e6e; }
        @media only screen and (max-width: 414px) {
          .my-life-info dd .btn-life.check {
            display: none;
            position: absolute;
            right: 0;
            top: 15px;
            min-width: 20px; } }
    .my-life-info dd #customNav {
      position: absolute;
      right: 20px;
      top: 17px; }
      @media only screen and (max-width: 1023px) {
        .my-life-info dd #customNav {
          display: none; } }
      .my-life-info dd #customNav * {
        vertical-align: middle; }
      .my-life-info dd #customNav .owl-prev {
        background: url("/2017/img/submain/main_icon_new.png") no-repeat -370px -261px;
        font-size: 0;
        display: inline-block;
        width: 21px;
        height: 20px; }
      .my-life-info dd #customNav .owl-next {
        background: url("/2017/img/submain/main_icon_new.png") no-repeat -399px -261px;
        font-size: 0;
        display: inline-block;
        width: 21px;
        height: 20px; }
      .my-life-info dd #customNav #info {
        line-height: 20px; }
    .my-life-info dd .myLifeInfo {
      text-align: left; }
      @media only screen and (max-width: 1023px) {
        .my-life-info dd .myLifeInfo {
          border-top: 1px solid #e3e3e3;
          margin-top: 12px; } }
  .my-life-info .tip {
    color: #bd4f4f;
    font-size: 12px;
    font-size: 1.2rem; }
    @media only screen and (max-width: 414px) {
      .my-life-info .tip {
        display: none; } }

.my-life-info.login-after dt {
  position: relative;
  text-align: left;
  line-height: 30px;
  font-size: 20px;
  font-size: 2rem;
  /* a {
  	display:inline;
  } */ }
  @media only screen and (max-width: 414px) {
    .my-life-info.login-after dt {
      text-align: left; } }
.my-life-info.login-after .direct-go {
  position: absolute;
  right: 0;
  top: 0;
  background: #e86e6e;
  color: #fff;
  z-index: 10;
  padding: 0 10px;
  line-height: 30px;
  height: 30px;
  display: none;
  box-sizing: border-box;
  font-weight: normal;
  vertical-align: middle;
  font-size: 13px;
  font-size: 1.3rem; }
  @media only screen and (max-width: 414px) {
    .my-life-info.login-after .direct-go {
      display: inline-block; } }
.my-life-info.login-after .myLifeInfo ul {
  margin-top: 15px; }
  @media only screen and (max-width: 1023px) {
    .my-life-info.login-after .myLifeInfo ul {
      margin: 15px 20px 0 20px; } }
.my-life-info.login-after .myLifeInfo li {
  /* background: image('common/dot_nav_default.png') no-repeat left center;*/
  background: url("/2017/img/common/dot_gray.png") no-repeat left center;
  padding-left: 8px;
  border-bottom: 1px solid #dfdfdf;
  line-height: 33px;
  height: 33px;
  overflow: hidden; }
  @media only screen and (max-width: 1023px) {
    .my-life-info.login-after .myLifeInfo li:last-child {
      border-bottom: 0; } }
  @media only screen and (max-width: 640px) {
    .my-life-info.login-after .myLifeInfo li {
      border: 0;
      line-height: 22px;
      height: 22px; } }
  @media only screen and (max-width: 414px) {
    .my-life-info.login-after .myLifeInfo li:nth-child(3) {
      display: none; } }
  .my-life-info.login-after .myLifeInfo li a {
    display: block;
    position: relative;
    padding-right: 80px;
    box-sizing: border-box;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block; }
    .my-life-info.login-after .myLifeInfo li a .date {
      position: absolute;
      right: 0;
      top: 0;
      min-width: 60px;
      display: inline-block;
      text-align: right; }
.my-life-info.login-after .more {
  display: inline-block;
  position: absolute;
  right: 20px;
  top: 15px;
  display: none; }
  @media only screen and (max-width: 1023px) {
    .my-life-info.login-after .more {
      display: none !important; } }
  @media only screen and (max-width: 414px) {
    .my-life-info.login-after .more {
      right: 0; } }
.my-life-info.login-after .btn-life-num {
  display: inline-block;
  position: relative;
  height: 26px;
  width: 26px;
  background: #e86e6e;
  margin-left: 4px;
  padding: 0;
  border-radius: 50%;
  color: #fff;
  font-weight: normal;
  text-align: center;
  line-height: 26px;
  box-sizing: border-box; }

.column-wrap .my-life-info.login-after {
  padding-left: 20px;
  padding-right: 20px; }
  @media only screen and (max-width: 414px) {
    .column-wrap .my-life-info.login-after {
      padding: 15px 0; } }

@media only screen and (max-width: 414px) {
  .service .my-life-info.login-after dt {
    padding-left: 10px; } }

/* -------------------- 민원서비스 -------------------- */
.column-wrap .col3 .minwon-service {
  padding: 0; }

.minwon-service {
  /* 20170713
  position: relative;
  left: 0;
  top: 0;		
  height: 55%;*/
  position: absolute;
  bottom: 0;
  width: 100%;
  background: #fff url("/2017/img/submain/my_life_bg.png") no-repeat center bottom; }
  @media only screen and (max-width: 1023px) {
    .minwon-service {
      position: relative; } }
  @media only screen and (max-width: 640px) {
    .minwon-service {
      display: none; } }
  .minwon-service a {
    display: block;
    height: 165px; }

/* -------------------- 공지사항 -------------------- */
.notice-slide {
  background: #fff;
  clear: both;
  padding-left: 25px;
  position: relative; }
  @media only screen and (max-width: 640px) {
    .notice-slide {
      padding-left: 10px;
      padding-right: 10px; } }
  .notice-slide dl {
    width: 100%;
    overflow: hidden;
    padding: 10px 0; }
  .notice-slide dt {
    font-size: 18px;
    font-size: 1.8rem;
    float: left;
    width: 135px;
    background: none;
    padding-left: 0; }
    @media only screen and (max-width: 640px) {
      .notice-slide dt {
        float: none; } }
    .notice-slide dt a {
      display: block; }
      .notice-slide dt a:hover {
        text-decoration: none; }
    .notice-slide dt:after {
      border-right: 1px solid #8b8c8d;
      display: inline-block;
      content: '';
      height: 18px;
      margin: 5px 30px 0;
      vertical-align: top; }
      @media only screen and (max-width: 640px) {
        .notice-slide dt:after {
          display: none; } }
  .notice-slide dd {
    float: left;
    width: 100%;
    padding-left: 130px;
    box-sizing: border-box;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.9;
    margin-top: -29px; }
    @media only screen and (max-width: 640px) {
      .notice-slide dd {
        float: none;
        margin-top: 10px;
        padding-left: 0; } }
    .notice-slide dd .slide-notice {
      position: relative; }
    .notice-slide dd .item {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      display: inline-block;
      width: 100%; }
    .notice-slide dd .prev,
    .notice-slide dd .next {
      position: absolute;
      top: 0;
      margin: 0;
      border: 1px solid #d6d6d6;
      width: 33px;
      height: 33px;
      box-sizing: border-box;
      display: inline-block;
      background: #fff;
      z-index: 1; }
      @media only screen and (max-width: 640px) {
        .notice-slide dd .prev,
        .notice-slide dd .next {
          top: -39px; } }
      .notice-slide dd .prev:before,
      .notice-slide dd .next:before {
        display: inline-block;
        content: '';
        width: 31px;
        height: 31px;
        font-family: 'FontAwesome', sans-serif;
        font-style: normal;
        text-align: center;
        font-size: 30px;
        line-height: 30px;
        color: #858585;
        vertical-align: middle;
        background: url("/2017/img/page/ico_fa_convert.png") no-repeat 0 0; }
    .notice-slide dd .prev {
      right: 64px; }
      @media only screen and (max-width: 1023px) {
        .notice-slide dd .prev {
          right: 74px; } }
      @media only screen and (max-width: 640px) {
        .notice-slide dd .prev {
          right: 64px; } }
      .notice-slide dd .prev:before {
        background-position: -60px 0; }
    .notice-slide dd .next {
      right: 32px; }
      @media only screen and (max-width: 1023px) {
        .notice-slide dd .next {
          right: 42px; } }
      @media only screen and (max-width: 640px) {
        .notice-slide dd .next {
          right: 32px; } }
      .notice-slide dd .next:before {
        background-position: -100px 0; }
    .notice-slide dd .more {
      position: absolute;
      display: inline-block;
      right: 0;
      top: 0;
      /* top: 8px; */
      width: 31px;
      height: 31px;
      border: 1px solid #d6d6d6;
      background: #fff;
      z-index: 10;
      color: #797979; }
      @media only screen and (max-width: 1023px) {
        .notice-slide dd .more {
          right: 10px; } }
      @media only screen and (max-width: 640px) {
        .notice-slide dd .more {
          right: 0;
          top: -39px; } }
      .notice-slide dd .more:before {
        content: '';
        display: inline-block;
        width: 31px;
        height: 31px;
        cursor: pointer;
        background: url("/2017/img/submain/ico_plus.gif") no-repeat center center; }

/* -------------------- 새로운 서비스, 바로받는 서비스 -------------------- */
.new-service {
  padding-left: 20px;
  padding-right: 20px;
  /* 정부서비스메인 바로받는 서비스 수정본 구축반영
  .reg {
  	position: relative;
  	padding-left: 130px;			
  	margin-top:10px;
  	padding-top:0;
  	@include respond-to('xms') {
  		display:none;
  		padding-left: 120px;
  	}
  	&:before {
  		display: inline-block;
  		content: '';
  		background: image('submain/main_icon_new.png') no-repeat -10px -262px;
  		width: 110px;
  		height: 110px;
  		position: absolute;
  		left: 0;
  		top: 0;
  	}
  	li {
  		margin-bottom: 2px;
  	}
  	a {
  		display: block;
  		width: 194px;
  		height: 26px;				
  		padding-left:10px;
  		line-height: 26px;
  		border: 1px solid #bbb;
  		background: #fff;
  		box-sizing: border-box;
  		position: relative;
  		@include respond-to('lg') {
  			
  		}
  		&:after {
  			display: inline-block;
  			content: '';
  			background: image('submain/main_icon_new.png') no-repeat -384px -175px;
  			width: 24px;
  			height: 26px;
  			position: absolute;
  			right: 8px;
  			top: 0;
  		}
  	}
  }
  */ }
  .column-wrap .new-service {
    background: #fef5eb; }
    @media only screen and (max-width: 414px) {
      .column-wrap .new-service {
        padding: 0 10px;
        background: #fef5ec;
        border-top: 1px solid #d6d6d6; } }
    .column-wrap .new-service.col3 dl {
      /* padding:15px 0 0 0; */ }
  .new-service dt {
    font-size: 20px;
    font-size: 2rem; }
  @media only screen and (max-width: 414px) {
    .new-service dd {
      display: block; } }
  .new-service dd p {
    margin: 0 0 0 0;
    font-size: 14px;
    font-size: 1.4rem; }
    @media only screen and (max-width: 414px) {
      .new-service dd p {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; } }
  .new-service .reg {
    position: relative;
    padding-left: 130px;
    /*padding-top: 8px;
    margin-top: 15px; */
    margin-top:10px;
    padding-top:0;}
    @media only screen and (max-width: 414px) {
      .new-service .reg {
        display: none;
        padding-left: 110px; } }
    .new-service .reg:before {
      display: inline-block;
      content: '';
      background: url("/2017/img/submain/main_icon_new.png") no-repeat -10px -262px;
      width: 110px;
      height: 110px;
      position: absolute;
      left: 0;
      top: 0; }
    .new-service .reg li {
      margin-bottom: 2px; }
    .new-service .reg a {
      display: block;
      /* width: 194px;*/
      height: 26px;
      padding-left: 10px;
      /* padding-left:10px; */
      line-height: 24px;
      border: 1px solid #bbb;
      background: #fff;
      box-sizing: border-box;
      position: relative; }
      .new-service .reg a:after {
        display: inline-block;
        content: '';
        background: url("/2017/img/submain/main_icon_new_origin.png") no-repeat -384px -175px;
        width: 24px;
        height: 26px;
        position: absolute;
        right: 10px;
        top: 0; }

/* -------------------- 빠른확인 서비스, 생애주기별 서비스 -------------------- */
.quick-service {
  /* padding-left: 20px;
  padding-right: 20px; */
  padding: 0; }
  @media only screen and (max-width: 414px) {
    .column-wrap .quick-service {
      padding: 0 10px;
      background: #f5feed;
      border-top: 1px solid #d6d6d6; } }
  .quick-service dt {
    padding: 0 20px;
    font-size: 20px;
    font-size: 2rem; }
    @media only screen and (max-width: 414px) {
      .quick-service dt {
        padding: 0 0; } }
  .quick-service dd.more {
    right: 15px; }
    @media only screen and (max-width: 414px) {
      .quick-service dd.more {
        right: 0; } }
  .quick-service dd p {
    /* margin: 0 0 0 0;*/
    margin: 0 20px;
    font-size: 14px;
    font-size: 1.4rem; }
    @media only screen and (max-width: 414px) {
      .quick-service dd p {
        overflow: hidden;
        margin: 0 0 0 0;
        text-overflow: ellipsis;
        white-space: nowrap; } }
  .quick-service dd .quick-list {
    overflow: hidden;
    /* width: 100%;
    margin-top: 40px;  */
    width: auto;
    margin: 40px 10px 0 10px; }
    @media only screen and (max-width: 414px) {
      .quick-service dd .quick-list {
        display: none; } }
    .quick-service dd .quick-list > li {
      float: left;
      width: 14.2857142857%;
      text-align: center;
      border-left: 1px solid #cfd9e2;
      box-sizing: border-box; }
      .quick-service dd .quick-list > li:first-child {
        border-left: 0; }
      .quick-service dd .quick-list > li a {
        display: block; }
        .quick-service dd .quick-list > li a:before {
          display: block;
          content: '';
          width: 34px;
          height: 34px;
          margin: 0 auto 10px;
          background: url("/2017/img/submain/main_icon_new_origin.png") no-repeat -20px -225px; }
        .quick-service dd .quick-list > li a.quick-icon1:before {
          background-position: -93px -225px; }
        .quick-service dd .quick-list > li a.quick-icon2:before {
          background-position: -20px -225px; }
        .quick-service dd .quick-list > li a.quick-icon3:before {
          background-position: -165px -225px; }
        .quick-service dd .quick-list > li a.quick-icon4:before {
          background-position: -311px -273px; }
        .quick-service dd .quick-list > li a.quick-icon5:before {
          background-position: -239px -225px; }
        .quick-service dd .quick-list > li a.quick-icon6:before {
          background-position: -312px -320px; }
        .quick-service dd .quick-list > li a.quick-icon7:before {
          background-position: -312px -225px; }

/* -------------------- 배너 -------------------- */
.biz-service {
  background: #eff8fe url("/2017/img/submain/biz_bg.png") no-repeat right bottom;
  border-top: 1px solid #d6d6d6;
  min-height: 64px;
  font-size: 16px;
  font-size: 1.6rem;
  padding: 25px 0 0 20px;
  box-sizing: border-box; }
  @media only screen and (max-width: 1023px) {
    .biz-service {
      background: #fff url("/2017/img/submain/biz_bg.png") no-repeat right bottom; } }
  @media only screen and (max-width: 640px) {
    .biz-service {
      display: none; } }
  .biz-service dt {
    font-weight: normal;
    background: none;
    padding-left: 0; }

/* -------------------- 배너 -------------------- */
.service-ban {
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
  border: 1px solid #d6d6d6;
  height: 118px;
  font-size: 20px;
  font-size: 2rem;
  font-family: 'Malgun Gothic', sans-serif;
  color: #34393d; }
  @media only screen and (max-width: 805px) {
    .service-ban {
      display: none; } }
  .service-ban > img {
    width: 100%;
    max-width: 100%;
    height: auto; }

/* ##################################################################### */
/*																		 */
/* 		민원 24       													 */
/*				            											 */
/* ##################################################################### */
.minwon .column-wrap {
  border-top: 0; }
  @media only screen and (max-width: 414px) {
    .minwon .column-wrap .favor-minwon-sec {
      border-left: 1px solid #ccc;
      border-right: 1px solid #ccc; } }
  @media only screen and (max-width: 414px) {
    .minwon .column-wrap .minwon-search {
      border: 1px solid #ccc;
      border-top: 0; } }
.minwon .column-wrap.first {
  background: #fff;
  border-top: 5px solid #03625f;
  border-bottom: 0; }
  @media only screen and (max-width: 640px) {
    .minwon .column-wrap.first {
      border-bottom: 1px solid #ccc; } }

.favor-minwon .icon-list ul > li a:before {
  background: url("/2017/img/submain/iconset_service_minwon.png") no-repeat 0 0; }

.minwon .column-wrap .my-life-info.login-after .myLifeInfo li {
  background: url("/2017/img/common/dot_minwon.png") no-repeat left center;
  /* &:last-child {
  	border-bottom:0;
  }*/ }

/* ------------------------- 자주찾는 민원 ------------------------- */
.column-wrap .col3.bgc {
  background: #f9f9fa; }
  @media only screen and (max-width: 1023px) {
    .column-wrap .col3.bgc {
      background: #fff; } }

@media only screen and (max-width: 414px) {
  .col3.favor-minwon-sec dl {
    padding: 0 0 10px 0 !important; } }
.col3.favor-minwon-sec dt {
  padding-left: 20px; }
  @media only screen and (max-width: 414px) {
    .col3.favor-minwon-sec dt {
      margin-bottom: 15px;
      padding-left: 30px;
      font-size: 20px;
      font-size: 2rem; } }
  @media only screen and (max-width: 414px) and (max-width: 414px) {
    .col3.favor-minwon-sec dt {
      position: absolute;
      left: -10000px;
      top: auto;
      width: 1px;
      height: 1px;
      overflow: hidden; } }

.icon-list.favor-minwon ul > li {
  margin-top: 10px; }
  @media only screen and (max-width: 414px) {
    .icon-list.favor-minwon ul > li {
      width: 31.3333333333%;
      margin-top: 3px; } }
  .icon-list.favor-minwon ul > li a {
    display: block; }
    .icon-list.favor-minwon ul > li a span {
      display: block; }
      @media only screen and (max-width: 414px) {
        .icon-list.favor-minwon ul > li a span {
          display: inline; } }
    .icon-list.favor-minwon ul > li a:before {
      display: block;
      content: '';
      width: 50px;
      height: 50px;
      margin: 0 auto;
      background: url("/2017/img/submain/main_icon_new.png") no-repeat 0 0; }
      @media only screen and (max-width: 414px) {
        .icon-list.favor-minwon ul > li a:before {
          height: 46px; } }
    .icon-list.favor-minwon ul > li a.icon1:before {
      background-position: -190px -12px; }
    .icon-list.favor-minwon ul > li a.icon2:before {
      background-position: -250px -12px; }
    .icon-list.favor-minwon ul > li a.icon3:before {
      background-position: -310px -12px; }
    .icon-list.favor-minwon ul > li a.icon4:before {
      background-position: -190px -62px; }
    .icon-list.favor-minwon ul > li a.icon5:before {
      background-position: -250px -62px; }
    .icon-list.favor-minwon ul > li a.icon6:before {
      background-position: -310px -62px; }
    .icon-list.favor-minwon ul > li a.icon7:before {
      background-position: -190px -112px; }
    .icon-list.favor-minwon ul > li a.icon8:before {
      background-position: -250px -112px; }
    .icon-list.favor-minwon ul > li a.icon9:before {
      background-position: -310px -112px; }
    .icon-list.favor-minwon ul > li a.icon10:before {
      background-position: -190px -162px; }
    .icon-list.favor-minwon ul > li a.icon11:before {
      background-position: -250px -162px; }
    .icon-list.favor-minwon ul > li a.icon12:before {
      background-position: -310px -162px; }

/* ------------------------- 민원 검색 ------------------------- */
.column-wrap .minwon-search:before {
  display: none; }

.column-wrap .banner .my-life-info {
  padding-bottom: 15px; }
.column-wrap .banner .check-truth {
  padding-bottom: 5px; }

.minwon-search:before {
  display: none; }
@media only screen and (max-width: 414px) {
  .minwon-search {
    padding: 0 15px !important;
    border-top: 0; } }
.minwon-search .part-info {
  margin-bottom: 10px; }
  .minwon-search .part-info:before {
    display: inline-block;
    content: '';
    background: url("/2017/img/submain/main_icon_new.png") no-repeat -498px -216px;
    width: 34px;
    height: 34px;
    vertical-align: middle; }
  @media only screen and (max-width: 414px) {
    .minwon-search .part-info {
      display: none; } }
.minwon-search input {
  border: 1px solid #bbbbbb;
  line-height: 38px;
  height: 38px;
  width: 70%; }
.minwon-search .minwon-search-box {
  margin: 15px 0 10px;
  position: relative; }
  .minwon-search .minwon-search-box .input {
    font-size: 14px;
    font-size: 1.4rem;
    height: 35px;
    line-height: 35px;
    text-align: left;
    width: 100%;
    padding-right: 67px;
    color: inherit;
    box-sizing: border-box;
    vertical-align: top; }
  .minwon-search .minwon-search-box .btn-search {
    display: inline-block;
    background: #465064;
    text-align: center;
    width: 64px;
    height: 35px;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer; }
    .minwon-search .minwon-search-box .btn-search:before {
      font-size: 27px;
      font-size: 2.7rem;
      content: ' ';
      display: inline-block;
      color: #fff;
      width: 64px;
      height: 35px;
      margin: 0 auto;
      line-height: 35px;
      vertical-align: middle;
      font-family: 'FontAwesome', sans-serif;
      font-weight: normal;
      box-sizing: border-box;
      background: url("/2017/img/page/ico_fa_convert.png") no-repeat 0 -40px; }
.minwon-search dl {
  width: 288px;
  margin: 0 auto; }
  @media only screen and (max-width: 640px) {
    .minwon-search dl {
      width: 80%; } }
  @media only screen and (max-width: 414px) {
    .minwon-search dl {
      width: 100%;
      padding: 5px 0 10px 0 !important; } }
.minwon-search dt {
  text-align: center;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.2;
  position: relative;
  color: #2e7c21; }
  .minwon-search dt strong {
    font-size: 22px;
    font-size: 2.2rem;
    color: #3ba4d8;
    display: block; }
.minwon-search dd {
  border: 5px solid #71bb50;
  border-top: 0;
  padding: 10px 15px 10px;
  margin: -13px 0 0;
  position: relative; }
  @media only screen and (max-width: 414px) {
    .minwon-search dd {
      padding: 5px 15px 5px; } }
  .minwon-search dd:before, .minwon-search dd:after {
    display: inline-block;
    content: '';
    width: 20%;
    height: 5px;
    background: #71bb50;
    position: absolute;
    top: 0; }
  .minwon-search dd:before {
    left: 0; }
  .minwon-search dd:after {
    right: 0; }
  .minwon-search dd li {
    margin-bottom: 10px; }
  @media only screen and (max-width: 414px) {
    .minwon-search dd ul {
      display: none; } }
.minwon-search .search-divistion {
  text-align: center;
  width: 100%; }
  .minwon-search .search-divistion > li {
    display: inline-block;
    text-align: center;
    width: 31%;
    line-height: 1;
    margin-bottom: 0; }
    .minwon-search .search-divistion > li a {
      line-height: 35px;
      width: 100%;
      display: inline-block;
      background: #6a9938;
      color: #fff; }
.minwon-search .new-minwon {
  margin: 15px 0 0 0;
  border-top: 2px solid #6a9938;
  position: relative;
  padding-top: 10px; }
  @media only screen and (max-width: 414px) {
    .minwon-search .new-minwon {
      display: none; } }
  .minwon-search .new-minwon strong {
    font-size: 16px;
    font-size: 1.6rem;
    display: block;
    line-height: 26px;
    color: #2e7c21; }
  .minwon-search .new-minwon .new-minwon-list li {
    margin: 3px 0 0 0; }
    .minwon-search .new-minwon .new-minwon-list li a {
      display: block;
      line-height: 25px;
      border: 1px solid #6a9938;
      background: #fff;
      padding: 0 10px;
      box-sizing: border-box;
      position: relative; }
      .minwon-search .new-minwon .new-minwon-list li a:after {
        display: inline-block;
        content: '';
        background: url("/2017/img/submain/main_icon_new.png") no-repeat -410px -174px;
        width: 24px;
        height: 28px;
        position: absolute;
        right: 10px;
        top: 0; }
  .minwon-search .new-minwon .more {
    position: absolute;
    right: 0;
    top: 22px; }
    .minwon-search .new-minwon .more:before {
      display: inline-block;
      content: '\f067';
      font-size: 18px;
      font-size: 1.8rem;
      font-family: 'FontAwesome', sans-serif;
      color: #9c9c9c;
      font-weight: normal; }

.no-canvas .minwon-search .minwon-search-box .search:before {
  padding-left: 20px; }

.column-wrap .col3 .check-truth {
  padding: 15px 20px;
  /* padding: 15px 20px 5px; */ }
  @media only screen and (max-width: 414px) {
    .column-wrap .col3 .check-truth {
      padding: 15px 0; } }

.check-truth {
  /* 20170713 height: 45%; */
  border-top: 1px solid #d6d6d6;
  background: #f4fdfc; }
  .check-truth dt {
    position: relative; }
    @media only screen and (max-width: 414px) {
      .check-truth dt {
        padding-left: 10px; } }
  .check-truth:after {
    position: absolute;
    right: 20px;
    top: 50%;
    width: 68px;
    height: 100px;
    margin: -45px 0 0 0;
    display: inline-block;
    content: '';
    background: url("/2017/img/submain/main_icon_new.png") no-repeat -140px -259px; }
    @media only screen and (max-width: 805px) {
      .check-truth:after {
        right: 0; } }
    @media only screen and (max-width: 640px) {
      .check-truth:after {
        right: 20px; } }
    @media only screen and (max-width: 414px) {
      .check-truth:after {
        display: none; } }
  .check-truth .direct-go {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    background: #1da0a8;
    color: #fff;
    z-index: 10;
    padding: 0 10px;
    line-height: 30px;
    height: 30px;
    box-sizing: border-box;
    font-weight: normal;
    vertical-align: middle;
    font-size: 13px;
    font-size: 1.3rem; }
    @media only screen and (max-width: 414px) {
      .check-truth .direct-go {
        /* display: inline-block; */ } }
  .check-truth .reg {
    position: relative;
    padding-top: 8px;
    width: 100%;
    padding-right: 95px;
    box-sizing: border-box; }
    @media only screen and (max-width: 1140px) {
      .check-truth .reg {
        padding-right: 75px; } }
    @media only screen and (max-width: 1023px) {
      .check-truth .reg {
        padding-right: 85px; } }
    @media only screen and (max-width: 805px) {
      .check-truth .reg {
        padding-right: 50px; } }
    @media only screen and (max-width: 640px) {
      .check-truth .reg {
        padding-right: 85px; } }
    .check-truth .reg li {
      margin-bottom: 5px; }
      .check-truth .reg li:last-child {
        margin-bottom: 0; }
    .check-truth .reg a {
      display: block;
      width: 100%;
      height: 28px;
      padding-left: 10px;
      line-height: 28px;
      border: 1px solid #bbb;
      background: #fff;
      box-sizing: border-box;
      position: relative; }
      .check-truth .reg a:after {
        display: inline-block;
        content: '';
        background: url("/2017/img/submain/main_icon_new.png") no-repeat -358px -174px;
        width: 24px;
        height: 28px;
        position: absolute;
        right: 10px;
        top: 0; }
        @media only screen and (max-width: 1140px) {
          .check-truth .reg a:after {
            right: 0; } }
        @media only screen and (max-width: 1023px) {
          .check-truth .reg a:after {
            right: 10px; } }
        @media only screen and (max-width: 805px) {
          .check-truth .reg a:after {
            right: 0; } }
        @media only screen and (max-width: 640px) {
          .check-truth .reg a:after {
            right: 10px; } }
  @media only screen and (max-width: 414px) {
    .check-truth dd {
      display: none; } }
  .check-truth dd.more {
    top: 10px;
    right: 15px; }

/* ------------------------- 이용안내 ------------------------- */
.use-info,
.news {
  padding: 0 20px; }
  @media only screen and (max-width: 640px) {
    .use-info,
    .news {
      display: none; } }

.noti-board {
  height: 100%;
  background: #dbf5e4 url("/2017/img/submain/bg_minwon_1.png") no-repeat right bottom;
  box-sizing: border-box; }
  @media only screen and (max-width: 1023px) {
    .noti-board {
      min-height: 130px; } }
  @media only screen and (max-width: 640px) {
    .noti-board {
      display: none; } }
  .noti-board dt {
    font-size: 16px;
    font-size: 1.6rem;
    color: #343d35;
    margin-bottom: 15px;
    background: none;
    padding-left: 0; }
    .noti-board dt span {
      display: block; }
      @media only screen and (max-width: 1023px) {
        .noti-board dt span {
          display: inline-block; } }
  .noti-board dd {
    font-size: 13px;
    font-size: 1.3rem;
    color: #006e58; }
    .noti-board dd span {
      display: block; }
      @media only screen and (max-width: 1023px) {
        .noti-board dd span {
          display: inline-block; } }

@media only screen and (max-width: 1023px) {
  .column-wrap .col3.noti-sec {
    position: relative;
    z-index: 10; } }
@media only screen and (max-width: 414px) {
  .column-wrap .col3 .news {
    padding: 10px 15px; } }
@media only screen and (max-width: 640px) {
  .column-wrap .col3 .news-noti {
    display: none; } }

@media only screen and (max-width: 640px) {
  .column-wrap .col3:first-child + .col3 + .col3 dl.faq {
    border-top: 0; } }
.column-wrap .m-notice dl.notice {
  padding-left: 20px;
  padding-right: 20px; }

.minwon-pop-wrap {
  width: 100%;
  overflow: hidden;
  background: #fafddc;
  display: none; }
  .minwon-pop-wrap .minwon-pop {
    max-width: 1140px;
    overflow: hidden;
    margin: 0 auto;
    position: relative; }
    .minwon-pop-wrap .minwon-pop .col {
      width: 33.333%;
      float: left;
      border-right: 1px solid #ccc;
      box-sizing: border-box;
      position: relative; }
      .minwon-pop-wrap .minwon-pop .col:first-child {
        border-left: 0; }
    .minwon-pop-wrap .minwon-pop .notice {
      background: #689f38;
      padding: 10px 20px;
      color: #fff; }
      .minwon-pop-wrap .minwon-pop .notice dt {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 25px; }
        .minwon-pop-wrap .minwon-pop .notice dt:before {
          display: inline-block;
          content: '';
          width: 25px;
          height: 25px;
          line-height: 1;
          vertical-align: middle;
          background: url("/2017/img/submain/main_icon_new.png") no-repeat -250px -259px; }
      .minwon-pop-wrap .minwon-pop .notice .bbs-list {
        margin-top: 5px; }
        .minwon-pop-wrap .minwon-pop .notice .bbs-list li {
          margin: 0;
          padding: 0;
          line-height: 1; }
        .minwon-pop-wrap .minwon-pop .notice .bbs-list .date {
          position: absolute;
          width: 60px;
          right: 0;
          top: 0; }
        .minwon-pop-wrap .minwon-pop .notice .bbs-list a {
          position: relative;
          margin: 0 0 0 0;
          width: 95%;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          display: inline-block;
          background: url("/2017/img/common/dot_minwon.png") no-repeat left center;
          padding-left: 10px;
          box-sizing: border-box;
          line-height: 22px;
          height: 22px; }
        .minwon-pop-wrap .minwon-pop .notice .bbs-list.date a {
          padding-right: 60px; }
      .minwon-pop-wrap .minwon-pop .notice .more {
        position: absolute;
        right: 10px;
        top: 10px;
        width: 20px;
        height: 20px;
        z-index: 10; }
        .minwon-pop-wrap .minwon-pop .notice .more a {
          font-size: 18px;
          font-size: 1.8rem;
          color: #333;
          display: inline-block; }
          .minwon-pop-wrap .minwon-pop .notice .more a:before {
            display: inline-block;
            content: ' ';
            font-family: 'FontAwesome', sans-serif;
            width: 20px;
            height: 20px;
            color: #fff;
            background: url("/2017/img/page/ico_fa_convert.png") no-repeat -80px -40px; }
    .minwon-pop-wrap .minwon-pop .minwon-setting {
      padding: 10px 30px; }
      .minwon-pop-wrap .minwon-pop .minwon-setting dt {
        font-size: 16px;
        font-size: 1.6rem;
        color: #03625f; }
      .minwon-pop-wrap .minwon-pop .minwon-setting dd {
        background: url("/2017/img/submain/pop_minwon_setting.png") no-repeat 0 -10px;
        padding-left: 80px;
        min-height: 80px; }
        .minwon-pop-wrap .minwon-pop .minwon-setting dd p {
          margin: 10px 0; }
        .minwon-pop-wrap .minwon-pop .minwon-setting dd .btn-detail {
          border: 1px solid #767e11;
          padding: 0 15px;
          background: #fff;
          line-height: 18px;
          width: 103px; }
          .minwon-pop-wrap .minwon-pop .minwon-setting dd .btn-detail:after {
            display: inline-block;
            content: ' ';
            font-family: 'FontAwesome', sans-serif;
            vertical-align: top;
            width: 14px;
            height: 18px;
            background: url("/2017/img/page/ico_fa_convert.png") no-repeat -300px -30px; }
    .minwon-pop-wrap .minwon-pop .minwon-faq {
      padding: 10px 30px; }
      .minwon-pop-wrap .minwon-pop .minwon-faq dt {
        font-size: 16px;
        font-size: 1.6rem;
        color: #03625f; }
      .minwon-pop-wrap .minwon-pop .minwon-faq dd .bbs-list {
        margin-top: 5px; }
        .minwon-pop-wrap .minwon-pop .minwon-faq dd .bbs-list li {
          margin: 0;
          padding: 0;
          line-height: 1; }
        .minwon-pop-wrap .minwon-pop .minwon-faq dd .bbs-list .date {
          position: absolute;
          width: 60px;
          right: 0;
          top: 0; }
        .minwon-pop-wrap .minwon-pop .minwon-faq dd .bbs-list a {
          position: relative;
          margin: 0 0 0 0;
          width: 95%;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          display: inline-block;
          background: url("/2017/img/common/dot_minwon.png") no-repeat left center;
          padding-left: 10px;
          box-sizing: border-box;
          line-height: 22px;
          height: 22px; }
        .minwon-pop-wrap .minwon-pop .minwon-faq dd .bbs-list.date a {
          padding-right: 60px; }
      .minwon-pop-wrap .minwon-pop .minwon-faq dd .more {
        position: absolute;
        right: 10px;
        top: 10px;
        width: 20px;
        height: 20px;
        z-index: 10; }
        .minwon-pop-wrap .minwon-pop .minwon-faq dd .more a {
          font-size: 18px;
          font-size: 1.8rem;
          color: #333;
          display: inline-block; }
          .minwon-pop-wrap .minwon-pop .minwon-faq dd .more a:before {
            display: inline-block;
            content: ' ';
            font-family: 'FontAwesome', sans-serif;
            width: 20px;
            height: 20px;
            color: #ccc;
            background: url("/2017/img/page/ico_fa_convert.png") no-repeat -100px -40px; }
  .minwon-pop-wrap .nottoday {
    position: absolute;
    right: 20px;
    bottom: 10px; }
    .minwon-pop-wrap .nottoday input {
      display: inline-block;
      width: 20px;
      height: 20px;
      vertical-align: middle; }
    .minwon-pop-wrap .nottoday .mask-close {
      display: inline-block; }
      .minwon-pop-wrap .nottoday .mask-close:before {
        vertical-align: middle;
        background: url("/2017/img/common/lnbAll_close.png") no-repeat left top;
        width: 40px;
        height: 32px;
        display: inline-block;
        content: '';
        line-height: 1; }

.minwon .column-wrap .col3 dl.my-life-info {
  /* 20170713 height: 35%; */ }
  @media only screen and (max-width: 805px) {
    .minwon .column-wrap .col3 dl.my-life-info {
      height: auto;
      padding: 15px 20px;
      position: relative;
      text-align: left; }
      .minwon .column-wrap .col3 dl.my-life-info dt {
        text-align: left; }
      .minwon .column-wrap .col3 dl.my-life-info .go-list {
        margin: 0; }
      .minwon .column-wrap .col3 dl.my-life-info dd.more {
        display: block;
        top: 15px;
        right: 15px; } }
    @media only screen and (max-width: 805px) and (max-width: 414px) {
      .minwon .column-wrap .col3 dl.my-life-info dd.more {
        top: 10px; } }
  @media only screen and (max-width: 805px) {
      .minwon .column-wrap .col3 dl.my-life-info p {
        display: none; } }
  @media only screen and (max-width: 414px) {
    .minwon .column-wrap .col3 dl.my-life-info {
      padding: 10px 10px;
      /* 20170713 padding: 10px 0 10px 10px; */ } }
.minwon .column-wrap .col3 dl.check-truth {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* 20170713 height: 65%; */ }
  @media only screen and (max-width: 805px) {
    .minwon .column-wrap .col3 dl.check-truth {
      position: relative;
      height: auto;
      padding: 15px 20px; } }
  @media only screen and (max-width: 414px) {
    .minwon .column-wrap .col3 dl.check-truth {
      padding: 10px 0; } }

@media only screen and (max-width: 805px) {
  .column-wrap .col3:first-child + .col3 + .col3 .m-notice {
    border-bottom: 1px solid #d6d6d6; } }

.column-wrap .col3:first-child + .col3 + .col3 dl.notice {
  display: none; }
  @media only screen and (max-width: 805px) {
    .column-wrap .col3:first-child + .col3 + .col3 dl.notice {
      display: block;
      width: 100%;
      padding: 15px 20px;
      /* padding: 15px 20px 0; */
      border-top: 0; }
      .column-wrap .col3:first-child + .col3 + .col3 dl.notice .bbs-list {
        margin-top: 0; } }
  @media only screen and (max-width: 414px) {
    .column-wrap .col3:first-child + .col3 + .col3 dl.notice {
      padding: 15px 0; } }

@media only screen and (max-width: 805px) {
  .banner:after {
    border-left: 0; }

  .check-truth {
    border-left: 1px solid #d6d6d6; } }
@media only screen and (max-width: 805px) {
  .check-truth {
    border-left: 1px solid #d6d6d6; } }
@media only screen and (max-width: 640px) {
  .check-truth {
    border-left: 0; } }

.my-life-info dd .btn-life {
  display: inline-block;
  text-align: center;
  padding: 0 10px;
  line-height: 30px;
  height: 30px;
  box-sizing: border-box;
  min-width: 130px;
  vertical-align: middle; }
  .my-life-info dd .btn-life.info {
    border: 1px solid #e86e6e; }
  .my-life-info dd .btn-life.check {
    background: #e86e6e;
    color: #fff;
    border: 1px solid #e86e6e; }
    @media only screen and (max-width: 414px) {
      .my-life-info dd .btn-life.check {
        position: absolute;
        right: 0;
        top: 10px;
        min-width: 20px; } }
    .my-life-info dd .btn-life.check.login-after {
      border-radius: 15px;
      font-weight: bold; }
      @media only screen and (max-width: 805px) {
        .my-life-info dd .btn-life.check.login-after {
          position: absolute;
          right: 5px;
          top: 10px;
          min-width: 20px; } }

.minwon .my-life-info dd .btn-life.check {
  background: #e86e6e;
  color: #fff;
  border: 1px solid #e86e6e; }
  @media only screen and (max-width: 805px) {
    .minwon .my-life-info dd .btn-life.check {
      display: none;
      position: absolute;
      right: 0;
      top: 10px;
      min-width: 20px; } }

@media only screen and (max-width: 640px) {
  .subMainWrap.minwon + .middle-bar {
    display: none; } }

@media only screen and (max-width: 1023px) {
  .column-wrap .col3.banner-service.minwon {
    display: none; } }

/* ##################################################################### */
/*																		 */
/* 		정책 정보       													 */
/*				            											 */
/* ##################################################################### */
.gov .column-wrap.first {
  background: #fff;
  border-top: 5px solid #ffa000;
  border-bottom: 0; }

.favor-gov-sec {
  padding: 0 20px; }
  .favor-gov-sec .info {
    font-size: 12px;
    font-size: 1.2rem;
    background: #fef3e4;
    border-radius: 10px;
    padding: 10px 5px;
    margin-top: 5px;
    padding-left: 25px;
    text-indent: -15px; }
    @media only screen and (max-width: 414px) {
      .favor-gov-sec .info {
        padding: 6px 5px;
        margin-top: 3px;
        margin-bottom: 3px; } }

@media only screen and (max-width: 414px) {
  .column-wrap .col3.favor-gov-sec {
    border: 1px solid #c5c4c4;
    border-top: 0; } }
@media only screen and (max-width: 414px) {
  .column-wrap .col2.govColumn {
    border-top: 10px solid #c5c4c4;
    border-bottom: 10px solid #c5c4c4; } }
@media only screen and (max-width: 414px) {
  .column-wrap .banner-service.gov {
    border-top: 10px solid #c5c4c4; } }

@media only screen and (max-width: 1023px) {
  .column-wrap .favor-gov-sec {
    border-top: 1px solid #d6d6d6; }
    .column-wrap .favor-gov-sec dl {
      border-top: 0 !important;
      width: 100% !important; } }
@media only screen and (max-width: 640px) {
  .column-wrap .favor-gov-sec dl .icon-list.gov ul > li {
    width: 31.3333333333%; } }
@media only screen and (max-width: 414px) {
  .column-wrap .favor-gov-sec dl {
    padding: 5px 0 10px 0 !important; }
    .column-wrap .favor-gov-sec dl .icon-list.gov ul > li {
      margin: 3px 0 0 2%; }
      .column-wrap .favor-gov-sec dl .icon-list.gov ul > li a:before {
        height: 46px; } }
.icon-list.gov ul {
  margin-top: 0; }
  .icon-list.gov ul > li {
    margin-bottom: 5px; }
    @media only screen and (max-width: 414px) {
      .icon-list.gov ul > li {
        margin-bottom: 0; } }
    .icon-list.gov ul > li a {
      display: block; }
      .icon-list.gov ul > li a span {
        display: block; }
        @media only screen and (max-width: 414px) {
          .icon-list.gov ul > li a span {
            display: inline; } }
      .icon-list.gov ul > li a:before {
        display: block;
        content: '';
        width: 50px;
        height: 50px;
        margin: 0 auto;
        background: url("/2017/img/submain/main_icon_new.png") no-repeat 0 0; }
        @media only screen and (max-width: 414px) {
          .icon-list.gov ul > li a:before {
            height: 46px; } }
      .icon-list.gov ul > li a.icon1:before {
        background-position: -370px -12px; }
      .icon-list.gov ul > li a.icon2:before {
        background-position: -430px -12px; }
      .icon-list.gov ul > li a.icon3:before {
        background-position: -490px -12px; }
      .icon-list.gov ul > li a.icon4:before {
        background-position: -370px -62px; }
      .icon-list.gov ul > li a.icon5:before {
        background-position: -430px -62px; }
      .icon-list.gov ul > li a.icon6:before {
        background-position: -490px -62px; }
      .icon-list.gov ul > li a.icon7:before {
        background-position: -370px -112px; }
      .icon-list.gov ul > li a.icon8:before {
        background-position: -430px -112px; }
      .icon-list.gov ul > li a.icon9:before {
        background-position: -490px -112px; }
      .icon-list.gov ul > li a.icon10:before {
        background-position: -190px -162px; }
      .icon-list.gov ul > li a.icon11:before {
        background-position: -250px -162px; }
      .icon-list.gov ul > li a.icon12:before {
        background-position: -310px -162px; }

/* ------------------------- 국정소식 ------------------------- */
.thumb-bbs li .figure {
  display: block;
  margin-bottom: 10px;
  position: relative; }
.thumb-bbs li strong {
  display: block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block; }
.thumb-bbs li .date {
  font-size: 12px;
  font-size: 1.2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  width: 100%;
  color: #666; }

.gov-news {
  padding: 0 20px; }
  @media only screen and (max-width: 414px) {
    .gov-news dl {
      padding-top: 10px !important; } }
  .gov-news dt {
    font-size: 20px;
    font-size: 2rem; }
  @media only screen and (max-width: 414px) {
    .gov-news dd.more {
      top: 10px; } }
  @media only screen and (max-width: 414px) {
    .gov-news {
      border-top: 0; } }
  .gov-news .rig {
    margin-top: 8px; }
    @media only screen and (max-width: 414px) {
      .gov-news .rig {
        margin-top: 0; } }
    .gov-news .rig li {
      text-align: left; }
  .gov-news .gov-list {
    border-top: 1px solid #d6d6d6;
    margin: 15px 0 0 0;
    padding-top: 10px; }
    @media only screen and (max-width: 414px) {
      .gov-news .gov-list {
        display: none; } }
    .gov-news .gov-list > li {
      margin-top: 8px; }
      .gov-news .gov-list > li a {
        display: block;
        width: 100%;
        position: relative;
        padding-right: 60px;
        box-sizing: border-box;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: inline-block;
        color: #000; }
        .gov-news .gov-list > li a .date {
          position: absolute;
          right: 5px;
          text-align: right;
          top: 0;
          color: #666;
          width: 60px; }

/* ------------------------- 지방자치단체 소식  ------------------------- */
.col-wrap {
  width: 100%;
  overflow: hidden;
  position: relative;
  padding: 20px 20px 10px 30px;
  box-sizing: border-box; }
  @media only screen and (max-width: 1023px) {
    .col-wrap {
      padding: 20px 20px 10px; } }
  @media only screen and (max-width: 414px) {
    .col-wrap {
      padding: 20px 10px 10px; } }

.colL {
  float: left; }
  @media only screen and (max-width: 1023px) {
    .colL {
      display: none; } }

.colR {
  float: right;
  width: 65%; }
  @media only screen and (max-width: 1023px) {
    .colR {
      float: none;
      width: 100%; } }

.mapR {
  min-height: 268px;
  background: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  @media only screen and (max-width: 805px) {
    .mapR {
      display: none; } }
  .mapR .map-info {
    font-size: 12px;
    font-size: 1.2rem;
    text-align: center;
    position: absolute;
    left: 30px;
    top: 308px; }
    .mapR .map-info:before {
      display: inline-block;
      content: '';
      border-left: 3px solid #ffa000;
      margin-right: 4px;
      height: 12px; }
  .mapR .map-korea {
    position: relative;
    width: 218px;
    margin: 10px auto 30px;
    min-height: 268px;
    background: url("/2017/img/submain/map_korea.png") no-repeat left top; }
    .mapR .map-korea li {
      position: absolute;
      display: inline-block;
      font-size: 11px;
      font-size: 1.1rem; }
      .mapR .map-korea li.seoul {
        left: 58px;
        top: 39px; }
      .mapR .map-korea li.inchon {
        left: 32px;
        top: 51px; }
      .mapR .map-korea li.gyeonggi {
        left: 58px;
        top: 59px; }
      .mapR .map-korea li.gangwon {
        left: 98px;
        top: 45px; }
      .mapR .map-korea li.chunggbuk {
        left: 72px;
        top: 82px; }
      .mapR .map-korea li.chungnam {
        left: 28px;
        top: 94px; }
      .mapR .map-korea li.sejong {
        left: 53px;
        top: 106px; }
      .mapR .map-korea li.daejun {
        left: 71px;
        top: 118px; }
      .mapR .map-korea li.gyeongbuk {
        left: 112px;
        top: 100px; }
      .mapR .map-korea li.daegu {
        left: 120px;
        top: 131px; }
      .mapR .map-korea li.gyeongnam {
        left: 90px;
        top: 157px; }
      .mapR .map-korea li.ulsan {
        left: 158px;
        top: 147px; }
      .mapR .map-korea li.busan {
        left: 152px;
        top: 164px; }
      .mapR .map-korea li.jeonbuk {
        left: 50px;
        top: 142px; }
      .mapR .map-korea li.gwangju {
        left: 46px;
        top: 162px; }
      .mapR .map-korea li.jeonnam {
        left: 39px;
        top: 181px; }
      .mapR .map-korea li.jeju {
        left: 29px;
        top: 230px; }

.localNews dt {
  border-bottom: 2px solid #444444;
  padding-bottom: 10px; }

@media only screen and (max-width: 805px) {
  .localNews-list {
    float: none;
    width: 100%; } }
.localNews-list table {
  border: 0;
  padding: 0;
  margin: 0;
  border-collapse: collapse;
  width: 100%; }
.localNews-list tr:first-child td {
  border-top: 0; }
.localNews-list td {
  padding: 12px 0 13px;
  border-bottom: 1px dashed #d7d7d7;
  text-align: center;
  font-size: 12px;
  font-size: 1.2rem; }
  @media only screen and (max-width: 805px) {
    .localNews-list td:first-child + td {
      display: none; } }
  .localNews-list td.subj {
    text-align: left;
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: normal; }
    .localNews-list td.subj a {
      width: 100%; }
      .localNews-list td.subj a:before {
        content: '';
        display: inline-block;
        width: 3px;
        height: 3px;
        vertical-align: middle;
        background: #ffa000;
        line-height: 1;
        font-size: 1px;
        margin-right: 5px; }

.festival-on dd.more {
  right: 20px; }
  @media only screen and (max-width: 414px) {
    .festival-on dd.more {
      right: 0; } }

.localNews dd.more {
  right: 0;
  top: 0; }

/* ------------------------- 대한민국 On마을 축제  ------------------------- */
@media only screen and (max-width: 414px) {
  .column-wrap .col3:first-child + .col3 + .col3 dl.challenge3,
  .column-wrap .col3.festival-on dl,
  .column-wrap .col3.gov-news {
    padding-left: 0;
    padding-right: 0; } }

.column-wrap .festival-on dl {
  padding: 15px 20px 5px;
  position: relative; }
  @media only screen and (max-width: 414px) {
    .column-wrap .festival-on dl {
      padding-left: 10px;
      padding-right: 10px; } }
.column-wrap .festival-on hr {
  background: #d6d6d6;
  height: 1px;
  line-height: 1px;
  border-style: none;
  margin: 0; }

.column-wrap .gov-info dl {
  padding: 15px 20px 5px;
  position: relative; }
  @media only screen and (max-width: 414px) {
    .column-wrap .gov-info dl {
      padding-left: 10px;
      padding-right: 10px; } }
.column-wrap .gov-info hr {
  clear: both;
  background: #d6d6d6;
  height: 1px;
  line-height: 1px;
  border-style: none;
  margin: 0; }

.festival-cont {
  width: 100%;
  overflow: hidden;
  margin: 15px 0 10px;
  position: relative;
  min-height: 80px; }
  .festival-cont .cont {
    width: 100%;
    padding-left: 160px;
    box-sizing: border-box;
    font-size: 13px;
    font-size: 1.3rem; }
    .festival-cont .cont .tit {
      font-size: 14px;
      font-size: 1.4rem; }
      .festival-cont .cont .tit a {
        display: block; }
      .festival-cont .cont .tit span {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: inline-block;
        width: 100%; }
    .festival-cont .cont .date {
      color: #666;
      margin-bottom: 5px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      display: inline-block;
      width: 100%; }
    .festival-cont .cont .spot {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      display: inline-block;
      width: 100%; }
  .festival-cont .figure {
    position: absolute;
    left: 0;
    top: 0;
    width: 150px; }
    .festival-cont .figure img {
      max-width: 100%;
      height: auto; }

/* ------------------------- 반짝반짝 도전3.0  ------------------------- */
.challenge3 .rig > li {
  text-align: left; }

/* ------------------------- 정부기관 안내  ------------------------- */
@media only screen and (max-width: 640px) {
  .gov-info {
    border-top: 1px solid #d6d6d6; } }
.gov-info dt {
  display: block;
  position: relative; }
  .gov-info dt a {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    border: 1px solid #d6d6d6;
    border-radius: 2px;
    line-height: 28px;
    height: 28px;
    padding: 0 15px;
    font-size: 14px;
    font-size: 1.4rem; }
    .gov-info dt a:after {
      display: inline-block;
      content: ' ';
      width: 13px;
      height: 20px;
      margin-bottom: -4px;
      background: url("/2017/img/page/ico_fa_convert.png") no-repeat -230px -30px; }
.gov-info dd {
  padding-top: 20px;
  position: relative; }
  .gov-info dd * {
    vertical-align: top; }
  .gov-info dd select {
    padding: 8px 5px 10px 5px;
    font-family: inherit;
    vertical-align: middle;
    border: 1px solid #898989;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.5;
    height: 40px;
    box-sizing: border-box; }
  .gov-info dd .gap {
    position: relative;
    margin-bottom: 10px;
    width: 100%;
    overflow: hidden;
    padding-right: 48px;
    box-sizing: border-box; }
    .gov-info dd .gap select {
      width: 100%; }
    .gov-info dd .gap span {
      position: absolute;
      display: inline-block;
      right: 0;
      top: 0; }
.gov-info .butn {
  box-sizing: border-box;
  height: 40px;
  line-height: 40px;
  padding: 0 10px;
  display: inline-block;
  background: #fff;
  color: #fff; }
  .gov-info .butn.line {
    background: #e86e6e; }
  .gov-info .butn.orange {
    background: #465064; }

/* ------------------------- 방문자수 ------------------------- */
.gov-info {
  position: relative;
  /*
  .visit-counter {
  	display:block;			
  	position:absolute;
  	right:0;top:0;
  	width:152px;
  	height:170px;
  	padding:15px 0;
  	box-sizing:border-box;
  	background:#f6f6f6;
  	border-left:1px solid #d6d6d6;
  	dl{
  		display:block;
  		position:relative;
  		width:100%;
  		margin:0;
  		padding:0;
  		text-align:center;
  		dt {
  			display:block;
  			background:image('submain/visit_counter_icon.png') no-repeat 50% 0;					
  			padding:40px 0 6px 0;
  			strong { color:#f56b05;}
  		}
  		dd {
  			marign:0 auto;
  			&.num { 
  				display:inline-block;
  				height:40px;
  				background:#fa6a00;
  				border-radius:6px;
  				padding:0 10px;
  				@include font-size(2.8);
  				color:#fff;
  				font-weight:bold;
  				line-height:40px;
  				vertical-align:middle;
  			}
  			&.date {
  				display:block;
  				padding-top:6px;
  				@include font-size(1.4);
  				color:#333333;
  			}
  		}
  	}
  	
  }
  */ }
  .gov-info.col1:before {
    left: 0; }
  .gov-info dl {
    box-sizing: border-box;
    margin-right: 132px; }
    @media only screen and (max-width: 360px) {
      .gov-info dl {
        margin-right: 0; } }
    .gov-info dl dt a {
      padding: 0 10px; }
  .gov-info .visit-counter {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 132px;
    height: 170px;
    padding: 15px 0;
    box-sizing: border-box;
    background: #f6f6f6;
    border-left: 1px solid #d6d6d6; }
    @media only screen and (max-width: 360px) {
      .gov-info .visit-counter {
        position: relative;
        width: 100%;
        height: auto; } }
    .gov-info .visit-counter dl {
      display: block;
      position: relative;
      width: 100%;
      margin: 0;
      padding: 0;
      text-align: center; }
      .gov-info .visit-counter dl dt {
        display: block;
        background: url("/2017/img/submain/visit_counter_icon.png") no-repeat 50% 0;
        padding: 40px 0 6px 0; }
        .gov-info .visit-counter dl dt strong {
          color: #f56b05; }
        @media only screen and (max-width: 360px) {
          .gov-info .visit-counter dl dt {
            display: inline-block;
            height: 30px;
            line-height: 30px;
            margin-bottom: 12px;
            padding: 0 10px 0 40px;
            background-position: 0 50%;
            text-align: left; } }
      .gov-info .visit-counter dl dd {
        margin: 0 auto; }
        .gov-info .visit-counter dl dd.num {
          display: inline-block;
          height: 40px;
          background: #fa6a00;
          border-radius: 6px;
          padding: 0 8px;
          font-size: 26px;
          font-size: 2.6rem;
          color: #fff;
          font-weight: bold;
          line-height: 40px;
          vertical-align: middle; }
          @media only screen and (max-width: 360px) {
            .gov-info .visit-counter dl dd.num {
              display: block;
              margin: 0 20px; } }
        .gov-info .visit-counter dl dd.date {
          display: block;
          padding-top: 6px;
          font-size: 14px;
          font-size: 1.4rem;
          color: #333333; }

/* ------------------------- 알림판  ------------------------- */
.noti-ban {
  background: #fdedd3 url("/2017/img/submain/bg_gov.png") no-repeat right bottom;
  margin-top: 25px;
  border-top: 1px solid #d6d6d6;
  min-height: 178px;
  box-sizing: border-box; }
  @media only screen and (max-width: 640px) {
    .noti-ban {
      display: none; } }
  .noti-ban dt {
    color: #343d35;
    background: none;
    padding-left: 0; }
    .noti-ban dt span {
      display: block; }
  .noti-ban dd {
    font-size: 13px;
    font-size: 1.3rem;
    color: #b06d01;
    margin-top: 15px; }
    .noti-ban dd span {
      display: block; }

.figureOn {
  background: url("/2017/img/common/figure_on.png") no-repeat left top;
  color: #fff;
  width: 50px;
  height: 50px;
  padding: 0;
  font-size: 18px;
  font-size: 1.8rem;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0; }

/* --------------- Potal Main --------------- */
.main-search-box {
  padding-top: 55px; }
  @media only screen and (max-width: 805px) {
    .main-search-box {
      padding-top: 40px; } }
  @media only screen and (max-width: 640px) {
    .main-search-box {
      padding-top: 35px; } }
  @media only screen and (max-width: 414px) {
    .main-search-box {
      padding-top: 30px; } }
  @media only screen and (max-width: 360px) {
    .main-search-box {
      padding-top: 25px; } }

.msearch-wrap {
  position: relative;
  width: 565px;
  margin: 0 auto 75px; }
  @media only screen and (max-width: 805px) {
    .msearch-wrap {
      width: 85%;
      margin-bottom: 55px; } }
  @media only screen and (max-width: 640px) {
    .msearch-wrap {
      margin-bottom: 45px; } }
  @media only screen and (max-width: 414px) {
    .msearch-wrap {
      margin-top: 20px;
      margin-bottom: 45px; } }
  @media only screen and (max-width: 360px) {
    .msearch-wrap {
      margin-bottom: 35px; } }
  .msearch-wrap > p {
    font-size: 24px;
    font-size: 2.4rem;
    text-align: center;
    padding: 15px 0;
    word-wrap: break-word; }
    .msearch-wrap > p br {
      display: none; }
    @media only screen and (max-width: 805px) {
      .msearch-wrap > p {
        font-size: 22px;
        font-size: 2.2rem;
        padding: 15px 0; } }
    @media only screen and (max-width: 640px) {
      .msearch-wrap > p {
        font-size: 20px;
        font-size: 2rem;
        padding: 15px 0; } }
    @media only screen and (max-width: 414px) {
      .msearch-wrap > p {
        font-size: 18px;
        font-size: 1.8rem;
        padding: 10px 0;
        letter-spacing: -0.1em; } }
    @media only screen and (max-width: 360px) {
      .msearch-wrap > p {
        font-size: 16px;
        font-size: 1.6rem;
        padding: 10px 0; } }
    @media only screen and (max-width: 320px) {
      .msearch-wrap > p {
        font-size: 15px;
        font-size: 1.5rem; } }
  .msearch-wrap .m-search-box-wrap {
    position: relative; }
    .msearch-wrap .m-search-box-wrap .m-search-box {
      font-size: 18px;
      font-size: 1.8rem;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      width: 100%;
      border: 2px solid #003964;
      height: 49px;
      line-height: 49px;
      color: #656565;
      padding: 0 10px;
      margin-bottom: 30px;
      background: #fff; }
      .msearch-wrap .m-search-box-wrap .m-search-box * {
        vertical-align: top; }
      .msearch-wrap .m-search-box-wrap .m-search-box .m-s-box {
        background: #fff;
        border: 0;
        font-size: 18px;
        font-size: 1.8rem;
        height: 44px;
        line-height: 44px;
        color: #656565;
        width: 92%;
        float: left; }
        @media only screen and (max-width: 805px) {
          .msearch-wrap .m-search-box-wrap .m-search-box .m-s-box {
            width: 90%; } }
        @media only screen and (max-width: 640px) {
          .msearch-wrap .m-search-box-wrap .m-search-box .m-s-box {
            width: 80%; } }
      .msearch-wrap .m-search-box-wrap .m-search-box .search-btn {
        float: right;
        background: transparent;
        font-size: 30px;
        font-size: 3rem;
        padding-left: 15px;
        margin: 4px 0;
        margin-top: 6px;
        height: 33px;
        cursor: pointer; }
        .msearch-wrap .m-search-box-wrap .m-search-box .search-btn .fa {
          width: 28px;
          height: 30px;
          background: url("/2017/img/common/ico_fa_search_m.png") no-repeat left center; }
          .msearch-wrap .m-search-box-wrap .m-search-box .search-btn .fa:before {
            display: none; }

.total.main.nobg.close .util > li.is-sitemap > a:before {
  width: 40px;
  height: 32px;
  background: url("/2017/img/common/lnbAll_close.png") no-repeat 0 0; }

@media only screen and (max-width: 805px) {
  .total.main.nobg {
    background: #fff; } }
.total.main.nobg .footer-fixed {
  position: fixed;
  bottom: 0;
  width: 100%; }
  @media only screen and (max-width: 414px) {
    .total.main.nobg .footer-fixed {
      margin-bottom: 0; } }
.total.main.nobg .footer-wrap {
  background: #515151; }
  @media only screen and (max-width: 1140px) {
    .total.main.nobg .footer-wrap {
      padding: 20px 10px;
      box-sizing: border-box; } }
.total.main.nobg header:after {
  content: '';
  display: table;
  clear: both; }
.total.main.nobg body.main footer {
  margin-top: 20px; }
.total.main.nobg .full.gnb {
  background: #fff;
  border-top: 1px solid #9b9ea1;
  border-bottom: 2px solid #9b9ea1; }
@media only screen and (max-width: 1023px) {
  .total.main.nobg .gnb {
    display: block; } }
.total.main.nobg .gnb-wrap {
  background: #fff;
  border-bottom: 1px solid #ccc; }
  .total.main.nobg .gnb-wrap .logo {
    display: inline-block;
    padding: 14px 0;
    height: 38px;
    line-height: 38px; }
    .total.main.nobg .gnb-wrap .logo a {
      display: inline-block;
      width: 140px;
      height: 38px; }
      .total.main.nobg .gnb-wrap .logo a:before {
        content: '';
        display: inline-block;
        width: 140px;
        height: 38px;
        background: url("/2017/img/common/top_logo_pc.png") no-repeat left top; }
    @media only screen and (max-width: 805px) {
      .total.main.nobg .gnb-wrap .logo {
        padding: 4px 0 4px 10px;
        height: 31px;
        line-height: 31px; }
        .total.main.nobg .gnb-wrap .logo a {
          display: inline-block;
          width: 110px;
          height: 31px; }
          .total.main.nobg .gnb-wrap .logo a:before {
            content: '';
            display: inline-block;
            width: 110px;
            height: 31px;
            background: url("/2017/img/common/top_logo_mobile.png") no-repeat left top; } }
.total.main.nobg .top-link {
  display: none; }
.total.main.nobg .util {
  margin-top: 15px; }
  .total.main.nobg .util > li {
    color: #464646;
    /*
    &.login {				
    	@include respond-to('md') {
    		background: image('login/icon-login.png') no-repeat left top;
    		background-size: 20px 24px;
    		padding-left:30px;
    	}				
    }
    */ }
    @media only screen and (max-width: 805px) {
      .total.main.nobg .util > li.login, .total.main.nobg .util > li.logout {
        display: block;
        position: absolute;
        top: 8px;
        right: 42px; }
        .total.main.nobg .util > li.login > a, .total.main.nobg .util > li.logout > a {
          display: block;
          height: 23px;
          color: #fff;
          background: #0f3a64;
          border-radius: 4px;
          padding: 0 10px;
          line-height: 23px;
          vertical-align: middle;
          text-decoration: none; }
          .total.main.nobg .util > li.login > a:before, .total.main.nobg .util > li.logout > a:before {
            display: none; }
          .total.main.nobg .util > li.login > a:hover, .total.main.nobg .util > li.logout > a:hover {
            text-decoration: none; } }
    @media only screen and (max-width: 805px) {
      .total.main.nobg .util > li.myGov {
        display: block;
        position: absolute;
        top: 8px;
        right: 122px;
        margin: 0;
        padding: 0; } }
    @media only screen and (max-width: 805px) {
      .total.main.nobg .util > li.myGov > a {
        display: block;
        overflow: hidden;
        width: 20px;
        height: 30px;
        background: url("/2017/img/login/icon-login.png") no-repeat right top;
        background-size: 20px 24px;
        margin: 0;
        padding: 0;
        color: rgba(255, 255, 255, 0);
        text-indent: -99999999999999999px; } }
    .total.main.nobg .util > li.is-sitemap {
      border: 0; }
      @media only screen and (max-width: 805px) {
        .total.main.nobg .util > li.is-sitemap {
          top: 4px; } }
      .total.main.nobg .util > li.is-sitemap > a:before {
        display: inline-block;
        width: 40px;
        height: 32px;
        content: '';
        padding: 0;
        background: url("/2017/img/common/icon_sitemap.png") no-repeat -42px -112px;
        vertical-align: top; }
    .total.main.nobg .util > li.setting {
      border: 0; }
      .total.main.nobg .util > li.setting .setMenu:before {
        width: 32px;
        height: 32px;
        display: inline-block;
        padding: 0;
        margin: 0 10px;
        background: url("/2017/img/common/icon_sitemap.png") no-repeat -9px -46px;
        content: '';
        vertical-align: top;
        border-left: 0; }
.total.main.nobg .msearch-wrap .m-search-box-wrap .autocomplete .tab-auto > li.word-de {
  display: inline-block; }
  @media only screen and (max-width: 640px) {
    .total.main.nobg .msearch-wrap .m-search-box-wrap .autocomplete .tab-auto > li.word-de {
      display: none; } }
@media only screen and (max-width: 1023px) {
  .total.main.nobg .gnb {
    -webkit-transition-property: height;
    /* Safari */
    transition-property: height;
    height: auto; } }
@media only screen and (max-width: 805px) {
  .total.main.nobg .gnb > li {
    display: none; }
    .total.main.nobg .gnb > li.navBar {
      display: block;
      border-right: 0; } }
.total.main.nobg .gnb > li {
  color: #333;
  line-height: 72px; }
  .total.main.nobg .gnb > li.setting {
    color: #333;
    line-height: 72px;
    border-left: 1px solid #9b9ea1;
    border-right: 1px solid #9b9ea1;
    font-size: 40px;
    font-size: 4rem; }
    .total.main.nobg .gnb > li.setting .setMenu:before {
      color: #333;
      line-height: 72px; }
.total.main.nobg .copyright {
  text-align: left;
  float: left;
  width: 50%; }
.total.main.nobg .lnbAll {
  top: 67px; }
  @media only screen and (max-width: 805px) {
    .total.main.nobg .lnbAll {
      top: 0; } }
.total.main.nobg .lnb-wrap {
  display: none; }
.total.main.nobg .favorSetting {
  background: #fff;
  border-top: 1px solid #9b9ea1; }
.total.main.nobg .mainPage {
  position: relative;
  background-size: cover;
  max-width: 1140px;
  margin: 0 auto 75px;
  min-height: 680px; }
  @media only screen and (max-width: 640px) {
    .total.main.nobg .mainPage {
      margin: 0;
      min-height: 660px;
      background: url("/2017/img/submain/main_bg_rb.jpg") no-repeat right bottom;
      background-size: 100% auto; } }
  @media only screen and (max-width: 414px) {
    .total.main.nobg .mainPage {
      min-height: 620px; } }
  @media only screen and (max-width: 360px) {
    .total.main.nobg .mainPage {
      min-height: 560px; } }
  @media only screen and (max-width: 320px) {
    .total.main.nobg .mainPage {
      min-height: 500px; } }
  @media only screen and (max-width: 640px) {
    .total.main.nobg .mainPage .main-container {
      height: 100%;
      background: url("/2017/img/submain/main_bg_lt.png") no-repeat left top;
      background-size: 100% auto; } }
.total.main.nobg footer {
  margin-top: 0; }
.total.main.nobg .intro-main-pc {
  max-width: 768px;
  overflow: hidden;
  margin: 0 auto 40px auto; }
  .total.main.nobg .intro-main-pc:after {
    content: "";
    display: table; }
  .total.main.nobg .intro-main-pc:after {
    clear: both; }
  @media only screen and (max-width: 805px) {
    .total.main.nobg .intro-main-pc {
      max-width: 640px; } }
  @media only screen and (max-width: 640px) {
    .total.main.nobg .intro-main-pc {
      display: none; } }
  .total.main.nobg .intro-main-pc li {
    float: left;
    width: 33.3333333333%;
    text-align: center;
    font-size: 20px;
    font-size: 2rem;
    font-weight: bold; }
    .total.main.nobg .intro-main-pc li:after {
      content: "";
      display: table; }
    .total.main.nobg .intro-main-pc li:after {
      clear: both; }
    .total.main.nobg .intro-main-pc li a {
      display: block;
      width: 208px;
      text-align: center; }
      @media only screen and (max-width: 805px) {
        .total.main.nobg .intro-main-pc li a {
          max-width: 188px; } }
      .total.main.nobg .intro-main-pc li a:before {
        display: block;
        width: 208px;
        height: 208px;
        content: '';
        margin-bottom: 10px; }
        @media only screen and (max-width: 805px) {
          .total.main.nobg .intro-main-pc li a:before {
            width: 188px;
            height: 188px; } }
    .total.main.nobg .intro-main-pc li.service a {
      float: left; }
      .total.main.nobg .intro-main-pc li.service a:before {
        background: url("/2017/img/submain/p_main1.png") no-repeat left top;
        background-size: cover; }
    .total.main.nobg .intro-main-pc li.minwon a {
      margin: 0 auto; }
      .total.main.nobg .intro-main-pc li.minwon a:before {
        background: url("/2017/img/submain/p_main2.png") no-repeat left top;
        background-size: cover; }
    .total.main.nobg .intro-main-pc li.gov a {
      float: right; }
      .total.main.nobg .intro-main-pc li.gov a:before {
        background: url("/2017/img/submain/p_main3.png") no-repeat left top;
        background-size: cover; }
.total.main.nobg .intro-main {
  position: relative;
  width: 601px;
  height: 430px;
  margin: 0 auto;
  display: none; }
  @media only screen and (max-width: 805px) {
    .total.main.nobg .intro-main {
      width: 100%;
      height: 390px; } }
  @media only screen and (max-width: 640px) {
    .total.main.nobg .intro-main {
      display: block;
      width: 100%;
      height: 370px;
      margin: 0; } }
  @media only screen and (max-width: 414px) {
    .total.main.nobg .intro-main {
      height: 290px; } }
  @media only screen and (max-width: 360px) {
    .total.main.nobg .intro-main {
      height: 240px; } }
  .total.main.nobg .intro-main > li {
    position: absolute;
    left: 50%;
    top: 0;
    padding: 0;
    box-sizing: border-box;
    transition: all 0.5s; }
    @media only screen and (max-width: 640px) {
      .total.main.nobg .intro-main > li {
        width: 190px;
        height: 190px; } }
    @media only screen and (max-width: 414px) {
      .total.main.nobg .intro-main > li {
        width: 140px;
        height: 140px; } }
    @media only screen and (max-width: 360px) {
      .total.main.nobg .intro-main > li {
        width: 120px;
        height: 120px; } }
    .total.main.nobg .intro-main > li a {
      display: block; }
    .total.main.nobg .intro-main > li img {
      max-width: 100%;
      height: auto; }
    @media only screen and (max-width: 640px) {
      .total.main.nobg .intro-main > li:first-child {
        margin-left: -95px; } }
    @media only screen and (max-width: 414px) {
      .total.main.nobg .intro-main > li:first-child {
        margin-left: -70px; } }
    @media only screen and (max-width: 360px) {
      .total.main.nobg .intro-main > li:first-child {
        margin-left: -60px; } }
    @media only screen and (max-width: 640px) {
      .total.main.nobg .intro-main > li:first-child + li {
        margin-left: -200px;
        top: 180px; } }
    @media only screen and (max-width: 414px) {
      .total.main.nobg .intro-main > li:first-child + li {
        margin-left: -145px;
        top: 130px; } }
    @media only screen and (max-width: 360px) {
      .total.main.nobg .intro-main > li:first-child + li {
        margin-left: -125px;
        top: 110px; } }
    @media only screen and (max-width: 640px) {
      .total.main.nobg .intro-main > li:first-child + li + li {
        margin-left: 10px;
        top: 180px; } }
    @media only screen and (max-width: 414px) {
      .total.main.nobg .intro-main > li:first-child + li + li {
        margin-left: 5px;
        top: 130px; } }
    @media only screen and (max-width: 360px) {
      .total.main.nobg .intro-main > li:first-child + li + li {
        margin-left: 5px;
        top: 110px; } }

.total.main .autocomplete {
  top: 48px; }
  .total.main .autocomplete:after {
    content: '';
    display: block;
    width: 0;
    height: 100%;
    border-left: 1px solid #cecece;
    position: absolute;
    left: 30%;
    top: 0; }
    @media only screen and (max-width: 640px) {
      .total.main .autocomplete:after {
        display: none; } }
  .total.main .autocomplete.open {
    display: block; }
  .total.main .autocomplete .tab-auto > li.word-recent {
    float: left;
    width: 30%;
    padding: 5px 10px;
    box-sizing: border-box; }
    @media only screen and (max-width: 1023px) {
      .total.main .autocomplete .tab-auto > li.word-recent {
        float: left;
        width: 30%; } }
    @media only screen and (max-width: 640px) {
      .total.main .autocomplete .tab-auto > li.word-recent {
        float: none;
        width: 100%; } }
    .total.main .autocomplete .tab-auto > li.word-recent li a {
      display: block; }
      .total.main .autocomplete .tab-auto > li.word-recent li a:hover, .total.main .autocomplete .tab-auto > li.word-recent li a:focus {
        background: #f5f5f5; }
  .total.main .autocomplete .tab-auto > li.word-de {
    float: left;
    width: 70%; }
    .total.main .autocomplete .tab-auto > li.word-de dt {
      font-size: 16px;
      font-size: 1.6rem;
      background: #f5f5f5;
      color: #656565;
      line-height: 40px;
      padding-left: 20px; }
      .total.main .autocomplete .tab-auto > li.word-de dt strong {
        color: #034273; }
    .total.main .autocomplete .tab-auto > li.word-de dd {
      padding: 12px 18px; }
  .total.main .autocomplete .tab-auto > li .goMenu li a {
    display: block;
    padding-left: 15px;
    text-indent: -8px;
    margin: 5px 0;
    background: #fff url("/2017/img/page/bul_dot_gray.png") no-repeat 0 8px; }
    .total.main .autocomplete .tab-auto > li .goMenu li a:hover, .total.main .autocomplete .tab-auto > li .goMenu li a:focus {
      background: #f5f5f5 url("/2017/img/page/bul_dot_gray.png") no-repeat 0 8px; }
  .total.main .autocomplete .tab-auto > li .terms .terms-item {
    background: url("/2017/img/page/bul_dot_gray.png") no-repeat left center;
    padding-left: 8px; }
  .total.main .autocomplete .tab-auto > li .terms p {
    padding-left: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    width: 100%;
    box-sizing: border-box; }
  .total.main .autocomplete .tab-auto .checked-text {
    color: #b71c1c; }

/* -------------------- 관련기관 slide  -------------------- */
.full.relative-org {
  border-top: 1px solid #d6d6d6;
  border-bottom: 1px solid #d6d6d6;
  margin: 0 auto;
  padding: 15px 0;
  min-height: 33px; }
  @media only screen and (max-width: 1023px) {
    .full.relative-org {
      display: none; } }
  .full.relative-org .rel-slide {
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 30px;
    box-sizing: border-box;
    position: relative; }
    .full.relative-org .rel-slide .owl-prev, .full.relative-org .rel-slide .owl-next {
      display: none; }
    .full.relative-org .rel-slide .prev,
    .full.relative-org .rel-slide .next {
      display: inline-block; }
      .full.relative-org .rel-slide .prev:before,
      .full.relative-org .rel-slide .next:before {
        display: inline-block;
        content: '';
        width: 24px;
        height: 35px;
        font-style: normal;
        text-align: center;
        font-size: 50px;
        line-height: 35px;
        color: #858585;
        background: url("/2017/img/page/ico_fa_convert.png") no-repeat 0 0; }
    .full.relative-org .rel-slide .prev {
      position: absolute;
      left: 0;
      top: 50%;
      margin-top: -15px; }
      .full.relative-org .rel-slide .prev:before {
        background-position: 0 0; }
    .full.relative-org .rel-slide .next {
      position: absolute;
      right: 0;
      top: 50%;
      margin-top: -15px; }
      .full.relative-org .rel-slide .next:before {
        background-position: -30px 0; }
    .full.relative-org .rel-slide .item {
      background: #fff;
      padding: 0;
      min-height: 33px;
      line-height: 1.2;
      text-align: center; }
      .full.relative-org .rel-slide .item a {
        display: block; }
      .full.relative-org .rel-slide .item img {
        width: auto;
        max-width: 100%; }

.total .life-service {
  position: absolute;
  right: 0;
  top: 25px;
  text-align: right; }
  @media only screen and (max-width: 1023px) {
    .total .life-service {
      display: none; } }
  .total .life-service .life-service-list {
    border: 3px solid #ee6d16;
    border-radius: 5px;
    background: #fff;
    font-size: 13px;
    font-size: 1.3rem;
    text-align: left;
    padding: 5px 0; }
    .total .life-service .life-service-list li {
      position: relative;
      padding: 7px 40px 7px 10px;
      line-height: 18px; }
    .total .life-service .life-service-list a {
      display: inline-block;
      font-size: 14px;
      font-size: 1.4rem;
      font-weight: bold;
      color: #f00;
      position: absolute;
      right: 10px;
      border-bottom: 1px solid #f00;
      width: 15px;
      top: 5px;
      text-align: right; }
      .total .life-service .life-service-list a:hover {
        text-decoration: none; }
      .total .life-service .life-service-list a.btn-go {
        width: 18px;
        height: 18px;
        overflow: hidden;
        top: 7px;
        background: url("../../../2017/img/mygov/mygov-arw-quick.png") no-repeat 0 0;
        border-bottom: 0 !important;
        font-size: 0; }
.total .foot-sns {
  width: 160px;
  float: right;
  overflow: hidden; }
  .total .foot-sns > li {
    float: left; }
    .total .foot-sns > li a {
      display: block;
      width: 32px;
      height: 32px;
      margin-left: 10px;
      background: url("/2017/img/common/foot_sns.png") no-repeat 0 0;
      background-color: #808080;
      border-radius: 50%; }
      .total .foot-sns > li a.blog {
        background-position: 0 0; }
      .total .foot-sns > li a.facebook {
        background-position: -42px 0; }
      .total .foot-sns > li a.twitter {
        background-position: -84px 0; }
      .total .foot-sns > li a.kakaotalk {
        background-position: -128px 0; }
      .total .foot-sns > li a.sns-etc {
        background-position: -164px 0; }
    .total .foot-sns > li:first-child a {
      margin: 0; }

/* -------------------- 공지사항 --------------------- */
.intro-main-notice {
  display: block;
  position: relative;
  width: 80%;
  max-width: 630px;
  margin: 50px auto; }
  @media only screen and (max-width: 1023px) {
    .intro-main-notice {
      margin: 20px auto; } }
  @media only screen and (max-width: 360px) {
    .intro-main-notice {
      width: 86%;
      max-width: 300px;
      margin: 20px auto; } }
  .intro-main-notice dl {
    display: block;
    overflow: hidden;
    padding: 0 0;
    margin: 0 80px 0 0; }
    .intro-main-notice dl dt {
      display: inline-block;
      position: absolute;
      left: 0;
      top: 0;
      width: 130px;
      height: 34px;
      margin: 0;
      padding: 0;
      vertical-align: middle;
      font-size: 18px;
      font-size: 1.8rem; }
      @media only screen and (max-width: 1023px) {
        .intro-main-notice dl dt {
          width: 94px; } }
      @media only screen and (max-width: 805px) {
        .intro-main-notice dl dt {
          width: 30px; } }
      .intro-main-notice dl dt:after {
        border-right: 1px solid #8b8c8d;
        display: inline-block;
        content: '';
        height: 18px;
        margin: 0 10px;
        vertical-align: middle; }
        @media only screen and (max-width: 805px) {
          .intro-main-notice dl dt:after {
            display: none; } }
      .intro-main-notice dl dt span {
        display: inline-block;
        position: relative;
        vertical-align: middle; }
        @media only screen and (max-width: 805px) {
          .intro-main-notice dl dt span.txt1 {
            display: none; } }
        @media only screen and (max-width: 1023px) {
          .intro-main-notice dl dt span.txt2 {
            display: none; } }
      .intro-main-notice dl dt img {
        display: inline-block;
        position: relative;
        vertical-align: middle; }
        .intro-main-notice dl dt img + span {
          margin-left: 8px; }
    .intro-main-notice dl dd {
      display: block;
      position: relative;
      box-sizing: border-box;
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 34px;
      margin: 0 0 0 122px;
      padding: 0 0 0 0; }
      @media only screen and (max-width: 1023px) {
        .intro-main-notice dl dd {
          margin: 0 0 0 94px; } }
      @media only screen and (max-width: 805px) {
        .intro-main-notice dl dd {
          margin: 0 0 0 30px; } }
  .intro-main-notice .noticeSlide {
    display: block;
    width: 100%;
    position: relative;
    overflow: hidden;
    max-height: 34px; }
    .intro-main-notice .noticeSlide .item {
      display: block;
      overflow: hidden;
      width: 100%;
      max-height: 34px;
      line-height: 34px;
      text-overflow: ellipsis;
      color: #104da8;
      white-space: nowrap; }
    .intro-main-notice .noticeSlide .owl-item {
      visibility: hidden; }
      .intro-main-notice .noticeSlide .owl-item.active {
        visibility: visible; }
    .intro-main-notice .noticeSlide .owl-dots {
      display: none; }
  .intro-main-notice .customNavigation {
    position: absolute;
    height: 34px;
    width: 72px;
    right: 0;
    top: 0;
    z-index: 1; }
    .intro-main-notice .customNavigation .prev,
    .intro-main-notice .customNavigation .next {
      display: inline-block;
      position: absolute;
      top: 0;
      z-index: 10000;
      width: 34px;
      height: 34px;
      background: #fff;
      border: 1px solid #d6d6d6;
      border-radius: 17px;
      box-sizing: border-box; }
      @media only screen and (max-width: 805px) {
        .intro-main-notice .customNavigation .prev,
        .intro-main-notice .customNavigation .next {
          background: #6a6a6a;
          border: 0; } }
      .intro-main-notice .customNavigation .prev.disabled,
      .intro-main-notice .customNavigation .next.disabled {
        opacity: 0.2;
        /*pointer-events: none; 20220824 접근성*/
        }
    .intro-main-notice .customNavigation .prev:before,
    .intro-main-notice .customNavigation .next:before {
      content: "";
      display: inline-block;
      position: absolute;
      left: 50%;
      top: 50%;
      width: 34px;
      height: 34px;
      margin-top: -17px;
      margin-left: -17px;
      background: url("/2017/img/tmain/notice_btns_lg.png") no-repeat 0 0; }
      @media only screen and (max-width: 805px) {
        .intro-main-notice .customNavigation .prev:before,
        .intro-main-notice .customNavigation .next:before {
          background: url("/2017/img/tmain/notice_btns_sm.png") no-repeat; } }
    .intro-main-notice .customNavigation .prev {
      left: 0; }
      .intro-main-notice .customNavigation .prev:before {
        background-position: -77px 0; }
    .intro-main-notice .customNavigation .next {
      right: 0; }
      .intro-main-notice .customNavigation .next:before {
        background-position: -114px 0; }
    .intro-main-notice .customNavigation .play,
    .intro-main-notice .customNavigation .stop {
      display: inline-block;
      position: absolute;
      top: 0;
      z-index: 10000;
      width: 22px;
      height: 22px;
      background: #fff;
      border: 1px solid #ccc;
      border-radius: 2px;
      box-sizing: border-box; }
    .intro-main-notice .customNavigation .play:before,
    .intro-main-notice .customNavigation .stop:before {
      content: "";
      display: inline-block;
      position: absolute;
      left: 50%;
      top: 50%;
      width: 22px;
      height: 22px;
      margin-top: -11px;
      margin-left: -11px;
      background: url("/2017/img/tmain/notice_btns_lg.png") no-repeat; }
      @media only screen and (max-width: 805px) {
        .intro-main-notice .customNavigation .play:before,
        .intro-main-notice .customNavigation .stop:before {
          content: "";
          display: inline-block;
          position: absolute;
          left: 50%;
          top: 50%;
          width: 22px;
          height: 22px;
          margin-top: -11px;
          margin-left: -11px;
          background: url("/2017/img/tmain/notice_btns_lg.png") no-repeat; } }
    .intro-main-notice .customNavigation .play:before {
      background-position: -6px -6px; }
    .intro-main-notice .customNavigation .stop:before {
      background-position: -40px -6px; }

/* ##################################################################### */
/*																		 */
/* 		마이페이지      													 */
/*				            											 */
/* ##################################################################### */
.my-page .column3.first-row {
  background: #fff;
  border-top: 5px solid #5f7b89;
  margin-bottom: 10px; }

.column3 {
  width: 100%;
  overflow: hidden;
  position: relative;
  border: 1px solid #d6d6d6;
  border-bottom: 0;
  border-left: 0;
  box-sizing: border-box; }
  .column3 .cell {
    width: 33.333%;
    float: left;
    border-left: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
    box-sizing: border-box;
    position: relative; }
    @media only screen and (max-width: 1140px) {
      .column3 .cell {
        width: 50%; } }
    @media only screen and (max-width: 805px) {
      .column3 .cell {
        width: 100%; } }
    .column3 .cell dd.more {
      display: inline-block;
      position: absolute;
      right: 20px;
      top: 15px;
      color: #797979; }
      .column3 .cell dd.more span {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        border: 0; }
      .column3 .cell dd.more a:after {
        content: '';
        display: inline-block;
        width: 27px;
        height: 27px;
        background: url(/2017/img/submain/main_icon_new.png) no-repeat -490px -173px; }
    .column3 .cell .gogo {
      border: 1px solid #d6d6d6;
      border-radius: 3px;
      background: #fff;
      line-height: 25px;
      height: 25px;
      box-sizing: border-box;
      padding: 0 10px;
      display: inline-block;
      color: #232323; }

.cell dl {
  padding: 15px 30px;
  position: relative; }
  @media only screen and (max-width: 805px) {
    .cell dl {
      padding: 15px 10px; } }
.cell dt {
  font-size: 18px;
  font-size: 1.8rem; }
.cell dd.more {
  display: inline-block;
  position: absolute;
  right: 30px;
  top: 18px;
  color: #797979; }
  @media only screen and (max-width: 1023px) {
    .cell dd.more {
      top: 12px; } }
  @media only screen and (max-width: 414px) {
    .cell dd.more {
      top: 16px; }
      .cell dd.more span {
        position: absolute;
        left: -10000px;
        top: auto;
        width: 1px;
        height: 1px;
        overflow: hidden; } }
  .cell dd.more a:after {
    content: ' ';
    display: inline-block;
    font-family: 'FontAwesome', sans-serif;
    margin-left: 10px; }
    @media only screen and (max-width: 414px) {
      .cell dd.more a:after {
        margin: 0;
        font-size: 18px;
        font-size: 1.8rem; } }
.cell .bbs-list {
  margin-top: 15px; }
  .cell .bbs-list .date {
    position: absolute;
    width: 60px;
    right: 0;
    top: 0; }
  .cell .bbs-list a {
    position: relative;
    margin: 0 0 0 0;
    width: 95%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    box-sizing: border-box; }
  .cell .bbs-list.date a {
    padding-right: 60px; }

/* ---------------------- My Gov ---------------------- */
.my-gov {
  background: #f6f4e7; }
  .my-gov dl {
    padding: 8px 10px 8px 30px; }
    @media only screen and (max-width: 1140px) {
      .my-gov dl {
        padding-left: 10px; } }
  .my-gov dt {
    display: inline-block; }
  .my-gov dd {
    display: inline-block;
    float: right; }
  .my-gov ul {
    width: 100%;
    overflow: hidden; }
    .my-gov ul li {
      float: left;
      width: 50%;
      border-left: 1px solid #d6d6d6;
      box-sizing: border-box;
      border-top: 1px solid #d6d6d6;
      text-align: center;
      padding-bottom: 10px; }
      .my-gov ul li a {
        position: relative;
        display: block; }
        .my-gov ul li a span {
          position: absolute;
          left: 50%;
          top: 0;
          display: inline-block;
          border-radius: 8px;
          background: #ee5f00;
          padding: 1px 5px;
          color: #fff;
          margin-left: 10%; }
      .my-gov ul li a:before {
        content: '';
        display: block;
        width: 89px;
        height: 89px;
        margin: 10px auto 5px; }
      .my-gov ul li.gov1 {
        border-left: 0; }
        .my-gov ul li.gov1 a:before {
          background: url("/2017/img/submain/iconset_service.png") no-repeat -2px -408px; }
      .my-gov ul li.gov2 a:before {
        background: url("/2017/img/submain/iconset_service.png") no-repeat -95px -408px; }
      .my-gov ul li.gov3 {
        border-left: 0; }
        .my-gov ul li.gov3 a:before {
          background: url("/2017/img/submain/iconset_service.png") no-repeat -187px -408px; }
      .my-gov ul li.gov4 a:before {
        background: url("/2017/img/submain/iconset_service.png") no-repeat -279px -408px; }

/* ---------------------- 생활정보서비스 ---------------------- */
.life-info-service dt {
  position: relative;
  text-align: left;
  font-size: 18px;
  font-size: 1.8rem; }
  @media only screen and (max-width: 414px) {
    .life-info-service dt {
      text-align: left; } }
.life-info-service dd {
  width: 100%; }
.life-info-service .my-life-info {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box; }
@media only screen and (max-width: 414px) {
  .life-info-service .my-life-info dd .btn-life.check {
    position: absolute;
    right: 14px;
    top: 14px; } }
.life-info-service .my-life-info.login-after {
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
  /*
  .myLifeInfo {
  	ul {
  		margin-top: 15px;
  	}
  	li {
  		background:image('common/dot_nav_default.png') no-repeat left center;
  		padding-left: 8px;
  		border-bottom: 1px solid #dfdfdf;
  		line-height: 33px;
  		height: 33px;
  		overflow: hidden;
  		a {
  			display: block;
  			position: relative;
  			padding-right: 55px;
  			box-sizing: border-box;
  			width: 100%;
  			@include text-ellipsis;
  			.date {
  				position: absolute;
  				right: 0;
  				top: 0;
  			}
  		}
  	}
  }*/ }
  @media only screen and (max-width: 414px) {
    .life-info-service .my-life-info.login-after {
      padding: 15px 0; } }
  .life-info-service .my-life-info.login-after dt {
    position: relative;
    text-align: left;
    font-size: 18px;
    font-size: 1.8rem; }
    @media only screen and (max-width: 414px) {
      .life-info-service .my-life-info.login-after dt {
        text-align: left;
        padding-left: 10px; } }
  .life-info-service .my-life-info.login-after .direct-go {
    position: absolute;
    right: 10px;
    top: 0;
    background: #e86e6e;
    color: #fff;
    z-index: 10;
    padding: 0 10px;
    line-height: 30px;
    height: 30px;
    display: none;
    box-sizing: border-box;
    font-weight: normal;
    vertical-align: middle;
    font-size: 13px;
    font-size: 1.3rem; }
    @media only screen and (max-width: 414px) {
      .life-info-service .my-life-info.login-after .direct-go {
        display: inline-block; } }
  .life-info-service .my-life-info.login-after .more {
    display: none; }
    @media only screen and (max-width: 805px) {
      .life-info-service .my-life-info.login-after .more {
        display: inline-block;
        position: absolute;
        right: 20px;
        top: 15px;
        color: #797979; } }
.life-info-service .login-info {
  padding-top: 50px;
  width: 100%;
  text-align: center; }
  .life-info-service .login-info .text {
    margin-bottom: 15px; }
    .life-info-service .login-info .text span {
      display: block; }
      .life-info-service .login-info .text span strong {
        color: #0299ff; }
.life-info-service .info-service table {
  border-collapse: collapse;
  width: 100%;
  margin-top: 13px; }
.life-info-service .info-service td {
  border-top: 1px solid #d6d6d6;
  padding: 7px 0 7px; }
  .life-info-service .info-service td a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    width: 100%;
    display: block; }
.life-info-service .info-service tr:first-child td {
  border-top: 0; }
@media only screen and (max-width: 414px) {
  .life-info-service .info-service tr td:first-child + td + td {
    display: none; } }
.life-info-service .ban {
  background: #f3f5f9;
  min-height: 60px;
  padding: 20px 12px;
  box-sizing: border-box;
  font-size: 13px;
  font-size: 1.3rem;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0; }
  @media only screen and (max-width: 805px) {
    .life-info-service .ban {
      position: static; } }
  .life-info-service .ban strong {
    color: #5f7b89; }
  .life-info-service .ban .gogo {
    margin-left: 10px; }
.life-info-service dd.more {
  display: block;
  position: absolute;
  right: 30px;
  top: 18px;
  color: #797979;
  width: auto; }
  .life-info-service dd.more a:after {
    content: ' ';
    display: inline-block;
    font-family: 'FontAwesome', sans-serif;
    margin-left: 10px; }
    @media only screen and (max-width: 414px) {
      .life-info-service dd.more a:after {
        margin: 0;
        font-size: 18px;
        font-size: 1.8rem; } }
  .life-info-service dd.more a.next:before {
    content: ' ';
    display: inline-block;
    width: 20px;
    height: 20px;
    font-family: 'FontAwesome', sans-serif;
    background: #fff;
    font-style: normal;
    text-align: center;
    font-size: 20px;
    line-height: 20px;
    color: #3e3e3e;
    border: 1px solid #d6d6d6; }
  .life-info-service dd.more a.next:after {
    display: none; }
  .life-info-service dd.more a.prev:before {
    content: ' ';
    display: inline-block;
    width: 20px;
    height: 20px;
    font-family: 'FontAwesome', sans-serif;
    background: #fff;
    font-style: normal;
    text-align: center;
    font-size: 20px;
    line-height: 20px;
    color: #3e3e3e;
    border: 1px solid #d6d6d6; }
  .life-info-service dd.more a.prev:after {
    display: none; }

.banner .life-info-service {
  background: #f3f5f9; }
  @media only screen and (max-width: 1023px) {
    .banner .life-info-service {
      background: #fff; } }
  @media only screen and (max-width: 640px) {
    .banner .life-info-service {
      background: #f3f5f9; } }
  .banner .life-info-service dd.more {
    right: 15px; }

/* ------------------ 내가 받을 수 있는 서비스 보관함 ------------------ */
.service-cart {
  background: #f6f4e7; }
  @media only screen and (max-width: 805px) {
    .service-cart.cell {
      width: 50%; } }
  @media only screen and (max-width: 640px) {
    .service-cart.cell {
      width: 100%; } }
  .service-cart dl {
    padding-left: 10px;
    padding-right: 0; }
  .service-cart .cart-bg {
    width: 85%;
    height: 190px;
    background: url("/2017/img/submain/cart_bg_h.png") repeat-x left top;
    margin: 17px auto 0;
    box-sizing: border-box;
    position: relative;
    padding: 10px 20px 0; }
    .service-cart .cart-bg table {
      width: 100%; }
    .service-cart .cart-bg:before {
      position: absolute;
      left: -3px;
      top: 0;
      width: 20px;
      height: 100%;
      content: '';
      display: block;
      background: url("/2017/img/submain/cart_bg_l.png") no-repeat left top; }
    .service-cart .cart-bg:after {
      position: absolute;
      right: -3px;
      top: 0;
      width: 20px;
      height: 100%;
      content: '';
      display: block;
      background: url("/2017/img/submain/cart_bg_r.png") no-repeat left top; }
    .service-cart .cart-bg th {
      padding: 0 0 15px 0;
      text-align: left; }
    .service-cart .cart-bg .present {
      background: url("/2017/img/submain/icon_present.png") no-repeat 0 3px;
      padding-left: 20px;
      display: inline-block; }
    .service-cart .cart-bg td {
      padding: 0 0 0 20px; }
      @media only screen and (max-width: 414px) {
        .service-cart .cart-bg td {
          padding: 0; } }
      .service-cart .cart-bg td.check-mycart {
        text-align: center;
        padding-top: 30px; }
        .service-cart .cart-bg td.check-mycart a {
          display: block;
          text-decoration: underline; }
          .service-cart .cart-bg td.check-mycart a:before {
            content: '';
            display: block;
            background: url("/2017/img/submain/icon_present_big.png") no-repeat left top;
            width: 27px;
            height: 33px;
            margin: 0 auto 10px; }
          .service-cart .cart-bg td.check-mycart a span {
            display: block; }
            .service-cart .cart-bg td.check-mycart a span strong {
              color: #0299ff; }
      .service-cart .cart-bg td .btn-service {
        border: 1px solid #5f7b89;
        background: #5f7b89;
        border-radius: 3px;
        color: #fff;
        line-height: 25px;
        height: 25px;
        display: inline-block;
        padding: 0 15px;
        margin-top: 5px; }
      .service-cart .cart-bg td .btn-del {
        border: 1px solid #d6d6d6;
        background: #dfdfdf;
        border-radius: 3px;
        color: #232323;
        line-height: 25px;
        height: 25px;
        display: inline-block;
        padding: 0 15px;
        margin-top: 5px; }
    .service-cart .cart-bg .go-cart {
      position: absolute;
      right: 10px;
      top: 7px;
      z-index: 10; }
  .service-cart .ban {
    padding: 5px 20px 10px;
    box-sizing: border-box;
    font-size: 13px;
    font-size: 1.3rem; }
    .service-cart .ban strong {
      color: #5f7b89; }
    .service-cart .ban .gogo {
      margin-left: 10px; }

/* ------------------ 민원신청내역 ------------------ */
@media only screen and (max-width: 805px) {
  .my-minwon-list.cell {
    width: 50%; } }
@media only screen and (max-width: 640px) {
  .my-minwon-list.cell {
    width: 100%; } }
.my-minwon-list .ban {
  background: #f3f5f9;
  padding: 10px 0;
  text-align: center;
  box-sizing: border-box;
  font-size: 13px;
  font-size: 1.3rem;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0; }
  @media only screen and (max-width: 640px) {
    .my-minwon-list .ban {
      position: static; } }
  .my-minwon-list .ban strong {
    color: #5f7b89; }
  .my-minwon-list .ban .gogo {
    margin-left: 10px; }

/* ------------------ 민원신청내역 ------------------ */
.my-favor-service dl {
  padding: 15px 30px 5px; }
  @media only screen and (max-width: 414px) {
    .my-favor-service dl {
      padding: 15px 10px; } }

/* ------------------ 민원바구니/조회, 관리 ------------------ */
.my-item ul {
  width: 100%;
  overflow: hidden; }
  .my-item ul li {
    float: left;
    width: 50%;
    box-sizing: border-box;
    border-top: 1px solid #d6d6d6;
    border-left: 1px solid #d6d6d6;
    text-align: center;
    position: relative;
    height: 98px; }
    .my-item ul li a {
      padding-top: 15px;
      display: block;
      height: 100%;
      box-sizing: border-box;
      font-size: 14px;
      font-size: 1.4rem; }
      .my-item ul li a:hover, .my-item ul li a:focus {
        background: #f3f5f9; }
    .my-item ul li a:before {
      content: '';
      display: block;
      width: 44px;
      height: 47px;
      margin: 0 auto 5px; }
    .my-item ul li.item1 {
      border-left: 0;
      border-top: 0; }
      .my-item ul li.item1 a:before {
        background: url("/2017/img/submain/iconset_service.png") no-repeat -583px -20px; }
    .my-item ul li.item2 {
      border-top: 0; }
      .my-item ul li.item2 a:before {
        background: url("/2017/img/submain/iconset_service.png") no-repeat -583px -86px; }
    .my-item ul li.item3 {
      border-left: 0; }
      .my-item ul li.item3 a:before {
        background: url("/2017/img/submain/iconset_service.png") no-repeat -583px -151px; }
    .my-item ul li.item4 a:before {
      background: url("/2017/img/submain/iconset_service.png") no-repeat -583px -209px; }

/* s : mygov 개푠 20171204 */
.minwon-basket {
  background: #f6f4e7; }
  @media only screen and (max-width: 805px) {
    .minwon-basket.cell {
      width: 50%; } }
  @media only screen and (max-width: 640px) {
    .minwon-basket.cell {
      width: 100%; } }
  .minwon-basket dl {
    padding: 15px 0 15px 10px; }
    .minwon-basket dl .minwon-guide {
      background: url("/2017/img/mygov/minwonbasket-icon00.png") no-repeat 50% 0;
      margin: 10px 20px 5px 20px;
      padding-top: 100px;
      text-align: center; }
      @media only screen and (max-width: 360px) {
        .minwon-basket dl .minwon-guide {
          background-size: 100% auto; } }
      .minwon-basket dl .minwon-guide .text01 {
        display: block;
        font-size: 20px;
        font-size: 2rem;
        font-weight: normal; }
      .minwon-basket dl .minwon-guide .text02 {
        display: block;
        padding-top: 10px;
        font-size: 14px;
        font-size: 1.4rem; }
      .minwon-basket dl .minwon-guide .btn-goDirect {
        display: inline-block;
        position: relative;
        color: #fff;
        border: 1px solid #5f7b89;
        border-radius: 2px;
        margin-top: 24px; }
        .minwon-basket dl .minwon-guide .btn-goDirect > span {
          display: inline-block;
          height: 100%;
          background: #5f7b89;
          padding: 0 17px;
          line-height: 28px; }
        .minwon-basket dl .minwon-guide .btn-goDirect:hover > span {
          text-decoration: underline; }
        .minwon-basket dl .minwon-guide .btn-goDirect:after {
          float: right;
          content: "";
          display: inline-block;
          overflow: hidden;
          width: 36px;
          height: 28px;
          background: url("/2017/img/mygov/minwonbasket-arw.png") no-repeat 50% 50%; }

.my-benefit-box {
  position: relative; }
  .my-benefit-box .dd {
    text-align: center; }
  .my-benefit-box .benefit-guide {
    position: relative;
    width: 318px;
    max-width: 100%;
    min-height: 98px;
    margin: 10px auto 0;
    box-sizing: border-box;
    padding: 0;
    border: 1px solid #c2c2c2;
    border-radius: 7px; }
    .my-benefit-box .benefit-guide .present-title {
      position: relative;
      padding: 8px 0 20px 46px;
      white-space: nowrap;
      text-overflow: ellipsis; }
      .my-benefit-box .benefit-guide .present-title:after {
        content: "";
        display: block;
        position: absolute;
        left: -1px;
        bottom: 0;
        height: 20px;
        width: 318px;
        background: url("/2017/img/mygov/benefit-punching.png") no-repeat 0 0; }
        @media only screen and (max-width: 360px) {
          .my-benefit-box .benefit-guide .present-title:after {
            right: -1px;
            width: calc(100% + 2px);
            background-size: 100% auto; } }
    .my-benefit-box .benefit-guide .present-no {
      display: block;
      background: url("/2017/img/mygov/benefit-present.png") no-repeat 0 0;
      margin-left: 42px;
      padding: 0 0 10px 42px; }
      .my-benefit-box .benefit-guide .present-no strong {
        color: #5399ff; }
    .my-benefit-box .benefit-guide .present-detail {
      display: block;
      margin-left: 42px;
      padding: 0 0 10px 0; }
      .my-benefit-box .benefit-guide .present-detail li {
        display: block;
        overflow: hidden; }
        .my-benefit-box .benefit-guide .present-detail li .option {
          display: inline-block;
          float: left;
          width: 30%; }
        .my-benefit-box .benefit-guide .present-detail li .data {
          display: block;
          position: relative;
          margin-left: 30%; }
    .my-benefit-box .benefit-guide .btn-service {
      border: 1px solid #5f7b89;
      background: #5f7b89;
      border-radius: 3px;
      color: #fff;
      line-height: 25px;
      height: 25px;
      display: inline-block;
      padding: 0 15px;
      margin-top: 5px; }
    .my-benefit-box .benefit-guide .btn-del {
      border: 1px solid #d6d6d6;
      background: #dfdfdf;
      border-radius: 3px;
      color: #232323;
      line-height: 25px;
      height: 25px;
      display: inline-block;
      padding: 0 15px;
      margin-top: 5px; }
    .my-benefit-box .benefit-guide .go-cart {
      position: absolute;
      right: 10px;
      top: 7px;
      z-index: 10; }
  .my-benefit-box .ban {
    position: relative;
    background: #fff;
    padding: 0 0 10px 0;
    text-align: center;
    box-sizing: border-box;
    font-size: 13px;
    /*
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;	
    */
    font-size: 13px;
    font-size: 1.3rem; }
    @media only screen and (max-width: 805px) {
      .my-benefit-box .ban {
        position: relative;
        background: #f3f5f9;
        padding: 10px 0; } }
    .my-benefit-box .ban strong {
      color: #5f7b89; }
    .my-benefit-box .ban .gogo {
      margin-left: 10px; }

.my-service ul {
  width: 100%;
  height: 100%;
  overflow: hidden; }
  .my-service ul li {
    position: relative;
    float: left;
    width: 33.3333%;
    min-height: 196px;
    height: 100%;
    box-sizing: border-box;
    /* border-top: 1px solid #d6d6d6;*/
    border-left: 1px solid #d6d6d6;
    text-align: center; }
    @media only screen and (max-width: 805px) {
      .my-service ul li {
        width: 50%;
        min-height: 100px; } }
    .my-service ul li:hover, .my-service ul li:focus {
      background-color: #f3f5f9; }
    .my-service ul li a {
      padding: 57px 0 55px 0;
      display: inline-block;
      position: absolute;
      top: 50%;
      margin-top: -77px;
      left: 0;
      box-sizing: border-box;
      width: 100%;
      font-size: 14px;
      font-size: 1.4rem; }
      @media only screen and (max-width: 805px) {
        .my-service ul li a {
          position: relative;
          margin-top: 0;
          top: 0;
          padding: 57px 0 15px 0; } }
      .my-service ul li a:before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        width: 100%;
        height: 47px;
        margin: 0 auto 10px; }
        @media only screen and (max-width: 805px) {
          .my-service ul li a:before {
            top: 15px;
            height: 38px; } }
      .my-service ul li a:after {
        content: '';
        display: block;
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 36px;
        background: url("/2017/img/mygov/minwonbasket-arw2.png") no-repeat 50% 100%; }
        @media only screen and (max-width: 805px) {
          .my-service ul li a:after {
            display: none; } }
    .my-service ul li.service1 {
      border-left: 0; }
      .my-service ul li.service1 a:before {
        background: url("/2017/img/mygov/minwonbasket-icon01.png") no-repeat 50% 0; }
    .my-service ul li.service2 a:before {
      background: url("/2017/img/mygov/minwonbasket-icon02.png") no-repeat 50% 0; }
    .my-service ul li.service3 {
      border-top: 0; }
      @media only screen and (max-width: 805px) {
        .my-service ul li.service3 {
          display: none; } }
      .my-service ul li.service3 a:before {
        background: url("/2017/img/mygov/minwonbasket-icon03.png") no-repeat 50% 0; }

/* ------------------------- page-util ------------------------- */
.page-util * {
  vertical-align: top; }
.page-util li a {
  display: inline-block;
  min-width: 26px;
  height: 26px;
  box-sizing: border-box;
  line-height: 26px;
  background: url("/2017/img/common/ico_page_util.png") no-repeat 0 0; }
.page-util .iconBox a {
  border: 1px solid #868686;
  border-radius: 3px; }
  .page-util .iconBox a.trigger {
    background: none; }
    .page-util .iconBox a.trigger > .fa {
      width: 18px;
      height: 24px;
      background: url("/2017/img/page/ico_fa_convert.png") no-repeat 0 0; }
      .page-util .iconBox a.trigger > .fa.fa-star-o {
        background-position: -140px 0; }
      .page-util .iconBox a.trigger > .fa.fa-star {
        background-position: -160px 0; }
      .page-util .iconBox a.trigger > .fa.fa-bell-o {
        background-position: -180px 0; }
      .page-util .iconBox a.trigger > .fa.fa-bell {
        background-position: -200px 0; }
      .page-util .iconBox a.trigger > .fa:before {
        display: none; }
.page-util .facebook a {
  background-position: 0 0; }
.page-util .twitter a {
  background-position: 0 -50px; }
.page-util .favor a {
  padding: 0 7px 0 29px;
  background-position: -3px -100px; }
.page-util .favor.active a {
  background-color: #dfdfdf; }
.page-util .alerm a {
  padding: 0 7px 0 25px;
  background-position: -3px -150px; }
.page-util .alerm.active a {
  background-color: #dfdfdf; }
.page-util .print a {
  min-width: 25px;
  background-position: 0 -200px; }
.page-util .zoomIn a {
  min-width: 25px;
  background-position: 0 -250px; }
.page-util .zoomOut a {
  min-width: 25px;
  background-position: 0 -300px; }

/* ------------------------- 국민신문고 바로가기 ------------------------- */
@media only screen and (max-width: 1023px) {
  .service-detail-btn {
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box; } }

.category_content.override {
  float: none;
  width: 100%;
  margin-bottom: 40px;
  border: 0; }
  @media only screen and (max-width: 1023px) {
    .category_content.override {
      padding-left: 10px;
      padding-right: 10px;
      box-sizing: border-box; } }

.opinion-txt {
  margin-top: 20px;
  position: relative;
  margin-bottom: 20px;
  padding: 20px;
  border: 1px solid #ccc;
  background-color: #f8f8f8; }
  @media only screen and (max-width: 1023px) {
    .opinion-txt {
      margin-left: 10px;
      margin-right: 10px;
      box-sizing: border-box; } }
  .opinion-txt li {
    width: 75%;
    line-height: 22px; }
  .opinion-txt strong {
    color: #e60000; }
  .opinion-txt .posR {
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -14px;
    background-position: 95% 49%; }

/* 만족도조사 */
.pagepoll_wrap {
  position: relative;
  margin-bottom: 80px;
  padding: 20px 30px 20px 20px;
  border: 1px solid #ccc;
  background-color: #f8f8f8; }
  @media only screen and (max-width: 1023px) {
    .pagepoll_wrap {
      margin-left: 10px;
      margin-right: 10px;
      box-sizing: border-box; } }
  .pagepoll_wrap .tit {
    width: 100%;
    margin-bottom: 5px; }
    .pagepoll_wrap .tit strong {
      display: inline-block;
      font-size: 16px;
      font-size: 1.6rem; }
    .pagepoll_wrap .tit p {
      display: inline-block;
      margin-left: 10px;
      color: #666; }
    .pagepoll_wrap .tit p.comment {
      display: block;
      margin: 10px 0 0 0;
      line-height: 20px; }
  .pagepoll_wrap ul {
    float: left;
    margin-top: 5px; }
  .pagepoll_wrap li {
    display: inline-block;
    margin-top: 5px;
    padding-right: 12px; }
  .pagepoll_wrap li i {
    padding-left: 80px;
    background: url("/2017/img/common/sprite_star.png") no-repeat;
    letter-spacing: -1px;
    font-style: normal;
    display: inline-block;
    line-height: 14px; }
    .pagepoll_wrap li i.star05 {
      background-position: 5px 0; }
    .pagepoll_wrap li i.star04 {
      background-position: 5px -17px; }
    .pagepoll_wrap li i.star03 {
      background-position: 5px -33px; }
    .pagepoll_wrap li i.star02 {
      background-position: 5px -50px; }
    .pagepoll_wrap li i.star01 {
      background-position: 5px -66px; }
  .pagepoll_wrap li:last-child {
    padding-right: 0; }
  .pagepoll_wrap .posR {
    position: absolute;
    top: 49px;
    right: 20px;
    background-color: #767676; }
    @media only screen and (max-width: 1023px) {
      .pagepoll_wrap .posR {
        position: static;
        margin-top: 10px; } }

.pagepoll_wrap .btn_poll span {
  display: inline-block;
  padding-right: 10px;
  background: url("/2017/img/common/bul_gray_arrow.png") no-repeat right center;
  color: #fff; }
.pagepoll_wrap .err {
  display: none;
  margin-top: 30px; }
.pagepoll_wrap .textarea_wrap {
  margin-right: 96px; }
.pagepoll_wrap .wrtform {
  width: 100%;
  height: 60px;
  padding: 10px;
  border: 1px solid #d5d5d5;
  line-height: 20px; }
.pagepoll_wrap .btn_reg {
  position: absolute;
  bottom: 20px;
  right: 20px;
  width: 96px;
  height: 60px;
  border: solid 1px #696969;
  background-color: #787878;
  color: #fff;
  text-align: center; }
.pagepoll_wrap .btn_pagepoll {
  position: absolute;
  right: -1px;
  bottom: -30px;
  width: 132px;
  height: 30px;
  padding: 0 15px 0 10px;
  border: 1px solid #ccc;
  border-top: none; }
.pagepoll_wrap .btn_pagepoll span {
  padding-right: 15px;
  background: url("/2017/img/common/btn_pagepoll.png") no-repeat right bottom; }
.pagepoll_wrap .btn_pagepoll span.active {
  background-position: right top; }

/* 공공서비스 상세 */
.content.serviceview {
  border-bottom: 2px solid #213450; }

.view_wrap h4 {
  margin-bottom: 15px;
  padding-left: 10px;
  background: url(/img/common/bul_service_h4.png) no-repeat left top;
  font-size: 18px;
  font-size: 1.8rem; }

.view_wrap .text_wrap {
  margin-bottom: 30px;
  line-height: 26px; }

.view_wrap .law {
  display: inline-block;
  padding: 1px 8px;
  background: url(/img/common/bul_blue_arrow.png) no-repeat right 49%; }

.service_summary_wrap {
  padding: 5px 0; }

#content_wrap .service_summary_wrap .search_app_list {
  padding-bottom: 0;
  border-bottom: none; }

.service_summary {
  position: relative;
  padding: 25px 20px;
  border-bottom: 1px solid #e5e5e5;
  background-color: #f3f3f3; }
  .service_summary strong {
    font-size: 16px;
    font-size: 1.6rem; }

.view_wrap h3 {
  font-size: 20px;
  font-size: 2rem; }

.service_summary h4.ministry_title {
  font-size: 16px;
  font-size: 1.6rem; }

.service_summary h4.ministry_title .count {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: normal;
  color: #666; }

.service_summary h4.ministry_title.ic_office {
  padding: 2px 0 2px 25px;
  background: url(/img/common/ic_office.png) no-repeat; }

.service_summary .ministry_info_list_wrap {
  position: relative;
  margin-top: 10px; }

.service_summary .ministry_info_list_wrap .ministy_info_list a {
  display: inline-block;
  margin: 5px 20px 5px 0;
  padding-right: 10px; }
  .service_summary .ministry_info_list_wrap .ministy_info_list a:after {
    display: inline-block;
    content: '';
    width: 10px;
    height: 19px;
    margin-bottom: -4px;
    background: url("/2017/img/page/ico_fa_convert.png") no-repeat -330px 0; }

.service_summary .search_app_list {
  margin: 10px 0; }

.service_summary .search_app_list:after {
  content: "";
  clear: both;
  display: block; }

.service_summary .search_app_list .img_app {
  float: left;
  width: 9%;
  min-width: 83px; }
  @media only screen and (max-width: 360px) {
    .service_summary .search_app_list .img_app {
      display: none; } }

.service_summary .search_app_list .img_app img {
  width: 100%; }

.service_summary .search_app_list dl {
  float: left;
  width: 85%; }
  @media only screen and (max-width: 640px) {
    .service_summary .search_app_list dl {
      width: 70%; } }
  @media only screen and (max-width: 360px) {
    .service_summary .search_app_list dl {
      width: 100%;
      float: none; } }

.service_summary .search_app_list dl dt {
  background: none !important;
  font-weight: bold;
  color: #000 !important;
  line-height: 36px; }

.service_summary .search_app_list dl dt, .search_app_list dl dd {
  position: relative;
  float: left;
  min-height: 24px;
  padding: 0 10px;
  background: url("/2017/img/common/bg_line.gif") no-repeat 0 50%;
  color: #555; }

.service_summary .search_app_list dl dd {
  line-height: 36px; }
  .service_summary .search_app_list dl dd .fa-apple {
    color: #868686;
    margin: 0 10px; }
  .service_summary .search_app_list dl dd .fa-android {
    color: #8bc34a; }

.service_summary .search_app_list dl dd img {
  margin-left: 5px;
  vertical-align: middle;
  margin-top: -5px; }

.service_summary .search_app_list dl button {
  margin-left: 2px;
  vertical-align: middle; }

.service_summary .search_app_list dl dd.cont {
  background: none;
  line-height: 150%;
  width: 100%; }

.service_summary .search_app_list dl dd.cont a {
  color: #6a6a6a; }

.service_summary .txt_more {
  display: inline-block;
  position: absolute;
  right: 15px;
  bottom: 12px;
  color: #0067a2; }
  .service_summary .txt_more:before {
    display: inline-block;
    content: ' ';
    width: 14px;
    height: 19px;
    margin-bottom: -5px;
    background: url("/2017/img/page/ico_fa_convert.png") no-repeat -350px 0; }

.btn.line-gray {
  line-height: 25px !important; }

/* ------------------------- 상세페이지  ------------------------- */
.repeat-title {
  border-top: 5px solid #213450;
  margin-top: 40px;
  padding: 20px 0 30px; }
  .repeat-title h3 {
    font-size: 20px;
    font-size: 2rem; }

.favor-box {
  border: 1px solid #c7c7c7;
  padding: 6px 10px;
  overflow: hidden;
  margin-bottom: 20px; }
  .favor-box .last-update {
    width: 80%;
    overflow: hidden;
    float: left; }
    @media only screen and (max-width: 360px) {
      .favor-box .last-update {
        width: 100%;
        float: none;
        margin-bottom: 10px; } }
    .favor-box .last-update > li {
      float: left;
      margin-right: 20px;
      line-height: 26px; }
      @media only screen and (max-width: 360px) {
        .favor-box .last-update > li {
          line-height: 1.5; } }
      .favor-box .last-update > li span {
        font-size: 13px;
        font-size: 1.3rem;
        color: #666666; }
        .favor-box .last-update > li span.update, .favor-box .last-update > li span.depart {
          color: #333; }
  .favor-box .url-copy {
    float: right;
    overflow: hidden; }
    .favor-box .url-copy > li {
      float: left;
      margin-left: 10px; }

.summary {
  border: 1px solid #bbd0e1;
  background: #eaeff3;
  padding: 20px 10px;
  margin-bottom: 30px; }

.detail-list {
  padding-bottom: 20px; }
  .detail-list h4 {
    margin-top: 20px; }
  .detail-list .round-box {
    border: 1px solid #c6c6c6;
    padding: 15px;
    margin-top: 10px; }
  .detail-list .desc.blue {
    margin: 5px 0;
    color: #5d84c2; }
  .detail-list .standard-row {
    background: #dcdcdc;
    text-align: center;
    padding: 10px;
    margin-top: 20px;
    font-size: 16px;
    font-size: 1.6rem; }
  .detail-list button.btn.line-gray + .sec-standard {
    display: block; }
  .detail-list button.btn.line-gray.close + .sec-standard {
    display: none; }

/* ------------------------- 상세페이지 우측  ------------------------- */
.side-issue {
  background: url("/2017/img/side_issue_bg.png") no-repeat right top #85b2d6;
  border-radius: 10px;
  min-height: 48px;
  font-size: 18px;
  font-size: 1.8rem;
  font-family: 'Nanum Bold', sans-serif !important;
  font-weight: normal !important;
  padding: 7px 0 0 15px;
  color: #fff; }

.side-service dl {
  font-size: 14px;
  font-size: 1.4rem; }
  .side-service dl dt {
    border-bottom: 2px solid #a1a4a6;
    position: relative;
    margin-bottom: 8px;
    line-height: 34px; }
  .side-service dl dd {
    background: url("/2017/img/page/bul_dot_gray.png") no-repeat 0 10px;
    padding-left: 6px;
    margin: 0;
    line-height: 0;
    font-size: 0; }
    .side-service dl dd a {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      display: inline-block;
      width: 100%;
      line-height: 24px;
      font-size: 13px;
      font-size: 1.3rem; }

/* ------------------------- tab menu  ------------------------- */
.tabMenu {
  width: 100%;
  overflow: hidden;
  position: relative; }
  .tabMenu .tab, .tabMenu .tabs {
    overflow: hidden; }
    .tabMenu .tab > li, .tabMenu .tabs > li {
      float: left;
      text-align: center;
      border: 1px solid #d7d7d7;
      border-left: none;
      background: url("/2017/img/common/tab_bg.gif") repeat-x 0 bottom;
      background-color: #fff;
      box-sizing: border-box;
      z-index: 1; }
      .tabMenu .tab > li:first-child, .tabMenu .tabs > li:first-child {
        border-left: 1px solid #d7d7d7; }
      .tabMenu .tab > li > a, .tabMenu .tabs > li > a {
        display: table;
        width: 100%;
        padding: 11px 2px;
        font-family: 'Malgun Gothic', sans-serif;
        font-weight: bold;
        font-size: 13px;
        font-size: 1.3rem;
        color: #333;
        text-align: center;
        word-wrap: break-word;
        box-sizing: border-box; }
        .tabMenu .tab > li > a:focus, .tabMenu .tabs > li > a:focus{outline-offset:-2px;}
        .tabMenu .tab > li > a > span, .tabMenu .tabs > li > a > span {
          display: table-cell;
          vertical-align: middle; }
          .tabMenu .tab > li > a > span > i, .tabMenu .tabs > li > a > span > i {
            display: block;
            font-style: normal; }
      .tabMenu .tab > li.active, .tabMenu .tabs > li.active {
        border: 1px solid #07233c;
        background: none;
        background-color: #0e3b64;
        z-index: 2; }
        .tabMenu .tab > li.active > a, .tabMenu .tabs > li.active > a {
          color: #fff; }
          .tabMenu .tab > li.active > a:focus-visible, .tabMenu .tabs > li.active > a:focus-visible{outline-color:#fff; outline-offset:-3px}/*20221116접근성*/
  @media only screen and (max-width: 805px) {
    .tabMenu.ts-tab-wrap > .ts-tab {
      position: relative;
      overflow: hidden;
      height: 37px;
      padding: 0 37px 0 0; }
      .tabMenu.ts-tab-wrap > .ts-tab .tab > li > a, .tabMenu.ts-tab-wrap > .ts-tab .tabs > li > a {
        padding: 8px 2px; }
        .tabMenu.ts-tab-wrap > .ts-tab .tab > li > a > span > i, .tabMenu.ts-tab-wrap > .ts-tab .tabs > li > a > span > i {
          display: none; }
      .tabMenu.ts-tab-wrap > .ts-tab.open {
        height: 100%;
        padding: 0 0 37px 0; }
        .tabMenu.ts-tab-wrap > .ts-tab.open .tab > li > a, .tabMenu.ts-tab-wrap > .ts-tab.open .tabs > li > a {
          padding: 11px 2px; }
          .tabMenu.ts-tab-wrap > .ts-tab.open .tab > li > a > span > i, .tabMenu.ts-tab-wrap > .ts-tab.open .tabs > li > a > span > i {
            display: block; }
      .tabMenu.ts-tab-wrap > .ts-tab .ts-btn {
        position: absolute;
        display: block; }
        .tabMenu.ts-tab-wrap > .ts-tab .ts-btn.close {
          top: 0;
          right: 0;
          width: 37px;
          height: 37px; }
          .tabMenu.ts-tab-wrap > .ts-tab .ts-btn.close > a {
            display: block;
            width: 37px;
            height: 37px;
            border: 1px solid #d7d7d7;
            border-left: none;
            background: url("/2017/img/page/ico_ts_btn.png") no-repeat center 0;
            background-color: #f8f8fa;
            box-sizing: border-box; }
        .tabMenu.ts-tab-wrap > .ts-tab .ts-btn.open {
          bottom: 0;
          width: 100%;
          height: 37px; }
          .tabMenu.ts-tab-wrap > .ts-tab .ts-btn.open > a {
            display: block;
            width: 100%;
            height: 37px;
            border: 1px solid #d7d7d7;
            border-top: none;
            background: url("/2017/img/page/ico_ts_btn.png") no-repeat center -35px;
            background-color: #f8f8fa;
            box-sizing: border-box; } }
  .tabMenu .posR {
    text-align: right;
    margin-top: 10px; }
    .tabMenu .posR * {
      vertical-align: top; }
  .tabMenu .fr {
    float: right; }
  .tabMenu .tabcontainer {
    clear: both;
    width: 100%;
    background: #fff;
    font-size: 14px;
    font-size: 1.4rem;
    display: none;
    padding: 10px 0 40px 0; }
  .tabMenu.num1 .tab > li, .tabMenu.num1 .tabs > li {
    width: 100%; }
  .tabMenu.num2 .tab > li, .tabMenu.num2 .tabs > li {
    width: 50%; }
  .tabMenu.num3 .tab > li, .tabMenu.num3 .tabs > li {
    width: 33.3333333333%; }
  .tabMenu.num4 .tab > li, .tabMenu.num4 .tabs > li {
    width: 25%; }
  .tabMenu.num5 .tab > li, .tabMenu.num5 .tabs > li {
    width: 20%; }
  .tabMenu.num6 .tab > li, .tabMenu.num6 .tabs > li {
    width: 16.6666666667%; }
  .tabMenu.num7 .tab > li, .tabMenu.num7 .tabs > li {
    width: 14.2857142857%; }
  .tabMenu.num8 .tab > li, .tabMenu.num8 .tabs > li {
    width: 12.5%; }
  @media only screen and (max-width: 805px) {
    .tabMenu.num2 .tab > li, .tabMenu.num2 .tabs > li {
      width: 50%; } }
  @media only screen and (max-width: 640px) {
    .tabMenu.num2 .tab > li, .tabMenu.num2 .tabs > li {
      width: 50%; } }
  @media only screen and (max-width: 805px) {
    .tabMenu.num3 .tab > li, .tabMenu.num3 .tabs > li {
      width: 33.3333333333%; } }
  @media only screen and (max-width: 640px) {
    .tabMenu.num3 .tab > li, .tabMenu.num3 .tabs > li {
      width: 33.3333333333%; } }
  @media only screen and (max-width: 805px) {
    .tabMenu.num4 .tab > li, .tabMenu.num4 .tabs > li {
      width: 25%; } }
  @media only screen and (max-width: 640px) {
    .tabMenu.num4 .tab > li, .tabMenu.num4 .tabs > li {
      width: 50%; }
      .tabMenu.num4 .tab > li:first-child + li + li, .tabMenu.num4 .tabs > li:first-child + li + li {
        border-left: 1px solid #d7d7d7; }
        .tabMenu.num4 .tab > li:first-child + li + li.active, .tabMenu.num4 .tabs > li:first-child + li + li.active {
          border-left: 1px solid #07233c; }
      .tabMenu.num4 .tab > li:first-child + li + li, .tabMenu.num4 .tab > li:first-child + li + li + li, .tabMenu.num4 .tabs > li:first-child + li + li, .tabMenu.num4 .tabs > li:first-child + li + li + li {
        border-top: none; } }
  @media only screen and (max-width: 805px) {
    .tabMenu.num5 .tab > li, .tabMenu.num5 .tabs > li {
      width: 33.3333333333%; }
      .tabMenu.num5 .tab > li:first-child + li + li + li, .tabMenu.num5 .tabs > li:first-child + li + li + li {
        border-left: 1px solid #d7d7d7; }
        .tabMenu.num5 .tab > li:first-child + li + li + li.active, .tabMenu.num5 .tabs > li:first-child + li + li + li.active {
          border-left: 1px solid #07233c; }
      .tabMenu.num5 .tab > li:first-child + li + li + li, .tabMenu.num5 .tab > li:first-child + li + li + li + li, .tabMenu.num5 .tabs > li:first-child + li + li + li, .tabMenu.num5 .tabs > li:first-child + li + li + li + li {
        width: 50%;
        border-top: none; } }
  @media only screen and (max-width: 640px) {
    .tabMenu.num5 .tab > li, .tabMenu.num5 .tabs > li {
      width: 33.3333333333%; }
      .tabMenu.num5 .tab > li:first-child + li + li + li, .tabMenu.num5 .tabs > li:first-child + li + li + li {
        border-left: 1px solid #d7d7d7; }
        .tabMenu.num5 .tab > li:first-child + li + li + li.active, .tabMenu.num5 .tabs > li:first-child + li + li + li.active {
          border-left: 1px solid #07233c; }
      .tabMenu.num5 .tab > li:first-child + li + li + li, .tabMenu.num5 .tab > li:first-child + li + li + li + li, .tabMenu.num5 .tabs > li:first-child + li + li + li, .tabMenu.num5 .tabs > li:first-child + li + li + li + li {
        width: 50%;
        border-top: none; } }
  @media only screen and (max-width: 805px) {
    .tabMenu.num6 .tab > li, .tabMenu.num6 .tabs > li {
      width: 33.3333333333%; }
      .tabMenu.num6 .tab > li:first-child + li + li + li, .tabMenu.num6 .tabs > li:first-child + li + li + li {
        border-left: 1px solid #d7d7d7; }
        .tabMenu.num6 .tab > li:first-child + li + li + li.active, .tabMenu.num6 .tabs > li:first-child + li + li + li.active {
          border-left: 1px solid #07233c; }
      .tabMenu.num6 .tab > li:first-child + li + li + li, .tabMenu.num6 .tab > li:first-child + li + li + li + li, .tabMenu.num6 .tab > li:first-child + li + li + li + li + li, .tabMenu.num6 .tabs > li:first-child + li + li + li, .tabMenu.num6 .tabs > li:first-child + li + li + li + li, .tabMenu.num6 .tabs > li:first-child + li + li + li + li + li {
        border-top: none; } }
  @media only screen and (max-width: 640px) {
    .tabMenu.num6 .tab > li, .tabMenu.num6 .tabs > li {
      width: 50%; }
      .tabMenu.num6 .tab > li:first-child + li + li, .tabMenu.num6 .tab > li:first-child + li + li + li + li, .tabMenu.num6 .tabs > li:first-child + li + li, .tabMenu.num6 .tabs > li:first-child + li + li + li + li {
        border-left: 1px solid #d7d7d7; }
        .tabMenu.num6 .tab > li:first-child + li + li.active, .tabMenu.num6 .tab > li:first-child + li + li + li + li.active, .tabMenu.num6 .tabs > li:first-child + li + li.active, .tabMenu.num6 .tabs > li:first-child + li + li + li + li.active {
          border-left: 1px solid #07233c; }
      .tabMenu.num6 .tab > li:first-child + li + li + li, .tabMenu.num6 .tabs > li:first-child + li + li + li {
        border-left: none; }
      .tabMenu.num6 .tab > li:first-child + li + li, .tabMenu.num6 .tab > li:first-child + li + li + li, .tabMenu.num6 .tab > li:first-child + li + li + li + li, .tabMenu.num6 .tab > li:first-child + li + li + li + li + li, .tabMenu.num6 .tabs > li:first-child + li + li, .tabMenu.num6 .tabs > li:first-child + li + li + li, .tabMenu.num6 .tabs > li:first-child + li + li + li + li, .tabMenu.num6 .tabs > li:first-child + li + li + li + li + li {
        border-top: none; } }
  @media only screen and (max-width: 805px) {
    .tabMenu.num6.ts-tab-wrap .tab > li, .tabMenu.num6.ts-tab-wrap .tabs > li {
      width: 33.3333333333%; }
      .tabMenu.num6.ts-tab-wrap .tab > li:first-child + li + li + li, .tabMenu.num6.ts-tab-wrap .tabs > li:first-child + li + li + li {
        border-left: 1px solid #d7d7d7; }
        .tabMenu.num6.ts-tab-wrap .tab > li:first-child + li + li + li.active, .tabMenu.num6.ts-tab-wrap .tabs > li:first-child + li + li + li.active {
          border-left: 1px solid #07233c; }
      .tabMenu.num6.ts-tab-wrap .tab > li:first-child + li + li + li, .tabMenu.num6.ts-tab-wrap .tab > li:first-child + li + li + li + li, .tabMenu.num6.ts-tab-wrap .tab > li:first-child + li + li + li + li + li, .tabMenu.num6.ts-tab-wrap .tabs > li:first-child + li + li + li, .tabMenu.num6.ts-tab-wrap .tabs > li:first-child + li + li + li + li, .tabMenu.num6.ts-tab-wrap .tabs > li:first-child + li + li + li + li + li {
        border-top: none; } }
  @media only screen and (max-width: 640px) {
    .tabMenu.num6.ts-tab-wrap .tab > li, .tabMenu.num6.ts-tab-wrap .tabs > li {
      width: 33.3333333333%; }
      .tabMenu.num6.ts-tab-wrap .tab > li:first-child + li + li, .tabMenu.num6.ts-tab-wrap .tab > li:first-child + li + li + li + li, .tabMenu.num6.ts-tab-wrap .tabs > li:first-child + li + li, .tabMenu.num6.ts-tab-wrap .tabs > li:first-child + li + li + li + li {
        border-left: none; }
        .tabMenu.num6.ts-tab-wrap .tab > li:first-child + li + li.active, .tabMenu.num6.ts-tab-wrap .tab > li:first-child + li + li + li + li.active, .tabMenu.num6.ts-tab-wrap .tabs > li:first-child + li + li.active, .tabMenu.num6.ts-tab-wrap .tabs > li:first-child + li + li + li + li.active {
          border-left: none; }
      .tabMenu.num6.ts-tab-wrap .tab > li:first-child + li + li, .tabMenu.num6.ts-tab-wrap .tabs > li:first-child + li + li {
        border-top: 1px solid #d7d7d7; }
        .tabMenu.num6.ts-tab-wrap .tab > li:first-child + li + li.active, .tabMenu.num6.ts-tab-wrap .tabs > li:first-child + li + li.active {
          border-top: 1px solid #07233c; }
      .tabMenu.num6.ts-tab-wrap .tab > li:first-child + li + li + li, .tabMenu.num6.ts-tab-wrap .tabs > li:first-child + li + li + li {
        border-left: 1px solid #d7d7d7; }
        .tabMenu.num6.ts-tab-wrap .tab > li:first-child + li + li + li.active, .tabMenu.num6.ts-tab-wrap .tabs > li:first-child + li + li + li.active {
          border-left: 1px solid #07233c; }
      .tabMenu.num6.ts-tab-wrap .tab > li:first-child + li + li + li, .tabMenu.num6.ts-tab-wrap .tab > li:first-child + li + li + li + li, .tabMenu.num6.ts-tab-wrap .tab > li:first-child + li + li + li + li + li, .tabMenu.num6.ts-tab-wrap .tabs > li:first-child + li + li + li, .tabMenu.num6.ts-tab-wrap .tabs > li:first-child + li + li + li + li, .tabMenu.num6.ts-tab-wrap .tabs > li:first-child + li + li + li + li + li {
        border-top: none; } }
  @media only screen and (max-width: 805px) {
    .tabMenu.num7 .tab > li, .tabMenu.num7 .tabs > li {
      width: 25%; }
      .tabMenu.num7 .tab > li:first-child + li + li + li + li, .tabMenu.num7 .tabs > li:first-child + li + li + li + li {
        border-left: 1px solid #d7d7d7; }
        .tabMenu.num7 .tab > li:first-child + li + li + li + li.active, .tabMenu.num7 .tabs > li:first-child + li + li + li + li.active {
          border-left: 1px solid #07233c; }
      .tabMenu.num7 .tab > li:first-child + li + li + li + li, .tabMenu.num7 .tab > li:first-child + li + li + li + li + li, .tabMenu.num7 .tab > li:first-child + li + li + li + li + li + li, .tabMenu.num7 .tabs > li:first-child + li + li + li + li, .tabMenu.num7 .tabs > li:first-child + li + li + li + li + li, .tabMenu.num7 .tabs > li:first-child + li + li + li + li + li + li {
        width: 33.3333333333%;
        border-top: none; } }
  @media only screen and (max-width: 640px) {
    .tabMenu.num7 .tab > li, .tabMenu.num7 .tabs > li {
      width: 33.3333333333%; }
      .tabMenu.num7 .tab > li:first-child + li + li + li, .tabMenu.num7 .tab > li:first-child + li + li + li + li + li, .tabMenu.num7 .tabs > li:first-child + li + li + li, .tabMenu.num7 .tabs > li:first-child + li + li + li + li + li {
        border-left: 1px solid #d7d7d7; }
        .tabMenu.num7 .tab > li:first-child + li + li + li.active, .tabMenu.num7 .tab > li:first-child + li + li + li + li + li.active, .tabMenu.num7 .tabs > li:first-child + li + li + li.active, .tabMenu.num7 .tabs > li:first-child + li + li + li + li + li.active {
          border-left: 1px solid #07233c; }
      .tabMenu.num7 .tab > li:first-child + li + li + li, .tabMenu.num7 .tab > li:first-child + li + li + li + li, .tabMenu.num7 .tab > li:first-child + li + li + li + li + li, .tabMenu.num7 .tab > li:first-child + li + li + li + li + li + li, .tabMenu.num7 .tabs > li:first-child + li + li + li, .tabMenu.num7 .tabs > li:first-child + li + li + li + li, .tabMenu.num7 .tabs > li:first-child + li + li + li + li + li, .tabMenu.num7 .tabs > li:first-child + li + li + li + li + li + li {
        width: 50%;
        border-top: none; }
      .tabMenu.num7 .tab > li:first-child + li + li + li + li, .tabMenu.num7 .tabs > li:first-child + li + li + li + li {
        border-left: none; } }
  @media only screen and (max-width: 805px) {
    .tabMenu.num8 .tab > li, .tabMenu.num8 .tabs > li {
      width: 25%; }
      .tabMenu.num8 .tab > li:first-child + li + li + li + li, .tabMenu.num8 .tabs > li:first-child + li + li + li + li {
        border-left: 1px solid #d7d7d7; }
        .tabMenu.num8 .tab > li:first-child + li + li + li + li.active, .tabMenu.num8 .tabs > li:first-child + li + li + li + li.active {
          border-left: 1px solid #07233c; }
      .tabMenu.num8 .tab > li:first-child + li + li + li + li, .tabMenu.num8 .tab > li:first-child + li + li + li + li + li, .tabMenu.num8 .tab > li:first-child + li + li + li + li + li + li, .tabMenu.num8 .tab > li:first-child + li + li + li + li + li + li + li, .tabMenu.num8 .tabs > li:first-child + li + li + li + li, .tabMenu.num8 .tabs > li:first-child + li + li + li + li + li, .tabMenu.num8 .tabs > li:first-child + li + li + li + li + li + li, .tabMenu.num8 .tabs > li:first-child + li + li + li + li + li + li + li {
        border-top: none; } }
  @media only screen and (max-width: 640px) {
    .tabMenu.num8 .tab > li, .tabMenu.num8 .tabs > li {
      width: 50%; }
      .tabMenu.num8 .tab > li:first-child + li + li, .tabMenu.num8 .tab > li:first-child + li + li + li + li, .tabMenu.num8 .tab > li:first-child + li + li + li + li + li + li, .tabMenu.num8 .tabs > li:first-child + li + li, .tabMenu.num8 .tabs > li:first-child + li + li + li + li, .tabMenu.num8 .tabs > li:first-child + li + li + li + li + li + li {
        border-left: 1px solid #d7d7d7; }
        .tabMenu.num8 .tab > li:first-child + li + li.active, .tabMenu.num8 .tab > li:first-child + li + li + li + li.active, .tabMenu.num8 .tab > li:first-child + li + li + li + li + li + li.active, .tabMenu.num8 .tabs > li:first-child + li + li.active, .tabMenu.num8 .tabs > li:first-child + li + li + li + li.active, .tabMenu.num8 .tabs > li:first-child + li + li + li + li + li + li.active {
          border-left: 1px solid #07233c; }
      .tabMenu.num8 .tab > li:first-child + li + li, .tabMenu.num8 .tab > li:first-child + li + li + li, .tabMenu.num8 .tab > li:first-child + li + li + li + li, .tabMenu.num8 .tab > li:first-child + li + li + li + li + li, .tabMenu.num8 .tab > li:first-child + li + li + li + li + li + li, .tabMenu.num8 .tab > li:first-child + li + li + li + li + li + li + li, .tabMenu.num8 .tabs > li:first-child + li + li, .tabMenu.num8 .tabs > li:first-child + li + li + li, .tabMenu.num8 .tabs > li:first-child + li + li + li + li, .tabMenu.num8 .tabs > li:first-child + li + li + li + li + li, .tabMenu.num8 .tabs > li:first-child + li + li + li + li + li + li, .tabMenu.num8 .tabs > li:first-child + li + li + li + li + li + li + li {
        border-top: none; } }

@media only screen and (max-width: 805px) {
  .inbox {
    max-width: 100%;
    width: 100% !important;
    box-sizing: border-box; } }
/* ------------------------- 맞춤형 서비스 찾기  ------------------------- */
.service-guide {
  border: 1px solid #ff7e02;
  margin: 23px auto;
  padding: 24px 34px;
  background: url("/2017/img/page/bg_oblique.png") repeat left top; }
  .service-guide p {
    text-align: left;
    color: #333333;
    font-size: 16px;
    vertical-align: middle; }
    .service-guide p strong {
      display: inline-block;
      position: relative;
      color: #ff5000;
      font-weight: bold;
      font-size: 20px;
      margin: 0 4px 0 0;
      padding: 0 4px;
      line-height: 100%; }
      .service-guide p strong:after {
        content: "";
        display: block;
        position: absolute;
        bottom: -4px;
        left: -4px;
        right: -4px;
        overflow: hidden;
        height: 8px;
        background: rgba(255, 126, 2, 0.3); }

.btu-step .title .breadclumbs .page-util li {
  display: none; }
  .btu-step .title .breadclumbs .page-util li.iconBox.print {
    display: block; }
    @media only screen and (max-width: 805px) {
      .btu-step .title .breadclumbs .page-util li.iconBox.print {
        display: none; } }

@media only screen and (max-width: 805px) {
  .btu-step.detail .contentsWrap .contents {
    padding-top: 40px; } }

.btu {
  max-width: 960px;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  /* 1단계 */
  /* 2단계 */ }
  .btu .step-tab {
    background: url("/2017/img/page/btutab_bg.png") repeat left top;
    width: 100%;
    text-align: center;
    height: 40px; }
    .btu .step-tab ul {
      font-size: 0; }
      .btu .step-tab ul > li {
        font-size: 16px;
        font-size: 1.6rem;
        display: inline-block;
        color: #c14601;
        position: relative; }
        .btu .step-tab ul > li:first-child:after {
          display: none; }
        .btu .step-tab ul > li:after {
          display: inline-block;
          content: '';
          width: 1px;
          height: 25px;
          background: #fde271;
          position: absolute;
          left: 0;
          top: 10px; }
        .btu .step-tab ul > li.active span {
          background: #fff;
          border-top-left-radius: 5px;
          border-top-right-radius: 5px;
          color: #333;
          font-weight: bold; }
        .btu .step-tab ul > li.active:after {
          display: none; }
        .btu .step-tab ul > li span {
          margin-top: 5px;
          padding: 0 5.0em 0;
          box-sizing: border-box;
          display: block;
          height: 35px;
          color: #333;
          line-height: 35px; }
          @media only screen and (max-width: 805px) {
            .btu .step-tab ul > li span {
              padding: 0 3.5em 0; } }
          @media only screen and (max-width: 640px) {
            .btu .step-tab ul > li span {
              padding: 0 1.8em 0; } }
          @media only screen and (max-width: 360px) {
            .btu .step-tab ul > li span {
              padding: 0 1em 0; } }
  .btu .step-box {
    border: 1px solid #c5c5c5;
    /* padding: 20px 4.375%; */
    padding: 0 0 !important;
    width: 100%;
    overflow: hidden;
    box-sizing: border-box; }
  .btu .step-guide {
    display: block;
    background: #f8f8f8;
    border-bottom: 1px solid #e9e9e9;
    padding: 18px 0;
    text-align: center;
    color: #484848;
    font-size: 100%;
    font-weight: bold; }
    .btu .step-guide p {
      display: inline-block;
      position: relative;
      vertical-align: top;
      padding: 0 0 0 29px; }
      .btu .step-guide p:before {
        display: block;
        overflow: hidden;
        position: absolute;
        left: 0;
        top: 0;
        content: "";
        width: 20px;
        height: 20px;
        background: url("/2017/img/page/icon-step-guide.png") no-repeat 50% 50%; }
  .btu .step-cont {
    margin-top: 10px; }
    .btu .step-cont .cusform {
      width: 100%;
      overflow: hidden;
      box-sizing: border-box;
      padding: 20px 4.375%; }
      .btu .step-cont .cusform > li {
        float: left;
        width: 26%;
        margin-left: 4%; }
        .btu .step-cont .cusform > li:first-child {
          margin-left: 0; }
          .btu .step-cont .cusform > li:first-child + li {
            width: 39%; }
        @media only screen and (max-width: 805px) {
          .btu .step-cont .cusform > li {
            float: none;
            width: 100%;
            text-align: center;
            margin: 0 0 0.625em 0; }
            .btu .step-cont .cusform > li:first-child + li {
              width: 100%; } }
        .btu .step-cont .cusform > li .inputbox {
          font-size: 14px;
          font-size: 1.4rem;
          margin: 4px 0;
          padding: 0 5px 0 5px;
          border: 1px solid #898989;
          border-radius: 5px;
          background: #fff;
          color: #333;
          line-height: 38px;
          height: 38px;
          box-sizing: border-box; }
          @media only screen and (max-width: 805px) {
            .btu .step-cont .cusform > li .inputbox {
              width: 88% !important; } }
        .btu .step-cont .cusform > li select {
          margin: 4px 0;
          font-size: 14px;
          font-size: 1.4rem;
          height: 38px;
          line-height: 38px;
          padding: 0;
          box-sizing: border-box; }
          @media only screen and (max-width: 640px) {
            .btu .step-cont .cusform > li select {
              font-size: 12px;
              font-size: 1.2rem; } }
        .btu .step-cont .cusform > li h3 {
          font-size: 20px;
          font-size: 2rem;
          text-align: center; }
          @media only screen and (max-width: 805px) {
            .btu .step-cont .cusform > li h3 {
              /******* .sr-only */
              position: absolute;
              width: 1px;
              height: 1px;
              padding: 0;
              margin: -1px;
              overflow: hidden;
              clip: rect(0, 0, 0, 0);
              border: 0;
              /* .sr-only *******/
              margin-bottom: 10px;
              background: url("/2017/img/page/as_list_dot.gif") repeat-x left center; } }
          @media only screen and (max-width: 360px) {
            .btu .step-cont .cusform > li h3 {
              font-size: 16px;
              font-size: 1.6rem; } }
          .btu .step-cont .cusform > li h3 span {
            background: #fff;
            display: inline-block; }
            @media only screen and (max-width: 805px) {
              .btu .step-cont .cusform > li h3 span {
                padding: 0 15px; } }
      .btu .step-cont .cusform .col2 {
        width: 100%;
        overflow: hidden; }
        .btu .step-cont .cusform .col2 > span.mh {
          float: left;
          width: 49%;
          margin: 4px 0 4px 1%;
          display: table;
          min-height: 38px; }
          .btu .step-cont .cusform .col2 > span.mh:first-child {
            margin-left: 0;
            width: 50%; }
  .btu .btu-header {
    width: 100%;
    overflow: hidden;
    position: relative;
    background: #efedde;
    box-sizing: border-box;
    margin: 80px 0 30px;
    padding: 23px 30px; }
    @media only screen and (max-width: 640px) {
      .btu .btu-header {
        display: none; } }
    .btu .btu-header p {
      font-size: 16px;
      font-size: 1.6rem;
      color: #333;
      font-weight: bold;
      line-height: 30px; }
      .btu .btu-header p:before {
        background: url("/2017/img/common/search_orange.png") no-repeat left top;
        display: inline-block;
        content: '';
        width: 36px;
        height: 30px;
        vertical-align: top; }
      @media only screen and (max-width: 805px) {
        .btu .btu-header p {
          text-align: center; } }
    .btu .btu-header .btn-find {
      position: absolute;
      top: 24px;
      right: 30px; }
      @media only screen and (max-width: 805px) {
        .btu .btu-header .btn-find {
          position: static;
          margin: 10px auto;
          text-align: center; } }
      .btu .btu-header .btn-find .btn-find-life,
      .btu .btu-header .btn-find .btn-find-part {
        font-size: 14px;
        font-size: 1.4rem;
        height: 28px;
        line-height: 28px;
        background: #97c618;
        color: #fff;
        display: inline-block;
        padding: 0 10px;
        font-weight: bold;
        border-radius: 15px;
        text-align: center;
        min-width: 133px;
        text-shadow: 1px 1px 6px rgba(103, 64, 0, 0.8);
        margin-left: 5px; }
        .btu .btu-header .btn-find .btn-find-life:after,
        .btu .btu-header .btn-find .btn-find-part:after {
          content: '';
          display: inline-block;
          vertical-align: top;
          margin-left: 10px;
          width: 5px;
          height: 28px;
          background: url("/2017/img/page/ico_fa_convert.png") no-repeat -230px 0; }
        @media only screen and (max-width: 1023px) {
          .btu .btu-header .btn-find .btn-find-life,
          .btu .btu-header .btn-find .btn-find-part {
            min-width: 123px; } }
        @media only screen and (max-width: 805px) {
          .btu .btu-header .btn-find .btn-find-life,
          .btu .btu-header .btn-find .btn-find-part {
            min-width: 133px; } }
      .btu .btu-header .btn-find .btn-find-part {
        background: #ffab23; }
  .btu .personal-info {
    width: 100%;
    overflow: hidden;
    font-size: 0px;
    font-size: 0rem; }
    .btu .personal-info > li {
      padding: 0 10px 0 0;
      margin: 5px 0;
      float: left;
      font-size: 13px;
      font-size: 1.3rem;
      line-height: 2.25;
      vertical-align: top; }
      .btu .personal-info > li:first-child {
        border-left: 0;
        padding-left: 10px; }
        .btu .personal-info > li:first-child:before {
          vertical-align: top;
          display: inline-block;
          content: '';
          width: 33px;
          height: 27px;
          background: url("/2017/img/common/icon_sitemap.png") no-repeat -9px -116px;
          margin-right: 0; }
      .btu .personal-info > li:before {
        display: inline-block;
        content: '';
        width: 1px;
        height: 11px;
        background: #c5c5c5;
        vertical-align: middle;
        font-size: 0;
        line-height: 1;
        margin-right: 10px; }
  .btu .step-cont2 {
    border: 1px solid #c5c5c5;
    width: 100%;
    overflow: hidden;
    box-sizing: border-box; }
    .btu .step-cont2 .pinfo {
      display: none; }
      @media only screen and (max-width: 640px) {
        .btu .step-cont2 .pinfo {
          float: left;
          width: 100px;
          display: block;
          height: 417px;
          background: #e7e7e7; } }
      @media only screen and (max-width: 360px) {
        .btu .step-cont2 .pinfo {
          width: 60px; } }
    .btu .step-cont2 .container-right {
      width: 100%;
      box-sizing: border-box;
      overflow: hidden; }
      @media only screen and (max-width: 640px) {
        .btu .step-cont2 .container-right {
          margin-left: 100px;
          width: auto; }
          .btu .step-cont2 .container-right .scroll {
            height: 417px;
            overflow-y: scroll;
            position: relative; } }
      @media only screen and (max-width: 360px) {
        .btu .step-cont2 .container-right {
          margin-left: 60px; } }
      .btu .step-cont2 .container-right .step {
        background: #f0f0f0;
        border-top: 1px solid #c5c5c5; }
        .btu .step-cont2 .container-right .step:first-child {
          border-top: 0; }
        .btu .step-cont2 .container-right .step.selected h3 {
          background: #2196f3;
          color: #fff; }
          .btu .step-cont2 .container-right .step.selected h3 a:before, .btu .step-cont2 .container-right .step.selected h3 span:before {
            background-position: -182px -13px; }
        .btu .step-cont2 .container-right .step.selected#stepJob h3 a:before, .btu .step-cont2 .container-right .step.selected#stepJob h3 span:before {
          background-position: -182px -13px; }
        .btu .step-cont2 .container-right .step.selected#stepFamily h3 a:before, .btu .step-cont2 .container-right .step.selected#stepFamily h3 span:before {
          background-position: -182px -84px; }
        .btu .step-cont2 .container-right .step.selected#stepHouse h3 a:before, .btu .step-cont2 .container-right .step.selected#stepHouse h3 span:before {
          background-position: -182px -150px; }
      .btu .step-cont2 .container-right ul {
        width: 100%;
        overflow: hidden; }
        .btu .step-cont2 .container-right ul > li {
          width: 100%;
          overflow: hidden; }
      .btu .step-cont2 .container-right h3 {
        float: left;
        width: 150px;
        padding-top: 20px;
        background: #f0f0f0; }
        @media only screen and (max-width: 640px) {
          .btu .step-cont2 .container-right h3 {
            position: absolute;
            left: -10000px;
            top: auto;
            width: 1px;
            height: 1px;
            overflow: hidden; } }
        .btu .step-cont2 .container-right h3 a, .btu .step-cont2 .container-right h3 span {
          display: block;
          width: 102px;
          height: 102px;
          margin: 0 auto;
          padding-top: 5px;
          box-sizing: border-box; }
          @media only screen and (max-width: 640px) {
            .btu .step-cont2 .container-right h3 a, .btu .step-cont2 .container-right h3 span {
              display: none; } }
          .btu .step-cont2 .container-right h3 a:before, .btu .step-cont2 .container-right h3 span:before {
            display: block;
            content: '';
            width: 50px;
            height: 60px;
            margin: 0 auto;
            background: url("/2017/img/common/icon_sitemap.png") no-repeat -238px -13px; }
            @media only screen and (max-width: 640px) {
              .btu .step-cont2 .container-right h3 a:before, .btu .step-cont2 .container-right h3 span:before {
                display: none; } }
          .btu .step-cont2 .container-right h3 a:hover, .btu .step-cont2 .container-right h3 a.selected, .btu .step-cont2 .container-right h3 span:hover, .btu .step-cont2 .container-right h3 span.selected {
            background: #2196f3;
            color: #fff; }
            .btu .step-cont2 .container-right h3 a:hover:before, .btu .step-cont2 .container-right h3 a.selected:before, .btu .step-cont2 .container-right h3 span:hover:before, .btu .step-cont2 .container-right h3 span.selected:before {
              background-position: -182px -13px; }
          .btu .step-cont2 .container-right h3 a.job:before, .btu .step-cont2 .container-right h3 span.job:before {
            background: url("/2017/img/common/icon_sitemap.png") no-repeat -238px -13px; }
          .btu .step-cont2 .container-right h3 a.job:hover:before, .btu .step-cont2 .container-right h3 a.job.selected:before, .btu .step-cont2 .container-right h3 span.job:hover:before, .btu .step-cont2 .container-right h3 span.job.selected:before {
            background-position: -182px -13px; }
          .btu .step-cont2 .container-right h3 a.family:before, .btu .step-cont2 .container-right h3 span.family:before {
            background: url("/2017/img/common/icon_sitemap.png") no-repeat -238px -84px; }
          .btu .step-cont2 .container-right h3 a.family:hover:before, .btu .step-cont2 .container-right h3 a.family.selected:before, .btu .step-cont2 .container-right h3 span.family:hover:before, .btu .step-cont2 .container-right h3 span.family.selected:before {
            background-position: -182px -79px; }
          .btu .step-cont2 .container-right h3 a.house:before, .btu .step-cont2 .container-right h3 span.house:before {
            background: url("/2017/img/common/icon_sitemap.png") no-repeat -238px -150px; }
          .btu .step-cont2 .container-right h3 a.house:hover:before, .btu .step-cont2 .container-right h3 a.house.selected:before, .btu .step-cont2 .container-right h3 span.house:hover:before, .btu .step-cont2 .container-right h3 span.house.selected:before {
            background-position: -182px -145px; }
        .btu .step-cont2 .container-right h3#job.selected {
          background: #2196f3; }
      .btu .step-cont2 .container-right .btuCont {
        text-align: left;
        padding: 10px;
        box-sizing: border-box;
        background: #fff;
        margin-left: 150px; }
        @media only screen and (max-width: 640px) {
          .btu .step-cont2 .container-right .btuCont {
            margin-left: 0; } }
        .btu .step-cont2 .container-right .btuCont dl dt {
          font-size: 20px;
          font-size: 2rem; }
          @media only screen and (max-width: 640px) {
            .btu .step-cont2 .container-right .btuCont dl dt {
              font-size: 16px;
              font-size: 1.6rem; } }
        .btu .step-cont2 .container-right .btuCont dl dd {
          width: 100%;
          overflow: hidden;
          margin: 5px 0 10px 0; }
          .btu .step-cont2 .container-right .btuCont dl dd > ul {
            width: 100%;
            overflow: hidden; }
            .btu .step-cont2 .container-right .btuCont dl dd > ul > li {
              float: left;
              width: 25%; }
              @media only screen and (max-width: 805px) {
                .btu .step-cont2 .container-right .btuCont dl dd > ul > li {
                  width: 33.333%; } }
              @media only screen and (max-width: 640px) {
                .btu .step-cont2 .container-right .btuCont dl dd > ul > li {
                  width: 50%; } }
              @media only screen and (max-width: 360px) {
                .btu .step-cont2 .container-right .btuCont dl dd > ul > li {
                  width: 50%; } }
              .btu .step-cont2 .container-right .btuCont dl dd > ul > li > .mh {
                width: 97%;
                display: table;
                min-height: 38px;
                margin: 4px 0; }
  .btu .btuTab > li {
    width: 100%;
    overflow: hidden; }
    .btu .btuTab > li > a {
      display: block;
      width: 60px;
      background: #e7e7e7;
      margin: 0 auto;
      padding-top: 5px;
      box-sizing: border-box;
      text-align: center;
      font-weight: bold; }
      @media only screen and (max-width: 640px) {
        .btu .btuTab > li > a {
          width: 100px;
          padding: 30px 0; } }
      @media only screen and (max-width: 360px) {
        .btu .btuTab > li > a {
          width: 60px; } }
      .btu .btuTab > li > a:before {
        display: block;
        content: '';
        width: 50px;
        height: 60px;
        margin: 0 auto;
        background: url("/2017/img/common/icon_sitemap.png") no-repeat -238px -13px; }
      .btu .btuTab > li > a:hover, .btu .btuTab > li > a.selected {
        background: #2196f3;
        color: #fff; }
        .btu .btuTab > li > a:hover:before, .btu .btuTab > li > a.selected:before {
          background-position: -182px -13px; }
      .btu .btuTab > li > a.job:before {
        background: url("/2017/img/common/icon_sitemap.png") no-repeat -238px -13px; }
      .btu .btuTab > li > a.job:hover:before, .btu .btuTab > li > a.job.selected:before {
        background-position: -182px -13px; }
      .btu .btuTab > li > a.family:before {
        background: url("/2017/img/common/icon_sitemap.png") no-repeat -238px -84px; }
      .btu .btuTab > li > a.family:hover:before, .btu .btuTab > li > a.family.selected:before {
        background-position: -182px -79px; }
      .btu .btuTab > li > a.house:before {
        background: url("/2017/img/common/icon_sitemap.png") no-repeat -238px -150px; }
      .btu .btuTab > li > a.house:hover:before, .btu .btuTab > li > a.house.selected:before {
        background-position: -182px -145px; }
  .btu .step-cont3 .step-box {
    border: 1px solid #c5c5c5;
    padding: 20px 10px;
    width: 100%;
    overflow: hidden;
    box-sizing: border-box; }
  .btu .wishbtu {
    margin: 15px 0; }
    .btu .wishbtu dt {
      margin-bottom: 5px;
      padding: 0 10px;
      display: block;
      overflow: hidden;
      font-size: 20px;
      font-size: 2rem; }
      @media only screen and (max-width: 640px) {
        .btu .wishbtu dt {
          font-size: 16px;
          font-size: 1.6rem; } }
      @media only screen and (max-width: 360px) {
        .btu .wishbtu dt {
          padding-left: 5px; } }
      .btu .wishbtu dt * {
        vertical-align: middle; }
      .btu .wishbtu dt .allCheck {
        margin-top: 5px;
        font-size: 16px;
        font-size: 1.6rem;
        float: right; }
        @media only screen and (max-width: 640px) {
          .btu .wishbtu dt .allCheck {
            margin-top: 0;
            font-size: 14px;
            font-size: 1.4rem;
            margin-right: 5px; } }
        @media only screen and (max-width: 360px) {
          .btu .wishbtu dt .allCheck {
            font-size: 14px;
            font-size: 1.4rem;
            float: none;
            display: block; } }
    .btu .wishbtu dd {
      font-size: 13px;
      font-size: 1.3rem; }
      .btu .wishbtu dd ul {
        width: 100%;
        overflow: hidden; }
        .btu .wishbtu dd ul > li {
          float: left;
          width: 50%;
          padding: 0 10px;
          box-sizing: border-box; }
          @media only screen and (max-width: 360px) {
            .btu .wishbtu dd ul > li {
              float: none;
              width: 100%;
              padding: 0 2px; } }
          .btu .wishbtu dd ul > li > span {
            display: table;
            min-height: 38px;
            margin: 4px 0;
            width: 100%; }
  .btu .ibtn.large * {
    min-width: 50px;
    padding: 0 15px; }

.cusform {
  text-align: center; }
  .cusform input.inbox {
    margin: 4px 0;
    font-size: 14px;
    font-size: 1.4rem;
    height: auto;
    padding: 0.4875em 0;
    line-height: 1.7; }
    .cusform input.inbox.alR {
      text-align: right; }
    @media only screen and (max-width: 640px) {
      .cusform input.inbox {
        font-size: 12px;
        font-size: 1.2rem; } }
    @media only screen and (max-width: 805px) {
      .cusform input.inbox.md8 {
        width: 80% !important;
        max-width: 80%; } }
  .cusform select {
    margin: 4px 0;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.7;
    height: auto;
    padding: 0.4875em 0; }
    @media only screen and (max-width: 640px) {
      .cusform select {
        font-size: 12px;
        font-size: 1.2rem; } }
  .cusform input[type="checkbox"].custorm,
  .cusform input[type="radio"].custorm {
    opacity: 0;
    position: absolute; }
    .cusform input[type="checkbox"].custorm + label,
    .cusform input[type="radio"].custorm + label {
      position: relative;
      display: table-cell;
      width: 100%;
      min-height: 38px;
      margin: 4px 0;
      padding: 0 8px 0 35px;
      line-height: 1.2;
      font-weight: bold;
      color: #333;
      background: #fff;
      border: 1px solid #898989;
      text-align: left;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      border-radius: 5px;
      cursor: pointer;
      box-sizing: border-box; }
      @media only screen and (max-width: 640px) {
        .cusform input[type="checkbox"].custorm + label,
        .cusform input[type="radio"].custorm + label {
          font-size: 12px;
          font-size: 1.2rem; } }
      @media only screen and (max-width: 360px) {
        .cusform input[type="checkbox"].custorm + label,
        .cusform input[type="radio"].custorm + label {
          padding: 0 8px; } }
    .cusform input[type="checkbox"].custorm + label span,
    .cusform input[type="radio"].custorm + label span {
      position: absolute;
      top: 9px;
      left: 10px;
      width: 19px;
      height: 19px;
      margin: 0;
      padding: 0;
      overflow: hidden;
      border: none;
      background: url("/2017/img/common/check.png") no-repeat;
      background-size: 30px 142px;
      background-position: -5px -60px; }
      @media only screen and (max-width: 360px) {
        .cusform input[type="checkbox"].custorm + label span,
        .cusform input[type="radio"].custorm + label span {
          display: none; } }
    .cusform input[type="checkbox"].custorm:focus + label,
    .cusform input[type="radio"].custorm:focus + label {
      outline: 1px dotted #333; }
    .cusform input[type="checkbox"].custorm:checked + label,
    .cusform input[type="radio"].custorm:checked + label {
      color: #fff;
      background: #2196f3;
      border: 1px solid #2196f3; }
    .cusform input[type="checkbox"].custorm:checked + label span,
    .cusform input[type="radio"].custorm:checked + label span {
      background-position: -5px -10px; }
  .cusform select {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    width: 100%;
    margin: 4px 0; }
  .cusform .inbox {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px; }

.cs-guide {
  position: relative;
  padding-right: 120px; }
  .cs-guide .ibtn {
    position: absolute;
    right: 0;
    bottom: -5px; }
  .cs-guide .ibtn.medium * {
    min-width: auto; }

/* ------------------------- override Page  ------------------------- */
.map-area {
  position: relative; }
  .map-area .mapLay {
    position: absolute;
    left: 100px;
    top: 100px;
    width: 171px;
    height: 73px;
    padding: 15px 10px 20px 25px;
    box-sizing: border-box;
    background: url("/2017/img/page/tooltip_box.png") no-repeat left top; }
    .map-area .mapLay .close {
      position: absolute;
      right: 10px;
      top: 10px;
      width: 9px;
      height: 9px;
      background: url("/2017/img/page/tooltip_close.png") no-repeat left top; }

.local17-wrap {
  width: 100%;
  overflow: hidden; }
  .local17-wrap .local-map {
    float: left;
    width: 405px; }
    @media only screen and (max-width: 1140px) {
      .local17-wrap .local-map {
        display: none; } }
  .local17-wrap .local-gov-link-wrap {
    width: 686px;
    float: right; }
    @media only screen and (max-width: 1140px) {
      .local17-wrap .local-gov-link-wrap {
        float: none;
        width: 100%; } }
  .local17-wrap .local-gov-link {
    font-size: 0;
    margin-left: -2.5%; }
    .local17-wrap .local-gov-link > li {
      display: inline-block;
      margin: 0 0 1% 2.5%;
      vertical-align: top;
      width: 22.5%;
      box-sizing: border-box;
      background: none; }
      .local17-wrap .local-gov-link > li > a {
        border: 1px solid #b9b9b9;
        border-radius: 3px;
        padding: 5px;
        display: block;
        color: #333;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 25px; }
        .local17-wrap .local-gov-link > li > a:before {
          display: inline-block;
          content: '';
          width: 30px;
          height: 25px;
          background: url("/2017/img/common/icon_set.png") no-repeat 0 0;
          margin: 0 5px;
          vertical-align: middle; }
        .local17-wrap .local-gov-link > li > a.local-1:before {
          background-position: -8px -507px; }
        .local17-wrap .local-gov-link > li > a.local-1:hover:before, .local17-wrap .local-gov-link > li > a.local-1.active:before {
          background-position: -8px -467px; }
        .local17-wrap .local-gov-link > li > a.local-2:before {
          background-position: -43px -507px; }
        .local17-wrap .local-gov-link > li > a.local-2:hover:before, .local17-wrap .local-gov-link > li > a.local-2.active:before {
          background-position: -43px -467px; }
        .local17-wrap .local-gov-link > li > a.local-3:before {
          background-position: -77px -507px; }
        .local17-wrap .local-gov-link > li > a.local-3:hover:before, .local17-wrap .local-gov-link > li > a.local-3.active:before {
          background-position: -77px -467px; }
        .local17-wrap .local-gov-link > li > a.local-4:before {
          background-position: -114px -507px; }
        .local17-wrap .local-gov-link > li > a.local-4:hover:before, .local17-wrap .local-gov-link > li > a.local-4.active:before {
          background-position: -114px -467px; }
        .local17-wrap .local-gov-link > li > a.local-5:before {
          background-position: -147px -507px; }
        .local17-wrap .local-gov-link > li > a.local-5:hover:before, .local17-wrap .local-gov-link > li > a.local-5.active:before {
          background-position: -147px -467px; }
        .local17-wrap .local-gov-link > li > a.local-6:before {
          background-position: -183px -507px; }
        .local17-wrap .local-gov-link > li > a.local-6:hover:before {
          background-position: -183px -467px; }
        .local17-wrap .local-gov-link > li > a.local-7:before {
          background-position: -217px -507px; }
        .local17-wrap .local-gov-link > li > a.local-7:hover:before, .local17-wrap .local-gov-link > li > a.local-7.active:before {
          background-position: -217px -467px; }
        .local17-wrap .local-gov-link > li > a.local-8:before {
          background-position: -255px -507px; }
        .local17-wrap .local-gov-link > li > a.local-8:hover:before {
          background-position: -255px -467px; }
        .local17-wrap .local-gov-link > li > a.local-9:before {
          background-position: -287px -507px; }
        .local17-wrap .local-gov-link > li > a.local-9:hover:before, .local17-wrap .local-gov-link > li > a.local-9.active:before {
          background-position: -287px -467px; }
        .local17-wrap .local-gov-link > li > a.local-10:before {
          background-position: -323px -507px;
          width: 35px; }
        .local17-wrap .local-gov-link > li > a.local-10:hover:before, .local17-wrap .local-gov-link > li > a.local-10.active:before {
          background-position: -323px -467px; }
        .local17-wrap .local-gov-link > li > a.local-11:before {
          background-position: -359px -507px; }
        .local17-wrap .local-gov-link > li > a.local-11:hover:before, .local17-wrap .local-gov-link > li > a.local-11.active:before {
          background-position: -359px -467px; }
        .local17-wrap .local-gov-link > li > a.local-12:before {
          background-position: -392px -507px; }
        .local17-wrap .local-gov-link > li > a.local-12:hover:before {
          background-position: -392px -467px; }
        .local17-wrap .local-gov-link > li > a.local-13:before {
          background-position: -428px -507px;
          width: 26px; }
        .local17-wrap .local-gov-link > li > a.local-13:hover:before, .local17-wrap .local-gov-link > li > a.local-13.active:before {
          background-position: -428px -467px; }
        .local17-wrap .local-gov-link > li > a.local-14:before {
          background-position: -450px -507px; }
        .local17-wrap .local-gov-link > li > a.local-14:hover:before {
          background-position: -450px -467px; }
        .local17-wrap .local-gov-link > li > a.local-15:before {
          background-position: -481px -507px; }
        .local17-wrap .local-gov-link > li > a.local-15:hover:before, .local17-wrap .local-gov-link > li > a.local-15.active:before {
          background-position: -481px -467px; }
        .local17-wrap .local-gov-link > li > a.local-16:before {
          background-position: -513px -507px; }
        .local17-wrap .local-gov-link > li > a.local-16:hover:before {
          background-position: -513px -467px; }
        .local17-wrap .local-gov-link > li > a.local-17:before {
          background-position: -548px -507px;
          width: 38px; }
        .local17-wrap .local-gov-link > li > a.local-17:hover:before, .local17-wrap .local-gov-link > li > a.local-17.active:before {
          background-position: -548px -467px; }
      @media only screen and (max-width: 1023px) {
        .local17-wrap .local-gov-link > li {
          width: 30.83%; } }
      @media only screen and (max-width: 640px) {
        .local17-wrap .local-gov-link > li {
          width: 47.5%; } }

@media only screen and (max-width: 360px) {
  .service-detail-btn .btn-list.alR.top-line {
    text-align: center; } }
@media only screen and (max-width: 360px) {
  .service-detail-btn .btn-list.alR.top-line .ibtn.large * {
    min-width: 45px; } }

.member-inner span.capcha-img img {
  width: 200px;
  max-width: 200px;
  height: 50px; }

.tag-lst > .tit {
  padding-bottom: 10px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #424242;
  border-bottom: 2px solid #a1a4a6;
  margin-bottom: 10px;
  font-family: 'Malgun Gothic', sans-serif;
  font-weight: bold; }

/* 맞춤 혜택 찾기 */
.report-tbl {
  margin: 10px 0 20px;
  width: 100%;
  overflow: hidden; }
  .report-tbl ul {
    width: 100%;
    overflow: hidden;
    margin: 0 0 0 -0.5%; }
    @media only screen and (max-width: 640px) {
      .report-tbl ul {
        margin: 0; } }
    .report-tbl ul > li {
      float: left;
      width: 49.5%;
      margin: 10px 0 10px 0.5%; }
      .report-tbl ul > li strong {
        font-size: 14px;
        font-size: 1.4rem; }
        .report-tbl ul > li strong:before {
          display: inline-block;
          content: ' ';
          width: 12px;
          height: 12px;
          margin-right: 5px;
          background: url("/2017/img/page/ico_bul_cercle.png") no-repeat left center; }
      @media only screen and (max-width: 640px) {
        .report-tbl ul > li {
          width: 100%;
          float: none;
          margin: 10px 0 10px 0; } }
  .report-tbl table {
    width: 100%;
    padding: 0;
    border-collapse: collapse; }
  .report-tbl th, .report-tbl td {
    border: 1px solid #d5d5d5;
    padding: 5px; }
  .report-tbl .item {
    background: #f8f8fa;
    text-align: center;
    width: 30%; }

.btn-search-result {
  border-top: 2px solid #333;
  padding-top: 15px;
  padding-bottom: 20px;
  display: none; }
  .btn-search-result.open {
    display: block; }

.pop-wrap.lay-pop {
  width: 600px; }
  @media only screen and (max-width: 805px) {
    .pop-wrap.lay-pop {
      width: 60%; } }

.section_in {
  margin-top: 20px; }

/* 대한민국 On마을축제 상세보기 */
.gallery_im {
  max-width: 600px;
  margin: 0 auto 40px;
  text-align: center; }

.gallery_im img {
  max-width: 100%;
  width: auto;
  height: auto; }

@media only screen and (max-width: 640px) {
  .gallery-detail .view-contents {
    padding: 10px 0; } }

.board-detail dt {
  background: #f9f9f9;
  border: 1px solid #e6e6e6;
  line-height: 32px;
  padding: 0 20px;
  display: block; }
.board-detail dd {
  padding: 20px; }
  .board-detail dd * {
    vertical-align: middle; }
  .board-detail dd .ibtn {
    margin-left: 20px; }
  .board-detail dd .ibtn.medium * {
    min-width: 50px; }
  .board-detail dd li {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.7;
    margin-bottom: 10px; }
    .board-detail dd li p {
      text-indent: -10px;
      padding-left: 10px; }

.thumb-wrap {
  max-width: 960px;
  margin: 0 auto;
  overflow: hidden; }
  .thumb-wrap .thumb-detail {
    padding: 20px 0;
    width: 100%;
    overflow: hidden;
    margin-bottom: 30px;
    border-top: 5px solid #2196f3;
    border-bottom: 2px solid #424242; }
    .thumb-wrap .thumb-detail .thumb-img {
      float: left;
      max-width: 490px; }
      .thumb-wrap .thumb-detail .thumb-img img {
        max-width: 100%;
        height: auto; }
      @media only screen and (max-width: 805px) {
        .thumb-wrap .thumb-detail .thumb-img {
          float: none;
          margin: 0 auto; } }
    .thumb-wrap .thumb-detail dt {
      background: url("/2017/img/common/dot_nav_default.png") no-repeat 0 7px;
      padding-left: 10px;
      font-size: 14px;
      font-size: 1.4rem; }
      @media only screen and (max-width: 805px) {
        .thumb-wrap .thumb-detail dt {
          display: inline-block;
          float: left; } }
    .thumb-wrap .thumb-detail dd {
      padding-left: 10px;
      margin-bottom: 10px;
      font-size: 13px;
      font-size: 1.3rem; }
      @media only screen and (max-width: 805px) {
        .thumb-wrap .thumb-detail dd {
          display: block;
          margin-left: 90px; } }
  .thumb-wrap .board-view-detail {
    margin-left: 520px; }
    @media only screen and (max-width: 805px) {
      .thumb-wrap .board-view-detail {
        margin: 10px 0 0 0; } }

.bullet {
  margin-bottom: 12px;
  padding-left: 20px;
  background: url(/2017/img/page/bul_cercle_blue.png) no-repeat 0 center;
  font-weight: bold;
  font-size: 14px;
  font-size: 1.4rem; }

.box-cont {
  border: 1px solid #e6e6e6;
  background: #f9f9f9;
  padding: 20px;
  line-height: 1.7;
  color: #232323;
  margin-bottom: 50px; }
  .box-cont strong {
    font-weight: normal; }

/* ------------------------- Pop Up  ------------------------- */
@media print {
  header,
  footer,
  .opinion-txt,
  .pagepoll_wrap,
  .category_content {
    display: none; }

  .contentsWrap {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto; }

  .contents {
    float: none;
    width: 100% !important; }

  .contentsWrap.r2n .contents .cont-inner {
    margin: 0;
    padding: 0; }

  .aside {
    display: none !important; }

  html {
    font-size: 50% !important; }

  .contentsWrap.r2n:after {
    display: none; } }
.tab-menu .tab {
  width: 100%;
  overflow: hidden; }
  .tab-menu .tab > li {
    float: left;
    margin: 1px; }
    .tab-menu .tab > li > a {
      display: block;
      padding: 5px 5px;
      box-sizing: border-box;
      border: 1px solid #d7d7d7;
      line-height: 1.5; }
      .tab-menu .tab > li > a:hover {
        background: #0e3b64;
        color: #fff; }

#vp-genie {
  background: rgba(255, 0, 0, 0.75); }

#vp-genie:after {
  display: block;
  padding: 10px;
  color: #ff0;
  font-weight: bold;
  content: 'Default : 1141 ~ ';
  letter-spacing: 0; }

body:after {
  content: 'default PC';
  font-size: 0;
  display: none; }

@media only screen and (max-width: 1140px) {
  #vp-genie:after {
    content: 'xlg mobile : 1140 - 1024'; }

  body:after {
    content: 'xlarge PC';
    font-size: 0; } }
@media only screen and (max-width: 1023px) {
  #vp-genie:after {
    content: 'lg : 1023 - 806'; }

  body:after {
    content: 'lg MOBILE';
    font-size: 0; } }
@media only screen and (max-width: 805px) {
  #vp-genie:after {
    content: 'md : 805 - 641'; }

  body:after {
    content: 'md MOBILE';
    font-size: 0; } }
@media only screen and (max-width: 640px) {
  #vp-genie:after {
    content: 'sm: 640 - 361'; }

  body:after {
    content: 'sm MOBILE';
    font-size: 0; } }
@media only screen and (max-width: 360px) {
  #vp-genie:after {
    content: 'xs: 360 - '; }

  body:after {
    content: 'xs MOBILE';
    font-size: 0; } }
head {
  font-family: "PC"; }

body:before {
  content: "PC";
  display: none; }

@media screen and (max-width: 805px) {
  head {
    font-family: "MOBILE"; }

  body:before {
    content: "MOBILE"; } }
@media screen and (min-width: 806px) {
  head {
    font-family: "PC"; }

  body:before {
    content: "PC"; } }

/*# sourceMappingURL=default.css.map */