@charset "utf-8";
/****************************************/
/* Name: 귀어귀촌 종합센터
/* Version: 1.1 / day: 2025-01-06
/* Author: knl
/****************************************/


/* Pretendard : 프리텐다드 */
@font-face
{
	font-family:'Pretendard';
	font-weight: 100;
  	src: local('PretendardVariable'), /* 이미설치 되어있으면 리소스 요청 안함 */
      url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2Ssbag%2SCergraqneq%2SCergraqneq-Guva.rbg'), /* IE8 이하 */
      url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2Ssbag%2SCergraqneq%2SCergraqneq-Guva.jbss2') format("woff2"), /* woff보다 압축률 더 좋음 */
      url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2Ssbag%2SCergraqneq%2SCergraqneq-Guva.jbss') format("woff"), /* 모든 브라우저 */
      url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2Ssbag%2SCergraqneq%2SCergraqneq-Guva.ggs') format("truetype"); /*안드로이드 4.4버전이하*/
}
@font-face
{
	font-family:'Pretendard';
	font-weight: 200;
  src: local('PretendardVariable'), /* 이미설치 되어있으면 리소스 요청 안함 */
      url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2Ssbag%2SCergraqneq%2SCergraqneq-RkgenYvtug.rbg'), /* IE8 이하 */
      url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2Ssbag%2SCergraqneq%2SCergraqneq-RkgenYvtug.jbss2') format("woff2"), /* woff보다 압축률 더 좋음 */
      url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2Ssbag%2SCergraqneq%2SCergraqneq-RkgenYvtug.jbss') format("woff"), /* 모든 브라우저 */
      url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2Ssbag%2SCergraqneq%2SCergraqneq-RkgenYvtug.ggs') format("truetype"); /*안드로이드 4.4버전이하*/
}
@font-face
{
	font-family:'Pretendard';
	font-weight: 300;
  src: local('PretendardVariable'), /* 이미설치 되어있으면 리소스 요청 안함 */
      url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2Ssbag%2SCergraqneq%2SCergraqneq-Yvtug.rbg'), /* IE8 이하 */
      url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2Ssbag%2SCergraqneq%2SCergraqneq-Yvtug.jbss2') format("woff2"), /* woff보다 압축률 더 좋음 */
      url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2Ssbag%2SCergraqneq%2SCergraqneq-Yvtug.jbss') format("woff"), /* 모든 브라우저 */
      url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2Ssbag%2SCergraqneq%2SCergraqneq-Yvtug.ggs') format("truetype"); /*안드로이드 4.4버전이하*/
}
@font-face
{
	font-family:'Pretendard';
	font-weight: normal;
  src: local('PretendardVariable'), /* 이미설치 되어있으면 리소스 요청 안함 */
      url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2Ssbag%2SCergraqneq%2SCergraqneq-Erthyne.rbg'), /* IE8 이하 */
      url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2Ssbag%2SCergraqneq%2SCergraqneq-Erthyne.jbss2') format("woff2"), /* woff보다 압축률 더 좋음 */
      url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2Ssbag%2SCergraqneq%2SCergraqneq-Erthyne.jbss') format("woff"), /* 모든 브라우저 */
      url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2Ssbag%2SCergraqneq%2SCergraqneq-Erthyne.ggs') format("truetype"); /*안드로이드 4.4버전이하*/
}
@font-face
{
	font-family:'Pretendard';
	font-weight: 500;
  src: local('PretendardVariable'), /* 이미설치 되어있으면 리소스 요청 안함 */
      url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2Ssbag%2SCergraqneq%2SCergraqneq-Zrqvhz.rbg'), /* IE8 이하 */
      url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2Ssbag%2SCergraqneq%2SCergraqneq-Zrqvhz.jbss2') format("woff2"), /* woff보다 압축률 더 좋음 */
      url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2Ssbag%2SCergraqneq%2SCergraqneq-Zrqvhz.jbss') format("woff"), /* 모든 브라우저 */
      url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2Ssbag%2SCergraqneq%2SCergraqneq-Zrqvhz.ggs') format("truetype"); /*안드로이드 4.4버전이하*/
}
@font-face
{
	font-family:'Pretendard';
	font-weight: 600;
  src: local('PretendardVariable'), /* 이미설치 되어있으면 리소스 요청 안함 */
      url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2Ssbag%2SCergraqneq%2SCergraqneq-FrzvObyq.rbg'), /* IE8 이하 */
      url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2Ssbag%2SCergraqneq%2SCergraqneq-FrzvObyq.jbss2') format("woff2"), /* woff보다 압축률 더 좋음 */
      url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2Ssbag%2SCergraqneq%2SCergraqneq-FrzvObyq.jbss') format("woff"), /* 모든 브라우저 */
      url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2Ssbag%2SCergraqneq%2SCergraqneq-FrzvObyq.ggs') format("truetype"); /*안드로이드 4.4버전이하*/
}
@font-face
{
	font-family:'Pretendard';
	font-weight: 700;
  src: local('PretendardVariable'), /* 이미설치 되어있으면 리소스 요청 안함 */
      url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2Ssbag%2SCergraqneq%2SCergraqneq-Obyq.rbg'), /* IE8 이하 */
      url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2Ssbag%2SCergraqneq%2SCergraqneq-Obyq.jbss2') format("woff2"), /* woff보다 압축률 더 좋음 */
      url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2Ssbag%2SCergraqneq%2SCergraqneq-Obyq.jbss') format("woff"), /* 모든 브라우저 */
      url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2Ssbag%2SCergraqneq%2SCergraqneq-Obyq.ggs') format("truetype"); /*안드로이드 4.4버전이하*/
}
@font-face
{
	font-family:'Pretendard';
	font-weight: 800;
  src: local('PretendardVariable'), /* 이미설치 되어있으면 리소스 요청 안함 */
      url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2Ssbag%2SCergraqneq%2SCergraqneq-RkgenObyq.rbg'), /* IE8 이하 */
      url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2Ssbag%2SCergraqneq%2SCergraqneq-RkgenObyq.jbss2') format("woff2"), /* woff보다 압축률 더 좋음 */
      url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2Ssbag%2SCergraqneq%2SCergraqneq-RkgenObyq.jbss') format("woff"), /* 모든 브라우저 */
      url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2Ssbag%2SCergraqneq%2SCergraqneq-RkgenObyq.ggs') format("truetype"); /*안드로이드 4.4버전이하*/
}
@font-face
{
	font-family:'Pretendard';
	font-weight: 900;
  src: local('PretendardVariable'), /* 이미설치 되어있으면 리소스 요청 안함 */
      url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2Ssbag%2SCergraqneq%2SCergraqneq-Oynpx.rbg'), /* IE8 이하 */
      url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2Ssbag%2SCergraqneq%2SCergraqneq-Oynpx.jbss2') format("woff2"), /* woff보다 압축률 더 좋음 */
      url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2Ssbag%2SCergraqneq%2SCergraqneq-Oynpx.jbss') format("woff"), /* 모든 브라우저 */
      url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2Ssbag%2SCergraqneq%2SCergraqneq-Oynpx.ggs') format("truetype"); /*안드로이드 4.4버전이하*/
}



/* Material Icons : 구글아이콘 */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2Ssbag%2SZngrevnyVpbaf%2SZngrevnyVpbaf-Erthyne.rbg); /* For IE6-8 */
  src: local('Material Icons'),
        local('MaterialIcons-Regular'),
        url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2Ssbag%2SZngrevnyVpbaf%2SZngrevnyVpbaf-Erthyne.jbss2) format('woff2'),
        url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2Ssbag%2SZngrevnyVpbaf%2SZngrevnyVpbaf-Erthyne.jbss) format('woff'),
        url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2Ssbag%2SZngrevnyVpbaf%2SZngrevnyVpbaf-Erthyne.ggs) format('truetype');
}
  
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  
  /* Support for IE. */
  font-feature-settings: 'liga';
}

/* common */
html {scroll-behavior: smooth;}
:lang(en) * {letter-spacing: 0!important;}

/* reset */
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,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video
{margin:0;padding:0;border:0;font-size:100%;word-break:keep-all;box-sizing:border-box;outline:0 none;line-height:1.5;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;font-size:inherit;}
html,body {height:100%;}
html {width:100%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;}
body {-webkit-text-size-adjust:none;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
ol,ul {list-style:none;}
em,i,address {font-style:normal;}
img {display:inline-block;max-width:100%;border:0; outline:none;}
video {min-width:100%;max-width:100%;}
table{width:100%;border-collapse:collapse;border-spacing:0;empty-cells:show;word-wrap:break-word;}
caption {overflow:hidden; width:0px; height:0px; font-size:0px; line-height:0px;}
legend {font-size:0;display: none;opacity: 0;}
input,textarea,select,button,label {display:inline-block;vertical-align:top;outline:0 none;}
button {overflow:hidden; padding:0; margin:0; border:none; background:transparent;}
label {cursor:pointer;}
iframe, object, video, embed {position:relative; top:0; left:0; max-width:100%;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
caption, legend {width:0;height:0;font-size:0;line-height:0;overflow:hidden;padding:0;}
address, em, var, i {font-style:normal;}

/* link */
a {cursor:pointer;}
a,a:hover {text-decoration:none;}
a,button,input {-webkit-tap-highlight-color:rgba(255,255,255,0);}
a, a:hover, a:active, a:focus, button, input, [role="button"], [tabindex="0"], a[tabindex] {outline:0 solid transparent;}
*:hover {-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
a:focus {
    border: 1px solid #fff;
    outline: 4px dashed #000;
    z-index:99999;
    text-decoration: underline;
    color: #000;
  }

/* 숨기기 */
hr, .hide {position:absolute;left:-9999px;width:0;height:0;font-size:0;overflow:hidden;}

/* form */
input {max-width:100%;border: 1px solid #d1d1d1;color: #000;background: #fff;}
input::-webkit-input-placeholder {color:#888;}
input[type="text"],
input[type="password"],
input[type="tel"],
input[type="number"],
input[type="price"],
input[type="search"],
input[type="email"],
input[type="time"],
input[type="month"],
input[type="date"],
input[type="url"],
input[type="image"],
input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="file"],
input[type="price"]
{-webkit-appearance:none;-moz-appearance:none;-webkit-border-radius:0;border-radius:0;box-sizing:border-box;-webkit-transition: all 0.30s ease-in-out;-moz-transition: all 0.30s ease-in-out;-ms-transition: all 0.30s ease-in-out;-o-transition: all 0.30s ease-in-out;outline: none;}
input[type="button"],
input[type="submit"],
input[type="reset"],
button {padding:0;line-height:normal;}
input[type="button"] {width:auto;background-color:transparent;}
input[type="file"] {width:100%;height:100%;}



select[multiple] {overflow:auto;}
button {border:0;background:transparent;cursor:pointer;}
button[disabled] {cursor:default;}

input[type="hidden"],
input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration {display:none;}

textarea {border:1px solid #e2e2e2;background:#fff;color:#333;padding:10px;border-radius:3px;font-size:13px;}
textarea::-webkit-input-placeholder {color:#888;}

input[type=text]:focus,input[type=password]:focus,input[type=number]:focus,  textarea:focus,select:focus {-webkit-box-shadow:  0 0 8px #ccc;-moz-box-shadow:  0 0 8px #ccc;box-shadow: 0 0 8px rgba(0 0 0 / 30%);border: 1px solid #000 !important;}

input[readonly='readonly']:focus,
input[readonly]:focus {border:1px solid #D9D9D9 !important;box-shadow:none !important;}


/* 스크롤바 */
::-webkit-scrollbar { width: 8px;height: 8px;}
/* 스크롤바의 width */
::-webkit-scrollbar-track { background-color: #efefef; }
/* 스크롤바의 전체 배경색 */
::-webkit-scrollbar-thumb {background: linear-gradient(to bottom, #bfbfbf, #a9a9a9);}

button:focus-visible,a:focus-visible,input:focus-visible,[tabindex="0"]:focus-visible {outline: 2px solid #000;outline-offset: 1px;}

:root {

/* 폰트 스타일 */
  --font-st1: 'Pretendard';

/* 메인 컬러 */
  --main-color:#1938A9;
  --sub-01-color:#00448D;
  --sub-02-color:#142449;
  
/*   컬러 팔레트*/
  --white:#fff;
  --yellowLight:#fff89f;--yellow:#ffdc27;--yellowDark:#ffbe00;
  --orangeLight:#ffa519;--orange:#ff7d1d;--orangeDark:#d94800;
  --redLight:#ff564a;--red:#e81e0f;--redDark:#a70c00;
  --greenLight:#00a90d;--green:#09B23D;--greenDark:#074f1a;
  --blueLight:#0087e9;--blue:#0056b2;
  --navyLight:#243595;--navy:#252f68;--navyDark:#262F34;
  --purpleLight:#ba81ed;--purple:#8327d5;--purpleDark:#500e8b;
  --grayLight:#e7e7e7;--gray:#989898;--grayDark:#3e3e3e;--black:#000;

/* 테이블 색상 */
  --table1-th-bg:#eff5fd;  --table1-th-border:#d7dfe9; --table1-td-bg:#fff; --table1-td-border:#e7e7e7;  --table1-tf-th-bg:#d2dae5;  --table1-tf-th-border:#c0cad7; --table1-tf-td-bg:#dde3eb;  --table1-tf-td-border:#cbd3dd;
  --table2-th-bg:#f8f8f8;  --table2-th-border:#E6E6E6; --table2-td-bg:#fff;  --table2-td-border:#ddd;    --table2-tf-th-bg:#e5e5e5;  --table2-tf-th-border:#e5e5e5; --table2-tf-td-bg:#efefef;  --table2-tf-td-border: #e4e4e4;
  --table3-th-bg:#fff;  --table3-th-border:#d7dfe9;--table3-tb-th-bg:#f5f5f5; --table3-td-bg:#fff;  --table3-td-border:#e7e7e7;    --table3-tf-th-bg:#ebebeb;  --table3-tf-th-border:#f5f5f5; --table3-tf-td-bg:#f5f5f5;  --table3-tf-td-border: #e4e4e4;
  --table4-th-bg:#f4f9fa;  --table4-th-border1:#2e8f97;--table4-th-border2:#dfeeef; --table4-td-bg:#fff;  --table4-td-border:#e9e7e7; 
  --table5-th-bg:#f4f8fa;  --table5-th-border1:#dfeeef;--table5-th-border2:#e9e7e7; --table5-td-bg:#fff;  --table5-td-border:#e9e7e7; 

/* 라디오 */
  --radio-color:#DF0012;
}


/* font */
body, html, a, button, table, input, select, textarea {font-family:var(--font-st1);color:#666;font-size:1rem;}
body {letter-spacing:-.025em;}

/* 폰트사이즈 반응형 */
@media screen and (max-width: 1520px) {
  html {font-size:15px;}
}
@media screen and (max-width: 900px) {
  html {font-size:14px;}
}

/* display ********************************************************************************************************************/
.d_block {display:block !important;}
.d_inline-block {display:inline-block !important;}
.d_inline {display:inline !important;}
.d_none {display:none !important;}
.d_flex {display:flex !important;}
.d_inline-flex {display:inline-flex !important;}
.o_hidden {overflow:hidden !important;}

/* hidden contents */
.skip,
.hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  z-index: -1;
}
.skip:focus {
  top: 0;
  left: 0;
  display: inline-block;
  width: auto;
  height: auto;
  padding: 0 30px;
  font-size: 14px;
  line-height: 40px;
  color: #fff;
  background: #007cc3;
  z-index: 10;
}

#skip_navi {
  position: absolute;
  top: 0;
  height: 0px;
  width: 100%;
  z-index: 500;
}
#skip_navi a {
  display: block;
  height: 1px;
  width: 1px;
  margin-bottom: -1px;
  overflow: hidden;
  text-align: center;
  color: #fff;
  white-space: nowrap;
}
#skip_navi a:focus,
#skip_navi a:active {
  display: block;
  top: 0;
  width: 100%;
  height: 45px;
  padding: 10px 0;
  background: #007cc3;
}
.blind {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}

#loading {
  position: fixed;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 50;
}
#loading .load {
  position: fixed;
  top: 50%;
  left: 50%;
  display: block;
  margin: -25px 0 0 -25px;
  width: 50px;
  height: 50px;
  border: 5px solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  border-top-color: #fff;
  animation: spin 1s ease-in-out infinite;
  -webkit-animation: spin 1s ease-in-out infinite;
}
.loadingNew {
  position: absolute;
  display: block;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Svzt%2Snwnk_ybnqre_tenl_64.tvs") no-repeat;
  background-size: 100%;
  width: 3%;
  height: 24%;
  left: 50%;
  margin-left: -17.5px;
  bottom: 30%;
  z-index: 100;
}

.hide {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  clip-path: polygon(0 0, 0 0, 0 0);
}

/* font color */
.font_white{color:var(--white) !important;}
.font_yellow{color:var(--yellow) !important;}
.font_orange{color:var(--orange) !important;}
.font_purple{color: var(--purple) !important;}
.font_red{color:var(--red) !important;}
.font_green{color:var(--green) !important;}
.font_blue{color:var(--blue) !important;}
.font_blueLight{color:var(--blueLight) !important;}
.font_navy{color:var(--navy) !important;}
.font_grayLight{color:var(--grayLight)!important;}
.font_gray{color:var(--gray) !important;}
.font_grayDark{color:var(--grayDark) !important;}
.font_black{color:var(--black) !important;}

/* bg color */
.bg_main {background:var(--main-color) !important;}
.bg_white {background:var(--white) !important;}
.bg_yellowLight{background:var(--yellowLight) !important;}
.bg_yellow{background:var(--yellow) !important;}
.bg_yellowDark{background:var(--yellowDark) !important;}
.bg_orangeLight{background:var(--orangeLight) !important;}
.bg_orange{background:var(--orange) !important;}
.bg_orangeDark{background:var(--orangeDark) !important;}
.bg_redLight {background:var(--redLight) !important;}
.bg_red {background:var(--red) !important;}
.bg_redDark {background:var(--redDark) !important;}
.bg_greenLight {background:var(--greenLight) !important;}
.bg_green {background:var(--green) !important;}
.bg_greenDark {background:var(--greenDark) !important;}
.bg_blueLight {background:var(--blueLight) !important;}
.bg_blue {background:var(--blue) !important;}
.bg_navyLight{background:var(--navyLight) !important;}
.bg_navy{background:var(--navy) !important;}
.bg_navyDark{background:var(--navyDark) !important;}
.bg_purpleLight{background:var(--purpleLight) !important;}
.bg_purple{background:var(--purple) !important;}
.bg_purpleDark{background:var(--purpleDark) !important;}
.bg_grayLight {background:var(--grayLight) !important;}
.bg_gray {background:var(--gray) !important;}
.bg_grayDark {background:var(--grayDark) !important;}
.bg_black{background:var(--black) !important;}


/* line */
.line_white{border:1px solid var(--white) !important;}
.line_yellow{border:1px solid var(--yellow) !important;}
.line_orange{border:1px solid var(--orange) !important;}
.line_purple{border:1px solid var(--purple) !important;}
.line_red{border:1px solid var(--red) !important;}
.line_green{border:1px solid var(--green) !important;}
.line_blue{border:1px solid var(--blue) !important;}
.line_navy{border:1px solid var(--navy) !important;}
.line_grayLight{border:1px solid var(--grayLight) !important;}
.line_gray{border:1px solid var(--gray) !important;}
.line_grayDark{border:1px solid var(--grayDark) !important;}
.line_black{border:1px solid var(--black) !important;}

/*
================================================================================
메인레이아웃
================================================================================
*/


#header {
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
}
#header .head_box .logo a {
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease; /* Firefox 4 */
  -webkit-transition: all 0.3s ease; /* Safari and Chrome */
  -o-transition: all 0.3s ease; /* Opera */
}

/* ---- 상단영역 ---- */
#header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #fff;
  z-index: 350;
}
#header::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2.5rem;
  content: "";
  border-bottom: 1px solid #e8e8e8;
  
}

#header.fix,
#header.online {
  border-bottom: 1px solid #e2e2e2;
}
#header.online::after {
  position: absolute;
  top: 145px;
  left: 0;
  width: 100%;
  height: 0;
  content: "";
  border-top: 1px solid #e2e2e2;
}


#header .head_box {
  position: relative;
  margin: 0 auto;
  max-width: 1500px;
}
#header .head_box .top_glob {
  height: 2.5rem;
  display:flex;
  align-items:center;
  justify-content:space-between;
}
#header .head_box .top_glob .tel_time {
  font-size: 0.938rem;
  color: #000;
  font-weight:500;
  line-height:1;
}
#header .head_box .top_glob .tel_time .tel {
  margin-right: 0.625rem;
  padding-left: 2rem;
  font-size: 1.25rem;
  color: #243B7E;
  font-weight: 800;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Svp_gryy.cat") no-repeat left center;
  background-size: contain;
}

#header .head_box .top_glob .rt {
  display:flex;
  gap:1.25rem;
  align-items:center;
}
#header .head_box .top_glob .rt ul {
  display:flex;
  gap:1.25rem;
}
#header .head_box .top_glob .rt ul li {
  position: relative;
  font-size: 0.938rem;
  font-weight:500;
}
#header .head_box .top_glob .rt ul li b {
  color: #252525;
}
#header .head_box .top_glob .rt ul li a {
  position: relative;
  display: block;
  color: #000;
  font-size: 0.938rem;
  font-weight:500;
}
#header .head_box .top_glob .zoom{
	display:flex;
	gap:0.25rem;
}
#header .head_box .top_glob .zoom button {
  width: 1.625rem;
  height: 1.625rem;
  text-indent: -999px;
  overflow: hidden;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center center;
  border: 1px solid #C4C4C4;
}
#header .head_box .top_glob .zoom .btn_zoomIn {
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Svp_cyhf.cat");
}
#header .head_box .top_glob .zoom .btn_zoomOut {
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Svp_zvahf.cat");
}


#header .header {
  display:flex;
  justify-content:space-between;
  align-items:center;
}
#header .head_box .logo a {
  display: block;
  height:3.125rem;
}

#header .head_box .header_right {
  display:flex;
  align-items:center;
  gap:0.938rem
}

#header .head_box .searchForm {

}
#header .head_box .searchForm .box {
  position: relative;
  width:13.75rem;
  height:3.125rem;
}
#header .head_box .searchForm .searTxt {
  padding: 0.938rem;
  width: 100%;
  height:100%;
  font-size: 0.938rem;
  background:#F2F2F2;
 border-radius:10px; 
 color:#333;
}
#header .head_box .searchForm .searTxt:-ms-input-placeholder {
  color: #949494;
}
#header .head_box .searchForm .searTxt::-webkit-input-placeholder {
  color: #949494;
}
#header .head_box .searchForm .searTxt::-moz-placeholder {
  color: #949494;
}
#header .head_box .searchForm .searTxt::-moz-placeholder {
  color: #949494;
}
#header .head_box .searchForm .btn {
	position:absolute;
	right:0;
	top:0;
  	background: #1938A9 url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Svp_frnepu2.cat") no-repeat center center;
  	background-size: 1.313rem;
  	border: 0;
  	overflow:hidden;
  	text-indent:-999px;
}
#header .head_box .searchForm label{
	 position: absolute;
  overflow: hidden;
  clip: rect(0,0,0,0);
  width: 1px;
  height: 1px;
  margin: -1px;
}

.btnSitemap .material-icons{
	color:#fff;
	font-size:2rem;
}

#header .head_box .btnMenu {
  display: none;
}

.btn_st1{
	width:3.125rem !important;
	height:3.125rem !important;
	border-radius:0.625rem !important;
	display:flex;
	justify-content:center;
	align-items:center;
	position:relative;
}
.btn_st2{
	width:2.813rem !important;
	height:2.813rem !important;
	border-radius:0.938rem !important;
	display:flex;
	justify-content:center;
	align-items:center;
	position:relative;
}
.btn_st1 .txt,
.btn_st2 .txt{
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  clip-path: polygon(0 0, 0 0, 0 0);
}
.btn_st2:hover .material-icons{
	transform: rotate(90deg);transition-duration: .3s;
}


.gnb_bg {
  position: fixed;
  top: 7.5rem;
  left: 0;
  width: 100%;
  height: 0;
  background-color: #fff;
  border-top: 1px solid #e8e8e8;
  transition: all 0.5s;
  opacity: 0;
  box-shadow:0 15px 15px 0 #00000008;
}
.gnb_bg.open {
  height: 18.75rem;
  opacity: 1;
  z-index: 1;
}
#gnb:focus{
	outline:none;
}
#gnb ul.gnb {
  position: relative;
  height: 5rem;
  display:flex;
  align-items:center;
}
#gnb > ul > li {
  position: relative;
  height:100%;
}
#gnb > ul > li > a {
  position: relative;
  font-size: 1.375rem;
  color: #000;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding:0 2rem;
  transition:all 0.3s;
}
#gnb > ul > li > a.open{
	padding:0 2.5rem;
}
#gnb > ul > li > a.on,
#gnb > ul > li > a:hover{
	  color: var(--main-color);
}
#gnb > ul > li > a:focus
{
	outline: none;
	text-decoration: underline;
	border: 3px solid #000;
}


.lnb {
  display: none;
  position: absolute;
  top: 5rem;
  left: 50%;
  transform: translatex(-50%);
  z-index: 10;
  transition: all 0.5s;
  width: 100%;
  text-align: center;
  padding-top: 10px;
  	height: 18.75rem;
}
.lnb.open {
  display: block;
  opacity: 1;
}
.lnb li {
  font-size: 1rem;
  font-weight: 400;
}
.lnb li:last-child {
  margin-bottom: 0px;
}
.lnb li a {
  font-size: 1rem;
  font-weight: 400;
  color: #000;
  padding: 0.5rem 0;
  display: block;
}
.lnb li a:hover {
  color: var(--main-color);
  font-weight: 500;
}
.header:hover .lnb::before {
  height: 18.75rem;
}
.lnb.bg{
	background:#f8f8f8;
}

#header .head_box .btnMenu {
    display: none;
    overflow: hidden;
    text-indent: -999px;
}
  #header .head_box .btnMenu span {
    position: relative;
    display: block;
    margin: 0 auto;
    width: 1.6rem;
    height: 2px;
    background: #fff;
    transition: all 0.2s ease;
  }
  #header .head_box .btnMenu span::before {
    position: absolute;
    top: -0.4rem;
    left: 0;
    width: 100%;
    height: 2px;
    content: "";
    background: #fff;
    transition: all 0.2s ease;
  }
  #header .head_box .btnMenu span::after {
    position: absolute;
    top: 0.4rem;
    left: 0;
    width: 100%;
    height: 2px;
    content: "";
    background: #fff;
    transition: all 0.2s ease;
  }
  #header .head_box .btnMenu.on span {
    background: transparent;
  }
  #header .head_box .btnMenu.on span::before {
    top: 0;
    height: 2px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }
  #header .head_box .btnMenu.on span::after {
    top: 0;
    height: 2px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
  }

  #totalMb {
    position: fixed;
    top: 5rem;
    right: -400px;
    width: 400px;
    height: 100%;
    background: #fff;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    border-top: 1px solid #e1e1e1;
    z-index: 500;
    display:none;
  }
  #totalMb .memZone {
    padding: 1rem;
  }
  #totalMb .memZone .log_txt {
    margin-bottom: 1rem;
    font-size: 1rem;
    text-align: center;
  }
  #totalMb .memZone .log_txt b {
    color: var(--main-color);
  }
  #totalMb .memZone ul {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:1rem;
  }
  #totalMb .memZone ul li {
    width: 100%;
    text-align: center;
  }
  #totalMb .memZone ul li a {
    display: block;
    font-size: 1.125rem;
    color: #fff;
    line-height: 35px;
    background: #555;
  }
  
  #totalMb .mGnb {
    position: relative;
    width: 100%;
    height: 100%;
    background: #fff;
    border-top: 1px solid #e0e0e0;
  }
  #totalMb .mGnb::after {
    position: absolute;
    top: 0;
    left: 38%;
    width: 0;
    height: 100%;
    content: "";
    border-left: 1px solid #e0e0e0;
  }
  #totalMb .mGnb::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 38%;
    height: 100%;
    content: "";
    background: #f8f8f8;
  }
  #totalMb .mGnb > li {
    width: 38%;
  }
  #totalMb .mGnb > li > a {
    position: relative;
    display: block;
    padding: 0 15px;
    font-size: 1.25rem;
    color: #313131;
    font-weight: 500;
    line-height: 55px;
    background: #f8f8f8;
  }
  #totalMb .mGnb > li.on > ul {
    display: block;
  }
  #totalMb .mGnb > li.open > a {
    position: relative;
    color: #fff;
    font-weight: 700;
    background: #1c83d3;
    text-decoration: none;
    box-shadow: 4px 4px 7px rgba(0, 0, 0, 0.1);
    z-index: 3;
  }
  #totalMb .mGnb > li.open > a::after {
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -6px;
    width: 6px;
    height: 6px;
    content: "";
    border: 1px solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(315deg);
    -webkit-transform: rotate(315deg);
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
  }
  #totalMb .mGnb > li > ul {
    display: none;
    position: absolute;
    top: 0;
    left: 38%;
    padding: 0 1rem;
    width: 62%;
    height: calc(100vh - 200px);
    overflow: auto;
  }
  #totalMb .mGnb > li > ul > li {
    position: relative;
    border-top: 1px solid #e0e0e0;
  }
  #totalMb .mGnb > li > ul > li:first-child {
    border-top: 0;
  }
  #totalMb .mGnb > li > ul > li > a {
    position: relative;
    display: block;
    padding: 0.625rem 0;
    font-size: 1.125rem;
    color: #636363;
    text-decoration: none;
    font-weight: 500;
  }
  #totalMb .mGnb > li > ul > li > a:hover,
  #totalMb .mGnb > li > ul > li.on > a,
  #totalMb .mGnb > li > ul > li.open > a {
    color: #06377b;
    font-weight: 500;
    background: none;
  }
  #totalMb .mGnb > li > ul > li.has-sub > a::after {
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -6px;
    width: 6px;
    height: 6px;
    content: "";
    border: 1px solid #aaa;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
  }
  #totalMb .mGnb > li > ul > li.open > a::after {
    margin-top: -3px;
    border-color: #06377b;
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
  }
  #totalMb .mGnb > li > ul > li.on > ul {
    display: block;
  }
  #totalMb .mGnb > li > ul > li > ul {
    display: none;
    padding: 10px 0;
    border-top: 1px solid #e1e1e1;
  }
  #totalMb .mGnb > li > ul > li > ul > li {
    position: relative;
  }
  #totalMb .mGnb > li > ul > li > ul > li > a {
    position: relative;
    display: block;
    padding: 5px 10px;
    font-size: 15px;
    color: #636363;
    text-decoration: none;
  }
  #totalMb .mGnb > li > ul > li > ul > li::before {
    position: absolute;
    top: 13px;
    left: 0;
    width: 4px;
    height: 4px;
    content: "";
    background: #ababab;
    border-radius: 50%;
  }
  #totalMb .mGnb > li > ul > li > ul > li.open > a,
  #totalMb .mGnb > li > ul > li > ul > li.on > a {
    font-weight: 500;
  }
  #totalMb .mGnb > li > ul > li > ul > li.on > ul {
    display: block;
  }
  #totalMb .mGnb > li > ul > li > ul > li > ul {
    display: none;
    padding: 5px 15px;
    background: #f2f6fb;
  }
  #totalMb .mGnb > li > ul > li > ul > li > ul li a {
    position: relative;
    display: block;
    padding: 2px 10px;
    font-size: 15px;
    color: #636363;
    text-decoration: none;
  }
  #totalMb .mGnb > li > ul > li > ul > li > ul li a::before {
    position: absolute;
    top: 3px;
    left: 0;
    content: "-";
  }
  #totalMb .mGnb > li > ul > li > ul > li > ul li.on a {
    color: #252525;
  }
  #totalMb.on {
    right: 0;
    display:block;
  }
    




/*
================================================================================
반응형
================================================================================
*/


@media screen and (max-width: 1520px) {
  #header .head_box{
  	padding:0 1.25rem;
  }
}

@media all and (max-width: 1350px) {
  #header::after,
  #header::before,
  #header .head_box .top_glob,
  #header .btnSitemap,
  #gnb {
    display: none;
  }
  #totalMb{
  	display:block;
  }
  #header .header{
  	height:5rem
  }
  #header .head_box .logo a img{
  height:100%;
}
  #header .head_box .btnMenu{
  	display:block;
  } 

  #header .head_box .btnClose {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 110px;
    height: 110px;
    text-indent: -999px;
    overflow: hidden;
    z-index: 20;
  }
  #header .head_box .btnClose span {
    position: relative;
    display: block;
    margin: 0 auto;
    width: 30px;
    height: 2px;
    background: transparent;
  }
  #header .head_box .btnClose span::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    content: "";
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    background: #fff;
  }
  #header .head_box .btnClose span::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    content: "";
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    background: #fff;
  }

  .fix_bg {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 300;
  }

  #container #content {
    min-height: 300px;
  }

  #lnb {
    display: none;
  }


  #mbLnb {
    position: relative;
    display: block;
    margin: 0 -20px;
    border-bottom: 1px solid #d7d7d7;
    z-index: 20;
  }
  #mbLnb > ul {
    position: relative;
    padding: 0 180px 0 60px;
  }
  #mbLnb > ul::after {
    display: block;
    clear: both;
    content: "";
  }
  #mbLnb > ul > li {
    position: relative;
    float: left;
    width: 33.33%;
    border-right: 1px solid #d7d7d7;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
  }
  #mbLnb > ul > li.home {
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    height: 59px;
    background: #fff;
    border-left: 1px solid #d7d7d7;
  }
  #mbLnb > ul > li.home a {
    display: block;
    height: 100%;
    text-indent: -999px;
    overflow: hidden;
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Svp_ubzr.cat") no-repeat center center;
  }
  #mbLnb > ul > li button {
    position: relative;
    padding-right: 40px;
    width: 100%;
    height: 60px;
    font-size: 17px;
    text-indent: 20px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border: 0;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
  }
  #mbLnb > ul > li button::after {
    position: absolute;
    top: 50%;
    right: 20px;
    content: "";
    margin-top: -6px;
    width: 9px;
    height: 9px;
    border: 1px solid #3b3b3c;
    border-width: 0 0 1px 1px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
  }
  #mbLnb > ul > li button.on::after {
    margin-top: -2px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
  }
  #mbLnb > ul > li > ul {
    display: none;
    position: absolute;
    top: 60px;
    left: 0;
    min-width: 100%;
    background: #fff;
    border-bottom: 1px solid #d9dadd;
    z-index: 10;
  }
  #mbLnb > ul > li > ul li {
    font-size: 16px;
    white-space: nowrap;
  }
  #mbLnb > ul > li > ul li a {
    position: relative;
    display: block;
    padding: 15px 20px;
    color: #272d38;
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border: 1px solid #d9dadd;
    border-width: 1px 1px 0;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
  }
  #mbLnb > ul > li > ul li a:hover,
  #mbLnb > ul > li > ul li.on a {
    background: #dedfe3;
  }
  #mbLnb > ul > li > ul li a:hover::after,
  #mbLnb > ul > li > ul li.on a::after {
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -2px;
    width: 4px;
    height: 4px;
    content: "";
    border: 1px solid #444;
    border-width: 1px 1px 0 0;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
  }
}

/* Mobile Device */
@media all and (max-width: 640px) {
	#header .head_box{
		padding: 0 1rem
	}
	#header .head_box .header_right{
		gap:0.5rem
	}
	#header .head_box .searchForm .searTxt,
	#header .head_box .searchForm label{
		display:none;
	}
	#header .head_box .searchForm .box{
		width:3.125rem
	}
	
  #totalMb {
    right: -100%;
    width: 100%;
    height: calc(100% - 5rem);
  }
  #totalMb .mGnb > li > ul {
    height: calc(100vh - 180px);
  }
  #totalMb .mGnb > li > ul > li > a {
    padding: 12px 5px;
  }


  #mbLnb {
    margin: 0 -10px;
    height: 40px;
  }
  #mbLnb > ul {
    padding: 0;
  }
  #mbLnb > ul > li {
    width: 50%;
  }
  #mbLnb > ul > li.home {
    display: none;
  }
  #mbLnb > ul > li button {
    padding-right: 15px;
    height: 40px;
    font-size: 12px;
    text-indent: 8px;
  }
  #mbLnb > ul > li button::after {
    right: 10px;
    margin-top: -2px;
    width: 4px;
    height: 4px;
  }
  #mbLnb > ul > li > ul {
    top: 40px;
    width: 100%;
  }
  #mbLnb > ul > li > ul li {
    font-size: 14px;
  }
  #mbLnb > ul > li > ul li a {
    padding: 8px 5px 8px 10px;
    font-size: 12px;
  }
  #mbLnb > ul > li > ul li a:hover::after,
  #mbLnb > ul > li > ul li.on a::after {
    display: none;
    right: 10px;
  }
  #mbLnb > ul > li:first-child:nth-last-child(3) {
    width: 50%;
  }
  #mbLnb > ul > li:first-child:nth-last-child(4),
  #mbLnb > ul > li:first-child:nth-last-child(4) ~ li {
    width: 50%;
  }
  #mbLnb > ul > li:first-child:nth-last-child(5),
  #mbLnb > ul > li:first-child:nth-last-child(5) ~ li {
    width: 33.33%;
  }


}



/* ---- 중간영역 ---- */
#container,
#subContainer {
  position: relative;
  padding-top: 7.5rem;
}

.subSkin {
  padding-top: 4.25rem;
  height: 17rem;
  max-width:1500px;
  width:100%;
  margin:0 auto;
  border-radius:1.25rem;
  margin-bottom:1.25rem;
  text-align:center;
  background-position:bottom center;
}
.subSkin h2 {
  font-size: 3.438rem;
  color: #000;
  font-weight: 700;
  text-align:center;
}
.location {
    font-size: 1rem;
    color:#333;
    font-weight:500;
    text-align:center;
    margin-top:4rem;
    background:#fff;
    display:inline-block;
    border-radius:50px;
    padding:0.3rem 0.9rem;
}
.location .material-icons{
	vertical-align:text-bottom;
	font-size:1.2rem;
}

.subSkin.bg1 {
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Sfho_ivfhny01.cat");
}
.subSkin.bg2 {
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Sfho_ivfhny02.cat");
}
.subSkin.bg3 {
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Sfho_ivfhny05.cat");
}
.subSkin.bg4 {
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Sfho_ivfhny03.cat");
}
.subSkin.bg5 {
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Sfho_ivfhny04.cat");
}
.subSkin.bg6 {
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Sfho_ivfhny05.cat");
}
.subSkin.bg7 {
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Sfho_ivfhny07.cat");
}
.subSkin.bg8 {
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Sfho_ivfhny02.cat");
}

.subConBox {
  position: relative;
  margin: 0 auto;
  max-width: 1500px;
  display:flex;
  gap:1.25rem;
}

@media all and (max-width: 1520px) {
	#subContainer {
		padding: 7.5rem 1.25rem 0;
	}
}

@media all and (max-width: 1350px) {
	#container,
	#subContainer {
	  padding-top: 5rem;
	}
	.subSkin{
		height:14rem;
		background-position:center center;
		padding-top:3rem;
	}
	.location{
		margin-top:2rem;
	}
}

@media all and (max-width: 640px) {
	.subSkin{
		height:10rem;
		background:#9EE1FF !important;
		padding-top:2rem;
	}
	.subSkin h2{
		font-size:2.438rem;
	}
	.location{
		margin-top:1rem;
	}
}

#lnb {
  width:17.5rem;
}
#lnb h2 {
  font-size: 1.5rem;
  color: #fff;
  text-align: center;
  background: #1938A9 url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Syao_ot.cat") no-repeat right center;
  height:5.55rem;
  display:flex;
  align-items:center;
  padding-left:1.875rem;
  margin-bottom:0.625rem;
  border-radius:0.625rem;
  font-weight:700;
  background-size:contain;
}
#lnb .lnb_menu {
  margin-bottom:0.625rem;
}
#lnb .lnb_menu > ul{
	background:#fff;
	border-radius:0.625rem;
	border:1px solid #DEDEDE;
	padding: 1.875rem;
	color:#000;
}
#lnb .lnb_menu > ul > li > a {
  display: block;
  padding: 1.25rem 0;
  font-size: 1.125rem;
  background-repeat: no-repeat;
  background-position: right 0 center;
  border-bottom: 1px dashed #DEDEDE;
}
#lnb .lnb_menu > ul > li:first-child > a{
	padding-top:0;
}
#lnb .lnb_menu > ul > li:last-child > a{
	border-color:transparent;
}
#lnb .lnb_menu > ul > li.has-sub > a {
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Syao_f_neebj_1.cat");
}
#lnb .lnb_menu > ul > li.on > a,
#lnb .lnb_menu > ul > li > a:hover,
#lnb .lnb_menu > ul > li.open > a {
  border-bottom:1px solid #000;
  text-decoration: none;
  font-weight:700;
  color:#000;
}
#lnb .lnb_menu > ul > li > ul {
  display: none;
  background: #F4F8FE;
  padding: 0.5rem 1rem;
    
}
#lnb .lnb_menu > ul > li > ul > li {
  text-align: left;
}
#lnb .lnb_menu > ul > li > ul > li > a {
  position: relative;
  display: flex;
  justify-content:space-between;
  align-items:center;
  font-size: 1.063rem;
  color: #777;
  padding: 0.5rem 0;
  font-weight: 500;
}
#lnb .lnb_menu > ul > li > ul > li > a:hover,
#lnb .lnb_menu > ul > li > ul > li.open > a,
#lnb .lnb_menu > ul > li > ul > li.on > a {
  color: #00357B;
  text-decoration: none;
}
#lnb .lnb_menu > ul > li > ul > li.has-sub > a::after {
  width: 20px;
  height: 100%;
  content: "+";
  display:block;
  line-height:1;
  text-align:right;
  font-size:1.25rem;
}
#lnb .lnb_menu > ul > li > ul > li.has-sub.open > a::after{
	  content: "-";
}
#lnb .lnb_menu > ul > li > ul > li > ul {
  display: none;
  background:#F4F8FE;
}
#lnb .lnb_menu > ul > li > ul > li > ul li {
  position: relative;
}
#lnb .lnb_menu > ul > li > ul > li > ul li::after {
  position: absolute;
  top: 50%;
  left: 0;
  transform:translatey(-50%);
  width: 5px;
  height: 2px;
  content: "";
  background: #9F9F9F;
}
#lnb .lnb_menu > ul > li > ul > li > ul li a {
  display: block;
  padding: 0.438rem 0 0.438rem 0.625rem;
  font-size: 0.938rem;
  color: #9F9F9F;
}
#lnb .lnb_menu > ul > li > ul > li > ul li a:hover,
#lnb .lnb_menu > ul > li > ul > li > ul li.on a {
  color: #252525;
  font-weight: 500;
}
#lnb .lnb_menu > ul > li > ul > li > ul li:hover::after,
#lnb .lnb_menu > ul > li > ul > li > ul li.on::after {
  background: #252525;
}

#lnb .lnb_menu > ul > li.on > a:focus-visible {
  border: 1px solid #fff;
  outline: 2px solid #000;
}



#lnb .lt_q_link .lt_con {
	background-color:#FFC64003;
	border-radius:0.625rem;
  padding: 1.25rem;
  background-repeat: no-repeat;
  background-position: right 20px bottom 20px;
  border: 1px solid #dedede;
  color:#000;
}
#lnb .lt_q_link .lt_con h3 {
  margin-bottom: 0.625rem;
  font-size: 1.125rem;
  font-weight: 700;
}
#lnb .lt_q_link .lt_con p {
  font-size: 0.938rem;
}
#lnb .lt_q_link .lt_con.con1_1 {
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Syg_d_yvax_vp.cat");
}
#lnb .lt_q_link .lt_con.con1_2 {
  background-color: #fdfaf4;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Syg_vp1_2.cat");
}
#lnb .lt_q_link .lt_con.con2 {
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Syg_vp2.cat");
}
#lnb .lt_q_link .lt_con a {
  display: block;
  text-decoration: none;
}
#lnb .lt_q_link .lt_con.con1_1 h3,
#lnb .lt_q_link .lt_con.con1_2 h3 {
  font-size: 18px;
  color: #111;
  font-weight: 500;
}
#lnb .lt_q_link .lt_con.con1_1 h3 span,
#lnb .lt_q_link .lt_con.con1_2 h3 span {
  color: #f26522;
}
#lnb .lt_q_link .lt_con.con2 h3 {
  font-family: "Open Sans";
  color: #1c83d3;
}
#lnb .lt_q_link .lt_con2 a {
  display: block;
  padding: 17px 20px;
  font-size: 18px;
  color: #252525;
  font-weight: 500;
  background-repeat: no-repeat;
  background-position: right 20px center;
  border-bottom: 1px solid #e1e1e1;
}
#lnb .lt_q_link .lt_con2 a span {
  color: #f26522;
}
#lnb .lt_q_link .lt_con2.ic1 a {
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Sz_gbgny_vp.cat");
}
#lnb .lt_q_link .lt_con2.ic2 a {
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Sz_fpurq_vp.cat");
}
#lnb .lt_q_link .lt_con2.ic3 a {
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Svp_ubzr_thvq.cat");
  border-bottom: 0;
}

#lnb .lt_q_link ul::after {
  display: block;
  clear: both;
  content: "";
}
#lnb .lt_q_link ul li {
  float: left;
  width: 50%;
  text-align: center;
  background-repeat: no-repeat;
  background-position: center bottom 16px;
}
#lnb .lt_q_link ul li a {
  display: block;
  padding: 20px;
  height: 130px;
  line-height: 1.3;
  text-decoration: none;
}
#lnb .lt_q_link ul li.ic1 {
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Syg_vp3_1.cat");
}
#lnb .lt_q_link ul li.ic2 {
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Syg_vp3_2.cat");
  border-left: 1px solid #e1e1e1;
}

.subConBox #content.search {
  float: none;
  width: 100%;
  max-width: none;
}
#mbLnb {
  display: none;
}

.subConBox #content {
  position: relative;
  width: calc(100% - 18.75rem);
}
.subConBox #content:focus{
	outline:none;
}

.tit_area{
	display:flex;
	justify-content:space-between;
	align-items:center;
	border-bottom: 1px solid #e1e1e1;
	margin-bottom:2rem;
}
.tit_area .title{
	font-size:2.25rem;
}

.etcBtn {
	display:flex;
	flex-direction:row-reverse;
}
.etcBtn .btnShar {
  display: none;
}
.etcBtn .btnSns {
  display: inline-block;
  vertical-align: middle;
}
.etcBtn .btnSns span {
  position: relative;
  display: inline-block;
  margin-right: 1px;
  vertical-align: middle;
}
.etcBtn .btnSns span a {
  display: block;
  width: 31px;
  height: 31px;
  text-indent: -999px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 50%;
}
.etcBtn .btnSns .sns1 a {
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Svp_faf1.cat");
  background-color: #3c5999;
}
.etcBtn .btnSns .sns2 a {
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Svp_faf2.cat");
  background-color: #2aa8e0;
}
.etcBtn .btnSns .sns3 a {
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Svp_faf3.cat");
  background-color: #55a003;
}
.etcBtn .btnSns .sns4 a {
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Svp_faf4.cat");
  background-color: #ed9100;
}
.etcBtn .btnSns span span {
  display: none;
  position: absolute;
  top: -29px;
  left: 50%;
  width: 90px;
  font-size: 12px;
  color: #fff;
  line-height: 22px;
  text-align: center;
  background: #191919;
  border-radius: 3px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}
.etcBtn .btnSns span span::after {
  position: absolute;
  left: 50%;
  bottom: -5px;
  margin-left: -3px;
  width: 0;
  height: 0;
  content: "";
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #191919;
}
.etcBtn .btnSns .sns1 span {
  width: 100px;
}
.etcBtn .btnSns .sns4 span {
  width: 115px;
}
.etcBtn .btnSns span a:hover + span,
.etcBtn .btnSns span a:focus + span {
  display: block;
}
.btnPrint {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.btnPrint a {
  display: block;
  width: 31px;
  height: 31px;
  text-indent: -999px;
  overflow: hidden;
  background: #707070 url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Svp_cevag.cat") no-repeat center center;
  background-size: 100%;
  border-radius: 50%;
}
.btnPrint span {
  display: none;
  position: absolute;
  top: -29px;
  left: 50%;
  width: 55px;
  font-size: 12px;
  color: #fff;
  line-height: 22px;
  text-align: center;
  background: #191919;
  border-radius: 3px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}
.btnPrint span::after {
  position: absolute;
  left: 50%;
  bottom: -5px;
  margin-left: -3px;
  width: 0;
  height: 0;
  content: "";
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #191919;
}
.btnPrint a:hover + span,
.btnPrint a:focus + span {
  display: block;
}


@media all and (max-width: 1350px) {
	.subConBox #content {
	  width: 100%;
	}
	.etcBtn .btnPrint{
		display:none;
	}
}

@media all and (max-width: 640px) {
	.etcBtn .btnShar {
    display: block;
    width: 28px;
    height: 28px;
    text-indent: -999px;
    overflow: hidden;
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Svp_funer.cat") no-repeat center center;
    background-size: 19px;
  }
  .etcBtn .btnShar.on {
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Svp_funer_pybfr.cat") no-repeat center center;
    background-size: 19px;
  }
  .etcBtn .btnSns {
    display: none;
  }
  .etcBtn .btnSns span {
    margin-right: 1px;
  }
  .etcBtn .btnSns span a {
    width: 28px;
    height: 28px;
  }
  .etcBtn .btnSns.on {
    display: block;
  }
}



/* ---- 하단영역 ---- */
#footer  {
    position: relative;
    padding:2.5rem 0 3.75rem;
      border-top: 1px solid #E8E8E8;
}
#footer .footer_top{
	display:flex;
	align-items:center;
	justify-content:space-between;
	  margin-bottom:3.75rem;
}
#footer .footMenu {
  display:flex;
  align-items:center;
  gap:2rem;
}
#footer .footMenu li a {
  font-size: 1rem;
  color: #000;
  font-weight: 500;
}
#footer .footMenu li.col a{
	color:#1938A9;
	font-weight:700;
}
#footer .footMenu li a:hover {
  text-decoration:underline;
}

#footer .fFamily {
	position:relative;
}
#footer .fFamily button {
  position: relative;
  width: 12.5rem;
  height: 3.125rem;
  font-size: 1rem;
  color: #000;
  text-indent: 1.25rem;
  text-align: left;
  border: 1px solid #E9E9E9;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  border-radius: 0.625rem;
  font-weight:500;
}
#footer .fFamily button::after {
  position: absolute;
  top: 11px;
  right: 15px;
  content: "";
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-bottom: 8px solid #B7B7B8;
}
#footer .fFamily button.on::after {
  border-bottom: 8px solid transparent;
  border-top: 8px solid #B7B7B8;
  top: 20px;
}

#footer .fFamily ul {
  display: none;
  position: absolute;
  bottom: 55px;
  right: 0;
  width: 100%;
  font-size: 14px;
  text-align: left;
  background: #fff;
  z-index:1;
  box-shadow:0 0 10px 0 #00000020;
  border-radius:10px;
}
#footer .fFamily ul li a {
  display: block;
  padding: 9px 10px;
  color: #000;
  border-bottom: 1px solid #E9E9E9;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
}
#footer .fFamily ul li:last-child a{
	border-bottom:0;
}
#footer .fFamily ul li a:hover {
  color: var(--main-color);
}


#footer .fInfor {
  position: relative;
}
#footer .fInfor .footLogo {
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  padding-bottom:2.5rem;
  border-bottom:1px solid #EFEFEF;
}
#footer .fInfor .footLogo .foot_tel {
  display: flex;
  font-size: 0.938rem;
  color: #000;
  gap:5rem;
  font-weight:500;
}
#footer .fInfor .footLogo .foot_tel ul{
	display:flex;
	flex-direction:column;
	gap:1.125rem;
}
#footer .fInfor .footLogo .foot_tel ul li{
	display:flex;
	align-items:flex-start;
}
#footer .fInfor .footLogo .foot_tel b{
	width:5.625rem;
	color:#666;
	display:inline-block;
	  font-weight:500;
}
#footer .fInfor .footLogo .foot_tel p{
	width:calc(100% - 5.625rem)
}
#footer .fInfor .footLogo img{
	filter:grayscale(1) opacity(0.3);
}


#footer .footer_bottom {
  display:flex;
  justify-content:space-between;
  align-items:center;
  font-size:0.938rem;
  color:#666;
  margin-top:1.75rem;
}
#footer .footer_bottom .foot_sns {
	display:flex;
	gap:1.25rem;
	align-items:center;
}
#footer .foot_sns .access img{
	height:3.938rem;
}
#footer .foot_sns .fb2 img{
  border:2px solid #3C5999;
  border-radius:50%;
}


#footer .sideBtnWrap{
  position: fixed;
  bottom: 1rem;
  right: 1rem;
  display:flex;
  flex-direction:column;
  gap:0.4rem;
    z-index: 300;
}
#footer .sideBtns{
  display:flex;
  flex-direction:column;
  gap:0.4rem;
}
#footer .sideBtnWrap .moreBtn{
	display:none;
}
#footer .sideBtnWrap a{
  width: 4.8rem;
  height: 4.8rem;
  border:1px solid #DEDEDE;
  border-radius:50%;
  font-size:12px;
  color:#000;
  text-align:center;
  font-weight:600;
  background-repeat:no-repeat;
  background-position:top 0.625rem center;
  background-size:1.563rem;
  background-color:#fff;
  padding-top:2.375rem;
  line-height:1.2;

}
#footer .sideBtnWrap a.ic1 {
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Sz_pba8_vp1.cat");
}
#footer .sideBtnWrap a.ic2 {
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Sz_pba8_vp2.cat");
}
#footer .sideBtnWrap a.ic3 {
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Sz_pba8_vp3.cat");
}
#footer .sideBtnWrap a.ic4 {
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Sz_pba8_vp4.cat");
}
#footer .sideBtnWrap a.ic5 {
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Sz_pba8_vp5.cat");
}
#footer .sideBtnWrap a.ic6 {
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Sz_pba8_vp6.cat");
}
#footer .botBtTop {
  padding-top: 24px;
  width: 4.8rem;
  height: 4.8rem;
  font-size: 14px;
  color: #fff;
  font-weight:500;
  background: #1d48b0;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Sgbcoga_ot.cat");
  background-repeat:no-repeat;
  background-position:top 19px center;
  background-size:19px;
  border-radius: 50%;
}
#footer .sideBtnWrap a:hover,
#footer .botBtTop:hover{
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}


@media screen and (max-width: 1720px) {
	#footer .sideBtns{
		display:none;
	}
	#footer .sideBtns.on{
		display:flex;
	}
	#footer .sideBtnWrap .moreBtn{
		display:flex;
		align-items:center;
		justify-content:center;
		padding:0 05px;
	}
	#footer .sideBtnWrap .moreBtn .material-icons{
			font-size:3rem;
	}
	#footer .sideBtnWrap .moreBtn.on{
		transform:rotate(180deg);
	}
	#footer .sideBtnWrap .moreBtn:focus{
		text-decoration:none;
	}
}

@media screen and (max-width: 1080px) {
	#footer{
		padding:0.5rem 0 1rem;
	}
  #footer .footer_top{
  	margin-bottom:0.75rem;
  }
  #footer .fInfor .footLogo{
  	flex-direction:column-reverse;
  	gap:2rem;
  }
  #footer .fInfor .footLogo .foot_tel{
  	flex-direction:column;
  	gap:1rem;
  }
  #footer .footer_bottom{
  	flex-direction:column;
  	gap:1.5rem;
  }
  #footer .footer_bottom p{
  	text-align:center;
  }
}

@media screen and (max-width: 550px) {
	#footer .footer_top{
		flex-direction:column;
		align-items:flex-start;
		gap:1.5rem;
		margin: 1rem 0 2rem;
	}
}


/* 만족도조사 */
.changeCon {
  max-width:1500px;
  width: 100%;
  margin:1.875rem auto;
}
.changeCon .satisCon {
  position: relative;
  padding: 2.5rem 2.5rem 2.5rem 9.25rem;
  background: #fff url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Scntr_vp.cat") no-repeat 2.5rem center;
  border: 1px solid #e1e1e1;
}
.changeCon .satisCon .d_flex{
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.changeCon .check_list input {
  width: 16px;
  height: 16px;
}
.changeCon p {
  margin-bottom: 10px;
  font-size: 20px;
  color: #252525;
  font-weight: 500;
  line-height: 1.2;
}
.changeCon .chek_list li {
  display: inline-block;
  margin: 0 20px 3px 0;
}
.changeCon .chek_list li label {
  display: inline-block;
}
.changeCon .chek_list li label img {
  margin-bottom: 4px;
}
.changeCon .btn {
  width: 100px;
  height: 40px;
  font-size: 15px;
  color: #fff;
  font-weight: 500;
  background: #165db9;
  border: 1px solid #165db9;
}
.changeCon .btn:hover,
.changeCon .btn:focus {
  cursor: pointer;
  background: #fff;
  color: #165db9;
  outline:4px dashed #000;
}


@media screen and (max-width: 900px) {
	.changeCon .satisCon{
		background:#fff;
		padding: 2.5rem;
	}
	.changeCon .satisCon .d_flex{
		flex-direction:column;
		gap:1rem;
	}

  .changeCon .chek_list li label img {
    display: none;
  }
}

@media all and (min-width: 1251px) {
  .fix_bg {
    display: none !important;
  }
}







/*
================================================================================
메인콘텐츠
================================================================================
*/
/* 슬라이드 기본설정 */
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
  float: left;
}
.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
}
/* Fade */
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.swiper-container-multirow > .swiper-wrapper {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
/* Preloader */
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 0;
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2Sqngn%3Nvzntr%2Sfit%2Okzy%3Opunefrg%3Qhgs-8%2P%253Pfit%2520ivrjObk%253Q%270%25200%2520120%2520120%27%2520kzyaf%253Q%27uggc%253N%252S%252Sjjj.j3.bet%252S2000%252Sfit%27%2520kzyaf%253Nkyvax%253Q%27uggc%253N%252S%252Sjjj.j3.bet%252S1999%252Skyvax%27%253R%253Pqrsf%253R%253Pyvar%2520vq%253Q%27y%27%2520k1%253Q%2760%27%2520k2%253Q%2760%27%2520l1%253Q%277%27%2520l2%253Q%2727%27%2520fgebxr%253Q%27%25236p6p6p%27%2520fgebxr-jvqgu%253Q%2711%27%2520fgebxr-yvarpnc%253Q%27ebhaq%27%252S%253R%253P%252Sqrsf%253R%253Pt%253R%253Phfr%2520kyvax%253Nuers%253Q%27%2523y%27%2520bcnpvgl%253Q%27.27%27%252S%253R%253Phfr%2520kyvax%253Nuers%253Q%27%2523y%27%2520bcnpvgl%253Q%27.27%27%2520genafsbez%253Q%27ebgngr%2830%252060%252P60")'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  -webkit-background-size: 100%;
  background-size: 100%;
  background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2Sqngn%3Nvzntr%2Sfit%2Okzy%3Opunefrg%3Qhgs-8%2P%253Pfit%2520ivrjObk%253Q%270%25200%2520120%2520120%27%2520kzyaf%253Q%27uggc%253N%252S%252Sjjj.j3.bet%252S2000%252Sfit%27%2520kzyaf%253Nkyvax%253Q%27uggc%253N%252S%252Sjjj.j3.bet%252S1999%252Skyvax%27%253R%253Pqrsf%253R%253Pyvar%2520vq%253Q%27y%27%2520k1%253Q%2760%27%2520k2%253Q%2760%27%2520l1%253Q%277%27%2520l2%253Q%2727%27%2520fgebxr%253Q%27%2523sss%27%2520fgebxr-jvqgu%253Q%2711%27%2520fgebxr-yvarpnc%253Q%27ebhaq%27%252S%253R%253P%252Sqrsf%253R%253Pt%253R%253Phfr%2520kyvax%253Nuers%253Q%27%2523y%27%2520bcnpvgl%253Q%27.27%27%252S%253R%253Phfr%2520kyvax%253Nuers%253Q%27%2523y%27%2520bcnpvgl%253Q%27.27%27%2520genafsbez%253Q%27ebgngr%2830%252060%252P60")'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}
.mConWrap1{
	position:relative;
}
.mConWrap1::after {
content:"";
width:62.5rem;
height:46.875rem;
background:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Sznva_ivfhny.cat") no-repeat top right;
border-radius:700px 0 0 700px;
position:absolute;
right:0;
top:0;
z-index:-1;
}

.mConBox {
  margin: 0 auto;
  max-width: 1500px;
  width:100%;
}

.main_txt{
	position:relative;
	padding:2.313rem 3.125rem 3.125rem 0;
	width:fit-content;
	border-radius:0 500px 500px 0;
}
.main_txt p{
	font-size:1.25rem;
	color:#686868;
}

.mCon1 {
  margin-bottom: 5.813rem;
}
.mCon1 > .tit{
	font-size:1.563rem;
	font-weight:700;
	color:#000;
	margin-bottom:1.125rem;
	position:relative;
	display:inline-block;
}
.mCon1 > .tit::after{
	content:"";
	position:absolute;
	top:0;
	right:-11px;
	width:8px;
	height:8px;
	background:var(--main-color);
	border-radius:50%;
}
.mCon1 ul {
  display:flex;
  gap:1.25rem;
}
.mCon1 ul li {
  width: 13rem;
  height:18rem;
}
.mCon1 ul li a {
  width:100%;
  height:100%;
  display:flex;
  justify-content:flex-start;
  align-items:center;
  flex-direction:column;
  border-radius:1.25rem;
  position:relative;
  padding-top:1.875rem;
  overflow:hidden;
  box-shadow:10px 30px 30px 0 #00000020;
}
.mCon1 ul li a::before {
  width: 100%;
  height: 4rem;
  content: "";
  display:block;
  background-repeat: no-repeat;
  background-position: center center;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
}

.mCon1 ul li .tit {
  display: inline-block;
  margin-bottom: 0.75rem;
  font-size: 1.5rem;
  color: #fff;
  font-weight:700;
  margin-top:1.688rem;
}
.mCon1 ul li .txt {
  font-size: 1rem;
  color: #fff;
  text-align:center;
}
.mCon1 ul li .link {
  width:8.125rem;
  height:3.125rem;
  background:#fff;
  color:#000;
  font-size:1rem;
  font-weight:700;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:1.25rem;
  border-radius:1.25rem 0 0 0;
  position:absolute;
  bottom:0;
  right:0;
}
.mCon1 ul li .link .material-icons{
	color:#000;
	font-size:1.25rem;
}

.mCon1 ul li.ic1 a {
  background: #FB9900;
}
.mCon1 ul li.ic2 a {
  background: #8ed72c;
}
.mCon1 ul li.ic3 a {
  background: #4161EF;
}
.mCon1 ul li.ic4 a {
  background: #f33e2c;
}
.mCon1 ul li.ic5 a {
  background: #9D40F9;
}

.mCon1 ul li.ic1 a::before {
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Sz_pba1_vp1.cat");
  background-size: 4rem 3.938rem;
}
.mCon1 ul li.ic2 a::before {
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Sz_pba1_vp2.cat");
    background-size: 4.625rem 4.063rem;
}
.mCon1 ul li.ic3 a::before {
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Sz_pba1_vp3.cat");
    background-size: 3.938rem 3.875rem;
}
.mCon1 ul li.ic4 a::before {
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Sz_pba1_vp4.cat");
    background-size: 5.5rem 3.563rem;
}
.mCon1 ul li.ic5 a::before {
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Sz_pba1_vp5.cat");
    background-size: 4.625rem 4.25rem;
}
.mCon1 ul li a:hover::before {
  margin-top: -7px;
  margin-bottom:7px;
}

@media screen and (max-width: 1520px) {
	.mConBox {
	  padding:0 1.25rem;
	}
	.main_txt{
		background:#fff;
	}
}

@media screen and (max-width: 1350px) {
	.mCon1 ul li {
    	width: 100%;
  }
}

@media screen and (max-width: 1050px) {
	.mCon1{
		margin-bottom:4rem
	}
	.mConWrap1::after,
	.mCon1 > .tit{
		display:none;
	}
		.main_txt{
		padding:0 0 2.313rem 0
	}
	.main_txt img{
		width:36rem;
	}
	
	.mCon1 ul{
		flex-direction:column;
	}
	.mCon1 ul li{
		height:6.2rem;
	}
	.mCon1 ul li a{
		align-items:flex-start;
		justify-content:center;
		padding:1rem 1rem 1rem 8rem;
		box-shadow:none;
		border:1px solid transparent;
	}
	.mCon1 ul li a::before{
		position:absolute;
		left:1rem;
		top:50%;
		transform:translateY(-50%);
		width:6rem;
	}
	.mCon1 ul li .tit{
		margin:0;
	}
	.mCon1 ul li .txt br{
		display:none;
	}
	.mCon1 ul li a:hover::before{
	  margin:0;
	}
	.mCon1 ul li.ic1 a {
	  border-color: #FB9900;
	}
	.mCon1 ul li.ic2 a {
	  border-color: #8ed72c;
	}
	.mCon1 ul li.ic3 a {
	  border-color: #4161EF;
	}
	.mCon1 ul li.ic4 a {
	  border-color: #f33e2c;
	}
	.mCon1 ul li.ic5 a {
	  border-color: #9D40F9;
	}
}

@media screen and (max-width: 450px) {
	.mCon1 ul li{
		height:11.2rem;
	}
  .mCon1 ul li a {
    align-items:center;
    justify-content:center;
    padding:0;
  }
  .mCon1 ul li a::before{
  	position:static;
  	transform:none;
  	margin-bottom:0.5rem;
  }
  .mCon1 ul li .link{
  	width:4rem;
  }
  .mCon1 ul li .link em{
  	display:none;
  }

}


.mCon8 {
	margin-bottom:3.125rem;
}
.mCon8 ul {
	display:flex;
}
.mCon8 ul li {
	width:20%;
}
.mCon8 ul li a {
  display: flex;
  justify-content:center;
  align-items:center;
  padding-top: 3.5rem;
  background-repeat: no-repeat;
  background-position: top center;
  position:relative;
  margin-top:2rem;
}
.mCon8 ul li a::after{
	content:'';
	position:absolute;
	top:50%;
	right:0;
	transform:translatey(-50%);
	width:1px;
	height:2.25rem;
	border-right:1px dashed #ddd;
	font-size:1.063rem;
	font-weight:500
}
.mCon8 ul li:last-child a::after{
	display:none;
}
.mCon8 ul li.ic1 a {
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Sz_pba8_vp1.cat");
}
.mCon8 ul li.ic2 a {
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Sz_pba8_vp2.cat");
}
.mCon8 ul li.ic3 a {
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Sz_pba8_vp3.cat");
}
.mCon8 ul li.ic4 a {
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Sz_pba8_vp4.cat");
}
.mCon8 ul li.ic5 a {
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Sz_pba8_vp5.cat");
}
.mCon8 ul li a::before{
	content:"";
	position:absolute;
	top:0;
	left:60%;
	width:7px;
	height:7px;
	background:transparent;
	border-radius:50%;
	transition:all 0.3s;
}
.mCon8 ul li a:hover::before{
	top:-10px;
	background:var(--main-color);
}



.support_area .tit_wrap{
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin-bottom:2.063rem;
}
.tit_st1{
	font-size:2rem;
	font-weight:900;
	color:#000;	
}
.tit_wrap .tab_wrap{
	display:flex;
	justify-content:space-between;
	align-items:center;
	width:calc(100% - 21.25rem);
}
.tit_wrap .tab_wrap ul{
	display:flex;
	gap:2.75rem;
}
.tit_wrap .tab_wrap ul li a{
	font-size:1.25rem;
	color:#3d557b;
}
.tit_wrap .tab_wrap ul li a:hover{
	color:#1938A9;
}
.tit_wrap .tab_wrap ul li a.active{
	font-weight:800;
	color:#1938A9;
}

.tab-content {
	display:none;
}
.tab-content.active {
	display:block;
}
.support_area .con_area {
	display:flex;
	align-items:center;
	gap:1.25rem;
	min-height:280.58px;
}
.support_area .con_area .box{
	padding: 1.375rem 1.25rem 2.125rem 1.188rem;
	border-radius:0.625rem;
	background:#fff;
	border:1px solid #D0DBE5;
	width:calc((100% - 1.25rem*3) / 4);
}
.support_area .con_area .box:hover{
	background:#f8f8f8;
}
.support_area .con_area .box .tag{
	width:4.5rem;
	height:2.125rem;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:0.938rem;
	font-weight:700;
	border-radius:3.125rem;
}
.support_area .con_area .box .tag.tag1{
	background:#FFDEDB;
	color:#BF1100;
}
.support_area .con_area .box .tag.tag2{
	background:#F3E8FF;
	color:#691DB4;
}
.support_area .con_area .box .tag.tag3{
	background:#E7F5D4;
	color:#097A36;
}
.support_area .con_area .box .tag.tag4{
	background:#f0f2ff;
	color:var(--main-color);
}
.support_area .con_area .box .tit{
	font-size:1.25rem;
	font-weight:700;
	color:#000;
	margin:0.875rem 0 1.125rem;
	  white-space: nowrap !important;
	  overflow: hidden !important;
	  text-overflow: ellipsis !important;
	  display: block;
}
.support_area .con_area .box .desc_wrap{
	border-top:1px solid #d8e3ec;
	padding-top:1.25rem;
}
.support_area .con_area .box .desc_wrap ul li{
	font-size:0.95rem;
	color:#333;
	margin-bottom:0.3rem;
		  white-space: nowrap !important;
	  overflow: hidden !important;
	  text-overflow: ellipsis !important;
	  display: block;
}
.support_area .con_area .box .desc_wrap ul li:last-child{
	margin-bottom:0;
}
.support_area .con_area .box .desc_wrap ul li b{
	width:3.25rem;
	font-weight:700;
	color:#000;
	display:inline-block;
	margin-right:0.625rem;
}

@media screen and (max-width: 1250px) {
	.support_area .con_area{
		flex-wrap:wrap;
	}
	.support_area .con_area .box{
		width:calc((100% - 1.25rem) / 2);
	}

}

@media screen and (max-width: 900px) {
	.mCon8 ul{
		flex-wrap:wrap;
		gap:1.5rem;
	}
	.mCon8 ul li{
		width:calc((100% - 1.5rem*2) / 3);
	}
	.mCon8 ul li a::after{
		display:none;
	}
	.support_area .tit_wrap{
		flex-direction:column;
	}
	.support_area .tit_wrap .tab_wrap{
		width:100%;
		margin-top:1rem;
	}

}

@media screen and (max-width: 700px) {
	.support_area .con_area .box{
		width:100%;
	}

}

@media screen and (max-width: 500px) {
	.mCon8 ul li{
		width:calc((100% - 1.5rem) / 2);
	}
			.tit_wrap .tab_wrap ul{
		gap:0.75rem;
	}
}

.mCon2{
	position:relative;
	padding-bottom:4.125rem;
	overflow:hidden;
}
.mCon2::after{
	content:'';
	position:absolute;
	bottom:0;
	left:0;
	width:99.375rem;
	height:58.5rem;
	border-radius:0 31.25rem 31.25rem 0;
  	background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Sz_pba2_ot.cat") no-repeat left bottom;
  	background-size:cover;
	z-index:-1;
}

.mCon4 {
  position: relative;
  margin-top:6.25rem;
}
.mCon4 h2 {
  font-size: 2.75rem;
  color: #000;
  font-weight: 700;
  text-align:center;
  margin-bottom:2.25rem;
}
.mCon4 .select_area{
	display:flex;
	justify-content:center;
	align-items:center;
	gap:0.625rem;
}
.mCon4 select {
  max-width:13.125rem;
  width: 100%;
  border-radius: 0.625rem;
  border:2px solid #213164;
  padding:1.125rem;
  -webkit-appearance:none; /* for chrome */
  -moz-appearance:none; /*for firefox*/
  appearance:none;
  background: #fff url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Svp_fryrpg.cat") no-repeat center right 0.625rem;
  background-size:0.813rem;
  font-size:1.188rem;
  margin:0;
  height:auto;
  font-weight:600;
  color:#000;
}
.mCon4 select::-ms-expand{
   display:none;/*for IE10,11*/
}
.mCon4 .btn {
  width: 4rem;
  height: 4rem;
  color: #fff;
  background: #213164 url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Svp_frnepu2.cat") no-repeat center center;
  border: 0;
  border-radius: 0.625rem;
  box-shadow: 0 3px 12px 0 #464DA269;
  overflow:hidden;
  text-indent:-999px;
  cursor:pointer;
}
.mCon4 select:focus,
.mCon4 .btn:focus {
  outline: 3px dashed #f26522;
}


.mCon2 .con_wrap{
	display:flex;
	justify-content:space-between;
	align-items:center;
	gap:1.25rem;
	margin-top:3.125rem;
	margin-bottom:1.25rem;
}
.mCon2 .step_list {
	display:flex;
	justify-content:space-between;
	align-items:center;
	gap:1.25rem;
}
.mCon2 .step_list > li {
  position: relative;
}
.mCon2 .step_list > li .box {
  position: relative;
  width:24.063rem;
  background: #fff;
  border-radius: 0.625rem;
}
.mCon2 .step_list > li .tit {
  font-size: 1.375rem;
  font-weight: 300;
	background:#333;
	color:#fff;
	padding:0.875rem;
	display:flex;
	align-items:center;
	border-radius: 0.625rem 0.625rem 0 0;
}
.mCon2 .step_list > li .tit b{
	font-wiehgt:800;
	margin-left:0.188rem;
}
.mCon2 .step_list > li .tit span {
  display: flex;
  align-items:center;
  justify-content:center;
  margin-right: 0.5rem;
  width: 1.625rem;
  height: 1.625rem;
  font-size: 1rem;
  font-weight: 700;
  background: #fff;
  border-radius: 50%;
  color:#333;
}

.mCon2 .step_list > li .con{
	position:relative;
}
.mCon2 .step_list > li .con::after {
  position: absolute;
  top: 30px;
  left: -30px;
  width: 43px;
  height: 77px;
  content: "";
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Sz_neebj.cat") no-repeat;
}
.mCon2 .step_list > li:first-child .con::after {
  display: none;
}
.mCon2 .step_list > li .con ul {
  display:flex;
  justify-content:center;
  align-items:center;
  gap:0.625rem;
  height:10.625rem;
}
.mCon2 .step_list > li .con ul li a {
  display: flex;
  flex-direction:column;
  align-items:center;
  font-size: 0.938rem;
  color: #000;
  font-weight: 500;
  line-height: 1;
  text-align:center;
}
.mCon2 .step_list > li .con ul li span {
  position: relative;
  display: block;
  margin-bottom: 0.875rem;
  width: 5rem;
  height: 5rem;
  background: #fff;
  border: 1px solid #d8dee3;
  border-radius: 10px;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  box-shadow:0 3px 10px 0 #acacac45;
}
.mCon2 .step_list > li .con ul li span::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2.5rem;
  height: 2.5rem;
  content: "";
  background-repeat: no-repeat;
  background-position: center top;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
}
.mCon2 .step_list > li .con ul li.ic1_1 span::after {
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Sz_pba2_vp1_1.cat");
}
.mCon2 .step_list > li .con ul li.ic1_2 span::after {
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Sz_pba2_vp1_2.cat");
}
.mCon2 .step_list > li .con ul li.ic1_3 span::after {
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Sz_pba2_vp1_3.cat");
}

.mCon2 .step_list > li .con ul li.ic2_1 span::after {
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Sz_pba2_vp2_1.cat");
}
.mCon2 .step_list > li .con ul li.ic2_2 span::after {
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Sz_pba2_vp2_2.cat");
}
.mCon2 .step_list > li .con ul li.ic2_3 span::after {
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Sz_pba2_vp2_3.cat");
}

.mCon2 .step_list > li .con ul li.ic3_1 span::after {
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Sz_pba2_vp3_1.cat");
}
.mCon2 .step_list > li .con ul li.ic3_2 span::after {
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Sz_pba2_vp3_2.cat");
}
.mCon2 .step_list > li .con ul li.ic1_4 span::after {
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Sz_pba2_vp1_4.cat");
}
.mCon2 .step_list > li .con ul li.ic1_5 span::after {
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Sz_pba2_vp1_5.cat");
}

.mCon2 .step_list > li .con ul li a:hover,
.mCon2 .step_list > li .con ul li a:focus {
  color: var(--main-color);
}
.mCon2 .step_list > li .con ul li a:focus {
  border: 1px solid #fff;
  outline: 2px solid #000;
}
.mCon2 .step_list > li .con ul li a:hover span,
.mCon2 .step_list > li .con ul li a:focus span {
  background: var(--main-color);
  border-color: var(--main-color);
}
.mCon2 .step_list > li .con ul li a:hover span::after,
.mCon2 .step_list > li .con ul li a:focus span::after {
  background-position: center bottom;
}
.mCon2 .step_list > li.on .tit,
.mCon2 .step_list > li.on .tit a {
  display: none;
}
.mCon2 .step_list > li.on .con {
  opacity: 1;
  left: 0;
  transition-delay: 0.2s;
}
.mCon2 ol > li.on .con ul {
  width: auto;
}


.mCon5 {
  display:flex;
  flex-direction:column;
  width:17.813rem;
  gap:5px;
}
.mCon5 .btn a {
  display: flex;
  height: 4.438rem;
  padding:0 1.25rem;
  align-items:center;
  font-weight: 700;
  font-size:1.125rem;
  color:#000;
  box-shadow:0 3px 15px 0 #92A2AB40;
  border: 1px solid #D4DEE3;
  border-radius: 0.625rem;
}
.mCon5 .btn a:hover{
	border:3px solid #4161EF;
}
.mCon5 .btn a b {
  color: #4161EF;
  margin-right:3px;
}
.mCon5 .btn.ic3 a b {
  margin-left:3px;
}
.mCon5 .btn.ic1 a {
  background: #fff url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Sz_gbgny_vp.cat") no-repeat right bottom;
}
.mCon5 .btn.ic2 a{
  background: #fff url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Sz_fpurq_vp.cat") no-repeat right bottom;
}
.mCon5 .btn.ic3 a {
  background: #fff url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Sz_abgvpr_vp.cat") no-repeat right bottom;
}


.mCon3 {
  position: relative;
  background: #fff;
  border-radius: 0.625rem;
  border:1px solid #D4DEE3;
  display:flex;
  gap:1.875rem;
}
.mCon3 .tit {
  font-size: 1.875rem;
  width:24.625rem;
  color: #fff;
  padding:2.5rem 3.9rem;
  line-height:1;
  position:absolute;
  top:0;
  left:0;
  display:flex;
  flex-direction:column;
  z-index:1;
  height:100%;
  justify-content:center;
  background:#111C40;
  clip-path: polygon(0% 0%, 80% 0%, 100% 50%, 80% 100%, 0% 100%);
  border-radius:0.625rem 0 0 0.625rem;
}
.mCon3 .tit::after{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Sz_pba3_ot.cat") no-repeat center center;
	background-size:cover;
	z-index:-1;
clip-path: polygon(0% 0%, 80% 0%, 100% 50%, 80% 100%, 0% 100%);
border-radius:0.625rem 0 0 0.625rem;
}
.mCon3 .tit b{
	font-weight:700
}
.mCon3 .list{
	display:flex;
	flex-wrap:wrap;
	gap:0.625rem;
	padding:1.125rem;
	padding-left:26.6rem;
}
.mCon3 ol li {
	display:flex;
	align-items:center;
}
.mCon3 ol li a {
  display: flex;
  align-items:center;
  padding: 0.625rem;
  font-size: 1rem;
  font-weight:600;
  color: #000;
  background: #fff url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Sz_pba3_vp.cat") no-repeat center right 5px;
  border-radius: 0.313rem;
  border:1px solid #D4DEE3;
  box-shadow:0 3px 10px 0 #92A2AB20;
  width:16rem;
  transition:all 0.3s;
  gap:5px;
}
.mCon3 ol li a span {
  display: flex;
  align-items:center;
  justify-content:center;
  width: 1.625rem;
  height: 1.625rem;
  font-size: 1rem;
  color: #000;
  font-weight: 700;
  background: #DBDBDB;
  border-radius: 50%;
}
.mCon3 ol li a:hover{
	  background-position: center right 10px;
	  gap:10px;
}


@media screen and (max-width: 1520px) {
	.mCon2 .con_wrap{
		flex-direction:column;
	}
	.mCon5{
		flex-direction:row;	
		width:100%;
	}
	.mCon5 .btn,
	.mCon2 .step_list,
	.mCon2 .step_list > li,
	.mCon2 .step_list > li .box
	{
		width:100%;
	}
	.mCon3 .tit{
		width:19.625rem;
		padding:2.5rem 1.9rem;
	}
	.mCon3 .list{
		padding-left:21.6rem;
	}
}

@media screen and (max-width: 1370px) {
	.mCon2::after{
		height:64%;
		border-radius:0;
	}
	.mCon3 {
		flex-direction:column;
		gap:0;
	}
	.mCon3 .tit{
		position:relative;
		width:100%;
		padding:1rem;
		align-items:center;
		gap:7px;
		flex-direction:row;
		clip-path:none;
		border-radius:0.625rem 0.625rem 0 0;
	}
	.mCon3 .tit::after{
		clip-path:none;
		border-radius:0.625rem 0.625rem 0 0;
		
	}
	.mCon3 .list{
		padding-left:1.125rem;
	}
}

@media screen and (max-width: 1100px) {
	.mCon2 .step_list{
		flex-direction:column;
	}
	.mCon2 .step_list > li .con::after{
		display:none;
	}
}

@media screen and (max-width: 900px) {
	.mCon2::after{
		height:60%;
	}
}

@media screen and (max-width: 758px) {
	.mCon2::after{
		height:66%;
	}
	.mCon3 .tit{
		font-size:1.5rem;
		padding:0.7rem;
	}
	.mCon3 ol li{
		width:calc((100% - 0.625rem) / 2);
	}
	.mCon3 ol li a,
	.mCon4 select,
	.mCon4 .btn{
		width:100%;
		max-width:100%;
	}
	.mCon5,
	.mCon4 .select_area{
		flex-direction:column;
	}
}

@media screen and (max-width: 525px) {
	.mCon2::after{
		height:58.5%;
	}
	.mCon3 ol li{
		width:100%;
	}
}
@media screen and (max-width: 500px) {
	.mCon2::after{
		height:57%;
	}
}



.mConWrap2 {
  margin-top: 4.125rem;
  display:flex;
  gap:3.75rem;
  align-items:flex-end;
}
.mConWrap2 > div{
	width:calc((100% - 3.75rem*2) / 3);
}
.mConWrap2 .tit_wrap,
.mConWrap3 .tit_wrap{
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding-bottom:1.75rem;
}
.mConWrap2 .tit_wrap .tit,
.mConWrap3 .tit_wrap .tit{
	font-size:1.875rem;
	font-weight:700;
	color:#000;
}
.mConWrap2 .tit_wrap .tit em{
	font-weight:400;
}
.mConWrap2 .tit_wrap > .btn_st2,
.mConWrap3 .tit_wrap .btn_st2{
	border:1px solid #D4DEE3;
	box-shadow:0 3px 15px 0 #92A2AB20;
}

.mConWrap2 .con_wrap{
	border-radius:1.25rem;
	border:1px solid #D4DEE3;
}

.mCon6 {
  position: relative;
}
.mCon6 .controlBox {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.controlBox .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background: #000;}
.controlBox .mPage {display: flex;justify-content:center;align-items:center;}
.controlBox .mPage span,.controlBox .mPage strong{color:#000;font-size:0.938rem;font-weight: 700;}
.controlBox .progress__bar {position:relative;width:70px;height:3px;margin:0 8px;background: rgba(0,0,0,.10);}
.controlBox .progress__fill {position:absolute;inset:0;display:block;height: 100%;background-color: #000;}


.controlBox .btn_area {display: flex;align-items: center;gap: 10px;}
.controlBox .btn_area .autoplay-control {position: relative;}
.controlBox .btn_area .autoplay-control button {display: block; width: 20px; height: 20px; border: 0; background: transparent; cursor: pointer; }
.controlBox .btn_area .autoplay-control button::before {display: block; content: ''; position: absolute;transition: all 0.3s;}
.controlBox .btn_area .autoplay-control button[aria-pressed="false"]::before {top: 4px; left: 4px; width: 12px; height: 12.5px; border-left: 3px solid #000; border-right: 3px solid #000; box-sizing: border-box;}
.controlBox .btn_area .autoplay-control button[aria-pressed="true"]::before {top: 4px; left: 4px; border-top: 7px solid transparent; border-left: 10px solid #000; border-bottom: 7px solid transparent;}
.controlBox .btn_area .autoplay-control button[aria-pressed="false"]:hover::before {border-left: 3px solid #F3911C; border-right: 3px solid #F3911C; }
.controlBox .btn_area .autoplay-control button[aria-pressed="true"]:hover::before {border-top: 7px solid transparent; border-left: 10px solid #F3911C; border-bottom: 7px solid transparent;}
.controlBox .btn_area .material-icons{color: #000;font-size: 20px;display: block;cursor:pointer;}
.controlBox .btn_area .material-icons:hover{color: #F3911C;}
.controlBox .btn_area .next_btn,.controlBox .btn_area .prev_btn{cursor: pointer;}

.mCon6 .controlBox button {
  position: relative;
  width: 20px;
  height: 20px;
  text-indent: -999px;
  vertical-align: middle;
  overflow: hidden;
  border: 0;
}
.mCon6 .controlBox button::after {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -4px 0 0 -2px;
  width: 6px;
  height: 6px;
  content: "";
  border: 1px solid #000;
}
.mCon6 .controlBox .stopSlide3::after {
  margin: -5px 0 0 -4px;
  width: 4px;
  height: 10px;
  border-width: 0 2px;
}
.mCon6 .controlBox .startSlide3::after {
  margin: -6px 0 0 -3px;
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid #000;
  border-right: 0;
}


.mCon6 .popSlide ul li a {
  display: flex;
  height:350px;
}
.mCon6 .popSlide ul li a:focus {
  border: 2px solid #000;
  outline: 2px solid #000;
}
.mCon6 .popSlide ul li a img{
	width:100%;
	height:100%;
}


.village .con_wrap{
	overflow:hidden;
} 
.village .mapCon{
	position:relative;
}
.village .mapCon .mapBox{
	display:flex;
	padding:0;
	justify-content:space-between;
}
.village .mapCon .mapBox::after{
	display:none;
}
.village .mapCon .mapBox .map{
	float:none;
	padding:1rem 0.625rem 1rem 1.75rem;
	width:auto;
}
.village .mapCon .mapBox .map .box{
	max-width:13.75rem;
	color:#fff;
	display:flex;
	justify-content:center;
	align-items:center;
	height:100%;
}
.village .mapCon .mapBox .mapInfor{
	background:#fff;
	padding:1rem;
	width:12.5rem;
	float:none;
	box-shadow:none;
	border-radius:0;
	min-height:auto;
}
.village .mapCon .mapBox .mapInfor .map_con{
	color:#000;
	padding:0;
	flex-direction:column;
	justify-content:space-between;
	height:100%;
	gap:15px;
}
.village .mapCon .mapBox .mapInfor .map_con.active{
	display:flex;
}
.village .mapCon .mapBox .mapInfor .map_con .tit{
	margin-bottom:0;
}
.village .mapCon .mapBox .mapInfor .map_con h3{
	font-size:1.25rem;
	font-weight:800;
	margin-left:0;
}
.village .mapCon .mapBox .mapInfor .map_con h3 span{
	font-size:13px;
	font-weight:500;
	margin-bottom:4px;
}
.village .mapCon .mapBox .mapInfor .map_con ul{
	height:12.16rem;
	overflow-y:auto;
	margin-bottom:0;
}
.village .mapCon .mapBox .mapInfor .map_con ul li{
	font-size:13px;
	min-height:auto;
	line-height:15px;
	color:#555;
	padding-left:6px;
	font-weight:500;
}
.village .mapCon .mapBox .mapInfor .map_con ul li::before{
	background:#EC6E00;
	width:3px;
	height:3px;
	top:6px;
}
.village .mapCon .mapBox .mapInfor .map_con ul::-webkit-scrollbar{
	width:4px;
}
.village .mapCon .mapBox .mapInfor .map_con .loca{
	background:#EEF0F3 url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Sznc_vp.cat") no-repeat 6px 7px;
	border-radius:5px;
	padding:5px 5px 5px 22px;
	font-size:13px;
}
.village .mapCon .mapBox .map .link li a .num{
	background:transparent;
	box-shadow:none;
	border-radius:0;
}
.village .mapCon .mapBox .map .link li a .num img{
	filter: drop-shadow(2px 2px 5px #14185350);
}
.village .mapCon .mapBox .map .link li .txt {
  top: 50%;
  left: 100%;
  padding-top: 0;
  width: 135px;
  height: 35px;
  font-size: 0.938rem;
  background: rgba(0, 0, 0, 0.60);
  transform: translatey(-50%);
  -webkit-transform: translatey(-50%);
  display:flex;
  align-items:center;
  justify-content:center;
}
.village .mapCon .mapBox .map .link li .txt::after {
  position: absolute;
  right: 100%;
  top: 50%;
  width: 0;
  height: 0;
  content: "";
  transform:translatey(-50%);
  border-left: 7px solid transparent;
  border-right: 7px solid rgba(0, 0, 0, 0.60);
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
}
.village .mapCon .mapBox .map .link li .txt br{
	display:none;
}
.village .mapCon .mapBox .map .link li.pos1_10 .txt,
.village .mapCon .mapBox .map .link li.pos1_11 .txt,
.village .mapCon .mapBox .map .link li.pos1_13 .txt,
.village .mapCon .mapBox .map .link li.pos1_17 .txt,
.village .mapCon .mapBox .map .link li.pos1_18 .txt{
	left:auto;
	right:100%;
}
.village .mapCon .mapBox .map .link li.pos1_10 .txt::after,
.village .mapCon .mapBox .map .link li.pos1_11 .txt::after,
.village .mapCon .mapBox .map .link li.pos1_13 .txt::after,
.village .mapCon .mapBox .map .link li.pos1_17 .txt::after,
.village .mapCon .mapBox .map .link li.pos1_18 .txt::after{
	left:100%;
	right:auto;
	 border-left: 7px solid rgba(0, 0, 0, 0.60);
  	border-right: 7px solid transparent;
}
.village .mapCon .mapBox .map .link .pos1_12 {
  left: 10.5%;
}
.village .mapCon .mapBox .map .link .pos1_12 a {
  padding-left: 0;
  padding-top: 0;
}



.mCon10{
	position:relative;
}
.mCon10::after {
  content:'';
  width:9.75rem;
  height:8.063rem;
  position:absolute;
  right:0;
  top:-3.688rem;
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Sz_pba10_vp.cat") no-repeat center center;
    background-size:contain;
}
.mCon10 > .txt{
	font-size:0.938rem;
  color: #3d557b;
	padding:0 1.875rem 1rem 1.875rem;
}
.mCon10 .nav-tabs {
  position: relative;
  text-align: center;
  padding:1.875rem 1.875rem 0.75rem 1.875rem;
  display:flex;
  gap:27px;
}

.mCon10 .nav-tabs .tab {
  position: relative;
  display: block;
  font-size: 22px;
  color: #3d557b;
}
.mCon10 .nav-tabs .tab.active {
  color: #00145E;
  font-weight:700;
}
.mCon10 .nav-tabs .tab::after {
	content:'';
	position:absolute;
	background:#D1F1FF;
	border-radius:10px;
	width:0;
	height:15px;
	bottom:0;
	left:-5%;
	transition:all 0.3s;	
	z-index:-1;
}
.mCon10 .nav-tabs .tab.active::after,
.mCon10 .nav-tabs .tab:hover::after{
	width:110%;
}
.mCon10 .list{
  display:flex;
  flex-wrap:wrap;
  gap:0.625rem;
  background:#E7EEF9;
  border-radius: 0 0 20px 20px;
  border-top:1px dashed #ddd;
  padding:1.25rem;
}
.mCon10 .list li{
	width:calc((100% - 0.625rem) / 2);
}
.mCon10 .list li a{
	display:flex;
	border:1px solid #DFDFDF;
	border-radius:5px;
	padding:1rem 1rem 1rem 32px;
	font-size:0.938rem;
	font-weight:500;
	color:#000;
  	background: #fff url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Sznc_vp3.cat") no-repeat center left 10px;
}
.mCon10 .list li a:hover{
	padding:1rem 1rem 1rem 39px;
  	background: #fff url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Sznc_vp3.cat") no-repeat center left 17px;
}

@media screen and (max-width: 1520px) {
  .mConWrap2{
  	flex-wrap:wrap;
  }
  .mConWrap2 > div{
  	width:calc((100% - 3.75rem) / 2);
  }
  .village .mapCon .mapBox{
  	height:350px;
  }
  .village .mapCon .mapBox .map{
  	margin:0 auto;
  }
	.village .mapCon .mapBox .mapInfor{
		width:50%;
	}
  
  .mConWrap2 .con_wrap{
  	width:100%;
  }
  .mCon10 .list li{
  	width:calc((100% - 1.25rem*3) / 4);
  }
  .mCon10::after{
	top:-1.688rem;  
  }
}

@media screen and (max-width: 900px) {
	.mConWrap2 > div{
		width:100%;	
	}
	.mCon10 .list li{
		width:calc((100% - 0.625rem) / 2)
	}
}

@media screen and (max-width: 640px) {
	.village  .mapCon .mapBox {
	  background-color: #2564ae;
	  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Sznc_ot.wct");
	  flex-direction:column;
	  height:auto;
  }
	.village .mapCon .mapBox .map{
		display:flex;
	}
	.village .mapCon .mapBox .mapInfor{
		width:100%;
	}
	.village .mapCon .mapBox .mapInfor .map_con ul{
		height:9.16rem;
	}
	.mCon10::after{
		display:none;
	}
	.mCon10 .list li{
		width:100%;	
	}
}



.mConWrap3 {
  margin-top: 6.25rem;
  display:flex;
  gap:3.75rem;
  margin-bottom:8.125rem;
}
.mConWrap3 > div{
	width:calc((100% - 3.75rem) / 2);
}
.mCon7 .tit_wrap{
	border-bottom:2px solid #000;
}
.mCon7 .mTabCon{
	padding-top:3.125rem;
	display:flex;
	justify-content:space-between;
	gap:3.75rem;
}
.mCon7 .mTabCon a{
	width:calc((100% - 3.75rem) / 2);
}
.mCon7 .mTabCon .tit{
	font-size:1.375rem;
	font-weight:700;
	overflow: hidden;
	color:#000;
	text-overflow: ellipsis;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin-bottom:1.25rem;
	line-height:1.4;
	min-height:61.59px;
}
.mCon7 .mTabCon .txt{
	font-size:1rem;
	font-weight:500;
	overflow: hidden;
	color:#555;
	margin-bottom:1.25rem;
	min-height:96px;
}
.mCon7 .mTabCon .date{
	font-size:0.9rem;
	font-weight:700;
	color:#666;
}


.mCon9 .btn_area{
	display:flex;
	gap:1.563rem;
}
.mCon9 .btn_area a:hover img{
	filter:drop-shadow(2px 2px 5px #00000030);
}
.mCon9 .con_wrap{
	display:flex;
	justify-content:space-between;
	gap:1.5rem;
}
.mCon9 .box {
	width:calc((100% - 1.5rem) / 2)
}
.mCon9 .box .img_wrap{
	margin-bottom:1.063rem;
	height:11.7rem;
}
.mCon9 .box .img_wrap img{
	width:100%;
	height:100%;
}
.mCon9 .box .tit {
	font-size:1.25rem;
	font-weight:700;
	overflow: hidden;
	color:#000;
	white-space:nowrap !important; 
	overflow:hidden !important; 
	text-overflow:ellipsis !important;
	display: block;
	margin-bottom:0.625rem;
}
.mCon9 .box .date{
	font-size:0.9rem;
	font-weight:700;
	color:#666;
}
.mCon7 a:hover,
.mCon9 a:hover{
	text-decoration:underline;
}

@media screen and (max-width: 1520px) {
	.mConWrap3{
		flex-direction:column;
	}
	.mConWrap3 > div{
		width:100%;
	}
	.mCon9 .con_wrap .img_wrap{
		overflow:hidden;
	}
	.mCon9 .con_wrap .img_wrap img{
		width:100%;
		object-fit:cover;
	}
}

@media screen and (max-width: 900px) {
	.mCon7 .tit_wrap{
		flex-direction:column;
		gap:1rem;
	}
	.mCon7 .tit_wrap .tab_wrap{
		width:100%;
	}
	.mCon7 .mTabCon{
		flex-direction:column;
		gap:0;
	}
	.mCon7 .mTabCon a{
		width:100%;
		padding-bottom:2rem;
		margin-bottom:2rem;
		border-bottom:1px solid #ddd;
	}
	.mCon9 .con_wrap{
		flex-direction:column;
	}
	.mCon9 .box{
		width:100%;
	}
}



.mBanner {
  border-top: 1px solid #E8E8E8;
  height:4.75rem;
  display:flex;
  justify-content:center;
  align-items:center;
}
.mBanner .box {
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:1rem;
}
.mBanner .box .control {
  
}

.mBanner .control button {
  position: relative;
  width: 20px;
  height: 20px;
  text-indent: -999px;
  vertical-align: middle;
  overflow: hidden;
  border: 0;
}
.mBanner .control button::after {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -4px 0 0 -2px;
  width: 6px;
  height: 6px;
  content: "";
  border: 1px solid #000;
}
.mBanner .control .stopSlide_bn::after {
  margin: -5px 0 0 -4px;
  width: 4px;
  height: 10px;
  border-width: 0 2px;
}
.mBanner .control .startSlide_bn::after {
  margin: -6px 0 0 -3px;
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid #000;
  border-right: 0;
}

.mBanner ul{align-items:center;height:100%;}
.mBanner li,.mBanner a{display:flex;justify-content:center;align-items:center;}
.m_bnbx {
  margin-bottom: 40px;
  border-radius: 8px;
  position: relative;
  overflow: hidden;
  height: 120px;
}
.m_bnbx img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  max-width: 1400px;
}

/* 애니효과 */
.ani_0 {
  transition-property: all;
  transition-duration: 0.6s;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.6s;
}
.ani {
  opacity: 0;
  transition-property: all;
  transition-duration: 0.6s;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.6s;
}
.ani_y {
  opacity: 0;
  transform: translateY(50px);
  transition-property: all;
  transition-duration: 0.6s;
  -webkit-transform: translateY(50px);
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.6s;
}
.ani_y.m {
  transform: translateY(-50px);
  -webkit-transform: translateY(-50px);
  transition-timing-function: ease;
  -webkit-transition-timing-function: ease;
}
.ani_x {
  opacity: 0;
  transform: translateX(50px);
  transition-property: all;
  transition-duration: 0.6s;
  -webkit-transform: translateX(50px);
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.6s;
}
.ani_x.m {
  transform: translateX(-50px);
  -webkit-transform: translateX(-50px);
  transition-timing-function: ease;
  -webkit-transition-timing-function: ease;
}
.delay1 {
  transition-delay: 0.2s;
  -webkit-transition-delay: 0.2s;
}
.delay2 {
  transition-delay: 0.5s;
  -webkit-transition-delay: 0.5s;
}
.delay3 {
  transition-delay: 0.8s;
  -webkit-transition-delay: 0.8s;
}
.delay4 {
  transition-delay: 1.1s;
  -webkit-transition-delay: 1.1s;
}
.delay5 {
  transition-delay: 1.4s;
  -webkit-transition-delay: 1.4s;
}
.delay6 {
  transition-delay: 1.7s;
  -webkit-transition-delay: 1.7s;
}
.delay7 {
  transition-delay: 2s;
  -webkit-transition-delay: 2s;
}
.delay8 {
  transition-delay: 2.3s;
  -webkit-transition-delay: 2.3s;
}
.delay9 {
  transition-delay: 2.6s;
  -webkit-transition-delay: 2.6s;
}
.delay10 {
  transition-delay: 3s;
  -webkit-transition-delay: 3s;
}

#calendar > div > span:focus-visible {
  outline: 1px solid #000;
}



/*
================================================================================
서브 콘텐츠
================================================================================
*/

.mt10 {
  margin-top: 10px !important;
}
.mt15 {
  margin-top: 15px !important;
}
.mt20 {
  margin-top: 20px !important;
}
.mt25 {
  margin-top: 25px !important;
}
.mt30 {
  margin-top: 30px !important;
}
.mt35 {
  margin-top: 35px !important;
}
.mt40 {
  margin-top: 40px !important;
}
.mt50 {
  margin-top: 50px !important;
}
.mt60 {
  margin-top: 60px !important;
}
.mt70 {
  margin-top: 70px !important;
}
.mb-20 {
  margin-bottom: -20px !important;
}
.mb-70 {
  margin-bottom: -70px !important;
}
.mb5 {
  margin-bottom: 5px !important;
}
.mb10 {
  margin-bottom: 10px !important;
}
.mb15 {
  margin-bottom: 15px !important;
}
.mb20 {
  margin-bottom: 20px !important;
}
.mb25 {
  margin-bottom: 25px !important;
}
.mb30 {
  margin-bottom: 30px !important;
}
.mb35 {
  margin-bottom: 35px !important;
}
.mb40 {
  margin-bottom: 40px !important;
}
.mb45 {
  margin-bottom: 45px !important;
}
.mb50 {
  margin-bottom: 50px !important;
}
.mb60 {
  margin-bottom: 60px !important;
}
.mb70 {
  margin-bottom: 70px !important;
}

.mr5 {
  margin-right: 5px !important;
}
.mr8 {
  margin-right: 8px !important;
}
.mr10 {
  margin-right: 10px !important;
}
.mr15 {
  margin-right: 15px !important;
}
.mr20 {
  margin-right: 20px !important;
}
.mr25 {
  margin-right: 25px !important;
}
.mr30 {
  margin-right: 30px !important;
}
.mr35 {
  margin-right: 35px !important;
}
.mr40 {
  margin-right: 40px !important;
}
.mr45 {
  margin-right: 45px !important;
}
.mr50 {
  margin-right: 50px !important;
}

.ml10 {
  margin-left: 10px !important;
}
.ml15 {
  margin-left: 15px !important;
}
.ml20 {
  margin-left: 20px !important;
}
.ml25 {
  margin-left: 25px !important;
}
.ml30 {
  margin-left: 30px !important;
}

.pt5 {
  padding-top: 5px !important;
}
.pt8 {
  padding-top: 8px !important;
}
.pt10 {
  padding-top: 10px !important;
}
.pt15 {
  padding-top: 15px !important;
}
.pt20 {
  padding-top: 20px !important;
}
.pt25 {
  padding-top: 25px !important;
}
.pt30 {
  padding-top: 30px !important;
}
.pt35 {
  padding-top: 35px !important;
}
.pt40 {
  padding-top: 40px !important;
}
.pt45 {
  padding-top: 45px !important;
}
.pt50 {
  padding-top: 50px !important;
}

.pr5 {
  padding-right: 5px !important;
}
.pr8 {
  padding-right: 8px !important;
}
.pr10 {
  padding-right: 10px !important;
}
.pr15 {
  padding-right: 15px !important;
}
.pr20 {
  padding-right: 20px !important;
}
.pr25 {
  padding-right: 25px !important;
}
.pr30 {
  padding-right: 30px !important;
}
.pr35 {
  padding-right: 35px !important;
}
.pr40 {
  padding-right: 40px !important;
}
.pr45 {
  padding-right: 45px !important;
}
.pr50 {
  padding-right: 50px !important;
}

.pb5 {
  padding-bottom: 5px !important;
}
.pb8 {
  padding-bottom: 8px !important;
}
.pb10 {
  padding-bottom: 10px !important;
}
.pb15 {
  padding-bottom: 15px !important;
}
.pb20 {
  padding-bottom: 20px !important;
}
.pb25 {
  padding-bottom: 25px !important;
}
.pb30 {
  padding-bottom: 30px !important;
}
.pb35 {
  padding-bottom: 35px !important;
}
.pb40 {
  padding-bottom: 40px !important;
}
.pb45 {
  padding-bottom: 45px !important;
}
.pb50 {
  padding-bottom: 50px !important;
}

.pl5 {
  padding-left: 5px !important;
}
.pl8 {
  padding-left: 8px !important;
}
.pl10 {
  padding-left: 10px !important;
}
.pl15 {
  padding-left: 15px !important;
}
.pl20 {
  padding-left: 20px !important;
}
.pl25 {
  padding-left: 25px !important;
}
.pl30 {
  padding-left: 30px !important;
}
.pl35 {
  padding-left: 35px !important;
}
.pl40 {
  padding-left: 40px !important;
}
.pl45 {
  padding-left: 45px !important;
}
.pl50 {
  padding-left: 50px !important;
}

.pp60 {
  padding: 60px !important;
}

/* text-align */
.txt_left {
  text-align: left !important;
}
.txt_right {
  text-align: right !important;
}
.txt_center {
  text-align: center !important;
}
.mb_right {
  text-align: right !important;
}

.dib {
  display: inline-block !important;
}

.pos_rel {
  position: relative;
}

.col_red {
  color: #f26522 !important;
}
.col_orang {
  color: #f45708 !important;
}
.col_gray {
  color: #888 !important;
}
.col_gray2 {
  color: #555 !important;
}
.col_blue {
  color: #1c83d3 !important;
}
.col_blue2 {
  color: #4492e2 !important;
}
.col_black {
  color: #222 !important;
}
.col_green {
  color: #52830c !important;
}
.linH1 {
  line-height: 1.6;
}

.ftw400 {
  font-weight: 400;
}
.ftw500 {
  font-weight: 500;
}

.fon24 {
  font-size: 24px !important;
}
.fon20 {
  font-size: 20px !important;
}
.fon18 {
  font-size: 18px !important;
}
.fon16 {
  font-size: 16px !important;
}
.fon15 {
  font-size: 15px !important;
}
.fon14 {
  font-size: 14px !important;
}

h1.title {
  position: relative;
  margin-bottom: 60px;
  padding-bottom: 17px;
  font-size: 36px;
  color: #252525;
  line-height: 1;
  font-weight: 700;
  letter-spacing: -2px;
  border-bottom: 1px solid #e1e1e1;
}
h2.title {
  position: relative;
  margin: 55px 0 20px;
  padding-left: 27px;
  font-size: 26px;
  color: #252525;
  font-weight: 700;
  line-height: 1.1;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Su2_qbg.cat") no-repeat left 5px;
}
h3.title {
  position: relative;
  margin: 35px 0 15px;
  font-size: 20px;
  color: #252525;
  font-weight: 700;
  line-height: 1;
}

h1.title + h2.title {
  margin-top: 0;
}

input[type="text"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="email"] {
  margin: 1px 0;
  padding: 5px 10px;
  height: 40px;
  font-size: 16px;
  background: #fff;
  border: 1px solid #e1e1e1;
  border-radius: 0;
}
textarea {
  margin: 1px 0;
  padding: 5px 3px 4px 3px;
  width: 100%;
  border: 1px solid #e1e1e1;
  border-radius: 0;
}
input[type="file"] {
  margin: 1px 0;
  height: 40px;
  font-size: 14px;
  background: none;
}
/*input[type="text"]:hover,input[type="text"]:focus,input[type="password"]:hover,input[type="password"]:focus{background:#f1f9ff;}*/
input[type="submit"] {
  cursor: pointer;
}
.select {
  margin: 1px 0;
  padding: 0 30px 0 10px;
  height: 40px;
  font-size: 16px;
  color: #636363;
  cursor: pointer;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -ms-appearance: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background: #fff url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Svp_fryrpg_neebj2.cat") no-repeat right 12px
    center;
  border: 1px solid #e1e1e1;
}
.select::-ms-expand {
  display: none;
}
input::-ms-clear {
  display: none;
}
input:-ms-input-placeholder {
  color: #636363;
}
input::-webkit-input-placeholder {
  color: #636363;
}
input::-moz-placeholder {
  color: #636363;
}
input::-moz-placeholder {
  color: #636363;
}
textarea::-ms-clear {
  display: none;
}
textarea:-ms-input-placeholder {
  color: #636363;
}
textarea::-webkit-input-placeholder {
  color: #636363;
}
textarea::-moz-placeholder {
  color: #636363;
}
textarea::-moz-placeholder {
  color: #636363;
}
input:disabled,
select:disabled {
  background-color: #f3f3f3;
}

.btnList {
  margin: 30px 0;
  text-align: center;
}
.btnList::after {
  display: block;
  clear: both;
  content: "";
}

.li_dot {
  text-align: left;
}
.li_dot > li {
  position: relative;
  padding-left: 8px;
}
.li_dot > li::before {
  position: absolute;
  top: 10px;
  left: 0;
  width: 2px;
  height: 2px;
  content: "";
  background: #636363;
  border-radius: 50%;
}
.li_dot > li > ul > li {
  position: relative;
  padding-left: 10px;
}
.li_dot > li > ul > li::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "-";
}

.li_dot2 {
  text-align: left;
}
.li_dot2 > li {
  position: relative;
  padding-left: 10px;
}
.li_dot2 > li::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "-";
}

.li_dot3 {
  text-align: left;
}
.li_dot3 > li {
  position: relative;
  padding-left: 12px;
}
.li_dot3 > li::before {
  position: absolute;
  top: 10px;
  left: 0;
  width: 3px;
  height: 3px;
  content: "";
  background: #959595;
  border-radius: 50%;
}
.li_dot3 > li > ul > li {
  position: relative;
  padding-left: 10px;
}
.li_dot3 > li > ul > li::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "-";
}

.h_li {
  margin-left: 12px;
}
.h_li > li {
  position: relative;
  margin-bottom: 15px;
  padding-left: 15px;
}
.h_li > li::before {
  position: absolute;
  top: 9px;
  left: 0;
  width: 6px;
  height: 6px;
  content: "";
  background: #f26522;
  border-radius: 50%;
}
.h_li > li > strong {
  display: inline-block;
  margin-bottom: 5px;
  font-size: 18px;
  color: #252525;
  font-weight: 500;
}

.li_num {
  margin-left: 25px;
}
.li_num li {
  position: relative;
  margin-bottom: 10px;
  list-style-type: decimal;
}

.h2_p {
  margin: 0 0 25px 30px;
}
.h3_p {
  margin: 0 0 20px 50px;
}

.numLi > li {
  list-style-type: decimal;
}
.alpLi > li {
  list-style-type: lower-alpha;
}

/* 일반용 버튼 */
.btnBc {
  display: inline-block;
  margin: 1px;
  vertical-align: middle;
}
.btnBc a,
.btnBc button,
.btnBc input {
  position: relative;
  margin: 0;
  display: -moz-inline-stack;
  display: block;
  padding: 0 20px;
  min-width: 105px;
  width: 100%;
  font-size: 16px;
  color: #fff;
  line-height: 48px;
  text-align: center;
  text-decoration: none;
  background-color: #07499d;
  cursor: pointer;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
  border-radius: 0;
  border: 1px solid #07499d;
}
.btnBc a:focus,
.btnBc button:focus,
.btnBc input:focus{
	outline:4px dashed #f26522;
	border: 2px solid #fff;
}
.btnBc.orang  a:focus,
.btnBc.orang button:focus,
.btnBc.orang input:focus{
	border:1px solid #fff;
	outline:4px dashed #000
}
.btnBc a:hover,
.btnBc button:hover,
.btnBc input:hover {
  color: #07499d;
  background-color: #fff;
  border: 1px solid #07499d;
}

.btnBc.orang a,
.btnBc.orang button,
.btnBc.orang input {
  background-color: #f26522;
  border: 1px solid #f26522;
}
.btnBc.orang a:hover,
.btnBc.orang button:hover,
.btnBc.orang input:hover {
  color: #f26522;
  background-color: #fff;
  border: 1px solid #f26522;
}
.btnBc.white a,
.btnBc.white button,
.btnBc.white input {
  color: #252525;
  background-color: #fff;
  border: 1px solid #d7d7d7;
}
.btnBc.blue a,
.btnBc.blue button,
.btnBc.blue input {
  color: #fff;
  background-color: #1c83d3;
  border: 1px solid #1c83d3;
}
.btnBc.blue a:hover,
.btnBc.blue button:hover,
.btnBc.blue input:hover {
  color: #1c83d3;
  background-color: #fff;
}
.btnBc.gray a,
.btnBc.gray button,
.btnBc.gray input {
  background-color: #7d7d7d;
  border: 1px solid #7d7d7d;
}
.btnBc.gray a:hover,
.btnBc.gray button:hover,
.btnBc.gray input:hover {
  color: #7d7d7d;
  background-color: #fff;
  border: 1px solid #7d7d7d;
}
.btnBc.gray2 a,
.btnBc.gray2 button,
.btnBc.gray2 input {
  color: #fff;
  background-color: #555;
  border: 1px solid #555;
}
.btnBc.gray2 a:hover,
.btnBc.gray2 button:hover,
.btnBc.gray2 input:hover {
  color: #555;
  background-color: #fff;
  border: 1px solid #555;
}
.btnBc.green a,
.btnBc.green button,
.btnBc.green input {
  background-color: #52830c;
  border: 1px solid #52830c;
}
.btnBc.green a:hover,
.btnBc.green button:hover,
.btnBc.green input:hover {
  color: #52830c;
  background-color: #fff;
  border: 1px solid #52830c;
}
.btnBc.sm a,
.btnBc.sm button,
.btnBc.sm input {
  padding: 0 10px;
  min-width: 70px;
  line-height: 38px;
}
.btnBc.sm2 a,
.btnBc.sm2 button,
.btnBc.sm2 input {
  padding: 0 10px;
  min-width: 50px;
  line-height: 34px;
}
.btnBc.big a,
.btnBc.big button,
.btnBc.big input {
  min-width: 200px;
  font-size: 20px;
  line-height: 65px;
  font-weight: 500;
}
.btnBc.w a,
.btnBc.w button,
.btnBc.w input {
  min-width: 400px;
}
.btnBc.sw a,
.btnBc.sw button,
.btnBc.sw input {
  min-width: 130px;
}
.btnBc.sw2 a,
.btnBc.sw2 button,
.btnBc.sw2 input {
  min-width: 98px;
}
.btnBc.down a,
.btnBc.down button,
.btnBc.down input {
  padding-left: 55px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Svp_qbja.cat");
  background-repeat: no-repeat;
  background-position: 27px center;
}
.btnBc.line_red a,
.btnBc.line_red button,
.btnBc.line_red input {
  color: #f26522;
  background-color: #fff;
  border: 1px solid #f8b290;
}

.btnBc2 {
  display: inline-block;
  margin: 1px;
  vertical-align: middle;
}
.btnBc2 a,
.btnBc2 button,
.btnBc2 input {
  position: relative;
  margin: 0;
  display: -moz-inline-stack;
  display: block;
  padding: 0 30px;
  min-width: 120px;
  width: 100%;
  font-size: 20px;
  color: #fff;
  line-height: 65px;
  text-align: center;
  text-decoration: none;
  background-color: #f26522;
  cursor: pointer;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
  border-radius: 33px;
}
.btnBc2.arrow a,
.btnBc2.arrow button,
.btnBc2.arrow input {
  padding-right: 70px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Svp_neebj4.cat");
  background-repeat: no-repeat;
  background-position: right 25px center;
}
.btnBc2.sm a,
.btnBc2.sm button,
.btnBc2.sm input {
  font-size: 16px;
  line-height: 50px;
  font-weight: 500;
}
.btnBc2.blue a,
.btnBc2.blue button,
.btnBc2.blue input {
  background-color: #1c2674;
}
.btnBc2.blue2 a,
.btnBc2.blue2 button,
.btnBc2.blue2 input {
  background-color: #157cb6;
}

.td_right tbody td {
  text-align: right !important;
}
.td_left tbody td {
  text-align: left !important;
}
.th_left tbody th {
  text-align: left !important;
}
.th_center tbody th {
  text-align: center !important;
}
.th_top tbody th {
  vertical-align: top !important;
}
.t_typelA {
  border-top: 2px solid #252525;
}
.t_typelA tr {
  text-align: center;
}
.t_typelA thead th {
  padding: 17px 10px;
  font-size: 15px;
  line-height: 18px;
  color: #252525;
  font-weight: 500;
  word-break: keep-all;
  background: #f8f8f8;
  border-left: 1px solid #d7d7d7;
  border-bottom: 1px solid #e2e2e2;
}
.t_typelA thead th:first-child {
  border-left: 0;
}
.t_typelA thead th[rowspan] {
  border-right: 1px solid #d7d7d7;
}
.t_typelA thead th[rowspan]:last-child {
  border-right: 0;
}
.t_typelA tbody th {
  padding: 5px 10px;
  font-weight: 400;
  word-break: break-all;
  background: #fff;
  border: 1px solid #d7d7d7;
  border-width: 1px 0 1px 1px;
}
.t_typelA tbody th:first-child {
  border-left: 0;
}
.t_typelA tbody th[rowspan] {
  border-right: 1px solid #d7d7d7;
}
.t_typelA tbody td {
  padding: 8px 10px 7px;
  height: 46px;
  background: #fff;
  border: 1px solid #d7d7d7;
  border-width: 1px 0 1px 1px;
}
.t_typelA tbody td:first-child {
  border-left: 0;
}
.t_typelA tbody td[rowspan] {
  border-right: 1px solid #d7d7d7;
}
.t_typelA tbody td[rowspan]:last-child {
  border-right: 0;
}
.t_typelA tbody td a {
  color: #707070;
}
.t_typelA tfoot th {
  padding: 20px 15px;
  color: #252525;
  font-weight: 500;
  background: #f5ece8;
  border: 1px solid #d7d7d7;
  border-width: 1px 0 1px 1px;
}
.t_typelA tfoot td {
  padding: 20px 15px;
  color: #252525;
  font-weight: 500;
  background: #f8f8f8;
  border: 1px solid #d7d7d7;
  border-width: 1px 0 1px 1px;
}
.t_typelA tfoot th:first-child,
.t_typelA tfoot td:first-child {
  border-left: 0;
}
.t_typelA.bg thead th {
  padding: 12px 10px;
  background: #eff6fb;
}
.t_typelA.bg tbody td {
  padding: 10px;
  height: 22px;
}
.t_typelA.bg2 thead th {
  color: #fff;
  background: #555;
}
.t_typelA.bg2 tbody th {
  color: #252525;
  font-weight: 500;
  background: #f8f8f8;
}
.t_typelA.bg2 tfoot th {
  color: #252525;
  font-weight: 500;
  background: #eff6fb;
  border-top: 2px solid #252525;
}
.t_typelA.bg2 tfoot td {
  color: #252525;
  font-weight: 500;
  background: #eff6fb;
  border-top: 2px solid #252525;
}
.t_typelA.th_bold tbody th {
  font-weight: 500;
  color: #252525;
  background: #f8f8f8;
}
.t_typelA tbody td.bg_col1 {
  background: #ffa6e1;
}
.t_typelA tbody td.bg_col2 {
  background: #97caff;
}
.t_typelA tbody td.bg_col3 {
  background: #fffea1;
}
.t_typelA tbody td.bg_col4 {
  background: #a1fcff;
}
.t_typelA tbody td.bg_col5 {
  background: #a1b9ff;
}
.t_typelA tbody td.bg_col6 {
  background: #fdd0ff;
}
.t_typelA tbody td.bg_col7 {
  background: #ffc076;
}
.t_typelA tbody td.bg_col8 {
  background: #ffafaf;
}
.t_typelA tbody td.bg_col9 {
  background: #95eea2;
}
.t_typelA tbody td.bg_col10 {
  background: #cfb5f2;
}
.t_typelA tbody td.bg_col11 {
  background: #c1f993;
}
.t_typelA tbody td.bg_col12 {
  background: #d2cfb2;
}
.t_typelA tbody td.bg_col13 {
  background: #ffc076;
}

.t_typelB {
  border: 1px solid #e1e1e1;
  border-top: 1px solid #252525;
}
.t_typelB tr {
  text-align: center;
}
.t_typelB thead th {
  padding: 15px 10px;
  font-size: 15px;
  line-height: 18px;
  color: #636363;
  font-weight: 500;
  word-break: keep-all;
  background: #f8f8f8;
  border: 1px solid #e1e1e1;
  border-width: 0 1px 1px;
}
.t_typelB tbody th {
  padding: 15px 10px;
  font-weight: 400;
  word-break: break-all;
  background: #fff;
  border: 1px solid #e1e1e1;
}
.t_typelB tbody td {
  padding: 15px 10px;
  background: #fff;
  border: 1px solid #e1e1e1;
}
.t_typelB tbody td a {
  color: #707070;
}

.btn_sm_Ser {
  display: inline-block;
  width: 20px;
  height: 20px;
  text-indent: -999px;
  overflow: hidden;
  opacity: 0.5;
  vertical-align: middle;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Svp_frnepu2.cat") no-repeat center center;
  background-size: 15px;
}

.t_typelA.total_service thead th {
  padding: 17px 10px;
  font-weight: 400;
}
.t_typelA.total_service thead th.col1 {
  color: #fff;
  font-weight: 500;
  background: #1c83d3;
  border-left: 1px solid #1c83d3;
}
.t_typelA.total_service thead th.col2 {
  color: #fff;
  font-weight: 500;
  background: #00606b;
  border-left: 1px solid #16afc1;
}
.t_typelA.total_service thead th.col1_1 {
  font-size: 14px;
  color: #1c83d3;
  background: #deeef9;
}
.t_typelA.total_service thead th.col2_1 {
  font-size: 14px;
  color: #0f8a98;
  background: #daf2f4;
}
.t_typelA.total_service thead th.col1_1:nth-of-type(1) {
  border-left: 1px solid #1c83d3;
}
.t_typelA.total_service thead th.col2_1:nth-of-type(5) {
  border-left: 1px solid #16afc1;
}
.t_typelA.total_service thead th[rowspan] {
  border-right: 0;
}
.t_typelA.total_service tbody td.col1_2 {
  border-left: 1px solid #1c83d3;
}
.t_typelA.total_service tbody td.col2_2 {
  border-left: 1px solid #16afc1;
}
.t_typelA.total_service tbody td .ch_sel1 {
  display: inline-block;
  width: 20px;
  height: 20px;
  text-indent: -999px;
  overflow: hidden;
  background: #1c83d3;
  border-radius: 50%;
}
.t_typelA.total_service tbody td .ch_sel2 {
  display: inline-block;
  width: 20px;
  height: 20px;
  text-indent: -999px;
  overflow: hidden;
  background: #00606b;
  border-radius: 50%;
}
.t_typelA.total_service tbody td.subject {
  text-align: left;
}
.t_typelA.total_service tbody td.subject a {
  display: block;
  color: #111;
}

.tabMenu {
  margin-bottom: 40px;
}
.tabMenu ul::after {
  display: block;
  clear: both;
  content: "";
}
.tabMenu ul li {
  float: left;
  text-align: center;
}
.tabMenu ul li a {
  position: relative;
  display: block;
  margin-left: -1px;
  height: 55px;
  font-size: 18px;
  color: #636363;
  font-weight: 500;
  line-height: 50px;
  background: #fff;
  border: 1px solid #e1e1e1;
  z-index: 1;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
}
.tabMenu ul li a span {
  display: inline-block;
  margin-bottom: 3px;
  vertical-align: middle;
  line-height: 1.2;
}
.tabMenu ul li a:hover,
.tabMenu ul li.on a {
  color: #fff;
  background: #084ba1;
  border: 1px solid #084ba1;
  position: relative;
  z-index: 1;
}
.tabMenu ul li a:focus {
  z-index: 10;
}
.tabMenu ul li:first-child:nth-last-child(1) {
  width: 100%;
}
.tabMenu ul li:first-child:nth-last-child(2),
.tabMenu ul li:first-child:nth-last-child(2) ~ li {
  width: 50%;
}
.tabMenu ul li:first-child:nth-last-child(3),
.tabMenu ul li:first-child:nth-last-child(3) ~ li {
  width: 33.3333%;
}
.tabMenu ul li:first-child:nth-last-child(4),
.tabMenu ul li:first-child:nth-last-child(4) ~ li {
  width: 25%;
}
.tabMenu ul li:first-child:nth-last-child(5),
.tabMenu ul li:first-child:nth-last-child(5) ~ li {
  width: 20%;
}
.tabMenu ul li:first-child:nth-last-child(6),
.tabMenu ul li:first-child:nth-last-child(6) ~ li {
  width: 16.66%;
}
.tabMenu ul li:first-child:nth-last-child(7),
.tabMenu ul li:first-child:nth-last-child(7) ~ li {
  width: 14.28%;
}
.tabMenu ul li:first-child:nth-last-child(8),
.tabMenu ul li:first-child:nth-last-child(8) ~ li {
  width: 12.5%;
}
.tabMenu ul li:first-child:nth-last-child(9),
.tabMenu ul li:first-child:nth-last-child(9) ~ li {
  width: 11.11%;
}
.tabMenu.type1 ul li a:hover,
.tabMenu.type1 ul li.on a {
  background: #4e525c;
  border-color: #4e525c;
}
.tabMenu.type2 {
  margin-bottom: 80px;
  border-bottom: 1px solid #008570;
}
.tabMenu.type2 ul li a {
  border-bottom: 0;
}
.tabMenu.type2 ul li a:hover,
.tabMenu.type2 ul li.on a {
  background: #008570;
}

.tabMenu2 {
  padding: 25px 35px;
  border: 4px solid #eaeaea;
}
.tabMenu2 ul::after {
  display: block;
  clear: both;
  content: "";
}
.tabMenu2 ul li {
  position: relative;
  float: left;
  margin: 10px 0;
  width: 33.33%;
  text-align: center;
}
.tabMenu2 ul li::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 0;
  height: 40px;
  content: "";
  border-left: 1px solid #eaeaea;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
.tabMenu2 ul li:first-child::before {
  display: none;
}
.tabMenu2 ul li a {
  display: block;
  font-size: 18px;
  color: #636363;
}
.tabMenu2 ul li.on a {
  color: #ef5000;
  font-weight: 500;
}

/* 게시글 상단 */
.bbs_top {
  margin-bottom: 15px;
}
.bbs_top::after {
  display: block;
  clear: both;
  content: "";
}
.bbs_top .total {
  float: left;
  padding-top: 20px;
}
.bbs_top .total b {
  font-weight: 500;
}
.bbs_top .total span {
  color: #f26522;
}
.bbs_top .boadSearchA {
  float: right;
}
.bbs_top .rightCon {
  float: right;
}

.boadSearchA {
  position: relative;
  text-align: right;
}
.boadSearchA fieldset{
	display:flex;
}
.boadSearchA select {
  margin: 0 5px 0 0;
  width: 130px;
}
.boadSearchA select:focus {
  border: 1px solid #fff;
  outline: 2px solid #000;
}
.boadSearchA .serInput {
  margin: 0;
  padding-right: 40px;
  width: 290px;
}
.boadSearchA .btn {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 40px;
  height: 40px;
  text-indent: -999px;
  overflow: hidden;
  background: #333 url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Svp_frnepu2.cat") no-repeat center center;
  background-size: 17px;
  border: 1px solid #333;
}

/* 목록A */
.listTypeA {
  border-top: 2px solid #111;
}
.listTypeA tr {
  text-align: center;
}
.listTypeA thead th {
  padding: 15px 5px;
  color: #252525;
  font-weight: 400;
  background: #f8f8f8;
}
.listTypeA thead th:first-child {
  border-left: 0;
}
.listTypeA tbody th,
.listTypeA tbody td {
  border: 1px solid #e2e2e2;
  border-width: 1px 0;
}
.listTypeA tbody th {
  padding: 15px 10px;
  background: #f8f8f8;
}
.listTypeA tbody td {
  padding: 15px 10px;
  color: #636363;
  word-break: break-all;
}
.listTypeA tbody td.subject {
  text-align: left;
}
.listTypeA tbody td.subject a {
  display: block;
  color: #252525;
}
.listTypeA tbody td.part {
  color: #f26522;
}
.listTypeA tbody td .end {
  color: #f26522;
}
.listTypeA tbody td .stat {
  display: inline-block;
  width: 80px;
  font-size: 15px;
  color: #fff;
  line-height: 32px;
  text-align: center;
}
.listTypeA tbody td .stat.st1 {
  background-color: #f26522;
}
.listTypeA tbody td .stat.st2 {
  background-color: #55a003;
}
.listTypeA tbody td .stat.st3 {
  background-color: #359cec;
}
.listTypeA tbody td .stat.st4 {
  background-color: #26497f;
}
.listTypeA tbody td .stat.st5 {
  background-color: #363636;
}
.listTypeA tbody td .stat.st6 {
  background-color: #959595;
}
.listTypeA tbody td .notice {
  display: inline-block;
  width: 36px;
  font-family: "Open Sans";
  font-size: 12px;
  color: #fff;
  text-align: center;
  line-height: 21px;
  background: #f26522;
  border-radius: 5px;
}
.listTypeA.qna tbody td.subject a {
  position: relative;
  padding-left: 30px;
}
.listTypeA.qna tbody td.subject .private {
  position: absolute;
  top: 2px;
  left: 0;
}
.listTypeA tbody td.info span {
  display: inline-block;
  padding: 0 15px;
  color: #fff;
  line-height: 32px;
  background: #555;
  border-radius: 16px;
}
.listTypeA tbody td.info.end span {
  background: #06377b;
}
.listTypeA.breakdown tbody td.subject a {
  color: #0d64b4;
}
.listTypeA tbody td .btnMovie {
  display: inline-block;
  text-align: left;
}
.listTypeA tbody td .btnMovie a {
  display: block;
  width: 60px;
  height: 32px;
  text-indent: -999px;
  overflow: hidden;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Svp_zbivr.cat") no-repeat center center;
  border: 1px solid #e42a05;
  border-radius: 16px;
}

.listTypeB {
  overflow: hidden;
}
.listTypeB ul {
  margin: 0 -10px;
}
.listTypeB ul::after {
  display: block;
  clear: both;
  content: "";
}
.listTypeB ul li {
  float: left;
  margin-bottom: 20px;
  padding: 0 10px;
  width: 25%;
  text-align: left;
}
.listTypeB ul li a {
  display: block;
}
.listTypeB ul li .box {
  border: 1px solid #e1e1e1;
}
.listTypeB ul li .photo {
  position: relative;
  display: block;
  padding-top: 76%;
  overflow: hidden;
}
.listTypeB ul li .photo img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
}
.listTypeB ul li a:hover .photo img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
}
.listTypeB ul li a:hover {
  text-decoration: none;
}
.listTypeB ul li .tit {
  display: block;
  padding: 15px;
  color: #636363;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-top: 1px solid #e1e1e1;
}

.listTypeC {
  overflow: hidden;
}
.listTypeC ul {
  margin: 0 -10px;
}
.listTypeC ul::after {
  display: block;
  clear: both;
  content: "";
}
.listTypeC ul li {
  float: left;
  margin-bottom: 20px;
  padding: 0 10px;
  width: 25%;
  text-align: left;
}
.listTypeC ul li a {
  display: block;
}
.listTypeC ul li .photo {
  position: relative;
  display: block;
  padding-top: 100%;
  overflow: hidden;
}
.listTypeC ul li .photo img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
}
.listTypeC ul li a:hover .photo img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
}
.listTypeC ul li a:hover {
  text-decoration: none;
}
.listTypeC ul li .infor {
  padding: 15px;
  min-height: 110px;
  text-align: center;
  border: 1px solid #e1e1e1;
  border-width: 0 1px 1px;
}
.listTypeC ul li .infor .tit {
  display: block;
  margin-bottom: 10px;
  font-size: 16px;
  color: #111;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  height: 50px;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.listTypeC ul li .infor .date {
  display: block;
  font-size: 13px;
  color: #f26522;
}
.listTypeC ul li a:hover .infor .tit {
  color: #06377b;
  text-decoration: underline;
}
.listTypeC.movie ul {
  margin: 0 -16px;
}
.listTypeC.movie ul li {
  margin-bottom: 30px;
  padding: 0 16px;
  width: 33.33%;
}
.listTypeC.movie ul li .photo {
  padding-top: 56%;
}
.listTypeC.movie ul li .infor {
  min-height: 80px;
}
.listTypeC.movie ul li .infor .tit {
  margin-bottom: 0;
  font-weight: 400;
}
.listTypeC.movie2 ul {
  margin: 0 -16px;
}
.listTypeC.movie2 ul li {
  margin-bottom: 30px;
  padding: 0 16px;
  width: 33.33%;
}
.listTypeC.movie2 ul li .photo {
  padding-top: 60%;
}
.listTypeC.movie2 ul li .infor {
  min-height: 60px;
}
.listTypeC.movie2 ul li .infor .tit {
  display: block;
  margin-bottom: 0;
  height: auto;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.listTypeC.marine ul li .photo {
  padding-top: 63%;
  border: 1px solid #e1e1e1;
}
.listTypeC.marine ul li .infor {
  min-height: 55px;
}
.listTypeC.marine ul li .infor .tit {
  display: block;
  margin-bottom: 0;
  height: auto;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.listTypeC.manual ul li .photo {
  padding-top: 135%;
  border: 1px solid #e1e1e1;
}
.listTypeC.manual ul li .infor {
  min-height: 55px;
}
.listTypeC.manual ul li .infor .tit {
  display: block;
  margin-bottom: 0;
  height: auto;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.listTypeC .nofile {
  height: 230px;
  text-align: center;
  border: 1px solid #dfdfdf;
  width: 100%;
  padding: 100px 0;
  border-width: 1px 0;
}

.listTypeD {
  border-top: 2px solid #252525;
}
.listTypeD.listEdit > ul > li {
  padding: 25px 0 25px 280px;
  min-height: 200px;
}
.listTypeD.listEdit > ul > li .photo {
  position: absolute;
  top: 50%;
  left: 0;
  width: 250px;
  height: 150px;
  display: flex;
  align-items: center;
  border: 1px solid #efefef;
  overflow: hidden;
  transform: translateY(-50%);
}
.listTypeD.listEdit > ul > li .infor {
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	height:100%;
	align-content: center;
	color:#888
}
.listTypeD.listEdit > ul > li .infor .tit{
	width:100%;
	display:flex;
	margin-bottom:5px;
	font-weight:600;
	font-size:18px;
	color:#000;
}
.listTypeD > ul > li {
  position: relative;
  padding: 30px 0 30px 380px;
  min-height: 290px;
  border-bottom: 1px solid #d7d7d7;
}
.listTypeD > ul > li .photo {
  position: absolute;
  top: 30px;
  left: 0;
  width: 340px;
}
.listTypeD > ul > li .photo .state {
  position: absolute;
  top: 0;
  left: 0;
  width: 87px;
  font-size: 15px;
  color: #fff;
  line-height: 36px;
  text-align: center;
}
.listTypeD > ul > li .photo .state.st1 {
  background: #1c83d3;
}
.listTypeD > ul > li .photo .state.st2 {
  background: #197b30;
}
.listTypeD > ul > li dl {
  position: relative;
}
.listTypeD > ul > li dl dt {
  margin-bottom: 30px;
  font-size: 26px;
  color: #06377b;
  font-weight: 700;
  line-height: 1;
}
.listTypeD > ul > li dl dd ul::after {
  display: block;
  clear: both;
  content: "";
}
.listTypeD > ul > li dl dd ul li {
  position: relative;
  float: left;
  margin: 5px 0;
  padding-left: 75px;
  width: 50%;
  min-height: 30px;
}
.listTypeD > ul > li dl dd ul li.row {
  width: 100%;
}
.listTypeD > ul > li dl dd ul li .name {
  position: absolute;
  top: 0;
  left: 0;
  color: #252525;
  font-weight: 500;
}
.listTypeD > ul > li dl dd .btn {
  position: absolute;
  top: 0;
  right: 0;
}
.listTypeD > ul > li dl dd .btn a {
  position: relative;
  display: block;
  padding-left: 12px;
  width: 98px;
  font-size: 15px;
  line-height: 36px;
  background: #f8f8f8;
  border: 1px solid #e1e1e1;
}
.listTypeD > ul > li dl dd .btn a::after {
  position: absolute;
  top: 13px;
  right: 11px;
  width: 0;
  height: 0;
  content: "";
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #363636;
}

.listTypeQ {
  border-top: 2px solid #111;
}
.listTypeQ dl dt {
  position: relative;
  padding-left: 275px;
  font-size: 16px;
  background: #fff;
  border-bottom: 1px solid #e2e2e2;
}
.listTypeQ dl dt::after {
  position: absolute;
  top: 25px;
  right: 30px;
  width: 10px;
  height: 10px;
  content: "";
  border: 1px solid #636363;
  border-width: 0 0 1px 1px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.listTypeQ dl dt.selected {
  font-weight: 500;
}
.listTypeQ dl dt.selected::after {
  top: 30px;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}
.listTypeQ dl dt a {
  display: block;
  padding: 20px 50px 20px 0;
  min-height: 65px;
  color: #252525;
}
.listTypeQ dl .name {
  position: absolute;
  top: 20px;
  left: 30px;
  width: 35px;
  height: 35px;
  text-indent: -999px;
  overflow: hidden;
  background: #157cb6;
  border-radius: 50%;
}
.listTypeQ dl .name::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
  font-size: 16px;
  color: #fff;
  text-indent: 0;
  line-height: 35px;
}
.listTypeQ dl dt .name {
  top: 15px;
}
.listTypeQ dl dt .name::after {
  content: "Q";
}
.listTypeQ dl dt .part {
  position: absolute;
  top: 20px;
  left: 80px;
  width: 170px;
  color: #084ba1;
  text-align: center;
}
.listTypeQ dl dd {
  display: none;
  position: relative;
  padding: 25px 20px 25px 275px;
  border-bottom: 1px solid #e2e2e2;
}
.listTypeQ dl dd .name {
  background: #464646;
}
.listTypeQ dl dd .name::after {
  content: "A";
}

/* 페이지표시 */
.page {
  text-align: center;
  margin-top: 30px;
}
.page a {
  position: relative;
  display: inline-block;
  margin: 2px 1px;
  width: 35px;
  height: 35px;
  font-size: 16px;
  color: #555;
  text-align: center;
  vertical-align: middle;
  line-height: 33px;
  text-decoration: none;
  letter-spacing: -1px;
  background: #fff;
  border: 1px solid #d7d7d7;
}
.page a.on {
  color: #fff;
  background: #07499d;
  border: 1px solid #07499d;
  z-index: 2;
}
.page a img {
  padding-bottom: 3px;
  height: 14px;
  vertical-align: middle;
}

/* 게시글 내용A */
.viewTypeA {
  border-top: 2px solid #111;
  border-bottom: 1px solid #e1e1e1;
}
.viewTypeA > thead > tr > th {
  padding: 20px;
  font-size: 20px;
  color: #252525;
  font-weight: 500;
  text-align: center;
  line-height: 1.2;
}
.viewTypeA > tbody > tr > th {
  padding: 15px 10px;
  color: #252525;
  font-weight: 400;
  text-align: center;
  background: #f8f8f8;
  border: 1px solid #e1e1e1;
}
.viewTypeA > tbody > tr > th:first-child {
  border-left: 0;
}
.viewTypeA > tbody > tr > td {
  padding: 15px 15px;
  border: 1px solid #e1e1e1;
  border-width: 1px 0;
}
.viewTypeA > tbody > tr > td.contents {
  padding: 30px 20px;
  border-left: 0;
  border-bottom: 1px solid #e1e1e1;
}
.viewTypeA > tbody > tr > td.contents img {
  display: block;
  margin: 0 auto;
}
.viewTypeA > tbody > tr > td .btnQ {
  display: inline-block;
  margin-left: 10px;
}
.viewTypeA > tbody > tr > td .btnQ a {
  display: block;
  padding: 0 6px;
  color: #fff;
  line-height: 28px;
  background: #707070;
}
.viewTypeA > tbody > tr > td .file {
  display: block;
  margin-bottom: 5px;
}
.viewTypeA > tbody > tr > td .file a {
  display: inline-block;
  padding-left: 28px;
  font-size: 15px;
  color: #636363;
  line-height: 1.4;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Svp_svyr2.cat") no-repeat left 2px;
  background-size: 15px;
}
.viewTypeA > tbody > tr > td.ing {
  color: #f26522;
}
.viewTypeA > tbody > tr > td .w50 {
  width: 50%;
}
.viewTypeA > tbody > tr > td.subtitle_con {
  margin-top: -1px;
  padding: 0;
}
.viewTypeA > tbody > tr > td.subtitle_con dl {
  position: relative;
  margin-top: -1px;
  background: #fff;
}
.viewTypeA > tbody > tr > td.subtitle_con dl dt {
  width: 79px;
  font-size: 18px;
  color: #fff;
  text-align: center;
  line-height: 40px;
  background: #252525;
}
.viewTypeA > tbody > tr > td.subtitle_con dl dd {
  padding: 30px;
  height: 190px;
  overflow: auto;
  background: #f8f8f8;
  border: 1px solid #e2e2e2;
  border-width: 1px 1px 0;
}
.viewTypeA > tbody > tr > td.rep {
  position: relative;
  padding: 30px 30px 30px 130px;
  background: #fefbf5;
  border: 1px solid #e2e2e2;
}
.viewTypeA > tbody > tr > td.rep .rep_name {
  position: absolute;
  top: 35px;
  left: 45px;
  width: 52px;
  height: 40px;
  text-indent: -999px;
  overflow: hidden;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Svp_er.cat") no-repeat;
  background-size: 100%;
}
.viewTypeA > tbody > tr > td .grap {
  position: relative;
  display: inline-block;
  margin-right: 10px;
  padding-right: 80px;
  width: 80%;
  vertical-align: middle;
}
.viewTypeA > tbody > tr > td .grap .line {
  display: block;
  padding: 5px;
  height: 32px;
  background: #e1e1e1;
  border-radius: 16px;
}
.viewTypeA > tbody > tr > td .grap .line span {
  display: block;
  height: 22px;
  background: #32b4f0;
  border-radius: 11px;
}
.viewTypeA > tbody > tr > td .grap .per {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 20px;
  color: #252525;
}
.viewTypeA > tbody > tr > td .stat {
  display: inline-block;
  padding: 0 15px;
  font-size: 14px;
  color: #fff;
  line-height: 32px;
  vertical-align: middle;
  background: #f26522;
  border-radius: 16px;
}

.viewlist li {
  position: relative;
  padding: 0 20px 0 145px;
  line-height: 55px;
  border: 1px solid #e1e1e1;
  border-width: 1px 0 0;
}
.viewlist li:last-child {
  border-bottom: 1px solid #e1e1e1;
}
.viewlist li span {
  position: absolute;
  top: 0;
  left: 0;
  padding-left: 30px;
  width: 130px;
  height: 100%;
  color: #111;
  background: #f8f8f8;
  border-right: 1px solid #e1e1e1;
}
.viewlist li span::after {
  position: absolute;
  top: 45%;
  right: 25px;
  width: 13px;
  height: 7px;
  content: "";
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Svp_neebj.cat") no-repeat;
}
.viewlist li a {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.viewlist li.next span::after {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}

/* 글등록 */
.writeTypeA {
  border-top: 2px solid #252525;
}
.writeTypeA.line {
  border-bottom: 1px solid #e2e2e2;
}
.writeTypeA.topline {
  border-top: 1px solid #e2e2e2;
}
.writeTypeA tr {
  text-align: left;
}
.writeTypeA tbody th {
  padding: 15px 30px;
  color: #252525;
  font-weight: 400;
  text-align: left;
  line-height: 1.2;
  background: #f8f8f8;
  border: 1px solid #e2e2e2;
  border-width: 1px 0 1px 1px;
}
.writeTypeA tbody th:first-child {
  border-left: 0;
}
.writeTypeA tbody th[rowspan] {
  border-right: 1px solid #e2e2e2;
}
.writeTypeA tbody th .es {
  font-size: 20px;
  color: #f26522;
  font-weight: 500;
  vertical-align: middle;
}
.writeTypeA tbody td {
  padding: 10px 20px;
  font-weight: 400;
  vertical-align: middle;
  border: 1px solid #e2e2e2;
  border-width: 1px 0 1px 1px;
}
.writeTypeA tbody td .w15 {
  width: 15%;
}
.writeTypeA tbody td .w20 {
  width: 20%;
}
.writeTypeA tbody td .w25 {
  width: 25%;
}
.writeTypeA tbody td .w30 {
  width: 25%;
}
.writeTypeA tbody td .w40 {
  width: 40%;
}
.writeTypeA tbody td .w49 {
  width: calc(50% - 2px);
}
.writeTypeA tbody td .w48 {
  width: 40%;
}
.writeTypeA tbody td .w50 {
  width: 50%;
}
.writeTypeA tbody td .w33 {
  width: calc(33.33% - 2px);
}
.writeTypeA tbody td .calendar {
  max-width: 350px;
}
.writeTypeA tbody td .calendar .cal_inpt {
  position: relative;
  display: inline-block;
  padding-right: 40px;
  width: calc(50% - 20px);
  border: 1px solid #e1e1e1;
}
.writeTypeA tbody td .calendar .cal_inpt input {
  margin: 0;
  width: 100%;
  height: 38px;
  color: #636363;
  border: 0;
}
.writeTypeA tbody td .calendar .cal_inpt button {
  position: absolute;
  top: 50%;
  right: 5px;
  width: 30px;
  height: 30px;
  text-indent: -999px;
  overflow: hidden;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Svp_pnyraqne.cat") no-repeat center center;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
.writeTypeA tbody td .labList li {
  display: inline-block;
  margin-right: 16px;
}
.writeTypeA tbody td .labList2 li {
  display: inline-block;
  width: 16%;
}
.writeTypeA tbody td .labList3 li {
  display: inline-block;
  margin-right: 8px;
}
.writeTypeA tbody td .btn_box {
  position: relative;
  padding-bottom: 10px;
}
.writeTypeA tbody td .btn_box::after {
  display: block;
  clear: both;
  content: "";
}
.writeTypeA tbody td .btn_box p {
  float: left;
}
.writeTypeA tbody td .btn_box .btnOpen {
  position: relative;
  float: right;
  padding-left: 15px;
  width: 85px;
  height: 34px;
  font-size: 14px;
  text-align: left;
  background: #f8f8f8;
  border: 1px solid #e1e1e1;
}
.writeTypeA tbody td .btn_box .btnOpen::after {
  position: absolute;
  top: 15px;
  right: 10px;
  width: 0;
  height: 0;
  content: "";
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #363636;
}
.writeTypeA tbody td .btn_box .btnOpen.on span {
  display: none;
}
.writeTypeA tbody td .btn_box .btnOpen.on::before {
  content: "접기";
}
.writeTypeA tbody td .btn_box .btnOpen.on::after {
  transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
}
.writeTypeA tbody td .in_table tbody tr:first-child th,
.writeTypeA tbody td .in_table tbody tr:first-child td {
  border-top: 1px solid #252525;
}
.writeTypeA tbody td .in_table tbody th {
  padding: 5px;
  background: none;
}
.writeTypeA tbody td .in_table tbody td {
  padding: 5px 10px;
}
.writeTypeA tbody td .in_table tbody tr:last-child th,
.writeTypeA tbody td .in_table tbody tr:last-child td {
  border-bottom: 1px solid #252525;
}
.writeTypeA tbody td .in_table2 tbody tr:first-child th,
.writeTypeA tbody td .in_table2 tbody tr:first-child td {
  border-top: 1px solid #252525;
}
.writeTypeA tbody td .in_table2 tbody th {
  padding: 5px;
  background: none;
}
.writeTypeA tbody td .in_table2 tbody td {
  padding: 5px 10px;
}
.writeTypeA tbody td .in_table2 tbody tr:last-child th,
.writeTypeA tbody td .in_table2 tbody tr:last-child td {
  border-bottom: 1px solid #252525;
}
.writeTypeA tbody td .in_table3 tbody tr:first-child th,
.writeTypeA tbody td .in_table3 tbody tr:first-child td {
  border-top: 1px solid #252525;
}
.writeTypeA tbody td .in_table3 tbody th {
  padding: 8px 10px;
  background: none;
}
.writeTypeA tbody td .in_table3 tbody td {
  padding: 8px 10px;
}
.writeTypeA tbody td .btn_area_add {
  display: inline-block;
  margin-bottom: 14px;
}
.writeTypeA tbody td .btn_area_add a {
  position: relative;
  display: block;
  padding: 0 10px;
  line-height: 34px;
  font-size: 15px;
  color: #fff;
  background: #1c83d2;
}
.writeTypeA tbody td .btn_area_add a::after {
  content: " +";
}
.writeTypeA tbody td .area_delet {
  width: 15px;
  height: 15px;
  text-indent: -999px;
  overflow: hidden;
  background: #e5fdff url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Svp_pybfr2.cat") no-repeat center center/5px;
  border: 1px solid #abd9dd;
}
.writeTypeA tbody tr.line th,
.writeTypeA tbody tr.line td {
  border-bottom: 1px solid #a1a1a1;
}
.writeTypeA .wid1 {
  width: 170px;
}
.writeTypeA .inp_lt {
  margin-left: 15px;
  text-indent: -23px;
}

.writeTypeA tbody tr td .select:focus-visible {
  border: 1px solid #000;
}

.in_table tbody tr {
  display: none;
}
.in_table.on tbody tr {
  display: table-row;
}
.in_table tbody tr:first-child {
  display: table-row;
}

.multiFileUL {
  max-width: 550px;
}
.multiFileUL > li {
  position: relative;
  margin-bottom: 5px;
  padding-right: 80px;
}
.multiFileUL > li .btnBc {
  position: absolute;
  top: 0;
  right: 0;
}
.multiFileUL > li .file_input {
  width: 100%;
}
.multiFileUL > li .fileAttachTxt {
  margin: 5px 0;
  color: #555;
}
.multiFileUL > li .selectMultiFile {
  padding: 5px;
  height: 100px;
  color: #555;
  overflow: auto;
  border: 1px solid #e1e1e1;
}
.multiFileUL > li .fn_btn_ud {
  position: absolute;
  top: 0;
  right: 0;
}
.multiFileUL > li .fn_btn_ud .btnBc {
  position: relative;
}

.gudTxt {
  margin-bottom: 40px;
  padding: 35px 20px 35px 160px;
  font-size: 15px;
  background-color: #f8f8f8;
  background-repeat: no-repeat;
  background-position: 30px 30px;
  border: 1px solid #e1e1e1;
}
.gudTxt .txt1 {
  margin-bottom: 10px;
  font-size: 18px;
  color: #111;
  font-weight: 500;
}
.gudTxt.ic1 {
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Svp_gbc_thvq1.cat");
  background-size: 94px;
}

/* 모바일 이미지 확대보기(새창) */
.mblink {
  position: relative;
}
.mblink a {
  display: none;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 40px;
  height: 40px;
  text-indent: -999px;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.2) url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Svp_frnepu3.cat") no-repeat
    center center;
  background-size: 15px;
}

/* 지도서비스 */
#map_header {
  position: fixed;
  top: 0;
  left: 0;
  padding: 0 23px;
  width: 100%;
  height: 80px;
  background: #153057 url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Sznc%2Sgbc_ot.wct") no-repeat;
  background-size: cover;
  z-index: 1000;
}
#map_header .logo {
  font-size: 30px;
  color: #fff;
  line-height: 80px;
  font-weight: 700;
}
#map_header .logo img {
  margin-right: 10px;
}

#mMenu {
  position: fixed;
  top: 80px;
  left: -360px;
  width: 360px;
  height: calc(100% - 80px);
  background: #fff;
  border-right: 1px solid #a1a1a1;
  z-index: 1000;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
}
#mMenu.open {
  left: 0;
}
#mMenu .searchCon {
  padding: 20px;
  height: 80px;
  background: #f8f8f8;
  border-bottom: 1px solid #d7d7d7;
}
#mMenu .searchCon .box {
  position: relative;
  padding-right: 71px;
}
#mMenu .searchCon .box .select {
  margin: 0;
  padding: 0 23px 0 10px;
  width: calc(33.2% - 2px);
  font-size: 15px;
  background: #fff url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Svp_fryrpg_neebj2.cat") no-repeat right 7px
    center;
}
#mMenu .searchCon .box .btn {
  position: absolute;
  top: 0;
  right: 0;
  width: 68px;
  height: 40px;
  color: #fff;
  background: #464646;
  border: 0;
}
#mMenu .selectList {
  position: relative;
  height: 100%;
}
#mMenu .selectList ul {
  position: relative;
  padding: 20px;
  height: 100%;
}
#mMenu .selectList ul li {
  margin-bottom: 8px;
}
#mMenu .selectList ul li input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
}
#mMenu .selectList ul li label {
  position: relative;
  display: block;
  padding-left: 75px;
  height: 60px;
  font-size: 18px;
  color: #555;
  line-height: 60px;
  border: 1px solid #d7d7d7;
  border-radius: 10px;
}
#mMenu .selectList ul li label::before {
  position: absolute;
  top: 50%;
  left: 25px;
  width: 25px;
  height: 25px;
  content: "";
  background-repeat: no-repeat;
  background-position: left center;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
#mMenu .selectList ul li.ic1 label::before {
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Sznc%2Syvax_vp1.cat");
}
#mMenu .selectList ul li.ic2 label::before {
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Sznc%2Syvax_vp2.cat");
}
#mMenu .selectList ul li.ic3 label::before {
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Sznc%2Syvax_vp3.cat");
}
#mMenu .selectList ul li input:checked + label {
  padding-left: 74px;
  height: 58px;
  color: #165db9;
  font-weight: 500;
  line-height: 58px;
  border: 2px solid #1c83d3;
}
#mMenu .selectList ul li input:checked + label::before {
  left: 24px;
  background-position: right center;
}
#mMenu .btnMenuClose {
  position: absolute;
  top: 50%;
  right: -20px;
  width: 20px;
  height: 80px;
  text-indent: -999px;
  overflow: hidden;
  background: #fff;
  border: 1px solid #a1a1a1;
  border-width: 1px 1px 1px 0;
}
#mMenu .btnMenuClose::after {
  position: absolute;
  top: 50%;
  right: 7px;
  width: 5px;
  height: 5px;
  content: "";
  border: 1px solid #111;
  border-width: 0 0 1px 1px;
  transform: translateY(-50%) rotate(45deg);
  -webkit-transform: translateY(-50%) rotate(45deg);
}
#mMenu .btnMenuClose.on::after {
  transform: translateY(-50%) rotate(-135deg);
  -webkit-transform: translateY(-50%) rotate(-135deg);
}

#mapContent {
  position: relative;
}

.iconImg {
  position: absolute;
  top: 250px;
  left: 500px;
  z-index: 50;
}

.info_window {
  position: relative;
  margin: -185px 0 0 -175px;
  width: 350px;
  background: #fff;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  z-index: 50;
}
.info_window::after {
  position: absolute;
  left: 50%;
  bottom: -9px;
  width: 17px;
  height: 17px;
  content: "";
  background: #fff;
  transform: translateX(-50%) rotate(45deg);
  -webkit-transform: translateX(-50%) rotate(45deg);
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}
.info_window h2 {
  padding: 8px 45px 0 15px;
  height: 40px;
  color: #fff;
  background: #0472c7;
}
.info_window .con {
  position: relative;
  padding: 15px;
  min-height: 100px;
  background: #fff;
  z-index: 2;
}
.info_window .con .add1 {
  display: block;
  font-size: 15px;
  color: #636363;
}
.info_window .con .add2 {
  display: block;
  margin-bottom: 5px;
  font-size: 14px;
  color: #959595;
}
.info_window .con .tel {
  display: block;
  font-size: 14px;
  color: #f26522;
}
.info_window .con table {
  font-size: 13px;
}
.info_window .con table tbody th {
  padding: 7px;
  color: #252525;
  font-weight: 400;
  background: #f8f8f8;
  border: 1px solid #e2e2e2;
  border-width: 1px 1px 1px 0;
}
.info_window .con table tbody td {
  padding: 7px 9px;
  border: 1px solid #e2e2e2;
  border-width: 1px 0 1px 1px;
}
.info_window .btnClose {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  text-indent: -999px;
  overflow: hidden;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Sznc%2Svp_pybfr.cat") no-repeat center center;
}

.mapZone {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #f2f0e8;
}

.s1_1_con1 {
  text-align: center;
}
.s1_1_con1 .box {
  margin-bottom: 20px;
  padding: 90px 20px;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Sf1_1_ot.cat") repeat left bottom;
  border: 1px solid #e1e1e1;
}

.s1_1_con2 li {
  display: table;
  margin-bottom: 25px;
  width: 100%;
  border-radius: 10px;
}
.s1_1_con2 li dl {
  display: table-cell;
  padding: 25px;
  width: 20%;
  vertical-align: middle;
  color: #fff;
  border-radius: 10px 0 0 10px;
}
.s1_1_con2 li dl dt {
  margin-bottom: 20px;
  font-size: 22px;
  color: #fff;
  font-weight: 500;
  text-align: center;
  position: relative;
}
.s1_1_con2 li dl dt::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -10px;
  left: 50%;
  margin-left: -10px;
  width: 20px;
  height: 1px;
  background: #fff;
}
.s1_1_con2 li dl dd {
  font-size: 15px;
  text-align: center;
}
.s1_1_con2 li .img {
  display: table-cell;
  padding: 40px 30px;
  width: 80%;
  text-align: center;
  border-radius: 0 10px 10px 0;
}
.s1_1_con2 li:nth-child(1) dl {
  background: #3973b0;
}
.s1_1_con2 li:nth-child(1) .img {
  background: #759dc8;
}
.s1_1_con2 li:nth-child(2) dl {
  background: #25a7d8;
}
.s1_1_con2 li:nth-child(2) .img {
  background: #67c2e4;
}
.s1_1_con2 li:nth-child(3) dl {
  background: #5066b1;
}
.s1_1_con2 li:nth-child(3) .img {
  background: #8594c9;
}

.layPop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  z-index: 500;
}
.layPop .layBox {
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 20px;
  width: 100%;
  max-width: 600px;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.layPop .layBox .conBox {
  position: relative;
  padding: 20px;
  background: #fff;
}
.layPop .layBox .conBox h2 {
  padding: 0 20px;
  font-size: 22px;
  color: #fff;
  line-height: 60px;
  background: #07499d;
}
.layPop .layBox .conBox .inputCon {
  padding: 40px;
  text-align: center;
  background: #f8f8f8;
  border: 1px solid #e1e1e1;
  border-width: 0 1px 1px;
}
.layPop .layBox .conBox .inputCon .pw_input {
  margin-left: 5px;
  width: 230px;
  height: 40px;
  border: 1px solid #e1e1e1;
}
.layPop .layBox .conBox .inputCon .btn {
  width: 80px;
  height: 40px;
  color: #fff;
  background: #07499d;
  border: 0;
}
.layPop .layBox .conBox .btnClose {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 60px;
  height: 60px;
  text-indent: -999px;
  overflow: hidden;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Svp_pybfr.cat") no-repeat center center;
}

.viewTypeB {
  position: relative;
}
.viewTypeB .step {
  position: absolute;
  top: 0;
  right: 0;
}
.viewTypeB .step li {
  position: relative;
  display: inline-block;
  margin-left: 30px;
  color: #363636;
  line-height: 70px;
}
.viewTypeB .step li::before {
  position: absolute;
  top: 50%;
  left: -25px;
  margin-top: -4px;
  width: 8px;
  height: 8px;
  content: "";
  border: 1px solid #a4a4a4;
  border-width: 0 1px 1px 0;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.viewTypeB .step li:first-child::before {
  display: none;
}
.viewTypeB .step li.on {
  color: #f26522;
  font-weight: 500;
  border-bottom: 3px solid #f26522;
}
.viewTypeB dl dt {
  padding: 20px 200px 20px 0;
  min-height: 73px;
  font-size: 22px;
  color: #363636;
  line-height: 1.4;
  font-weight: 500;
  border-top: 2px solid #363636;
  border-bottom: 1px solid #e2e2e2;
}
.viewTypeB dl dd.con {
  padding: 30px 20px;
  border-bottom: 1px solid #e2e2e2;
}
.viewTypeB dl dd .writeTypeA,
.viewTypeB dl dd .viewTypeA {
  border-top: 0;
}

.loginCon {
  padding: 60px 50px;
  color: #252525;
  text-align: center;
  border: 1px solid #e1e1e1;
  border-top: 2px solid #252525;
}
.loginCon p {
  margin-bottom: 35px;
  font-size: 20px;
  font-weight: 500;
}
.loginCon p span {
  color: #1985e0;
}
.loginCon .loginBox {
  position: relative;
  margin: 0 auto 50px;
  padding-right: 110px;
  max-width: 540px;
}
.loginCon .loginBox ul li {
  position: relative;
  padding-left: 90px;
}
.loginCon .loginBox ul li .name {
  position: absolute;
  top: 10px;
  left: 0;
  width: 70px;
  font-size: 17px;
  font-weight: 500;
  text-align: right;
}
.loginCon .loginBox ul li .inptxt {
  width: 100%;
  height: 46px;
  background: #f8f8f8;
}
.loginCon .loginBox ul li:first-child {
  margin-bottom: 10px;
}
.loginCon .loginBox .btn {
  position: absolute;
  top: 0;
  right: 0;
  width: 100px;
  height: 105px;
  font-size: 17px;
  color: #fff;
  background: #f26522;
  border: 0;
}
.loginCon .etcLink {
  padding-top: 50px;
  border-top: 1px solid #e1e1e1;
}
.loginCon .etcLink li {
  position: relative;
  margin: 0 auto 10px;
  padding: 5px 190px 0 0;
  max-width: 520px;
  min-height: 38px;
  color: #464646;
  text-align: left;
}
.loginCon .etcLink li .btn {
  position: absolute;
  top: 0;
  right: 0;
}
.loginCon .etcLink li .btn a {
  display: block;
  width: 184px;
  font-size: 15px;
  color: #fff;
  text-align: center;
  line-height: 38px;
  background: #555;
  border-radius: 19px;
}
.loginCon .etcLink li .btn a:focus {
  border: 1px solid #fff;
  outline: 2px solid #000;
}

.joinCon {
  padding: 0 14px;
}
.joinCon .step {
  margin: 0 -14px 70px;
  text-align: center;
  overflow: hidden;
}
.joinCon .step::after {
  display: block;
  clear: both;
  content: "";
}
.joinCon .step li {
  position: relative;
  float: left;
  width: 33.33%;
  font-size: 20px;
  color: #252525;
  line-height: 80px;
  border: 1px solid #e1e1e1;
  border-width: 1px 1px 1px 0;
}
.joinCon .step li::before {
  position: absolute;
  top: 50%;
  right: -58px;
  width: 57px;
  height: 57px;
  content: "";
  background: #fff;
  border: 1px solid #e1e1e1;
  border-width: 0 1px 1px 0;
  transform: rotate(-45deg) translateY(-71%);
  -webkit-transform: rotate(-45deg) translateY(-71%);
  z-index: 1;
}
.joinCon .step li:last-child::before {
  display: none;
}
.joinCon .step li:first-child {
  border-width: 1px;
}
.joinCon .step li.on {
  color: #fff;
  background: #1985e0;
  border-color: #1985e0;
}
.joinCon .step li.on::before {
  background: #1985e0;
  border-color: #1985e0;
}
.joinCon h2 {
  margin: 45px 0 15px;
  font-size: 22px;
  color: #252525;
  line-height: 1;
}
.joinCon .provBox {
  margin-bottom: 15px;
  padding: 25px;
  height: 240px;
  overflow: auto;
  background: #f8f8f8;
  border: 1px solid #e1e1e1;
}
.joinCon .provTxt1::after {
  display: block;
  clear: both;
  content: "";
}
.joinCon .provTxt1 p {
  float: left;
}
.joinCon .provTxt1 .rt {
  float: right;
  font-weight: 500;
}
.joinCon .provTxt2 li {
  margin-bottom: 10px;
}
.joinCon .provTxt2 li::after {
  display: block;
  clear: both;
  content: "";
}
.joinCon .provTxt2 li p {
  position: relative;
  float: left;
  padding-left: 55px;
}
.joinCon .provTxt2 li p .type1,
.joinCon .provTxt2 li p .type2 {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 48px;
  color: #fff;
  line-height: 27px;
  text-align: center;
  border-radius: 6px;
}
.joinCon .provTxt2 li p .type1 {
  background: #0aa3b5;
}
.joinCon .provTxt2 li p .type2 {
  background: #8e93a0;
}
.joinCon .provTxt2 li .rt {
  float: right;
  font-weight: 500;
}
.certiCon {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 10px;
}
.certiCon li {
  padding: 160px 20px 30px;
  width: calc(50% - 10px);
  text-align: center;
  background-color: #f8f8f8;
  background-position: center 34px;
  background-repeat: no-repeat;
  border: 1px solid #e1e1e1;
}
.certiCon li .tit {
  display: block;
  margin-bottom: 10px;
  font-size: 22px;
  font-weight: 500;
}
.certiCon li .txt {
  margin-bottom: 20px;
  min-height: 45px;
}
.certiCon li .btnBc {
  margin-bottom: 20px;
}
.certiCon li.ic1 {
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Svp_pre1.cat");
}
.certiCon li.ic2 {
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Svp_pre2.cat");
}

.joinCon .join_end {
  padding: 75px 20px 20px;
  color: #252525;
  text-align: center;
  background: #f8f8f8;
  border-top: 2px solid #252525;
  border-bottom: 1px solid #e1e1e1;
}
.joinCon .join_end .txt1 {
  margin-bottom: 10px;
  font-size: 26px;
}
.joinCon .join_end .txt1 b {
  color: #f45708;
}
.joinCon .join_end .txt2 {
  margin-bottom: 90px;
}

.idpwCon .ser_guid {
  margin-bottom: 35px;
  font-size: 22px;
  color: #252525;
  text-align: center;
}
.idpwCon .idBox {
  margin-bottom: 20px;
  padding: 35px 20px;
  text-align: center;
  border: 1px solid #e1e1e1;
}
.idpwCon .idBox label {
  margin-right: 10px;
  font-size: 18px;
  font-weight: 500;
}
.idpwCon .idBox input {
  width: 280px;
}

.guid_txt {
  margin-bottom: 50px;
  padding: 40px 40px 40px 215px;
  background-color: #eff6fb;
  background-repeat: no-repeat;
  background-position: 35px 40px;
}
.guid_txt h2 {
  margin-bottom: 20px;
  font-size: 22px;
  color: #252525;
}
.guid_txt.ic1 {
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Svp_cevi1.cat");
}
.guid_txt.ic2 {
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Svp_cevi2.cat");
}

.privCon h3 {
  margin: 40px 0 15px;
  font-size: 24px;
  color: #252525;
  font-weight: 700;
}
.privCon > ul {
  margin: 10px 0 20px;
}
.privCon > ul > li {
  margin-bottom: 20px;
}
.privCon > ul > li > ul {
  margin: 10px 0 0 15px;
}
.privCon > ol {
  margin-bottom: 20px;
}
.privCon > ol > li {
  margin-bottom: 20px;
}
.privCon > ol > li > ol {
  margin: 10px 0 0 15px;
}
.privCon > ol > li > ol > li {
  margin-bottom: 10px;
}
.privCon > ol > li > ul {
  margin: 10px 0 0 15px;
}
.privCon .btnList .btn {
  display: inline-block;
  margin: 0 5px;
}
.privCon .btnList .btn a {
  display: block;
  padding: 20px;
  font-size: 18px;
  color: #fff;
  font-weight: 500;
  background: #555;
}

.priv_conbx {
  display: flex;
  justify-content: space-between;
  margin: 0 -10px;
}
.priv_conbx > div {
  width: 33.3%;
  margin: 0 10px;
  border: 1px solid #e1e1e1;
  text-align: center;
  padding: 30px 20px;
}
.priv_conbx .priv_label1::before {
  content: "";
  display: block;
  width: 90px;
  height: 90px;
  margin: 0 auto 5px;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Svpb_ynory1.cat") no-repeat 50% 50%;
}
.priv_conbx .priv_label2::before {
  content: "";
  display: block;
  width: 90px;
  height: 90px;
  margin: 0 auto 5px;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Svpb_ynory2.cat") no-repeat 50% 50%;
}
.priv_conbx .priv_label3::before {
  content: "";
  display: block;
  width: 90px;
  height: 90px;
  margin: 0 auto 5px;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Svpb_ynory3.cat") no-repeat 50% 50%;
}
.priv_conbx .priv_label1 ul {
  text-align: left;
  margin-top: 15px;
}
.priv_conbx .priv_label1 ul li {
  text-indent: -8px;
  padding-left: 10px;
  margin-bottom: 3px;
}
.priv_conbx .priv_label1 ul li::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 4px;
  height: 4px;
  background: #1c83d3;
  margin-right: 5px;
}
.priv_conbx .priv_label1 ul li span {
  color: #222;
}
.priv_conbx .priv_title {
  font-size: 18px;
  color: #222;
  font-weight: 600;
  margin-bottom: 5px;
  padding-top: 5px;
}

.totalSearchCon {
  color: #252525;
}
.totalSearchCon .searchBox {
  margin-bottom: 20px;
  padding: 25px;
  background: #f8f8f8;
  border: 1px solid #e1e1e1;
}
.totalSearchCon .searchBox .searchForm {
  position: relative;
  margin: 0 auto 10px;
  padding-right: 240px;
  max-width: 920px;
}
.totalSearchCon .searchBox .searchForm .inptxt {
  margin: 0;
  width: 100%;
}
.totalSearchCon .searchBox .searchForm .btn {
  position: absolute;
  top: 0;
  right: 130px;
  padding-left: 50px;
  width: 100px;
  height: 40px;
  color: #fff;
  text-align: left;
  background: #f26522 url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Svp_frnepu3.cat") no-repeat 20px center;
  border: 0;
}
.totalSearchCon .searchBox .searchForm .btnOpen {
  position: absolute;
  top: 0;
  right: 0;
  padding-left: 18px;
  width: 120px;
  height: 40px;
  text-align: left;
  background: #fff;
  border: 1px solid #e1e1e1;
}
.totalSearchCon .searchBox .searchForm .btnOpen::after {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 11px;
  height: 6px;
  content: "";
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Svp_fryrpg_neebj3.cat") no-repeat;
}
.totalSearchCon .searchBox .searchForm .btnOpen.on::after {
  transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
}
.totalSearchCon .searchBox .search-option-content {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 920px;
  z-index: 10;
}
.totalSearchCon .searchBox .search-option-content .selectBox {
  position: relative;
  width: calc(33.33% - 10px);
}
.totalSearchCon .searchBox .search-option-content .selectBox button {
  position: relative;
  width: 100%;
  height: 40px;
  text-align: left;
  text-indent: 15px;
  background: #fff;
  border: 1px solid #e1e1e1;
}
.totalSearchCon .searchBox .search-option-content .selectBox button::after {
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -3px;
  width: 9px;
  height: 5px;
  content: "";
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Svp_fryrpg_neebj2.cat") no-repeat;
}
.totalSearchCon .searchBox .search-option-content .selectBox button.on {
  border: 1px solid #898989;
  border-bottom: 1px solid #e1e1e1;
}
.totalSearchCon .searchBox .search-option-content .selectBox button.on::after {
  transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
}
.totalSearchCon .searchBox .search-option-content .selectBox .dropdown {
  position: absolute;
  top: 40px;
  left: 0;
  padding: 10px 20px;
  width: 100%;
  background: #fff;
  border: 1px solid #898989;
  border-width: 0 1px 1px;
}
.totalSearchCon .searchBox .search-option-content .selectBox .dropdown.hide {
  display: none;
}
.totalSearchCon .searchBox .search-option-content .selectBox .dropdown ul li {
  margin: 10px 0;
  cursor: pointer;
}
.totalSearchCon
  .searchBox
  .search-option-content
  .selectBox
  .dropdown
  ul
  li.direct-dt {
  margin-top: 10px;
  padding: 10px 0;
  border-top: 1px solid #e1e1e1;
}
.totalSearchCon
  .searchBox
  .search-option-content
  .selectBox
  .dropdown
  ul
  li.direct-dt
  input {
  margin-top: 5px;
  width: 100%;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Svp_pnyraqne.cat") no-repeat right 10px center;
  border: 1px solid #e1e1e1;
}

.totalSearchCon .searchTabMenu {
  margin-bottom: 30px;
}
.totalSearchCon .searchTabMenu ul::after {
  display: block;
  clear: both;
  content: "";
}
.totalSearchCon .searchTabMenu ul li {
  float: left;
  width: 14.28%;
  text-align: center;
}
.totalSearchCon .searchTabMenu ul li a {
  position: relative;
  display: block;
  margin-left: -1px;
  padding: 14px 10px;
  font-size: 18px;
  line-height: 1.4;
  border: 1px solid #e1e1e1;
}
.totalSearchCon .searchTabMenu ul li a span {
  display: block;
  color: #084ba1;
}
.totalSearchCon .searchTabMenu ul li.on a {
  color: #fff;
  background: #084ba1;
  border-color: #084ba1;
  z-index: 2;
}
.totalSearchCon .searchTabMenu ul li.on a span {
  color: #fff;
}
.totalSearchCon .searchTabMenu.tab2 {
  margin: -1px 0 0;
}
.totalSearchCon .searchTabMenu.tab2 ul li {
  background: #f8f8f8;
}
.totalSearchCon .searchTabMenu.tab2 ul li a {
  padding: 18px 0;
  font-size: 16px;
}
.totalSearchCon .searchTabMenu.tab2 ul li a span {
  display: inline-block;
}
.totalSearchCon .searTxt {
  margin-bottom: 30px;
  font-size: 20px;
  text-align: center;
}
.totalSearchCon .sear_result {
  position: relative;
  margin-bottom: 45px;
}
.totalSearchCon .sear_result h2 {
  position: relative;
  padding-bottom: 17px;
  padding-left: 25px;
  font-size: 22px;
  line-height: 1;
  border-bottom: 1px solid #636363;
}
.totalSearchCon .sear_result h2::before {
  position: absolute;
  top: 3px;
  left: 0;
  width: 15px;
  height: 15px;
  content: "";
  background: #fff;
  border: 5px solid #1c83d3;
  border-radius: 50%;
  box-sizing: border-box;
}
.totalSearchCon .sear_result .list li {
  padding: 16px 20px;
  border-bottom: 1px solid #e1e1e1;
}
.totalSearchCon .sear_result .list li a {
  color: #636363;
}
.totalSearchCon .sear_result .list li .tit {
  display: inline-block;
  margin: 0 10px 10px 0;
  font-size: 18px;
}
.totalSearchCon .sear_result .list li .tit a {
  color: #1c83d3;
}
.totalSearchCon .sear_result .list li .date {
  display: inline-block;
  font-size: 14px;
  color: #636363;
}
.totalSearchCon .sear_result .list li p {
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 48px;
  text-align: left;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.totalSearchCon .sear_result .list li .file {
  margin-top: 10px;
}
.totalSearchCon .sear_result .list li .file a {
  display: inline-block;
  margin-right: 20px;
  padding: 1px 0 2px 30px;
  font-size: 15px;
  color: #252525;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Svp_svyr.cat") no-repeat left top;
}
.totalSearchCon .sear_result .rt {
  position: absolute;
  top: 0;
  right: 115px;
}
.totalSearchCon .sear_result .btnMore {
  position: absolute;
  top: -8px;
  right: 0;
  display: inline-block;
}
.totalSearchCon .sear_result .btnMore a {
  position: relative;
  display: block;
  padding-left: 14px;
  width: 99px;
  font-size: 15px;
  line-height: 36px;
  border: 1px solid #e1e1e1;
}
.totalSearchCon .sear_result .btnMore a::after {
  position: absolute;
  top: 13px;
  right: 10px;
  width: 10px;
  height: 10px;
  content: "";
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Svp_cyhf.cat") no-repeat center center;
}

.s1_2_tab {
  margin-bottom: 50px;
  overflow: hidden;
}
.s1_2_tab ol {
  margin: 0 -10px;
}
.s1_2_tab ol::after {
  display: block;
  clear: both;
  content: "";
}
.s1_2_tab ol li {
  position: relative;
  float: left;
  margin-bottom: 23px;
  padding: 0 10px;
  width: 20%;
  text-align: center;
}
.s1_2_tab ol li::before {
  position: absolute;
  top: 50%;
  right: -5px;
  margin-top: -7px;
  width: 8px;
  height: 13px;
  content: "";
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Sf1_2_neebj.cat") no-repeat center center;
}
.s1_2_tab ol li:last-child::before {
  display: none;
}
.s1_2_tab ol li a {
  display: table;
  padding: 15px 10px 10px;
  width: 100%;
  background: #eff6fb;
  border: 1px solid #e1e1e1;
  border-radius: 10px;
}
.s1_2_tab ol li a .num {
  position: relative;
  display: table-row;
  height: 30px;
  font-size: 15px;
  line-height: 1;
}
.s1_2_tab ol li a .num::after {
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -5px;
  width: 10px;
  height: 0;
  content: "";
  border-bottom: 1px solid #c7c9d0;
}
.s1_2_tab ol li a .txt {
  display: table-cell;
  padding: 0 10px;
  height: 90px;
  vertical-align: middle;
  background: #fff;
  border-radius: 10px;
}
.s1_2_tab ol li a:hover {
  text-decoration: none;
}
.s1_2_tab ol li:nth-child(5)::before {
  top: auto;
  bottom: -18px;
  left: 48%;
  right: auto;
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
}
.s1_2_tab ol li:nth-child(5) ~ li {
  float: right;
}
.s1_2_tab ol li:nth-child(5) ~ li::before {
  right: auto;
  left: -5px;
  transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
}
.s1_2_tab ol li.on a {
  background: #07499d;
  border-color: #07499d;
}
.s1_2_tab ol li.on:nth-child(2) a {
  background: #1273b9;
  border-color: #1273b9;
}
.s1_2_tab ol li.on:nth-child(3) a {
  background: #25a7d8;
  border-color: #25a7d8;
}
.s1_2_tab ol li.on:nth-child(4) a {
  background: #3296c1;
  border-color: #3296c1;
}
.s1_2_tab ol li.on:nth-child(5) a {
  background: #387fb0;
  border-color: #387fb0;
}
.s1_2_tab ol li.on:nth-child(6) a {
  background: #3973b0;
  border-color: #3973b0;
}
.s1_2_tab ol li.on:nth-child(7) a {
  background: #426bb1;
  border-color: #426bb1;
}
.s1_2_tab ol li.on:nth-child(8) a {
  background: #5066b1;
  border-color: #5066b1;
}
.s1_2_tab ol li.on:nth-child(9) a {
  background: #58659d;
  border-color: #58659d;
}
.s1_2_tab ol li.on:nth-child(10) a {
  background: #5c6582;
  border-color: #5c6582;
}
.s1_2_tab ol li.on a .num {
  color: #fff;
}

.s1_2_con {
  width: 100%;
  max-width: 1060px;
  margin: 0 auto;
  position: relative;
  min-height: 1206px;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Sf1_2_pba_ot.cat") no-repeat 50% 50%;
}
.s1_2_con .box {
  width: 326px;
  height: 270px;
  padding: 32px 25px;
  border: 1px solid #ddd;
  position: absolute;
}
.s1_2_con .box h3 {
  position: relative;
  font-size: 20px;
  color: #3c3c3c;
  line-height: 1.2;
  font-weight: 400;
  margin-bottom: 17px;
}
.s1_2_con .box .txt {
  font-size: 15px;
  padding-right: 120px;
}
.s1_2_con .box:nth-of-type(1) {
  background: #fff url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Sf1_2_pba_ot01.cat") no-repeat bottom right;
  top: 0;
  left: 0;
}
.s1_2_con .box:nth-of-type(2) {
  background: #fff url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Sf1_2_pba_ot02.cat") no-repeat bottom right;
  top: 0;
  left: 367px;
}
.s1_2_con .box:nth-of-type(3) {
  background: #fff url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Sf1_2_pba_ot03.cat") no-repeat bottom right;
  top: 0;
  right: 0;
}
.s1_2_con .box:nth-of-type(4) {
  background: #fff url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Sf1_2_pba_ot04.cat") no-repeat bottom right;
  top: 314px;
  right: 0;
}
.s1_2_con .box:nth-of-type(5) {
  background: #fff url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Sf1_2_pba_ot05.cat") no-repeat bottom right;
  top: 314px;
  left: 367px;
}
.s1_2_con .box:nth-of-type(6) {
  background: #fff url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Sf1_2_pba_ot06.cat") no-repeat bottom right;
  top: 625px;
  left: 0;
}
.s1_2_con .box:nth-of-type(7) {
  background: #fff url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Sf1_2_pba_ot07.cat") no-repeat bottom right;
  top: 625px;
  left: 367px;
}
.s1_2_con .box:nth-of-type(8) {
  background: #fff url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Sf1_2_pba_ot08.cat") no-repeat bottom right;
  bottom: 0;
  right: 0;
}
.s1_2_con .box:nth-of-type(9) {
  background: #fff url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Sf1_2_pba_ot09.cat") no-repeat bottom right;
  bottom: 0;
  left: 367px;
}
.s1_2_con .box:nth-of-type(10) {
  background: #fff url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Sf1_2_pba_ot10.cat") no-repeat bottom right;
  bottom: 0;
  left: 0;
}

/*
.s1_2_con .box{padding:13px 39% 13px 13px;background-color:#acc1dd;background-repeat:no-repeat;background-position:right center;border-radius:10px}
.s1_2_con .box .con{padding:25px;min-height:300px;background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Sf1_2_ot1.cat') no-repeat right top, url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Sf1_2_ot2.cat') no-repeat right bottom;background-color:#fff;border-radius:10px;box-shadow:5px 5px 0 rgba(0,0,0,0.1)}
.s1_2_con .box .con .step{display:block;margin-bottom:10px;font-size:15px;color:#545454;line-height:1}
.s1_2_con .box .con h3{position:relative;margin-bottom:20px;font-size:30px;color:#07499d;line-height:1.2;letter-spacing:-0.9px}
.s1_2_con .box .con h3 span{display:inline-block;padding-bottom:15px;background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Sf1_2_yvar.cat') no-repeat 3px bottom}
.s1_2_con .box .txt{margin-bottom:10px;min-height:50px}
.s1_2_con .box .txt .op_txt{display:none}
.s1_2_con .box .btnOpen{position:relative;}
.s1_2_con .box .btnOpen button{position:absolute;top:0;right:0;width:87px;height:28px;font-size:14px;color:#fff;text-align:left;text-indent:15px;background:#1985e0;border-radius:14px}
.s1_2_con .box .btnOpen button::after{position:absolute;top:0;right:0;width:40px;height:28px;content:'';background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Sf1_2_neebj2.cat') no-repeat center center}
.s1_2_con .box .btnOpen button.on::after{transform:rotate(180deg);-webkit-transform:rotate(180deg)}
.s1_2_con .box .btnOpen button.on span{display:none}
.s1_2_con .box .btnOpen button.on::before{content:'접기'}
.s1_2_con .box ul{margin-top:50px}
.s1_2_con .box ul li{display:inline-block;margin-right:8px;text-align:center}
.s1_2_con .box ul li a{display:block;padding-top:52px;width:80px;height:80px;font-size:14px;color:#252525;font-weight:500;line-height:1;text-decoration:none;background-color:#fff;background-repeat:no-repeat;background-position:center 9px;border:1px solid #e2e2e2;border-radius:5px;}
.s1_2_con .box ul li a:hover{border-color:#86a0c0}
.s1_2_con .box ul li.ic1 a{background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Sf1_2_vp1.cat') }
.s1_2_con .box ul li.ic2 a{background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Sf1_2_vp2.cat') }
.s1_2_con .box:nth-child(2n){background-color:#accedd}
.s1_2_con .box:nth-child(2n) .con h3{color:#1273b9}
.s1_2_con .box:nth-child(2n) .btnOpen button{background:#159ed8}
.s1_2_con .box:nth-of-type(1){background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Sf1_2_1_ot1.cat') }
.s1_2_con .box:nth-of-type(2){background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Sf1_2_1_ot2.cat') }
.s1_2_con .box:nth-of-type(3){background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Sf1_2_1_ot3.cat')}
.s1_2_con .box:nth-of-type(4){background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Sf1_2_1_ot4.cat')}
.s1_2_con .box:nth-of-type(5){background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Sf1_2_1_ot5.cat')}
.s1_2_con .box:nth-of-type(6){background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Sf1_2_1_ot6.cat')}
.s1_2_con .box:nth-of-type(7){background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Sf1_2_1_ot7.cat')}
.s1_2_con .box:nth-of-type(8){background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Sf1_2_1_ot8.cat')}
.s1_2_con .box:nth-of-type(9){background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Sf1_2_1_ot9.cat')}
.s1_2_con .box:nth-of-type(10){background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Sf1_2_1_ot10.cat')}
*/

.basic_radio {
  width: 20px;
  height: 20px;
}
.basic_radio2 {
  width: 16px;
  height: 16px;
}

.testLayerPop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 500;
}
.testLayerPop .popCon {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 500px;
  background: #fff;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.testLayerPop .popCon h2 {
  padding: 0 24px;
  font-size: 19px;
  color: #252525;
  line-height: 50px;
  font-weight: 700;
  background: #f8f8f8;
  border-bottom: 1px solid #e1e1e1;
}
.testLayerPop .popCon .btnClose {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  text-indent: -999px;
  overflow: hidden;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Svp_pybfr2.cat") no-repeat center center;
  border: 0;
}
.testLayerPop .popCon .con {
  padding: 50px 20px;
  text-align: center;
}
.testLayerPop .popCon .con .txt1 {
  margin-bottom: 40px;
  font-size: 22px;
  color: #252525;
}
.testLayerPop .popCon .con .scoreNum {
  display: inline-block;
  margin-bottom: 20px;
}
.testLayerPop .popCon .con .scoreNum .num {
  position: relative;
  margin-right: 5px;
  font-size: 30px;
  color: #ff4e00;
  font-weight: 700;
}
.testLayerPop .popCon .con .scoreNum .tot {
  display: inline-block;
  font-size: 18px;
  color: #555;
  line-height: 1;
  text-align: right;
}
.testLayerPop .popCon .con .scoreNum .tot span {
  display: block;
  font-size: 10px;
  color: #6f6f6f;
}
.testLayerPop .popCon .con .txt2 {
  font-size: 14px;
  color: #252525;
}

.s1_4_con {
  padding: 60px 20px;
  color: #252525;
  text-align: center;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Sf1_4_1_ot.wct") no-repeat left center;
  background-size: cover;
  border: 1px solid #e1e1e1;
}
.s1_4_con h3 {
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 600;
}
.s1_4_con p {
  margin-bottom: 60px;
}
.s1_4_con .down {
  display: inline-block;
}
.s1_4_con .down a {
  display: block;
  padding: 0 30px 0 60px;
  color: #fff;
  line-height: 60px;
  background: #07499d url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Svp_svyr3.cat") no-repeat 35px center;
}
.s1_4_con .btn {
  display: inline-block;
  margin: 0 10px;
}
.s1_4_con .btn a {
  display: block;
  padding: 0 30px;
  color: #fff;
  line-height: 60px;
  background-color: #f26522;
}
.s1_4_con .btn a span {
  display: inline-block;
  padding-left: 30px;
}
.s1_4_con .btn.ic_down a span {
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Svp_svyr3.cat") no-repeat left center;
}
.s1_4_con_txt {
  margin-top: -1px;
  padding: 10px;
  font-size: 17px;
  color: #fff;
  text-align: center;
  background: #327e9e;
  border: 1px solid #e1e1e1;
  border-width: 0 1px 1px;
}
.s1_4_con_txt strong {
  color: #ffff9d;
}

.s1_4_con2 {
  text-align: center;
}
.s1_4_con2 .con {
  margin-top: 20px;
  text-align: left;
}
.s1_4_con2 .con dl {
  display: table;
  margin-bottom: 10px;
  width: 100%;
}
.s1_4_con2 .con dl dt {
  position: relative;
  display: table-cell;
  width: 150px;
  vertical-align: middle;
}
.s1_4_con2 .con dl dt::after {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 0;
  content: "";
  border-top: 1px solid #ddd;
}
.s1_4_con2 .con dl dt span {
  position: relative;
  display: inline-block;
  width: 120px;
  height: 120px;
  font-size: 19px;
  color: #252525;
  font-weight: 500;
  line-height: 120px;
  text-align: center;
  background: #e9f6ff;
  border-radius: 50%;
  border: 1px solid #d9edfb;
  z-index: 2;
}
.s1_4_con2 .con dl dd {
  display: table-cell;
  padding: 10px 35px;
  height: 120px;
  vertical-align: middle;
  background: #f9f9f9;
  border: 1px solid #e9e9e9;
  border-radius: 40px;
}
.s1_4_con2 .con dl:nth-child(2n) dt span {
  background: #e9f0ff;
  border-color: #ccd1f9;
}
.s1_4_con2 .con.con2 dl dt {
  width: 185px;
}
.s1_4_con2 .con.con2 dl dt span {
  width: 160px;
  height: 80px;
  line-height: 80px;
  border-radius: 0;
}
.s1_4_con2 .con.con2 dl dd {
  height: 80px;
}

.s1_4_3_box {
  padding: 60px 20px;
  text-align: center;
  border: 1px solid #e1e1e1;
}

.s1_4_7_con1 {
  margin: 40px 0 0;
}
.s1_4_7_con1 ul::after {
  display: block;
  clear: both;
  content: "";
}
.s1_4_7_con1 > ul {
  display: table;
  width: 100%;
}
.s1_4_7_con1 > ul > li {
  position: relative;
  display: table-cell;
  padding-left: 60px;
  width: 42%;
  vertical-align: top;
}
.s1_4_7_con1 > ul > li > span {
  display: block;
  width: 160px;
  height: 160px;
  font-size: 22px;
  color: #fff;
  line-height: 160px;
  font-weight: 500;
  text-align: center;
  background: #1985e0;
  border-radius: 50%;
}
.s1_4_7_con1 > ul > li::before {
  position: absolute;
  top: 50%;
  left: 20px;
  margin-top: -10px;
  width: 20px;
  height: 20px;
  content: "";
  background-repeat: no-repeat;
  background-position: center center;
}
.s1_4_7_con1 > ul > li dl {
  padding: 20px 15px;
  background: #3784b0;
  border-radius: 10px;
}
.s1_4_7_con1 > ul > li dl dt {
  margin-bottom: 20px;
  font-size: 20px;
  color: #fff;
  font-weight: 500;
  text-align: center;
}
.s1_4_7_con1 > ul > li dl dd {
  padding: 20px;
  min-height: 205px;
  font-size: 15px;
  background: #fff;
  border-radius: 10px;
}
.s1_4_7_con1 > ul > li:nth-child(1) {
  padding-left: 0;
  width: 16%;
  vertical-align: middle;
}
.s1_4_7_con1 > ul > li:nth-child(2)::before {
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Sf1_4_7_vzt1.cat");
}
.s1_4_7_con1 > ul > li:nth-child(3)::before {
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Sf1_4_7_vzt2.cat");
}
.s1_4_7_con1 > ul > li:nth-child(3) dl {
  background: #5c6582;
}

.s1_4_7_con2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 30px 0 0;
}
.s1_4_7_con2::after {
  display: block;
  clear: both;
  content: "";
}
.s1_4_7_con2 > div {
  padding: 20px 30px 10px;
  width: calc(50% - 10px);
  background: #fff;
  border: 1px solid #ddd;
}
.s1_4_7_con2 > div > ul > li {
  position: relative;
  padding-bottom: 30px;
}
.s1_4_7_con2 > div > ul > li dl {
  display: table;
  padding: 15px 15px 15px 0;
  width: 100%;
  background: #1ea0cf;
  border-radius: 10px;
}
.s1_4_7_con2 > div > ul > li dl dt {
  display: table-cell;
  padding: 0 15px;
  width: 35%;
  font-size: 18px;
  color: #fff;
  vertical-align: middle;
  text-align: center;
}
.s1_4_7_con2 > div > ul > li dl dt span {
  display: block;
}
.s1_4_7_con2 > div > ul > li dl dd {
  display: table-cell;
  padding: 20px 15px;
  width: 65%;
  background: #fff;
  border-radius: 10px;
}
.s1_4_7_con2 > div > ul > li::after {
  position: absolute;
  left: 50%;
  bottom: -10px;
  margin-left: -15px;
  width: 30px;
  height: 30px;
  content: "";
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Sf1_2_neebj.cat") no-repeat;
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
}
.s1_4_7_con2 > div > ul > li:last-child::after {
  display: none;
}
.s1_4_7_con2 .con1 {
  padding-top: 50px;
}
.s1_4_7_con2 .tit {
  margin-bottom: 10px;
  font-size: 20px;
  color: #252525;
}
.s1_4_7_con2 .con1 > ul > li:nth-child(2) dl {
  background: #3973b0;
}
.s1_4_7_con2 .con1 > ul > li:nth-child(3) dl {
  background: #387fb0;
}
.s1_4_7_con2 .con2 > ul > li:nth-child(1) dl {
  background: #5066b1;
}
.s1_4_7_con2 .con2 > ul > li:nth-child(2) dl {
  background: #426bb1;
}
.s1_4_7_con2 .con2 > ul > li:nth-child(3) dl {
  background: #58659d;
}

.s1_5_2_con1 {
  overflow: hidden;
}
.s1_5_2_con1 ul {
  margin: 0 -10px;
}
.s1_5_2_con1 ul::after {
  display: block;
  clear: both;
  content: "";
}
.s1_5_2_con1 ul li {
  position: relative;
  float: left;
  padding: 0 10px;
  width: 20%;
}
.s1_5_2_con1 ul li::after {
  position: absolute;
  right: -4px;
  top: 50%;
  margin-top: -7px;
  width: 8px;
  height: 13px;
  content: "";
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Sf1_2_neebj.cat") no-repeat;
}
.s1_5_2_con1 ul li:last-child::after {
  display: none;
}
.s1_5_2_con1 ul li .box {
  padding: 90px 10px 10px;
  background-color: #5c6582;
  background-repeat: no-repeat;
  background-position: center 20px;
  border-radius: 10px;
}
.s1_5_2_con1 ul li .box .con {
  padding: 20px 5px;
  min-height: 170px;
  font-size: 15px;
  color: #222;
  text-align: center;
  background: #fff;
  border-radius: 10px;
}
.s1_5_2_con1 ul li .box .con .tit {
  display: block;
  font-size: 18px;
  color: #252525;
}
.s1_5_2_con1 ul li .box .con .txt {
  display: block;
  margin-bottom: 10px;
  font-size: 14px;
  color: #252525;
}
.s1_5_2_con1 ul li.ic1 .box {
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Sf1_5_1_vp1.cat");
}
.s1_5_2_con1 ul li.ic2 .box {
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Sf1_5_1_vp2.cat");
}
.s1_5_2_con1 ul li.ic3 .box {
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Sf1_5_1_vp3.cat");
}
.s1_5_2_con1 ul li.ic4 .box {
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Sf1_5_1_vp4.cat");
}
.s1_5_2_con1 ul li.ic5 .box {
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Sf1_5_1_vp5.cat");
}
.s1_5_2_con1 ul li:nth-child(2n) .box {
  background-color: #5066b1;
}

.course_con {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.course_con > div {
  padding: 15px 30px 30px;
  width: calc(50% - 15px);
  border: 1px solid #e1e1e1;
  border-top: 2px solid #707070;
}
.course_con > div .tit {
  position: relative;
  margin-bottom: 20px;
  padding: 0 90px 15px 0;
  border-bottom: 1px solid #e1e1e1;
}
.course_con > div .tit h2 {
  display: inline-block;
  margin-right: 10px;
  font-size: 22px;
  font-weight: 700;
  color: #252525;
}
.course_con > div .tit .txt {
  display: inline-block;
  font-size: 14px;
}
.course_con > div .tit .btn {
  position: absolute;
  top: 0;
  right: 0;
}
.course_con > div .tit .btn a {
  display: block;
  width: 80px;
  font-size: 15px;
  text-align: center;
  line-height: 34px;
  background: #f8f8f8;
  border: 1px solid #e1e1e1;
}
.course_con > .con1 {
  margin-right: 15px;
}
.course_con > .con1 ul {
  padding: 10px 0 0 160px;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Svp_oernx.cat") no-repeat 35px center;
}
.course_con > .con1 ul li {
  position: relative;
  margin: 7px 0;
  padding-left: 80px;
}
.course_con > .con1 ul li .name {
  position: absolute;
  top: 0;
  left: 0;
  color: #252525;
}
.course_con > .con2 {
  margin-left: 15px;
}
.course_con > .con2 ul li {
  border-bottom: 1px dotted #959595;
}
.course_con > .con2 ul li:last-child {
  border-bottom: 0;
}
.course_con > .con2 ul li a {
  display: block;
  padding: 7px 20px;
}

.votePop {
  position: fixed;
  top: 0;
  left: 0;
  padding: 40px;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 500;
}
.votePop .voteBox {
  position: relative;
  margin: 0 auto;
  max-width: 1200px;
  background: #fff;
  height:100%;
  overflow:auto;
}
.votePop .voteBox h2 {
  padding: 0 20px;
  font-size: 24px;
  color: #fff;
  font-weight: 700;
  line-height: 70px;
  background: #1c83d3;
}
.votePop .voteBox .btnClose {
  position: absolute;
  top: 0;
  right: 0;
  width: 70px;
  height: 70px;
  text-indent: -999px;
  overflow: hidden;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Svp_pybfr.cat") no-repeat center center;
}
.votePop .voteBox .voteCon {
  padding: 25px;
}
.votePop .voteBox .voteCon .voteTxt {
  margin-bottom: 20px;
}
.votePop .voteBox .voteCon .voteTxt b {
  display: block;
  margin-bottom: 8px;
  font-size: 18px;
  color: #252525;
}
.votePop .voteBox .voteCon .voteGuide {
  margin-bottom: 30px;
  padding: 20px;
  background: #f8f8f8;
  border: 1px solid #e1e1e1;
}
.votePop .voteBox .voteCon .voteGuide b {
  color: #252525;
}
.votePop .voteBox .voteCon .voteView {
  padding: 0 20px;
}
.votePop .voteBox .voteCon .voteView h3 {
  margin: 0 -20px 30px;
  padding: 15px;
  font-size: 18px;
  color: #fff;
  text-align: center;
  background: #06377b;
}
.votePop .voteBox .voteCon .voteView dl {
  margin-bottom: 25px;
}
.votePop .voteBox .voteCon .voteView dl dt {
  margin-bottom: 10px;
  font-size: 17px;
  color: #252525;
  font-weight: 500;
}
.votePop .voteBox .voteCon .voteView dl dd > ul {
  padding-left: 15px;
}
.votePop .voteBox .voteCon .voteView dl dd h4 {
  margin: 30px 0 10px;
  font-size: 16px;
  color: #252525;
  font-weight: 400;
}
.votePop .voteBox .voteCon .voteView dl dd h4 span {
  display: inline-block;
  width: 25px;
  height: 25px;
  color: #fff;
  text-align: center;
  line-height: 25px;
  background: #1c83d3;
}

.s3_4_1_con1 {
  margin-bottom: 60px;
  padding: 40px 30px 30px;
  text-align: center;
  background: #eff6fb;
  border: 1px solid #e1e1e1;
}
.s3_4_1_con1::after {
  display: block;
  clear: both;
  content: "";
}
.s3_4_1_con1 h2 {
  margin-bottom: 5px;
  font-size: 26px;
  color: #252525;
  font-weight: 700;
}
.s3_4_1_con1 p {
  margin-bottom: 40px;
  font-size: 15px;
}
.s3_4_1_con1 dl {
  display: table;
  padding: 30px;
  width: 49%;
  color: #252525;
  text-align: left;
  background: #fff;
}
.s3_4_1_con1 dl dt {
  display: table-cell;
  width: 30%;
  font-size: 19px;
  vertical-align: middle;
}
.s3_4_1_con1 dl dt span {
  position: relative;
  display: inline-block;
  padding-right: 20px;
}
.s3_4_1_con1 dl dt span::after {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -3px;
  width: 0;
  height: 0;
  content: "";
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid #07499d;
}
.s3_4_1_con1 dl dd {
  display: table-cell;
  width: 70%;
  text-align: center;
  vertical-align: middle;
}
.s3_4_1_con1 dl dd ul {
  display: inline-block;
}
.s3_4_1_con1 dl dd ul li {
  position: relative;
  padding-left: 110px;
  text-align: left;
}
.s3_4_1_con1 dl dd ul li + li {
  margin-top: 6px;
}
.s3_4_1_con1 dl dd ul li .name {
  position: absolute;
  top: 0;
  left: 0;
}
.s3_4_1_con1 dl dd.tell {
  font-size: 36px;
}
.s3_4_1_con1 dl.lt {
  float: left;
}
.s3_4_1_con1 dl.rt {
  float: right;
}

.s3_4_1_con2 {
  text-align: center;
}
.s3_4_1_con2 h2 {
  margin-bottom: 20px;
  font-size: 26px;
  color: #252525;
  font-weight: 700;
}
.s3_4_1_con2 .box {
  padding: 40px 20px;
  border: 1px solid #e1e1e1;
}

.mapCon .mapTop {
  padding: 0 330px 20px 0;
  background-repeat: no-repeat;
  background-position: right bottom;
}
.mapCon .mapTop.bg1 {
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Sznc_gvg_ot.cat");
}
.mapCon .mapTop.bg2 {
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Sznc_gvg_ot2.cat");
}
.mapCon .mapTop h2 {
  margin-bottom: 10px;
  font-size: 26px;
  color: #222;
  font-weight: 700;
  line-height: 1;
}
.mapCon .mapTop h2 span {
  color: #1985e0;
}
.mapCon .mapTop p .col1 {
  color: #0aa3b5;
}
.mapCon .mapTop p .col2 {
  color: #31aa62;
}
.mapCon .mapBox {
  padding: 20px;
  background-color: #2564ae;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Sznc_ot.wct");
  background-repeat: no-repeat;
  background-position: left top;
}
.mapCon .mapBox.bg2 {
  background-color: #1991d5;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Sznc_ot2.wct");
}
.mapCon .mapBox::after {
  display: block;
  clear: both;
  content: "";
}
.mapCon .mapBox .map {
  position: relative;
  float: left;
  padding-top: 14px;
  width: 45%;
}
.mapCon .mapBox .map .box {
  position: relative;
  margin: 0 auto;
  max-width: 380px;
}
.mapCon .mapBox .map .link li {
  position: absolute;
  width: 30px;
  height: 30px;
  text-align: center;
  margin-top: 0;
}
.mapCon .mapBox .map .link li a {
  display: block;
  height: 100%;
	display:flex;
	justify-content:center;
	align-items:center;
}
.mapCon .mapBox .map .link li.school a {
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Svp_znc_cbvag2.cat") no-repeat center bottom 3px;
}
.mapCon .mapBox .map .link li.school.pos2_15 a {
  background: none;
}
.mapCon .mapBox .map .link li a .num {
  display: inline-block;
  width: 22px;
  height: 22px;
  font-size: 15px;
  color: #fff;
  text-align: center;
  line-height: 22px;
  background: #252525;
  border-radius: 50%;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
}
.mapCon .mapBox .map .link li .txt {
  opacity: 0;
  position: absolute;
  top: -28px;
  left: 50%;
  padding-top: 7px;
  width: 90px;
  height: 52px;
  font-size: 15px;
  color: #fff;
  line-height: 1.2;
  text-align: center;
  background: rgba(242, 94, 30, 0.95);
  border-radius: 10px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  z-index: -1;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
}
.mapCon .mapBox .map .link li.active a .txt,
.mapCon .mapBox .map .link li.on a .txt,
.mapCon .mapBox .map .link li a:hover .txt,
.mapCon .mapBox .map .link li a:focus .txt {
  opacity: 1;
  z-index: 2;
}
.mapCon .mapBox .map .link .pos1_1 {
  left: 7%;
  top: 38%;
}
.mapCon .mapBox .map .link .pos1_1 a {
  padding-top: 23px;
  background-position: center top;
}
.mapCon .mapBox .map .link .pos1_1 a .txt {
  top: 25px;
}
.mapCon .mapBox .map .link .pos1_2 {
  left: 15%;
  top: 30%;
}
.mapCon .mapBox .map .link .pos1_3 {
  left: 7%;
  bottom: 22.5%;
}
/* .mapCon .mapBox .map .link .pos1_4{left:30%;bottom:22%} */
.mapCon .mapBox .map .link .pos1_4 {
  left: 53%;
  bottom: 17.5%;
}
.mapCon .mapBox .map .link .pos1_5 {
  left: 6%;
  top: 30%;
}
.mapCon .mapBox .map .link .pos1_5 a {
  padding-top: 23px;
  background-position: center top;
}
.mapCon .mapBox .map .link .pos1_5 a .txt {
  top: 25px;
}
.mapCon .mapBox .map .link .pos1_6 {
  left: 35%;
  bottom: 18%;
}
.mapCon .mapBox .map .link .pos1_6 a {
  padding-top: 23px;
  background-position: center top;
}
.mapCon .mapBox .map .link .pos1_6 a .txt {
  top: 25px;
}
/* .mapCon .mapBox .map .link .pos1_7{left:10%;top:33%} */
.mapCon .mapBox .map .link .pos1_7 {
  left: 0%;
  top: 38.5%;
}
.mapCon .mapBox .map .link .pos1_8 {
  left: 42%;
  bottom: 21%;
}
/* .mapCon .mapBox .map .link .pos1_9{left:50%;bottom:22%} */
.mapCon .mapBox .map .link .pos1_9 {
  left: 35%;
  bottom: 18%;
}
.mapCon .mapBox .map .link .pos1_10 {
  right: 17%;
  top: 42%;
}
.mapCon .mapBox .map .link .pos1_11 {
  right: 35%;
  top: 4.5%;
}
.mapCon .mapBox .map .link .pos1_12 {
  left: 7.5%;
  bottom: 56%;
}
.mapCon .mapBox .map .link .pos1_12 a {
  padding-left: 25px;
  padding-top: 22px;
}
.mapCon .mapBox .map .link .pos1_12 a .txt {
  left: 70px;
  top: 8px;
}
.mapCon .mapBox .map .link .pos1_13 {
  right: 16%;
  top: 33%;
}
.mapCon .mapBox .map .link .pos1_14 {
  left: 1.5%;
  bottom: 13%;
}
.mapCon .mapBox .map .link .pos1_15 {
  left: 8%;
  top: 38.3%;
}
.mapCon .mapBox .map .link .pos1_16 {
  left: 1%;
  top: 34%;
}
.mapCon .mapBox .map .link .pos1_17 {
  right: 29%;
  top: 13%;
}
.mapCon .mapBox .map .link .pos1_18 {
  right: 17%;
  top: 46.5%;
}
.mapCon .mapBox .map .link .pos1_19 {
  left: 31%;
  top: 24%;
}
.mapCon .mapBox .map .link .pos1_20 {
  left: 7%;
  bottom: 27%;
}
.mapCon .mapBox .map .link .pos1_21 {
  left: 1%;
  top: 43%;
}
.mapCon .mapBox .map .link .pos1_22 {
  left: 53%;
  bottom: 22%;
}
.mapCon .mapBox .map .link .pos1_23 {
  left: 6%;
  top: 30.2%;
}
.mapCon .mapBox .map .link .pos1_24 {
  left: 15%;
  bottom: 11%;
}
.mapCon .mapBox .map .link .pos1_25 {
  left: 12%;
  top: 26%;
}
.mapCon .mapBox .map .link .pos1_26 {
  left: -0.5%;
  top: 29.5%;
}
.mapCon .mapBox .map .link .pos1_27 {
  left: 45%;
  bottom: 17%;
}
.mapCon .mapBox .map .link .pos1_28 {
  left: 5%;
  top: 15.5%;
}


.mapCon .mapBox.bg2 .map .link li .txt {
  width: 150px;
}
.mapCon .mapBox.bg2 .map .link li.school .txt {
  padding-top: 16px;
  width: 150px;
}

.mapCon .mapBox .map .link .pos2_1 {
  left: 18%;
  top: 18%;
}
.mapCon .mapBox .map .link .pos2_2 {
  left: 17%;
  top: 25%;
}
.mapCon .mapBox .map .link .pos2_3 {
  left: 25%;
  top: 57%;
}
.mapCon .mapBox .map .link .pos2_4 {
  left: 19%;
  bottom: 24%;
}
.mapCon .mapBox .map .link .pos2_5 {
  right: 32%;
  top: 18%;
}
.mapCon .mapBox .map .link .pos2_6 {
  right: 14%;
  top: 53%;
}
.mapCon .mapBox .map .link .pos2_7 {
  right: 34%;
  bottom: 28%;
}
.mapCon .mapBox .map .link .pos2_8 {
  left: 18%;
  bottom: 2%;
}
.mapCon .mapBox .map .link .pos2_9 {
  left: 12%;
  top: 22%;
}
.mapCon .mapBox .map .link .pos2_10 {
  left: 43%;
  top: 31%;
}
.mapCon .mapBox .map .link .pos2_11 {
  left: 10%;
  top: 27%;
}
.mapCon .mapBox .map .link .pos2_12 {
  right: 34%;
  top: 13%;
}
.mapCon .mapBox .map .link .pos2_13 {
  left: 12%;
  top: 45%;
}
.mapCon .mapBox .map .link .pos2_14 {
  left: 14%;
  bottom: 8%;
}
.mapCon .mapBox .map .link .pos2_15 {
  right: 14%;
  top: 53%;
}
.mapCon .mapBox .map .link .pos2_16 {
  right: 41%;
  bottom: 21%;
}
.mapCon .mapBox .map .link .pos2_17 {
  right: 31%;
  top: 4%;
}
.mapCon .mapBox .map .link .pos2_18 {
  right: 17%;
  top: 41%;
}
.mapCon .mapBox .map .link .pos2_19 {
  left: 30%;
  top: 14%;
}
.mapCon .mapBox .map .link .pos2_20 {
  left: 7%;
  bottom: 28%;
}

.mapCon .mapBox .mapInfor {
  float: right;
  padding: 30px;
  width: 55%;
  min-height: 560px;
  background: #114788;
  border-radius: 10px;
  box-shadow: 4px 4px 0 #093b77;
}
.mapCon .mapBox.bg2 .mapInfor {
  background: #026094;
}
.mapCon .mapBox .mapInfor ol {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #2866b0;
  display:flex;
  flex-wrap:wrap;
}
.mapCon .mapBox.bg2 .mapInfor ol {
  border-bottom-color: #1c99d8;
}
.mapCon .mapBox .mapInfor ol::after {
  display: block;
  clear: both;
  content: "";
}
.mapCon .mapBox .mapInfor ol li {
  padding: 0 2px;
  width: 33.33%;
}
.mapCon .mapBox .mapInfor ol li a {
  display: block;
  padding: 5px 5px 5px 10px;
  color: #fff;
  font-weight: 500;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
}
.mapCon .mapBox .mapInfor ol li a span {
  position: relative;
  display: inline-block;
  margin-right: 5px;
  padding-right: 8px;
  font-weight: 400;
  font-size: 14px;
}
.mapCon .mapBox .mapInfor ol li a span::after {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -6px;
  width: 0;
  height: 12px;
  content: "";
  border-left: 1px solid #e1e1e1;
}
.mapCon .mapBox .mapInfor ol li a:hover span::after {
  display: block;
}
.mapCon .mapBox .mapInfor ol li.active a,
.mapCon .mapBox .mapInfor ol li.on a,
.mapCon .mapBox .mapInfor ol li a:hover,
.mapCon .mapBox .mapInfor ol li a:focus {
  color: #f26522;
  background: #fff;
}
.mapCon .mapBox .mapInfor ol.li2 li {
  width: 50%;
}
.mapCon .mapBox .mapInfor ol.li2 li.li3,
.mapCon .mapBox .mapInfor ol.li2 li.li3 ~ li {
  width: 33.33%;
}
.mapCon .mapBox .mapInfor .map_con {
  display: none;
  padding: 10px;
  color: #fff;
}
.mapCon .mapBox .mapInfor .map_con.active {
  display: block;
}
.mapCon .mapBox .mapInfor .map_con .tit {
  margin-bottom: 20px;
}
.mapCon .mapBox .mapInfor .map_con .tit .title_name {
  display: inline-block;
  margin-left: 15px;
  width: calc(100% - 90px);
  vertical-align: middle;
}
.mapCon .mapBox .mapInfor .map_con .tit .title_name h3 {
  display: block;
  margin: 0 0 8px 0;
}
.mapCon .mapBox .mapInfor .map_con .tit .title_name .btn {
  display: inline-block;
}
.mapCon .mapBox .mapInfor .map_con .tit .title_name .btn a {
  display: block;
  padding-left: 20px;
  width: 158px;
  font-size: 14px;
  color: #fff;
  line-height: 25px;
  background: #01233f url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Svp_neebj2.cat") no-repeat right 15px center;
  border-radius: 5px;
}
.mapCon .mapBox .mapInfor .map_con h3 {
  display: inline-block;
  margin-left: 15px;
  font-size: 24px;
  line-height: 1;
  vertical-align: middle;
}
.mapCon .mapBox .mapInfor .map_con h3 span {
  display: block;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 400;
}
.mapCon .mapBox .mapInfor .map_con ul {
  margin-bottom: 30px;
}
.mapCon .mapBox .mapInfor .map_con ul li {
  position: relative;
  margin-bottom: 10px;
  padding-left: 15px;
  min-height: 22px;
  font-size: 15px;
}
.mapCon .mapBox .mapInfor .map_con ul li::before {
  position: absolute;
  top: 10px;
  left: 0;
  width: 4px;
  height: 4px;
  content: "";
  background: #fff;
  border-radius: 50%;
}
.mapCon .mapBox .mapInfor .map_con ul.infor {
  margin-bottom: 0;
}
.mapCon .mapBox .mapInfor .map_con ul.infor li {
  padding-left: 90px;
}
.mapCon .mapBox .mapInfor .map_con ul.infor li .name {
  position: absolute;
  top: 0;
  left: 10px;
  font-size: 16px;
  font-weight: 500;
}
.mapCon .mapBox .mapInfor .map_con .loca {
  padding: 5px 0 5px 20px;
  font-weight: 500;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Svp_znc_ybpn.cat") no-repeat left 6px;
}

.s6_1_con::after {
  display: block;
  clear: both;
  content: "";
}
.s6_1_con .img {
  position: relative;
  float: left;
  width: 47%;
}
.s6_1_con .img::after {
  position: absolute;
  top: 30px;
  right: -80px;
  width: 131px;
  height: 133px;
  content: "";
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Sf6_1_ot1.cat") no-repeat;
}
.s6_1_con .con {
  float: right;
  padding: 220px 0 0 30px;
  width: 53%;
  color: #252525;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Sf6_1_ot2.cat") no-repeat right 140px;
}
.s6_1_con .con .txt1 {
  margin-bottom: 40px;
  font-size: 40px;
  color: #01233f;
  font-weight: 500;
  line-height: 1.4;
}
.s6_1_con .con .txt1 span {
  display: block;
  font-size: 29px;
  color: #1985e0;
}
.s6_1_con .con .txt2 {
  margin-bottom: 10px;
  font-size: 22px;
}

.siteMapCon {
  overflow: hidden;
}
.siteMapCon a {
  display: block;
}
.siteMapCon > ul {
  margin: 0 -10px;
}
.siteMapCon > ul::after {
  display: block;
  clear: both;
  content: "";
}
.siteMapCon > ul > li {
  float: left;
  margin-bottom: 60px;
  padding: 0 10px;
  width: 25%;
}
.siteMapCon > ul > li:nth-child(5) {
  clear: left;
}
.siteMapCon > ul > li > a {
  font-size: 19px;
  color: #fff;
  line-height: 61px;
  text-align: center;
  background: #07499d;
}
.siteMapCon > ul > li > ul > li {
  border-bottom: 1px solid #e2e2e2;
}
.siteMapCon > ul > li > ul > li > a {
  position: relative;
  padding: 15px 12px;
  font-size: 17px;
  color: #252525;
  font-weight: 500;
}
.siteMapCon > ul > li > ul > li > ul {
  padding: 0 0 10px 17px;
}
.siteMapCon > ul > li > ul > li > ul > li {
  position: relative;
  margin-bottom: 12px;
  padding-left: 10px;
}
.siteMapCon > ul > li > ul > li > ul > li::before {
  position: absolute;
  top: 10px;
  left: 0;
  width: 3px;
  height: 3px;
  content: "";
  background: #252525;
  border-radius: 50%;
}
.siteMapCon > ul > li > ul > li > ul > li > a {
  font-size: 15px;
  color: #252525;
}
.siteMapCon > ul > li > ul > li > ul > li > ul {
  margin: 5px 0 15px;
}
.siteMapCon > ul > li > ul > li > ul > li > ul li {
  position: relative;
  margin: 5px 0;
  padding-left: 10px;
}
.siteMapCon > ul > li > ul > li > ul > li > ul li::before {
  position: absolute;
  top: 12px;
  left: 0;
  width: 5px;
  height: 0;
  content: "";
  border-top: 1px solid #b8b8b8;
}
.siteMapCon > ul > li > ul > li > ul > li > ul li a {
  font-size: 15px;
}

.s6_6_con1 .root_daum_roughmap_landing {
  width: 100% !important;
}
.s6_6_con1 .root_daum_roughmap .wrap_controllers {
  display: none;
}

.s6_6_con2 ul::after {
  display: block;
  clear: both;
  content: "";
}
.s6_6_con2 ul li {
  float: left;
  padding: 20px 20px 20px 135px;
  width: 50%;
  background-repeat: no-repeat;
  background-position: left center;
}
.s6_6_con2 ul li.ic1 {
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Svp_genc1.cat");
}
.s6_6_con2 ul li.ic2 {
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Svp_genc2.cat");
}
.s6_6_con2 ul li h2 {
  margin-bottom: 15px;
  font-size: 20px;
  color: #252525;
  font-weight: 500;
  line-height: 1;
}

.board_source {
  margin-top: 15px;
  background: #f8f8f8;
  font-size: 13px;
  padding: 10px;
  text-align: center;
  border-radius: 5px;
}
.board_source dt {
  display: inline-block;
  font-weight: 500;
  color: #252525;
}
.board_source dt::before {
  content: "";
  display: inline-block;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #07499d;
  vertical-align: middle;
  margin-right: 5px;
}
.board_source dt::after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 9px;
  background: #d7d7d7;
  vertical-align: middle;
  margin: 0 10px;
}
.board_source dd {
  display: inline-block;
}
.board_source dd a span {
  color: #1c83d3;
}
.board_source dd img {
  vertical-align: middle;
  margin: 0 3px;
}

.package_app h3 {
  margin-bottom: 10px;
  padding-left: 20px;
  color: #252525;
  line-height: 1;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Svp_purpx.cat") no-repeat left center;
}
.package_app .doc_search {
  margin: 20px 0 15px;
  padding-top: 17px;
  border-top: 1px solid #e1e1e1;
}
.package_app .doc_list li {
  position: relative;
  padding: 20px 48% 20px 0;
  min-height: 70px;
  border-top: 1px solid #959595;
}
.package_app .doc_list li .etc_btn {
  position: absolute;
  top: 15px;
  right: 0;
}

.layPop2 {
  position: fixed;
  top: 0;
  left: 0;
  padding: 40px;
  width: 100%;
  height: 100%;
  overflow: auto;
  background: rgba(0, 0, 0, 0.6);
  z-index: 500;
}
.layPop2 .layBox {
  position: relative;
  margin: 0 auto;
  max-width: 600px;
  background: #fff;
}
.layPop2 .layBox h2 {
  padding: 0 20px;
  font-size: 24px;
  color: #fff;
  font-weight: 700;
  line-height: 70px;
  background: #1c83d3;
}
.layPop2 .layBox .btnClose {
  position: absolute;
  top: 0;
  right: 0;
  width: 70px;
  height: 70px;
  text-indent: -999px;
  overflow: hidden;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Svp_pybfr.cat") no-repeat center center;
}
.layPop2 .layBox .conBox {
  padding: 25px;
}

.layPop3 {
  position: fixed;
  top: 0;
  left: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background: rgba(0, 0, 0, 0.6);
  z-index: 500;
}
.layPop3 .layBox {
  position: relative;
  margin: 20px auto;
  max-width: 1000px;
  background: #fff;
}
.layPop3 .layBox h2 {
  padding: 0 20px;
  font-size: 20px;
  color: #fff;
  font-weight: 700;
  line-height: 50px;
  background: #1c83d3;
}
.layPop3 .layBox .btnClose {
  position: absolute;
  top: 0;
  right: 0;
  width: 70px;
  height: 50px;
  text-indent: -999px;
  overflow: hidden;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Svp_pybfr.cat") no-repeat center center;
}
.layPop3 .layBox .conBox {
  padding: 20px 25px;
}
.layPop3 .layBox .conBox h3 {
  margin: 15px 0 10px;
  font-size: 20px;
  color: #252525;
  font-weight: 700;
}
.layPop3 .layBox .conBox .box_srol {
  margin: 20px 0;
  padding: 15px 20px;
  height: 120px;
  overflow: auto;
  background: #f6f6f6;
  border: 1px solid #e1e1e1;
}
.layPop3 .layBox .conBox .btnList {
  margin: 14px 0 0 0;
}
.layPop3 .layBox .conBox .t_typelA tbody td {
  height: auto;
}

.layPop4 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  z-index: 500;
}
.layPop4 .layBox {
  position: absolute;
  top: 50%;
  left: 47%;
  width: 94%;
  max-width: 700px;
  transform: translate(-47%, -50%);
  -webkit-transform: translate(-47%, -50%);
  background: #fff;
}
.layPop4 .layBox h2 {
  padding: 0 20px;
  font-size: 19px;
  color: #252525;
  line-height: 50px;
  background: #f8f8f8;
  border-bottom: 1px solid #e1e1e1;
}
.layPop4 .layBox .conBox {
  position: relative;
  padding: 30px;
  background: #fff;
}
.layPop4 .layBox .btnClose {
  position: absolute;
  top: 0;
  right: 0;
  width: 70px;
  height: 50px;
  text-indent: -999px;
  overflow: hidden;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Svp_pybfr2.cat") no-repeat center center;
}

.sgCon .btn {
  display: inline-block;
  margin-bottom: 35px;
}
.sgCon .btn a {
  display: block;
  padding-left: 77px;
  width: 190px;
  color: #fff;
  line-height: 60px;
  background: #07499d url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Sf_t_vp_yvax.cat") no-repeat 25px center;
}
.sgCon .con1 {
  position: relative;
  margin-bottom: 35px;
  padding-bottom: 34%;
  text-align: center;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Sf_t_vzt2.cat") no-repeat center bottom;
  background-size: 100%;
}
.sgCon .con1 .site_ban {
  margin-bottom: 30px;
  text-align: left;
}
.sgCon .con1 .site {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 18px;
}
.sgCon .con1 h3 {
  margin: 0 0 20px;
  font-family: "NanumSquare";
  font-size: 57px;
  color: #252525;
  font-weight: 800;
  line-height: 1.2;
}
.sgCon .con1 p {
  font-size: 18px;
  text-align: center;
}
.sgCon .con2 {
  position: relative;
  margin-bottom: 10px;
  padding: 30px 40px 60px;
  border: 1px solid #e1e1e1;
  border-radius: 10px;
}
.sgCon .con2 dt {
  margin-bottom: 5px;
  font-size: 24px;
  color: #f26522;
  font-weight: 500;
}
.sgCon .con2::before {
  position: absolute;
  left: 60px;
  bottom: -35px;
  width: 121px;
  height: 55px;
  content: "";
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Sf_t_vzt3.cat") no-repeat;
  background-size: 100%;
}
.sgCon .con2::after {
  position: absolute;
  right: 60px;
  bottom: -35px;
  width: 121px;
  height: 55px;
  content: "";
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Sf_t_vzt3.cat") no-repeat;
  background-size: 100%;
}
.sgCon .con3 {
  padding: 60px 40px;
  border: 1px solid #e1e1e1;
  border-radius: 10px;
}
.sgCon .con3 dl dt {
  position: relative;
  margin-bottom: 15px;
  padding-left: 44px;
  font-family: "NanumSquare";
  font-size: 24px;
  color: #00639e;
  font-weight: 800;
}
.sgCon .con3 dl dt::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 36px;
  line-height: 36px;
  content: "Q";
  font-size: 22px;
  color: #fff;
  font-weight: 700;
  text-align: center;
  background: #f26522;
  border-radius: 50%;
}
.sgCon .con3 dl dd {
  margin-bottom: 40px;
  padding-left: 44px;
}
.sgCon .con3 dl dd .con3_1 {
  text-align: center;
}
.sgCon .con3 dl dd .con3_1 li {
  position: relative;
  display: inline-block;
  margin-bottom: 10px;
  padding-right: 30px;
  text-align: center;
}
.sgCon .con3 dl dd .con3_1 li div {
  display: table;
  width: 150px;
  height: 150px;
  color: #fff;
  line-height: 1.3;
  border-radius: 10px;
}
.sgCon .con3 dl dd .con3_1 li div span {
  display: table-cell;
  vertical-align: middle;
}
.sgCon .con3 dl dd .con3_1 li:nth-child(1) div {
  background: #16649f;
}
.sgCon .con3 dl dd .con3_1 li:nth-child(2) div {
  background: #167a9f;
}
.sgCon .con3 dl dd .con3_1 li:nth-child(3) div {
  background: #16909f;
}
.sgCon .con3 dl dd .con3_1 li:nth-child(4) div {
  background: #169f97;
}
.sgCon .con3 dl dd .con3_1 li:nth-child(5) div {
  background: #169f80;
}
.sgCon .con3 dl dd .con3_1 li:nth-child(1)::after {
  content: "=";
  color: #252525;
}
.sgCon .con3 dl dd .con3_1 li::after {
  position: absolute;
  top: 50%;
  right: 5px;
  content: "+";
  font-size: 30px;
  color: #959595;
  font-weight: 700;
  transform: translateY(-50%);
}
.sgCon .con3 dl dd .con3_1 li:last-child::after {
  display: none;
}
.sgCon .con3 dl dd .con3_2 {
  margin-top: 10px;
  padding: 10px 4px 4px;
  background: #16649f;
  border-radius: 10px;
}
.sgCon .con3 dl dd .con3_2 h4 {
  margin-bottom: 10px;
  font-size: 18px;
  color: #fff;
  font-weight: 400;
  text-align: center;
}
.sgCon .con3 dl dd .con3_2 ul {
  padding: 15px 20px;
  background: #fff;
  border-radius: 10px;
}
.sgCon .con3 dl dd .con3_2 ul li {
  position: relative;
  margin: 3px 0;
  padding-left: 13px;
}
.sgCon .con3 dl dd .con3_2 ul li::before {
  position: absolute;
  top: 10px;
  left: 0;
  content: "";
  width: 4px;
  height: 4px;
  background: #636363;
  border-radius: 50%;
}
.sgCon .con3 dl dd .txt_big {
  margin-bottom: 30px;
  font-size: 18px;
}
.sgCon .con3 dl dd .con3_3 {
  position: relative;
  padding-right: 20%;
  text-align: center;
}
.sgCon .con3 dl dd .con3_3::after {
  position: absolute;
  top: 120px;
  right: 0;
  width: 185px;
  height: 139px;
  content: "";
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Sf_t_vzt4.cat") no-repeat;
  background-size: 100%;
}
.sgCon .con3 dl dd .con3_3::before {
  position: absolute;
  top: 220px;
  left: 0;
  width: 90%;
  height: 0;
  content: "";
  border-top: 1px solid #959595;
}
.sgCon .con3 dl dd .con3_3 li {
  position: relative;
  display: inline-block;
  width: 26%;
  text-align: center;
}
.sgCon .con3 dl dd .con3_3 li::before {
  position: absolute;
  bottom: 58px;
  left: 50%;
  width: 0;
  height: 100px;
  content: "";
  border-left: 1px solid #959595;
  z-index: 1;
}
.sgCon .con3 dl dd .con3_3 li::after {
  position: absolute;
  bottom: 48px;
  left: 50%;
  margin-left: -9px;
  width: 16px;
  height: 16px;
  content: "";
  background: #fff;
  border-radius: 50%;
  border: 2px solid #1e69a2;
  z-index: 2;
}
.sgCon .con3 dl dd .con3_3 li .tit_r {
  position: relative;
  margin: 0 auto 60px;
  width: 100px;
  height: 100px;
  line-height: 85px;
  background: #fff;
  border-radius: 50%;
  border: 7px solid #16649f;
  z-index: 2;
}
.sgCon .con3 dl dd .con3_3 li .tit_r span {
  display: inline-block;
  color: #252525;
  font-weight: 700;
  line-height: 1.2;
  vertical-align: middle;
}
.sgCon .con3 dl dd .con3_3 li .price {
  position: relative;
  display: inline-block;
  padding: 0 20px;
  color: #fff;
  line-height: 33px;
  background: #16649f;
  border-radius: 17px;
  z-index: 2;
}
.sgCon .con3 dl dd .con3_3 li .txt {
  display: block;
  margin-bottom: 10px;
}
.sgCon .con3 dl dd .con3_3 li .txt span {
  font-size: 19px;
  color: #16649f;
}
.sgCon .con3 dl dd .con3_3 li:nth-child(2) .tit_r span {
  font-size: 28px;
  color: #16649f;
}
.sgCon .con3 dl dd .con3_3 li:nth-child(2) {
  width: 38%;
}
.sgCon .con3 dl dd .con3_3 li:last-child {
  margin-right: 0;
}
.sgCon .con3 dl dd .con3_3 li:last-child .tit_r {
  border-color: #959595;
}
.sgCon .con3 dl dd .con3_3 li:last-child .price {
  background: #959595;
}
.sgCon .con3 dl dd .con3_3 li:last-child::after {
  border-color: #959595;
}
.sgCon .con3 dl dd .con3_4 {
  position: relative;
  padding-right: 50%;
}
.sgCon .con3 dl dd .con3_4 h4 {
  margin-top: 20px;
  color: #00639e;
}
.sgCon .con3 dl dd .con3_4 .img {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 50%;
}
.sgCon .con3 .con3_5 {
  margin-top: 60px;
  text-align: center;
}
.sgCon .con3 .con3_5 p {
  margin-top: 20px;
}

.s1_5_box {
  margin-bottom: 15px;
  padding: 40px;
  background: #43bcf2 url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Sf_7_5_ot.wct") no-repeat center top;
}
.s1_5_box dl dt {
  margin-bottom: 10px;
  font-size: 22px;
  color: #222;
  line-height: 1;
  font-weight: 700;
}
.s1_5_box dl dd {
  color: #111;
}
.s1_5_box .box {
  margin-top: 40px;
  padding: 40px;
  background: #fff;
}
.s1_5_box .box h2 {
  position: relative;
  margin-bottom: 15px;
  padding-left: 22px;
  font-size: 18px;
  color: #222;
  line-height: 1;
  font-weight: 500;
}
.s1_5_box .box h2::before {
  position: absolute;
  top: 2px;
  left: 0;
  width: 14px;
  height: 14px;
  content: "";
  border: 4px solid #89d7fc;
  border-radius: 50%;
  box-sizing: border-box;
}
.s1_5_box .box .con1 {
  padding-left: 20px;
}
.s1_5_box .box .con1 ol {
  margin: 30px -19px;
}
.s1_5_box .box .con1 ol::after {
  display: block;
  clear: both;
  content: "";
}
.s1_5_box .box .con1 ol li {
  position: relative;
  float: left;
  padding: 0 19px;
  width: 20%;
  text-align: center;
}
.s1_5_box .box .con1 ol li::after {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -7px;
  width: 8px;
  height: 13px;
  content: "";
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Sf1_2_neebj.cat") no-repeat;
}
.s1_5_box .box .con1 ol li div {
  color: #fff;
  line-height: 90px;
  border-radius: 20px;
  border: 1px solid #10578c;
}
.s1_5_box .box .con1 ol li div strong {
  font-size: 17px;
  color: #ffffb3;
}
.s1_5_box .box .con1 ol li:nth-child(1) div {
  text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
  background-image: linear-gradient(#2e74a9, #226ca4, #16649f);
  box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.2);
}
.s1_5_box .box .con1 ol li:nth-child(2) div {
  text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
  background-image: linear-gradient(#2e88a9, #2281a4, #177b9f);
  border-color: #096384;
  box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.2);
}
.s1_5_box .box .con1 ol li:nth-child(3) div {
  background-color: #16909f;
  border-color: #16909f;
}
.s1_5_box .box .con1 ol li:nth-child(4) div {
  background-color: #169f97;
  border-color: #169f97;
}
.s1_5_box .box .con1 ol li:nth-child(5) div {
  background-color: #169f80;
  border-color: #169f80;
}
.s1_5_box .box .con1 ol li:last-child::after {
  display: none;
}
.s1_5_box .box .con2 {
  display: table;
  width: 100%;
}
.s1_5_box .box .con2 > div {
  display: table-cell;
  padding: 0 20px;
  width: 50%;
}
.s1_5_box .box .con2 > div h3 {
  font-size: 17px;
  color: #00639e;
}
.s1_5_box .box .con2 > div h4 {
  position: relative;
  margin: 20px 0 10px;
  padding-left: 10px;
  color: #222;
  line-height: 1;
}
.s1_5_box .box .con2 > div h4::before {
  position: absolute;
  top: 6px;
  left: 0;
  width: 3px;
  height: 3px;
  content: "";
  background: #ed5508;
}
.s1_5_box .box .con2 > div p {
  padding-left: 10px;
}
.s1_5_box .box .con2 .lt {
  border-right: 1px solid #ddd;
}

.s1_5_box2 {
  position: relative;
  display: table;
  margin-bottom: 30px;
  width: 100%;
  background: #fdfaf4;
  border: 1px solid #ff6f18;
}
.s1_5_box2 p {
  display: table-cell;
  padding: 20px 40px 20px 80px;
  color: #f45708;
  font-weight: 500;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Svp_abgvpr.cat") no-repeat 30px center;
}
.s1_5_box2 .chek {
  display: table-cell;
  width: 200px;
  color: #fff;
  vertical-align: middle;
  font-weight: 500;
  text-align: center;
  background: #ff6f18;
}
.s1_5_box2 .chek label {
  padding: 0 15px 0 3px;
}
.s1_5_box2 .chek input {
  background: none;
}

.writeTypeA .labList4 {
  position: relative;
}
.writeTypeA .labList4 > li {
  position: relative;
  display: inline-block;
  margin: 5px 15px 5px 0;
}
.writeTypeA .labList4 > li .area_open {
  position: relative;
  width: 15px;
  height: 15px;
  text-indent: -999px;
  overflow: hidden;
  background-color: #f8f8f8;
  border: 1px solid #e1e1e1;
}
.writeTypeA .labList4 > li .area_open::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 7px;
  height: 1px;
  content: "";
  background: #000;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.writeTypeA .labList4 > li .area_open::before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1px;
  height: 7px;
  content: "";
  background: #000;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.writeTypeA .labList4 > li.on .area_open {
  border-color: #1c83d3;
  background: #deeef9;
}
.writeTypeA .labList4 > li.on .area_open::before {
  display: none;
}
.writeTypeA .labList4 > li.on .area_open::after {
  background: #0034ad;
}
.writeTypeA .labList4 > li input:checked + label {
  color: #07499d;
}
.writeTypeA .labList4 > li .area_lay {
  position: absolute;
  top: 35px;
  left: 50%;
  padding: 20px;
  width: 100%;
  min-width: 540px;
  text-align: center;
  background: #e5f4ff;
  border-radius: 12px;
  box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.3);
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  z-index: 10;
}
.writeTypeA .labList4 > li .area_lay ul li {
  display: inline-block;
  margin-right: 10px;
}
.writeTypeA .labList4 > li .area_lay .btn_lay_close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 20px;
  height: 20px;
  text-indent: -999px;
  overflow: hidden;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Svp_pybfr2.cat") no-repeat center center / 11px;
}
.writeTypeA .labList4 > li.on::after {
  position: absolute;
  bottom: -13px;
  left: 50%;
  width: 10px;
  height: 10px;
  content: "";
  background: #e5f4ff;
  transform: rotate(45deg);
}

.s1_5_box3 {
  margin-top: 20px;
}
.s1_5_box3 .con1 {
  margin-bottom: 20px;
  padding: 30px;
  background: #f8f8f8;
  border: 1px solid #e1e1e1;
}
.s1_5_box3 .con1 h2 {
  margin-bottom: 10px;
  font-size: 22px;
  color: #252525;
}
.s1_5_box3 .con2 {
  position: relative;
}
.s1_5_box3 .con2::after {
  display: block;
  clear: both;
  content: "";
}
.s1_5_box3 .con2 p {
  position: relative;
  float: left;
}
.s1_5_box3 .con2 p span {
  display: inline-block;
  width: 48px;
  color: #fff;
  line-height: 27px;
  text-align: center;
  background: #8e93a0;
  border-radius: 6px;
}
.s1_5_box3 .con2 .rt {
  float: right;
}

.s1_5_box4 {
  padding: 50px;
  color: #252525;
  text-align: center;
  background: #f8f8f8;
  border-top: 2px solid #252525;
}
.s1_5_box4 .txt1 {
  margin-bottom: 10px;
  font-size: 26px;
}
.s1_5_box4 .txt1 b {
  color: #f45708;
}
.s1_5_box4 .txt2 {
  margin-bottom: 25px;
  font-size: 15px;
}
.s1_5_box4 .con {
  padding: 40px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 15px;
}
.s1_5_box4 .con p {
  margin-bottom: 20px;
  font-size: 17px;
}
.s1_5_box4 .con p strong {
  color: #00639e;
}
.s1_5_box4 .con ol {
}
.s1_5_box4 .con ol li {
  position: relative;
  display: inline-block;
  margin-bottom: 20px;
  padding: 0 15px;
  text-align: center;
}
.s1_5_box4 .con ol li::after {
  position: absolute;
  top: 50%;
  right: -8px;
  margin-top: -7px;
  width: 8px;
  height: 13px;
  content: "";
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Sf1_2_neebj.cat") no-repeat;
}
.s1_5_box4 .con ol li div {
  width: 150px;
  color: #fff;
  line-height: 90px;
  border-radius: 20px;
  border: 1px solid #10578c;
}
.s1_5_box4 .con ol li div strong {
  font-size: 17px;
  color: #ffffb3;
}
.s1_5_box4 .con ol li:nth-child(1) div {
  background-image: linear-gradient(#2e74a9, #226ca4, #16649f);
}
.s1_5_box4 .con ol li:nth-child(2) div {
  background-image: linear-gradient(#2e88a9, #2281a4, #177b9f);
  border-color: #096384;
  box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.2);
}
.s1_5_box4 .con ol li:nth-child(3) div {
  background-color: #16909f;
  border-color: #16909f;
}
.s1_5_box4 .con ol li:nth-child(4) div {
  background-color: #169f97;
  border-color: #169f97;
}
.s1_5_box4 .con ol li:nth-child(5) div {
  background-color: #169f80;
  border-color: #169f80;
}
.s1_5_box4 .con ol li:last-child::after {
  display: none;
}

/* 2022-01-17 추가 */
.my-player-dimensions {
  width: 798px !important;
  height: 449px !important;
}

.videobx_left {
  float: left;
  width: calc(100% - 370px);
  box-sizing: border-box;
  padding: 0 10px 0 20px;
  position: relative;
}
.videobx_right {
  float: left;
  width: 370px;
  box-sizing: border-box;
  padding: 0 20px 0 10px;
}
.videobx_right .tab-content{
	display:block;
}
#eduCenterPublicModal .modal-dialog {
  margin: 10px auto !important;
}

/* 2023-11-23 추가 */
.in_tablebx {
  border-top: 1px solid #252525;
  border-bottom: 1px solid #252525;
  width: 100%;
}
.in_tablebx dl {
  display: table;
  width: 100%;
  border-bottom: 1px solid #e2e2e2;
}
.in_tablebx dl dt {
  display: table-cell;
  width: 145px;
  padding: 7px 10px;
  border-right: 1px solid #e2e2e2;
}
.in_tablebx dl > dt label {
  letter-spacing: -1px;
  color: #252525;
}
.in_tablebx dl dd {
  display: table-cell;
  padding: 7px 10px;
}
.in_tablebx dl dd > dl:last-child {
  border-bottom: 0;
}
.in_tablebx dl dd.pd0 {
  padding: 0;
}
.in_tablebx dl dd.pd0 span {
  width: 100%;
  display: block;
  width: 100%;
  padding: 7px 10px;
}
.in_tablebx dl dd.pd0 span + span {
  border-top: 1px solid #e2e2e2;
}

#eduCenterPublicModal .menu_wrap .tab-content .ul_lecture_list li a {
  color: #fff;
  font-weight: 500;
  font-size: 14px;
}
#eduCenterPublicModal .menu_wrap ul.nav li.active a::after {
  content: "선택됨";
  width: 1px;
  height: 1px;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
}

/* 커뮤니티 관련 버튼 CSS 목록 2023-12-15 */
.btnBc-cm {
  display: flex;
  justify-content: center;
}
.btnBc-cm a,
.btnBc-cm div,
.btnBc-cm button {
  position: relative;
  margin: 0;
  display: -moz-inline-stack;
  display: block;
  padding: 0 20px;
  min-width: 120px;
  font-size: 16px;
  color: #fff;
  line-height: 50px;
  text-align: center;
  text-decoration: none;
  background-color: #07499d;
  cursor: pointer;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
  border-radius: 0;
  border: 1px solid #07499d;
}
.btnBc-cm input {
  color: #07499d;
  background-color: #fff;
  position: relative;
  margin: 0;
  display: -moz-inline-stack;
  display: block;
  padding: 0 20px;
  min-width: 80px;
  font-size: 14px;
  line-height: 50px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
  border-radius: 0;
  border: 1px solid #07499d;
}
.btnBc-cm .selectedInput {
  color: #fff;
  background-color: #07499d;
  position: relative;
  margin: 0;
  display: -moz-inline-stack;
  display: block;
  padding: 0 20px;
  min-width: 80px;
  font-size: 14px;
  line-height: 50px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
  border-radius: 0;
  border: 1px solid #07499d;
}
.btnBc-cm a:hover,
.btnBc-cm div:hover,
.btnBc-cm button:hover {
  color: #07499d;
  background-color: #fff;
  border: 1px solid #07499d;
}
.btnBc-cm input:hover {
  color: #fff;
  background-color: #07499d;
  border: 1px solid #07499d;
}

/* 댓글 관련 CSS 목록 2023-12-15(by 디자인팀) */
.rep_bx {
  margin-top: 20px;
  width: 100%;
  border-bottom: 1px solid #e1e1e1;
}
.rep_bx h4 {
  padding-left: 10px;
  margin: 10px 0 0;
  color: #222;
}
.rep_bx h4 span {
  color: #f26522;
}
.rep_bx ul > li {
  padding: 10px;
  position: relative;
  line-height: 1.5;
}
.rep_bx ul > li + li {
  border-top: 1px solid #e1e1e1;
}
.rep_bx ul > li > ul > li {
  padding: 10px;
  padding-left: 40px;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Svp_ercyl.cat") no-repeat 15px 20px;
}
.rep_bx ul > li > ul > li:first-child {
  border-top: 1px solid #e1e1e1;
  margin-top: 10px;
}
.rep_bx ul > li > ul > li:last-child {
  border-bottom: 0;
}
.rep_bx span.re_day {
  display: inline-block;
  font-size: 14px;
  vertical-align: middle;
  margin-right: 10px;
}
.rep_bx span.re_time {
  display: inline-block;
  font-size: 14px;
  vertical-align: middle;
}
.rep_bx p {
  padding: 3px 0;
  margin-top: 7px;
}
.rep_bx .rep_name {
  color: #222;
  display: block;
  margin-bottom: 3px;
  margin-top: 0;
  font-weight: 500;
}
.rep_bx ul li i.rep_edit_ic a,
.rep_bx ul li i.rep_delete_ic a,
.save_edit_btn,
.cancel_edit_btn {
  border: 1px solid #ddd;
  font-style: normal;
  padding: 3px 7px;
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  line-height: 14px;
  cursor: pointer;
}
.rep_bx ul li i.rep_edit_ic a:hover,
.rep_bx ul li i.rep_delete0_ic a:hover,
.save_edit_btn:hover,
.cancel_edit_btn:hover {
  border: 1px solid #07499d;
  background: #07499d;
  color: #fff;
}
.rep_bx ul li i::before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 14px;
  background: #e1e1e1;
  margin: 0 15px;
  vertical-align: middle;
}
.rep_write {
  position: relative;
  margin-top: 15px;
  padding-right: 105px;
}
.rep_write .inp_rep,
.edit_rep_content {
  padding: 0 24px;
  width: 100%;
  height: 100px;
  background-color: #f9f9f9;
  border: 1px solid #d6d6d6;
}
.rep_write .btn_reply {
  position: absolute;
  top: 0;
  right: 0;
  width: 100px;
  height: 100px;
  font-size: 16px;
  background: #222;
  color: #fff;
  border: 0;
}

/*
================================================================================
반응형 서브 콘텐츠
================================================================================
*/

/* PC Device */
@media all and (min-width: 1251px) {
}

/* TABLET Device */
@media all and (max-width: 1250px) {
  .listTypeB ul li {
    width: 50%;
  }

  .listTypeC ul {
    margin: 0 -10px;
  }
  .listTypeC ul li {
    padding: 0 10px;
    width: 33.33%;
  }

  .listTypeD > ul > li {
    padding: 30px 0 30px 300px;
  }
  .listTypeD > ul > li .photo {
    width: 260px;
  }
  .listTypeD > ul > li dl dd ul li {
    float: none;
    width: 100%;
  }

  .tabMenu ul li:first-child:nth-last-child(5),
  .tabMenu ul li:first-child:nth-last-child(5) ~ li {
    width: 33.33%;
  }
  .tabMenu ul li:first-child:nth-last-child(6),
  .tabMenu ul li:first-child:nth-last-child(6) ~ li {
    width: 33.33%;
  }
  .tabMenu ul li:first-child:nth-last-child(7),
  .tabMenu ul li:first-child:nth-last-child(7) ~ li {
    width: 25%;
  }
  .tabMenu ul li:first-child:nth-last-child(8),
  .tabMenu ul li:first-child:nth-last-child(8) ~ li {
    width: 25%;
  }
  .tabMenu ul li:first-child:nth-last-child(9),
  .tabMenu ul li:first-child:nth-last-child(9) ~ li {
    width: 20%;
  }
  .tabMenu2 ul li {
    text-align: left;
  }
  .tabMenu2 ul li::before {
    display: none;
  }
  .tabMenu2 ul.li3 li {
    width: 50%;
  }

  /* 모바일 테이블 가로스크롤 */
  .tb_scroll {
    position: relative;
    width: 100%;
    overflow: auto;
  }
  .tb_scroll table {
    width: 1000px;
  }
  .tb_scroll::after {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 27px;
    height: 100%;
    content: "";
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Sfpebyy_nycun.cat") repeat-y fixed right top;
    z-index: 2;
  }
  .tb_scroll .mbtb_quide {
    position: absolute;
    top: 150px;
    left: 50%;
    width: 60px;
    height: 60px;
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Sot_gbhpu.cat") no-repeat;
    background-size: 100%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
  }

  .totalSearchCon .searchTabMenu ul li {
    width: 25%;
  }
  .totalSearchCon .searchTabMenu ul li a {
    margin-top: -1px;
  }

  .s1_2_tab ol li {
    width: 25%;
  }
  .s1_2_tab ol li:nth-child(5)::before {
    top: 50%;
    bottom: auto;
    left: auto;
    right: -5px;
    transform: rotate(0);
    -webkit-transform: rotate(0);
  }
  .s1_2_tab ol li:nth-child(5) ~ li {
    float: left;
  }
  .s1_2_tab ol li:nth-child(5) ~ li::before {
    right: -5px;
    left: auto;
    transform: rotate(0);
    -webkit-transform: rotate(0);
  }

  .s1_2_con {
    background: none;
  }
  .s1_2_con .box {
    position: relative;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    width: calc(50% - 10px);
    margin-bottom: 20px;
    float: left;
  }
  .s1_2_con .box:nth-child(2n) {
    margin-left: 20px;
  }

  .s1_5_2_con1 ul li {
    margin-bottom: 20px;
    width: 33.33%;
  }

  .course_con > div {
    width: 100%;
  }
  .course_con > .con1 {
    margin: 0 0 20px;
  }
  .course_con > .con2 {
    margin: 0;
  }

  .listTypeA.breakdown {
    display: block;
    border: 1px solid #e1e1e1;
    border-width: 0 1px 1px 0;
    border-top: 1px solid #707070;
  }
  .listTypeA.breakdown .colgroup {
    display: none;
  }
  .listTypeA.breakdown thead {
    display: none;
  }
  .listTypeA.breakdown tbody {
    display: flex;
    flex-wrap: wrap;
  }
  .listTypeA.breakdown tbody::after {
    display: block;
    clear: both;
    content: "";
  }
  .listTypeA.breakdown tbody tr {
    display: block;
    margin-bottom: -1px;
    padding: 20px;
    width: 50%;
    text-align: left;
    border-bottom: 1px solid #e1e1e1;
    border-left: 1px solid #e1e1e1;
  }
  .listTypeA.breakdown tbody tr td {
    display: block;
    padding: 5px 0;
    border: 0;
  }
  .listTypeA.breakdown tbody tr td.none {
    display: none;
  }
  .listTypeA.breakdown tbody tr td.subject {
    clear: both;
    width: 100%;
  }
  .listTypeA.breakdown tbody tr td.subject a {
    font-size: 18px;
  }
  .listTypeA.breakdown tbody tr td.info {
    display: inline-block;
    margin-right: 10px;
    font-size: 12px;
  }
  .listTypeA.breakdown tbody tr td.info.per span::before {
    content: "학습율 ";
  }
  .listTypeA.breakdown tbody tr td.btn {
    text-align: right;
  }

  .viewTypeA > tbody > tr > td .grap {
    margin: 0 0 5px;
    width: 100%;
  }

  .s3_4_1_con1 dl {
    float: none !important;
    margin-bottom: 20px;
    width: 100%;
  }

  .mapCon .mapTop {
    padding-right: 210px;
    background-size: 300px;
  }
  .mapCon .mapBox .mapInfor {
    padding: 20px;
  }
  .mapCon .mapBox .mapInfor ol li {
    width: 50%;
  }

  .s6_1_con .img {
    width: 30%;
    margin: 0 30px 20px 0;
  }
  .s6_1_con .img img {
    width: 100%;
  }
  .s6_1_con .con {
    float: none;
    padding: 10px 0 0;
    width: 100%;
  }

  .siteMapCon > ul > li {
    width: 33.33%;
  }
  .siteMapCon > ul > li:nth-child(4) {
    clear: left;
  }
  .siteMapCon > ul > li:nth-child(5) {
    clear: none;
  }

  .s6_6_con1 .root_daum_roughmap .wrap_map {
    height: 350px !important;
  }

  .s6_6_con2 ul li {
    float: none;
    margin-bottom: 20px;
    width: 100%;
  }

  .writeTypeA tbody td .labList2 li {
    width: 24%;
  }

  .package_app .doc_list li {
    padding: 20px 0;
  }
  .package_app .doc_list li .etc_btn {
    position: relative;
    top: 0;
    margin-top: 10px;
  }

  .sgCon .con3 dl dd .con3_3 {
    padding-right: 0;
  }
  .sgCon .con3 dl dd .con3_3::after {
    top: auto;
    bottom: 0;
    width: 145px;
  }
  .sgCon .con3 dl dd .con3_3 li {
    margin: 0 5px 10px;
    width: auto !important;
  }
  .sgCon .con3 dl dd .con3_4 {
    padding-right: 0;
  }
  .sgCon .con3 dl dd .con3_4 .img {
    position: relative;
    width: auto;
    text-align: center;
  }

  .my-player-dimensions {
    padding-top: 56%;
    width: 100% !important;
    height: 400px !important;
  }
  #eduCenterPublicModal .modal-dialog {
    width: 95%;
  }
  .videobx_left {
    float: none;
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
  }
  .videobx_right {
    float: none;
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    margin-top: 30px;
  }

  .video-js .vjs-big-play-button {
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
  }
}

/* TABLET Device */
@media all and (max-width: 1000px) {
  .mapCon .mapBox .mapInfor ol.li2 li {
    width: 100%;
  }
  .mapCon .mapBox .mapInfor ol.li2 li.li3,
  .mapCon .mapBox .mapInfor ol.li2 li.li3 ~ li {
    width: 50%;
  }

  .s1_5_box .box {
    padding: 30px;
  }
  .s1_5_box .box .con1 ol li {
    margin-bottom: 20px;
    width: 33.33%;
  }
  .s1_5_box .box .con1 ol li:nth-child(4) {
    clear: left;
  }
  .s1_5_box .box .con2 {
    display: block;
  }
  .s1_5_box .box .con2 > div {
    display: block;
    margin-bottom: 30px;
    width: 100%;
  }
  .s1_5_box .box .con2 .lt {
    border-right: 0;
  }
  .writeTypeA .labList4 > li .area_lay {
    left: auto;
    right: 0;
    padding: 10px 30px 10px 10px;
    min-width: 340px;
    transform: translateX(0);
    -webkit-transform: translateX(0);
  }
}



/* Mobile Device */
@media all and (max-width: 640px) {
  body {
    font-size: 14px;
    line-height: 1.4;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  input,
  button,
  textarea,
  select,
  table {
    font-size: 14px;
  }

  .mt15 {
    margin-top: 10px !important;
  }
  .mt20 {
    margin-top: 10px !important;
  }
  .mt25 {
    margin-top: 15px !important;
  }
  .mt30 {
    margin-top: 20px !important;
  }
  .mt35 {
    margin-top: 20px !important;
  }
  .mt40 {
    margin-top: 25px !important;
  }
  .mt50 {
    margin-top: 25px !important;
  }
  .mt60 {
    margin-top: 30px !important;
  }
  .mt70 {
    margin-top: 30px !important;
  }
  .mb-20 {
    margin-bottom: -10px !important;
  }
  .mb15 {
    margin-bottom: 10px !important;
  }
  .mb20 {
    margin-bottom: 10px !important;
  }
  .mb25 {
    margin-bottom: 15px !important;
  }
  .mb30 {
    margin-bottom: 20px !important;
  }
  .mb35 {
    margin-bottom: 20px !important;
  }
  .mb40 {
    margin-bottom: 20px !important;
  }
  .mb45 {
    margin-bottom: 25px !important;
  }
  .mb50 {
    margin-bottom: 25px !important;
  }
  .mb60 {
    margin-bottom: 30px !important;
  }
  .mb70 {
    margin-bottom: 30px !important;
  }

  .mr15 {
    margin-right: 10px !important;
  }
  .mr20 {
    margin-right: 10px !important;
  }
  .mr25 {
    margin-right: 15px !important;
  }
  .mr30 {
    margin-right: 20px !important;
  }
  .mr35 {
    margin-right: 20px !important;
  }
  .mr40 {
    margin-right: 20px !important;
  }
  .mr45 {
    margin-right: 25px !important;
  }
  .mr50 {
    margin-right: 25px !important;
  }

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

  .pt15 {
    padding-top: 10px !important;
  }
  .pt20 {
    padding-top: 10px !important;
  }
  .pt25 {
    padding-top: 15px !important;
  }
  .pt30 {
    padding-top: 20px !important;
  }
  .pt35 {
    padding-top: 20px !important;
  }
  .pt40 {
    padding-top: 20px !important;
  }
  .pt45 {
    padding-top: 20px !important;
  }
  .pt50 {
    padding-top: 20px !important;
  }

  .pr15 {
    padding-right: 10px !important;
  }
  .pr20 {
    padding-right: 10px !important;
  }
  .pr25 {
    padding-right: 15px !important;
  }
  .pr30 {
    padding-right: 20px !important;
  }
  .pr35 {
    padding-right: 20px !important;
  }
  .pr40 {
    padding-right: 20px !important;
  }
  .pr45 {
    padding-right: 20px !important;
  }
  .pr50 {
    padding-right: 20px !important;
  }

  .pb15 {
    padding-bottom: 10px !important;
  }
  .pb20 {
    padding-bottom: 10px !important;
  }
  .pb25 {
    padding-bottom: 15px !important;
  }
  .pb30 {
    padding-bottom: 20px !important;
  }
  .pb35 {
    padding-bottom: 20px !important;
  }
  .pb40 {
    padding-bottom: 20px !important;
  }
  .pb45 {
    padding-bottom: 20px !important;
  }
  .pb50 {
    padding-bottom: 20px !important;
  }

  .pl15 {
    padding-left: 10px !important;
  }
  .pl20 {
    padding-left: 10px !important;
  }
  .pl25 {
    padding-left: 15px !important;
  }
  .pl30 {
    padding-left: 20px !important;
  }
  .pl35 {
    padding-left: 20px !important;
  }
  .pl40 {
    padding-left: 20px !important;
  }
  .pl45 {
    padding-left: 20px !important;
  }
  .pl50 {
    padding-left: 20px !important;
  }

  .pp60 {
    padding: 20px !important;
  }

  input[type="text"],
  input[type="password"],
  input[type="search"],
  input[type="tel"],
  input[type="email"] {
    padding: 5px;
    height: 35px;
    font-size: 14px;
  }
  input[type="file"] {
    padding: 0;
    height: 35px;
    font-size: 14px;
  }
  .select {
    padding: 0 20px 0 5px;
    height: 35px;
    font-size: 14px;
    background-size: 7px;
    background-position: right 8px center;
  }

  .fon24 {
    font-size: 16px !important;
  }
  .fon20 {
    font-size: 16px !important;
  }
  .fon18 {
    font-size: 14px !important;
  }
  .fon16 {
    font-size: 12px !important;
  }
  .fon15 {
    font-size: 13px !important;
  }

  .btnList {
    margin: 20px 0;
  }

  .btnBc a,
  .btnBc button,
  .btnBc input {
    padding: 0 5px; /*min-width:80px;*/
    min-width: 75px;
    font-size: 13px;
    line-height: 35px;
  }
  .btnBc.sm a,
  .btnBc.sm button,
  .btnBc.sm input {
    min-width: 50px;
    line-height: 33px;
  }
  .btnBc.sm2 a,
  .btnBc.sm2 button,
  .btnBc.sm2 input {
    min-width: 50px;
    line-height: 30px;
  }
  .btnBc.big a,
  .btnBc.big button,
  .btnBc.big input {
    min-width: 120px;
    font-size: 14px;
    line-height: 40px;
  }
  .btnBc.down a,
  .btnBc.down button,
  .btnBc.down input {
    padding-left: 30px;
    background-position: 6px center;
  }
  .btnBc.sw a,
  .btnBc.sw button,
  .btnBc.sw input {
    min-width: 80px;
  }

  h1.title {
    margin-bottom: 30px;
    padding-bottom: 10px;
    padding-right: 40px;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.2;
  }
  h2.title {
    margin: 30px 0 10px;
    padding-left: 17px;
    font-size: 18px;
    background-size: 12px;
  }
  h3.title {
    margin: 25px 0 10px;
    font-size: 16px;
  }

  .li_dot > li {
    padding-left: 8px;
  }
  .li_dot > li::before {
    top: 7px;
  }

  .li_dot2 > li {
    padding-left: 10px;
  }

  .h_li {
    margin-left: 8px;
  }
  .h_li > li {
    margin-bottom: 10px;
    padding-left: 10px;
  }
  .h_li > li > strong {
    margin-bottom: 5px;
    font-size: 15px;
  }
  .h_li > li::before {
    top: 8px;
    width: 4px;
    height: 4px;
  }

  .h2_p {
    margin: 0 0 10px 15px;
  }
  .h3_p {
    margin: 0 0 15px 20px;
  }

  .li_num {
    margin-left: 10px;
  }
  .li_num li {
    margin-bottom: 5px;
  }

  .t_typelA {
    font-size: 14px;
  }
  .t_typelA thead th {
    padding: 10px 5px;
    word-break: break-all;
  }
  .t_typelA tbody th,
  .t_typelA tbody td {
    padding: 5px;
  }
  .t_typelA tbody td {
    height: 25px;
  }
  .t_typelA tfoot td {
    padding: 5px;
    height: 25px;
  }
  .t_typelA tbody td .btnOrg1 {
    margin-bottom: 3px;
    width: 60px;
    height: 30px;
    font-size: 12px;
  }
  .t_typelA tbody td .btnOrg2 {
    width: 60px;
    height: 30px;
    font-size: 12px;
  }
  .t_typelA tbody td.workCon {
    padding: 15px 10px;
  }
  .t_typelA tfoot th,
  .t_typelA tfoot td {
    padding: 5px;
  }
  .t_typelA thead th.mbNone + th,
  .t_typelA tbody td.mbNone + td {
    border-left: 0;
  }

  .tabMenu {
    margin-bottom: 15px;
  }
  .tabMenu ul li a {
    margin-bottom: -1px;
    padding: 5px 0;
    height: auto;
    min-height: 35px;
    font-size: 14px;
    line-height: 30px;
  }
  .tabMenu ul li:first-child:nth-last-child(4),
  .tabMenu ul li:first-child:nth-last-child(4) ~ li {
    width: 50%;
  }
  .tabMenu ul li:first-child:nth-last-child(5),
  .tabMenu ul li:first-child:nth-last-child(5) ~ li {
    width: 50%;
  }
  .tabMenu ul li:first-child:nth-last-child(6),
  .tabMenu ul li:first-child:nth-last-child(6) ~ li {
    width: 33.33%;
  }
  .tabMenu ul li:first-child:nth-last-child(7),
  .tabMenu ul li:first-child:nth-last-child(7) ~ li {
    width: 25%;
  }
  .tabMenu ul li:first-child:nth-last-child(8),
  .tabMenu ul li:first-child:nth-last-child(8) ~ li {
    width: 33.33%;
  }
  .tabMenu ul li:first-child:nth-last-child(9),
  .tabMenu ul li:first-child:nth-last-child(9) ~ li {
    width: 33.33%;
  }
  .tabMenu.type2 {
    margin-bottom: 30px;
    border-bottom: 0;
  }
  .tabMenu.type2 ul li a {
    border-bottom: 1px solid #e1e1e1;
  }

  .bbs_top {
    margin-bottom: 10px;
  }
  .bbs_top .total {
    margin-top: 15px;
    padding-top: 0;
    line-height: 1;
  }
  .bbs_top .boadSearchA {
    float: none;
  }

  .boadSearchA {
    margin: 0 auto;
    max-width: 360px;
  }
  .boadSearchA select {
    margin-right: 0;
    width: 90px;
  }
  .boadSearchA .serInput {
    padding-right: 40px;
    width: calc(100% - 95px);
  }
  .boadSearchA .btn {
    width: 35px;
    height: 35px;
  }
  .boadSearchA.type2 select {
    width: 60px;
  }
  .boadSearchA.type2 .serInput {
    width: calc(100% - 126px);
  }

  .mbNone {
    display: none;
  }

  .listTypeA thead th {
    padding: 10px 0;
  }
  .listTypeA tbody td {
    padding: 10px 5px;
    line-height: 1.4;
  }
  .listTypeA tbody td .stat {
    width: 55px;
    font-size: 12px;
    line-height: 25px;
  }
  .listTypeA tbody td .notice {
    width: 28px;
    font-size: 10px;
    line-height: 18px;
  }
  .listTypeA tbody td .file {
    width: 15px;
  }
  .listTypeA.qna tbody td.subject a {
    padding-left: 15px;
  }
  .listTypeA.qna tbody td.subject .private {
    width: 10px;
  }

  .listTypeB ul {
    margin: 0 -5px;
  }
  .listTypeB ul li {
    margin-bottom: 10px;
    padding: 0 5px;
  }
  .listTypeB ul li .tit {
    padding: 7px;
  }

  .listTypeC ul {
    margin: 0 -5px;
  }
  .listTypeC ul li {
    margin-bottom: 10px;
    padding: 0 5px;
    width: 50%;
  }
  .listTypeC ul li .infor {
    padding: 10px 5px;
    min-height: 85px;
  }
  .listTypeC ul li .infor .tit {
    margin-bottom: 10px;
    height: 36px;
    font-size: 14px;
  }
  .listTypeC ul li .infor .date {
    font-size: 12px;
  }
  .listTypeC.movie ul {
    margin: 0 -5px;
  }
  .listTypeC.movie ul li {
    margin-bottom: 10px;
    padding: 0 5px;
    width: 50%;
  }
  .listTypeC.movie ul li .infor {
    min-height: 60px;
  }
  .listTypeC.movie ul li .infor .tit {
    font-size: 14px;
  }

  .listTypeC.movie2 ul {
    margin: 0 -5px;
  }
  .listTypeC.movie2 ul li {
    margin-bottom: 10px;
    padding: 0 5px;
    width: 50%;
  }
  .listTypeC.movie2 ul li .infor {
    min-height: 40px;
  }
  .listTypeC.movie2 ul li .infor .tit {
    font-size: 14px;
  }

  .listTypeC.marine ul {
    margin: 0 -5px;
  }
  .listTypeC.marine ul li {
    margin-bottom: 10px;
    padding: 0 5px;
    width: 50%;
  }
  .listTypeC.marine ul li .infor {
    min-height: 40px;
  }
  .listTypeC.marine ul li .infor .tit {
    font-size: 14px;
  }

  .listTypeC.manual ul li .infor {
    min-height: 40px;
  }
  .listTypeC.manual ul li .infor .tit {
    font-size: 14px;
  }

  .listTypeD > ul > li {
    padding: 20px 0;
  }
  .listTypeD > ul > li .photo {
    position: relative;
    top: 0;
    margin-bottom: 20px;
    width: 100%;
  }
  .listTypeD > ul > li .photo img {
    width: 100%;
  }
  .listTypeD > ul > li .photo .state {
    width: 75px;
    font-size: 13px;
    line-height: 30px;
  }
  .listTypeD > ul > li dl dt {
    margin-bottom: 20px;
    font-size: 20px;
  }
  .listTypeD > ul > li dl dd ul li {
    margin: 2px 0;
    padding-left: 70px;
    min-height: 25px;
  }
  .listTypeD > ul > li dl dd .btn a {
    padding-left: 10px;
    width: 75px;
    font-size: 12px;
    line-height: 28px;
  }
  .listTypeD > ul > li dl dd .btn a::after {
    top: 10px;
    right: 8px;
    border-width: 4px 0 4px 4px;
  }

  .listTypeQ dl dt {
    padding: 10px 0 0 50px;
    font-size: 14px;
  }
  .listTypeQ dl dt::after {
    top: 25px;
    right: 15px;
    width: 6px;
    height: 6px;
  }
  .listTypeQ dl dt .part {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    width: auto;
    font-size: 13px;
    text-align: left;
  }
  .listTypeQ dl dt a {
    padding: 0 30px 10px 0;
    min-height: 30px;
  }
  .listTypeQ dl .name {
    top: 15px;
    left: 5px;
    width: 28px;
    height: 28px;
  }
  .listTypeQ dl .name::after {
    font-size: 14px;
    line-height: 26px;
  }
  .listTypeQ dl dd {
    padding: 15px 20px 15px 50px;
  }

  .page {
    margin-top: 20px;
  }
  .page a {
    margin: 2px 1px;
    width: 30px;
    height: 30px;
    font-size: 14px;
    line-height: 28px;
  }
  .page a img {
    padding-bottom: 2px;
    width: 10px;
  }

  .viewTypeA {
    line-height: 1.4;
  }
  .viewTypeA > colgroup {
    display: none;
  }
  .viewTypeA > thead > tr > th {
    padding: 13px 10px;
    font-size: 15px;
  }
  .viewTypeA > tbody > tr {
    position: relative;
    display: block;
  }
  .viewTypeA > tbody > tr::after {
    display: block;
    clear: both;
    content: "";
  }
  .viewTypeA > tbody > tr::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 25%;
    height: 100%;
    content: "";
    background: #f8f8f8;
    border-right: 1px solid #e1e1e1;
  }
  .viewTypeA > tbody > tr > th:first-child + td + th {
    clear: left;
  }
  .viewTypeA > tbody > tr > th,
  .viewTypeA > tbody > tr > td {
    position: relative;
    display: block;
    float: left;
    padding: 10px;
    min-height: 45px;
    box-sizing: border-box;
    z-index: 1;
  }
  .viewTypeA > tbody > tr > th {
    padding: 10px 5px;
    width: 25%;
    word-break: break-all;
    background: none;
    border-width: 1px 0 0 0;
  }
  .viewTypeA > tbody > tr > td {
    margin-left: -1px;
    width: 75%;
    word-break: break-all;
    background: none;
    border-width: 1px 0 0 0;
  }
  .viewTypeA > tbody > tr.con::before {
    display: none;
  }
  .viewTypeA > tbody > tr > td.contents {
    margin-bottom: -1px;
    padding: 20px 0;
    width: 100%;
  }
  .viewTypeA > tbody > tr > td .w50 {
    width: 100%;
  }
  .viewTypeA > tbody > tr.colspan::before {
    display: none;
  }
  .viewTypeA > tbody > tr.colspan > td[colspan] {
    width: 100%;
  }
  .viewTypeA > tbody > tr > td .file a {
    padding-left: 18px;
    font-size: 13px;
    background-size: 12px;
  }
  .viewTypeA > tbody > tr > td.subtitle_con {
    width: 100%;
  }
  .viewTypeA > tbody > tr > td.subtitle_con dl dt {
    width: 60px;
    font-size: 14px;
    line-height: 30px;
  }
  .viewTypeA > tbody > tr > td.subtitle_con dl dd {
    padding: 15px;
    height: 140px;
  }
  .viewTypeA > tbody > tr > td.rep {
    padding: 20px 15px;
    width: 100%;
  }
  .viewTypeA > tbody > tr > td.rep .rep_name {
    top: -10px;
    left: -1px;
    width: 35px;
  }

  .viewlist li {
    padding: 0 10px 0 85px;
    line-height: 40px;
  }
  .viewlist li span {
    padding-left: 10px;
    width: 75px;
  }
  .viewlist li span::after {
    right: 10px;
    width: 10px;
    background-size: 100%;
  }

  .writeTypeA {
    table-layout: fixed;
  }
  .writeTypeA colgroup {
    display: none;
  }
  .writeTypeA tbody th {
    padding: 10px 6px;
    word-break: break-all;
  }
  .writeTypeA tbody td {
    padding: 5px;
    height: 25px;
  }
  .writeTypeA tbody td .w15 {
    width: 20%;
  }
  .writeTypeA tbody td .w20 {
    width: 30%;
  }
  .writeTypeA tbody td .w25 {
    width: 100%;
  }
  .writeTypeA tbody td .w30 {
    width: 42%;
  }
  .writeTypeA tbody td .w40 {
    width: 100%;
  }
  .writeTypeA tbody td .w48 {
    width: 65%;
  }
  .writeTypeA tbody td .w50 {
    width: 100%;
  }
  .writeTypeA tbody td .calendar .cal_inpt {
    padding-right: 30px;
    width: calc(50% - 10px);
  }
  .writeTypeA tbody td .calendar .cal_inpt input {
    height: 33px;
  }
  .writeTypeA tbody td .calendar .cal_inpt button {
    right: 0;
  }
  .writeTypeA > tbody > tr > th {
    width: 75px;
  }

  .writeTypeA.mb {
    border-bottom: 1px solid #e1e1e1;
  }
  .writeTypeA.mb colgroup {
    display: none;
  }
  .writeTypeA.mb tbody tr {
    position: relative;
    display: block;
  }
  .writeTypeA.mb tbody tr::after {
    display: block;
    clear: both;
    content: "";
  }
  .writeTypeA.mb tbody tr::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 25%;
    height: 100%;
    content: "";
    background: #f8f8f8;
    border-right: 1px solid #e1e1e1;
  }
  .writeTypeA.mb tbody tr th:first-child + td + th {
    clear: left;
  }
  .writeTypeA.mb tbody tr th,
  .writeTypeA.mb tbody tr td {
    position: relative;
    display: block;
    float: left;
    padding: 10px;
    min-height: 45px;
    box-sizing: border-box;
    z-index: 1;
  }
  .writeTypeA.mb tbody tr th {
    padding: 10px 6px;
    width: 25%;
    word-break: break-all;
    background: none;
    border-width: 1px 0 0 0;
  }
  .writeTypeA.mb tbody tr td {
    margin-left: -1px;
    padding: 8px;
    width: 75%;
    height: auto;
    word-break: break-all;
    background: none;
    border-width: 1px 0 0 0;
  }

  .multiFileUL > li {
    margin-bottom: 0;
    padding-right: 55px;
  }
  .writeTypeA .wid1 {
    width: 70px;
  }

  .gudTxt {
    margin-bottom: 20px;
    padding: 15px;
    font-size: 14px;
    background-image: none !important;
  }
  .gudTxt .txt1 {
    font-size: 16px;
  }

  /* 모바일 테이블 가로스크롤 */
  .mb_scroll {
    position: relative;
    width: 100%;
    overflow: auto;
  }
  .mb_scroll table {
    width: 800px;
  }
  .mb_scroll::after {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 27px;
    height: 100%;
    content: "";
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Sfpebyy_nycun.cat") repeat-y fixed right top;
    z-index: 2;
  }
  .mb_scroll .mbtb_quide {
    position: absolute;
    top: 30px;
    left: 50%;
    width: 60px;
    height: 60px;
    background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.frnyvsr.tb.xe%2Spbzzba%2Spff%2S2021%2S..%2S..%2Svzt%2Sot_gbhpu.cat") no-repeat;
    background-size: 100%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
  }

  #map_header {
    padding: 0 14px;
    height: 60px;
  }
  #map_header .logo {
    font-size: 20px;
    line-height: 60px;
  }
  #map_header .logo img {
    width: 110px;
  }
  #mMenu {
    top: 60px;
    left: -180px;
    width: 180px;
    height: calc(100% - 60px);
  }
  #mMenu .searchCon {
    padding: 10px;
    height: auto;
  }
  #mMenu .searchCon .box {
    padding-right: 0;
  }
  #mMenu .searchCon .box .select.w100 {
    width: 100%;
  }
  #mMenu .searchCon .box .select {
    margin-bottom: 3px;
    width: calc(50% - 2px);
  }
  #mMenu .searchCon .box .btn {
    position: relative;
    width: 100%;
    height: 34px;
    font-size: 14px;
  }
  #mMenu .selectList ul {
    padding: 10px;
  }
  #mMenu .selectList ul li {
    margin-bottom: 4px;
  }
  #mMenu .selectList ul li label {
    padding-left: 45px;
    height: 34px;
    font-size: 13px;
    line-height: 34px;
    border-radius: 5px;
  }
  #mMenu .selectList ul li input:checked + label {
    padding-left: 45px;
    height: 34px;
    line-height: 34px;
    border-width: 1px;
  }
  #mMenu .selectList ul li label::before {
    width: 20px;
    height: 20px;
    background-size: auto 100%;
  }
  #mMenu .selectList ul li label::before {
    left: 14px;
  }
  #mMenu .selectList ul li input:checked + label::before {
    left: 14px;
  }
  #mMenu .btnMenuClose {
    margin-top: -40px;
  }

  .s1_1_con1 .box {
    padding: 30px 20px;
  }
  .s1_1_con1 .logo img {
    height: 45px;
  }

  .s1_1_con2 li {
    display: block;
    margin-bottom: 15px;
  }
  .s1_1_con2 li dl {
    display: block;
    padding: 15px;
    width: 100%;
    border-radius: 10px 10px 0 0;
  }
  .s1_1_con2 li dl dt {
    margin-bottom: 10px;
    font-size: 16px;
  }
  .s1_1_con2 li dl dt::after {
    bottom: -5px;
  }
  .s1_1_con2 li dl dd {
    font-size: 14px;
  }
  .s1_1_con2 li .img {
    display: block;
    padding: 15px;
    width: 100%;
    border-radius: 0 0 10px 10px;
  }

  .layPop .layBox {
    padding: 10px;
  }
  .layPop .layBox .conBox {
    padding: 10px;
  }
  .layPop .layBox .conBox h2 {
    padding: 0 15px;
    font-size: 16px;
    line-height: 40px;
  }
  .layPop .layBox .conBox .inputCon {
    padding: 20px 10px;
    font-size: 13px;
  }
  .layPop .layBox .conBox .inputCon .pw_input {
    width: 140px;
    height: 35px;
  }
  .layPop .layBox .conBox .inputCon .btn {
    width: 45px;
    height: 35px;
    font-size: 13px;
  }
  .layPop .layBox .conBox .btnClose {
    top: 10px;
    right: 10px;
    width: 40px;
    height: 40px;
    background-size: 13px;
  }

  .mb_table_scroll {
    max-width: 300px;
    overflow: auto;
  }
  .mb_table_scroll table {
    width: 600px;
  }

  .writeTypeA tbody td .btn_box p {
    float: none;
    margin-bottom: 5px;
  }
  .writeTypeA tbody td .btn_box .btnOpen {
    float: none;
    padding-left: 10px;
    width: 60px;
    height: 26px;
    font-size: 12px;
  }
  .writeTypeA tbody td .btn_box .btnOpen::after {
    top: 9px;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #363636;
  }

  .in_table_scroll {
    position: relative;
    overflow: auto;
  }
  .in_table_scroll table {
    width: 700px;
  }
  .in_table_scroll .in_tablebx {
    width: 700px;
  }

  .viewTypeB .step {
    position: relative;
    text-align: right;
  }
  .viewTypeB .step li {
    line-height: 35px;
  }
  .viewTypeB dl dt {
    padding: 15px 0;
    min-height: 30px;
    font-size: 16px;
  }
  .viewTypeB dl dd.con {
    padding: 15px 0;
  }
  .viewTypeB dl dd .viewTypeA {
    table-layout: fixed;
  }

  .loginCon {
    padding: 30px 20px;
  }
  .loginCon p {
    margin-bottom: 25px;
    font-size: 14px;
  }
  .loginCon .loginBox {
    margin: 0 auto 30px;
    padding-right: 75px;
  }
  .loginCon .loginBox ul li {
    padding-left: 70px;
  }
  .loginCon .loginBox ul li:first-child {
    margin-bottom: 5px;
  }
  .loginCon .loginBox ul li .name {
    top: 7px;
    width: 55px;
    font-size: 14px;
  }
  .loginCon .loginBox ul li .inptxt {
    height: 36px;
  }
  .loginCon .loginBox .btn {
    width: 70px;
    height: 80px;
    font-size: 14px;
  }
  .loginCon .etcLink {
    padding-top: 30px;
  }
  .loginCon .etcLink li {
    padding: 0;
    text-align: center;
  }
  .loginCon .etcLink li .btn {
    position: relative;
    display: inline-block;
    margin-top: 5px;
  }
  .loginCon .etcLink li .btn a {
    font-size: 14px;
    line-height: 30px;
  }

  .joinCon {
    padding: 0;
  }
  .joinCon .step {
    margin: 0 0 30px;
  }
  .joinCon .step li {
    font-size: 13px;
    line-height: 40px;
  }
  .joinCon .step li::before {
    right: -32px;
    width: 30px;
    height: 30px;
  }
  .joinCon .step li span {
    position: relative;
    display: inline-block;
    padding: 0 0 3px 10px;
    line-height: 1.1;
    vertical-align: middle;
    z-index: 2;
  }
  .joinCon h2 {
    margin: 30px 0 10px;
    font-size: 18px;
  }
  .joinCon .provBox {
    margin-bottom: 10px;
    padding: 15px;
    height: 180px;
  }
  .joinCon .provTxt2 li p {
    padding-left: 45px;
  }
  .joinCon .provTxt2 li p .type1,
  .joinCon .provTxt2 li p .type2 {
    width: 40px;
    line-height: 22px;
  }

  .certiCon li {
    margin-bottom: 10px;
    padding: 100px 10px 20px;
    width: 100%;
    background-size: 50px;
  }
  .certiCon li .tit {
    font-size: 16px;
  }

  .joinCon .join_end {
    padding: 35px 20px 10px;
  }
  .joinCon .join_end .txt1 {
    font-size: 18px;
  }
  .joinCon .join_end .txt2 {
    margin-bottom: 40px;
  }

  .idpwCon .ser_guid {
    margin-bottom: 20px;
    font-size: 16px;
  }

  .idpwCon .idBox {
    margin-bottom: 10px;
    padding: 20px 20px;
  }
  .idpwCon .idBox label {
    margin-right: 5px;
    font-size: 14px;
  }
  .idpwCon .idBox input {
    width: 200px;
  }

  .guid_txt {
    margin-bottom: 20px;
    padding: 20px;
    background-image: none !important;
    background-size: 60px;
    background-position: 20px 20px;
  }
  .guid_txt h2 {
    margin-bottom: 10px;
    font-size: 16px;
  }
  .privCon h3 {
    margin: 20px 0 10px;
    font-size: 18px;
  }
  .privCon > ul > li,
  .privCon > ol > li {
    margin-bottom: 10px;
  }
  .privCon > ol > li > ol,
  .privCon > ul > li > ul,
  .privCon > ol > li > ul {
    margin: 5px 0 0 10px;
  }

  .priv_conbx {
    display: block;
    margin: 0;
  }
  .priv_conbx > div {
    width: 100%;
    margin: 5px 0;
    padding: 10px;
  }
  .priv_conbx .priv_label1::before {
    width: 70px;
    height: 70px;
    background-size: 80% auto;
  }
  .priv_conbx .priv_label2::before {
    width: 70px;
    height: 70px;
    background-size: 80% auto;
  }
  .priv_conbx .priv_label3::before {
    width: 70px;
    height: 70px;
    background-size: 80% auto;
  }
  .priv_conbx .priv_title {
    font-size: 16px;
  }

  .totalSearchCon .searchBox {
    padding: 15px;
  }
  .totalSearchCon .searchBox .searchForm {
    margin-bottom: 5px;
    padding-right: 70px;
  }
  .totalSearchCon .searchBox .searchForm .btn {
    right: 0;
    padding-left: 30px;
    width: 65px;
    height: 35px;
    background-position: 10px center;
  }
  .totalSearchCon .searchBox .searchForm .btnOpen {
    position: relative;
    margin-top: 8px;
    padding-left: 8px;
    width: calc(100% + 70px);
    height: 37px;
  }
  .totalSearchCon .searchBox .searchForm .btnOpen::after {
    right: 10px;
  }
  .totalSearchCon .searchBox .search-option-content .selectBox {
    margin-bottom: 3px;
    width: 100%;
  }
  .totalSearchCon .searchBox .search-option-content .selectBox button {
    text-indent: 10px;
    height: 35px;
  }
  .totalSearchCon .searchBox .search-option-content .selectBox button::after {
    right: 12px;
  }
  .totalSearchCon .searchBox .search-option-content .selectBox .dropdown {
    top: 35px;
    padding: 5px 10px;
    z-index: 10;
  }

  .totalSearchCon .searchTabMenu ul li a {
    padding: 10px 6px;
    font-size: 14px;
  }
  .totalSearchCon .searchTabMenu.tab2 ul li {
    width: 33.33%;
  }
  .totalSearchCon .searchTabMenu.tab2 ul li a {
    padding: 12px 0;
    font-size: 12px;
  }
  .totalSearchCon .searTxt {
    margin-bottom: 20px;
    font-size: 16px;
  }
  .totalSearchCon .sear_result {
    margin-bottom: 20px;
  }
  .totalSearchCon .sear_result h2 {
    padding-bottom: 12px;
    padding-left: 15px;
    font-size: 18px;
  }
  .totalSearchCon .sear_result h2::before {
    width: 12px;
    height: 12px;
    border-width: 4px;
  }
  .totalSearchCon .sear_result .list li {
    padding: 12px 5px;
  }
  .totalSearchCon .sear_result .list li .tit {
    margin: 0 0 5px 0;
    font-size: 15px;
  }
  .totalSearchCon .sear_result .list li .date {
    display: block;
    margin-bottom: 5px;
    font-size: 12px;
  }
  .totalSearchCon .sear_result .list li .file a {
    margin-right: 15px;
    padding: 0 0 1px 20px;
    font-size: 13px;
    background-size: 15px;
  }
  .totalSearchCon .sear_result .rt {
    right: 0;
    font-size: 13px;
  }
  .totalSearchCon .sear_result .btnMore {
    position: relative;
    top: 0;
    display: block;
    margin-top: 10px;
    text-align: right;
  }
  .totalSearchCon .sear_result .btnMore a {
    display: inline-block;
    padding-left: 8px;
    width: 70px;
    font-size: 13px;
    line-height: 30px;
    text-align: left;
  }
  .totalSearchCon .sear_result .btnMore a::after {
    top: 11px;
  }

  .s1_2_tab {
    margin-bottom: 10px;
  }
  .s1_2_tab ol {
    margin: 0 -7px;
  }
  .s1_2_tab ol li {
    margin-bottom: 15px;
    padding: 0 7px;
    width: 50%;
  }
  .s1_2_tab ol li a {
    padding: 10px;
  }
  .s1_2_tab ol li a .num {
    height: 24px;
    font-size: 13px;
  }
  .s1_2_tab ol li a .txt {
    height: 70px;
  }

  /*
	.s1_2_con .box{padding:10px;background-image:none !important}
	.s1_2_con .box .con{padding:15px;background-size:auto, 90%;}
	.s1_2_con .box .con .step{margin-bottom: 5px;font-size: 13px;}
	.s1_2_con .box .con h3{margin-bottom: 10px;font-size: 24px;}
	.s1_2_con .box .con h3 span{padding-bottom:10px}
	.s1_2_con .box .con{min-height:200px}
	.s1_2_con .box .btnOpen button{font-size:12px}
	.s1_2_con .box ul li a{padding-top:35px;width: 60px;height: 60px;font-size: 13px;background-size: 25px;background-position:center 6px}
	*/
  .s1_2_con .box {
    width: 100%;
    height: auto;
    float: none;
  }
  .s1_2_con .box:nth-child(2n) {
    margin-left: 0;
  }
  .s1_2_con .box .txt {
    padding-right: 130px;
  }

  .basic_radio {
    width: 18px;
    height: 18px;
  }
  .basic_radio2 {
    width: 14px;
    height: 14px;
  }

  .testLayerPop {
    padding: 20px;
    overflow: auto;
  }
  .testLayerPop .popCon {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    transform: translate(0);
    -webkit-transform: translate(0);
  }
  .testLayerPop .popCon .con {
    padding: 30px 15px;
  }
  .testLayerPop .popCon .con .txt1 {
    margin-bottom: 20px;
    font-size: 18px;
  }

  .s1_4_con {
    padding: 20px;
  }
  .s1_4_con h3 {
    font-size: 18px;
  }
  .s1_4_con p {
    margin-bottom: 30px;
  }
  .s1_4_con .down a {
    padding: 0 20px 0 40px;
    line-height: 40px;
    background-position: 15px center;
  }

  .s1_4_3_box {
    padding: 10px;
  }

  .s1_4_7_con1 {
    margin: 30px auto 0;
    max-width: 340px;
  }
  .s1_4_7_con1 > ul {
    display: block;
  }
  .s1_4_7_con1 > ul > li {
    display: block;
    margin-bottom: 30px;
    padding-left: 0;
    width: 100%;
  }
  .s1_4_7_con1 > ul > li:nth-child(1) {
    width: 100%;
  }
  .s1_4_7_con1 > ul > li > span {
    margin: 0 auto;
    width: 120px;
    height: 120px;
    font-size: 18px;
    line-height: 120px;
  }
  .s1_4_7_con1 > ul > li dl {
    padding: 15px 10px;
  }
  .s1_4_7_con1 > ul > li dl dt {
    margin-bottom: 10px;
    font-size: 16px;
  }
  .s1_4_7_con1 > ul > li::before {
    top: -25px;
    left: 50%;
    margin-top: 0;
    margin-left: -10px;
    background-size: 15px;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
  }
  .s1_4_7_con1 > ul > li dl dd {
    padding: 10px;
    min-height: 100px;
  }

  .s1_4_7_con2 > div {
    margin-bottom: 10px;
    padding: 20px 20px 0;
    width: 100%;
  }
  .s1_4_7_con2 .con1 {
    padding-top: 20px;
  }
  .s1_4_7_con2 > div > ul > li dl dt {
    font-size: 14px;
  }
  .s1_4_7_con2 > div > ul > li dl dd {
    padding: 10px;
  }
  .s1_4_7_con2 .tit {
    font-size: 16px;
  }

  .s1_5_2_con1 ul li {
    margin-bottom: 15px;
    width: 50%;
  }
  .s1_5_2_con1 ul li .box {
    padding: 60px 10px 10px;
    background-position: center 15px;
    background-size: 40px;
  }
  .s1_5_2_con1 ul li .box .con {
    padding: 10px 5px;
    min-height: 130px;
    font-size: 13px;
  }
  .s1_5_2_con1 ul li .box .con .tit {
    font-size: 16px;
  }
  .s1_5_2_con1 ul li .box .con .txt {
    font-size: 12px;
  }

  .course_con > div {
    padding: 10px 20px 20px;
  }
  .course_con > div .tit {
    margin-bottom: 10px;
    padding: 0 0 10px 0;
  }
  .course_con > div .tit h2 {
    font-size: 18px;
  }
  .course_con > div .tit .txt {
    display: block;
    font-size: 12px;
  }
  .course_con > div .tit .btn a {
    width: 60px;
    font-size: 12px;
    line-height: 25px;
  }
  .course_con > .con1 ul {
    padding-left: 70px;
    background-position: 5px center;
    background-size: 45px;
  }
  .course_con > .con1 ul li {
    padding-left: 60px;
  }
  .course_con > .con2 ul li a {
    padding: 5px 0;
  }

  .listTypeA.breakdown tbody tr {
    position: relative;
    padding: 15px 20px;
    width: 100%;
  }
  .listTypeA.breakdown tbody tr td {
    padding: 3px 0;
  }
  .listTypeA.breakdown tbody tr td.btn {
    margin-top: 10px;
  }
  .listTypeA.breakdown tbody tr td.info {
    margin-right: 5px;
  }
  .listTypeA tbody td.info span {
    padding: 0 10px;
    line-height: 23px;
  }
  .listTypeA tbody td .btnMovie {
    position: absolute;
    right: 20px;
    bottom: 23px;
  }
  .listTypeA tbody td .btnMovie a {
    width: 50px;
    height: 24px;
    background-size: 20px;
  }

  .viewTypeA > tbody > tr > td .grap {
    padding-right: 50px;
  }
  .viewTypeA > tbody > tr > td .grap .line {
    padding: 4px;
    height: 22px;
  }
  .viewTypeA > tbody > tr > td .grap .line span {
    height: 14px;
  }
  .viewTypeA > tbody > tr > td .grap .per {
    font-size: 15px;
  }
  .viewTypeA > tbody > tr > td .stat {
    padding: 0 10px;
    font-size: 12px;
    line-height: 24px;
  }

  .votePop {
    padding: 15px;
  }
  .votePop .voteBox h2 {
    padding: 0 15px;
    font-size: 17px;
    line-height: 45px;
  }
  .votePop .voteBox .btnClose {
    width: 45px;
    height: 45px;
    background-size: 12px;
  }
  .votePop .voteBox .voteCon {
    padding: 15px;
  }
  .votePop .voteBox .voteCon .voteTxt {
    margin-bottom: 10px;
  }
  .votePop .voteBox .voteCon .voteTxt b {
    margin-bottom: 5px;
    font-size: 16px;
  }
  .votePop .voteBox .voteCon .voteGuide {
    margin-bottom: 20px;
    padding: 10px;
  }
  .votePop .voteBox .voteCon .voteView {
    padding: 0;
  }
  .votePop .voteBox .voteCon .voteView h3 {
    margin: 0 0 20px;
    padding: 10px;
    font-size: 14px;
  }
  .votePop .voteBox .voteCon .voteView dl {
    margin-bottom: 15px;
  }
  .votePop .voteBox .voteCon .voteView dl dt {
    margin-bottom: 5px;
    font-size: 14px;
  }
  .votePop .voteBox .voteCon .voteView dl dd > ul {
    padding-left: 0;
  }
  .votePop .voteBox .voteCon .voteView dl dd h4 {
    margin: 20px 0 5px;
    font-size: 14px;
  }
  .votePop .voteBox .voteCon .voteView dl dd h4 span {
    width: 20px;
    height: 20px;
    font-size: 12px;
    line-height: 20px;
  }

  .t_typelB thead th {
    padding: 10px 5px;
    font-size: 13px;
  }
  .t_typelB tbody td {
    padding: 10px 5px;
  }

  .s3_4_1_con1 {
    margin-bottom: 30px;
    padding: 20px;
  }
  .s3_4_1_con1 h2 {
    margin-bottom: 5px;
    font-size: 20px;
  }
  .s3_4_1_con1 p {
    margin-bottom: 20px;
    font-size: 13px;
  }
  .s3_4_1_con1 dl {
    display: block;
    padding: 15px;
  }
  .s3_4_1_con1 dl dt {
    display: block;
    margin-bottom: 10px;
    width: 100%;
    font-size: 16px;
  }
  .s3_4_1_con1 dl dd {
    display: block;
    width: 100%;
  }
  .s3_4_1_con1 dl dd.tell {
    font-size: 24px;
  }
  .s3_4_1_con2 h2 {
    margin-bottom: 10px;
    font-size: 20px;
  }
  .s3_4_1_con2 .box {
    padding: 15px;
  }

  .mblink a {
    display: block;
  }

  .mapCon .mapTop {
    padding-right: 0;
    background-size: 200px;
  }
  .mapCon .mapTop h2 {
    font-size: 18px;
    line-height: 1.3;
  }
  .mapCon .mapBox,
  .mapCon .mapBox.bg2 {
    padding: 0;
    background: none;
  }
  .mapCon .mapBox .map {
    display: none;
    float: none;
    margin-bottom: 20px;
    width: 100%;
  }
  .mapCon .mapBox .mapInfor {
    float: none;
    padding: 15px;
    width: 100%;
    min-height: 100px;
  }
  .mapCon .mapBox .mapInfor ol {
    margin-bottom: 10px;
    padding-bottom: 15px;
  }
  .mapCon .mapBox .mapInfor ol li a {
    padding: 5px 3px;
    font-size: 13px;
  }
  .mapCon .mapBox .mapInfor ol li a span {
    font-size: 12px;
    margin-right: 3px;
    padding-right: 6px;
  }
  .mapCon .mapBox .mapInfor ol.li2 li {
    width: 50%;
  }
  .mapCon .mapBox .mapInfor .map_con ul li {
    font-size: 14px;
  }
  .mapCon .mapBox .mapInfor .map_con .tit img {
    width: 50px;
  }
  .mapCon .mapBox .mapInfor .map_con h3 {
    font-size: 18px;
  }
  .mapCon .mapBox .mapInfor .map_con h3 span {
    margin-bottom: 5px;
    font-size: 12px;
  }
  .mapCon .mapBox .mapInfor .map_con .tit .title_name {
    width: calc(100% - 70px);
  }
  .mapCon .mapBox .mapInfor .map_con ul.infor li {
    padding-left: 65px;
  }
  .mapCon .mapBox .mapInfor .map_con ul.infor li .name {
    font-size: 13px;
  }

  .s6_1_con .img {
    float: none;
    width: 100%;
    margin: 0 0 20px;
  }
  .s6_1_con .img::after {
    display: none;
    right: 0;
    top: 0;
  }
  .s6_1_con .con {
    background-size: 80px;
    background-position: right 20px;
  }
  .s6_1_con .con .txt1 {
    margin-bottom: 20px;
    font-size: 24px;
  }
  .s6_1_con .con .txt1 span {
    font-size: 20px;
  }
  .s6_1_con .con .txt2 {
    margin-bottom: 5px;
    font-size: 16px;
  }

  .siteMapCon > ul > li {
    width: 50%;
  }
  .siteMapCon > ul > li:nth-child(4) {
    clear: none;
  }
  .siteMapCon > ul > li:nth-child(2n + 1) {
    clear: left;
  }
  .siteMapCon > ul > li > a {
    font-size: 16px;
    line-height: 41px;
  }
  .siteMapCon > ul > li > ul > li > a {
    padding: 10px;
    font-size: 14px;
  }
  .siteMapCon > ul > li > ul > li > ul {
    padding: 0 0 10px 13px;
  }
  .siteMapCon > ul > li > ul > li > ul > li {
    margin-bottom: 5px;
    padding-left: 10px;
  }
  .siteMapCon > ul > li > ul > li > ul > li::before {
    top: 8px;
  }
  .siteMapCon > ul > li > ul > li > ul > li > a {
    font-size: 13px;
  }
  .siteMapCon > ul > li > ul > li > ul > li > ul li a {
    font-size: 13px;
  }

  .s6_6_con1 .root_daum_roughmap .wrap_map {
    height: 250px !important;
  }

  .s6_6_con2 ul li {
    margin-bottom: 10px;
    padding: 10px 20px 10px 75px;
    background-size: 60px;
  }
  .s6_6_con2 ul li h2 {
    margin-bottom: 4px;
    font-size: 16px;
  }

  .writeTypeA tbody td .labList2 li {
    width: 48%;
  }

  .package_app .doc_search {
    margin: 15px 0 10px;
    padding-top: 10px;
  }
  .package_app .doc_search .btnBc {
    margin-top: 5px;
    width: 100%;
  }
  .package_app .doc_list li .etc_btn .select {
    margin: 5px 0;
    width: 100%;
  }
  .package_app .doc_list li .etc_btn .btnBc {
    width: 100%;
  }

  .layPop2 {
    padding: 10px;
  }
  .layPop2 .layBox h2 {
    padding: 0 15px;
    font-size: 17px;
    line-height: 45px;
  }
  .layPop2 .layBox .btnClose {
    width: 45px;
    height: 45px;
    background-size: 12px;
  }
  .layPop2 .layBox .conBox {
    padding: 15px;
  }

  .layPop3 {
    padding: 10px;
  }
  .layPop3 .layBox {
    margin: 10px 0;
  }
  .layPop3 .layBox h2 {
    padding: 0 15px;
    font-size: 17px;
    line-height: 45px;
  }
  .layPop3 .layBox .btnClose {
    width: 45px;
    height: 45px;
    background-size: 12px;
  }
  .layPop3 .layBox .conBox {
    padding: 15px;
  }
  .layPop3 .layBox .conBox h3 {
    margin: 15px 0 10px;
    font-size: 16px;
  }
  .layPop3 .layBox .conBox .box_srol {
    padding: 10px;
    height: 100px;
  }

  .layPop4 .layBox h2 {
    padding: 0 15px;
    font-size: 17px;
    line-height: 45px;
  }
  .layPop4 .layBox .btnClose {
    width: 45px;
    height: 45px;
    background-size: 12px;
  }
  .layPop4 .layBox .conBox {
    padding: 15px;
  }

  .sgCon .btn a {
    padding-left: 40px;
    width: 130px;
    line-height: 40px;
    background-position: 15px center;
  }
  .sgCon .site_ban img {
    height: 30px;
  }
  .sgCon .con1 .site {
    font-size: 14px;
  }
  .sgCon .con1 h3 {
    margin-bottom: 10px;
    font-size: 24px;
  }
  .sgCon .con1 p {
    font-size: 14px;
  }
  .sgCon .con2 {
    margin-bottom: 5px;
    padding: 15px 15px 30px;
  }
  .sgCon .con2::before {
    left: 20px;
    bottom: -25px;
    width: 90px;
    height: 42px;
  }
  .sgCon .con2::after {
    right: 20px;
    bottom: -25px;
    width: 90px;
    height: 42px;
  }
  .sgCon .con3 {
    padding: 40px 15px;
  }
  .sgCon .con3 dl dt {
    margin-bottom: 10px;
    padding-left: 32px;
    font-size: 17px;
  }
  .sgCon .con3 dl dt::before {
    width: 26px;
    font-size: 14px;
    line-height: 26px;
  }
  .sgCon .con3 dl dd {
    margin-bottom: 30px;
    padding-left: 0;
  }
  .sgCon .con3 dl dd .con3_1 li {
    padding-right: 20px;
  }
  .sgCon .con3 dl dd .con3_1 li div {
    width: 120px;
    height: 120px;
  }
  .sgCon .con3 dl dd .con3_1 li::after {
    right: 3px;
    font-size: 24px;
  }
  .sgCon .con3 dl dd .con3_2 h4 {
    font-size: 15px;
  }
  .sgCon .con3 dl dd .txt_big {
    margin-bottom: 20px;
    font-size: 14px;
  }
  .sgCon .con3 dl dd .con3_3 li {
    display: block;
    margin-bottom: 40px;
    width: 100%;
  }
  .sgCon .con3 dl dd .con3_3 li:nth-child(2) {
    width: 100%;
  }
  .sgCon .con3 dl dd .con3_3 li::before {
    bottom: 20px;
  }
  .sgCon .con3 dl dd .con3_3::before {
    display: none;
  }

  .s1_5_box {
    padding: 15px;
  }
  .s1_5_box dl dt {
    margin-bottom: 10px;
    font-size: 17px;
  }
  .s1_5_box .box {
    margin-top: 20px;
    padding: 15px;
  }
  .s1_5_box .box .con1 {
    padding-left: 0;
  }
  .s1_5_box .box h2 {
    margin-bottom: 10px;
    padding-left: 15px;
    font-size: 16px;
  }
  .s1_5_box .box h2::before {
    top: 3px;
    width: 10px;
    height: 10px;
    border-width: 3px;
  }
  .s1_5_box .box .con1 ol {
    margin: 20px -10px;
  }
  .s1_5_box .box .con1 ol li {
    padding: 0 10px;
    width: 50%;
  }
  .s1_5_box .box .con1 ol li::after {
    right: -5px;
  }
  .s1_5_box .box .con1 ol li div {
    line-height: 60px;
  }
  .s1_5_box .box .con1 ol li div strong {
    font-size: 15px;
  }
  .s1_5_box .box .con1 ol li:nth-child(4) {
    clear: none;
  }
  .s1_5_box .box .con2 > div {
    padding: 0;
  }
  .s1_5_box .box .con2 > div h3 {
    font-size: 15px;
  }
  .s1_5_box2 {
    display: block;
    margin-bottom: 20px;
  }
  .s1_5_box2 p {
    display: block;
    padding: 15px 20px 15px 50px;
    background-position: left 15px top 20px;
    background-size: 20px;
  }
  .s1_5_box2 .chek {
    display: block;
    width: 100%;
    padding: 10px;
  }

  .writeTypeA tbody td .btn_area_add {
    margin-bottom: 5px;
  }
  .writeTypeA tbody td .btn_area_add a {
    font-size: 13px;
  }
  .writeTypeA tbody td .in_table3.tw1 tbody th {
    width: 80px;
  }
  .writeTypeA tbody td .in_table3.tw2 tbody th {
    width: 50px;
  }
  .writeTypeA tbody td .in_table3 tbody th {
    padding: 3px 5px;
  }
  .writeTypeA tbody td .in_table3 tbody td {
    padding: 3px 5px;
  }
  .writeTypeA tbody td .labList3 li {
    margin-right: 3px;
  }
  .writeTypeA .inp_lt {
    margin-left: 0;
    text-indent: 0;
  }

  .s1_4_con .btn {
    margin: 0;
  }
  .s1_4_con .btn a {
    padding: 0 10px;
    font-size: 13px;
    line-height: 40px;
  }
  .s1_4_con .btn.ic_down a span {
    padding-left: 25px;
  }
  .s1_4_con_txt {
    font-size: 14px;
  }

  .s1_4_con2 .con dl {
    display: block;
    margin-bottom: 20px;
  }
  .s1_4_con2 .con dl dt {
    display: block;
    width: 100%;
    text-align: center;
  }
  .s1_4_con2 .con dl dt::after {
    top: auto;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 100%;
    border-top: 0;
    border-left: 1px solid #ddd;
  }
  .s1_4_con2 .con dl dt span {
    margin-bottom: 10px;
    width: 90px;
    height: 90px;
    font-size: 15px;
    line-height: 90px;
  }
  .s1_4_con2 .con dl dd {
    display: block;
    padding: 15px;
    height: auto;
    border-radius: 15px;
  }
  .s1_4_con2 .con.con2 dl dt {
    width: 100%;
  }
  .s1_4_con2 .con.con2 dl dt span {
    width: 120px;
    height: 50px;
    line-height: 45px;
  }
  .s1_4_con2 .con.con2 dl dd {
    height: auto;
  }

  .writeTypeA .labList4 > li {
    margin: 5px 5px 5px 0;
  }
  .writeTypeA .labList4 > li .area_lay {
    top: 28px;
    right: auto;
    left: 0;
    min-width: 120px;
  }
  .writeTypeA .labList4 > li.on::after {
    display: none;
  }
  .writeTypeA .labList4 > li .area_lay ul li {
    margin-right: 5px;
  }

  .s1_5_box3 .con1 {
    margin-bottom: 10px;
    padding: 15px;
  }
  .s1_5_box3 .con1 h2 {
    font-size: 18px;
  }
  .s1_5_box3 .con2 {
    text-align: center;
  }
  .s1_5_box3 .con2 p {
    float: none;
    margin-bottom: 10px;
  }
  .s1_5_box3 .con2 .rt {
    float: none;
    display: block;
  }

  .writeTypeA.mtb {
    border-bottom: 1px solid #e1e1e1;
  }
  .writeTypeA.mtb > colgroup {
    display: none;
  }
  .writeTypeA.mtb > tbody > tr {
    position: relative;
    display: block;
  }
  .writeTypeA.mtb > tbody > tr::after {
    display: block;
    clear: both;
    content: "";
  }
  .writeTypeA.mtb > tbody > tr::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 25%;
    height: 100%;
    content: "";
    background: #f8f8f8;
    border-right: 1px solid #e1e1e1;
  }
  .writeTypeA.mtb > tbody > tr > th:first-child + td + th {
    clear: left;
  }
  .writeTypeA.mtb > tbody > tr > th,
  .writeTypeA.mtb > tbody > tr > td {
    position: relative;
    display: block;
    float: left;
    padding: 10px;
    min-height: 45px;
    box-sizing: border-box;
  }
  .writeTypeA.mtb > tbody > tr > th {
    padding: 10px 6px;
    width: 25%;
    word-break: break-all;
    background: none;
    border-width: 1px 0 0 0;
  }
  .writeTypeA.mtb > tbody > tr > td {
    margin-left: -1px;
    padding: 8px;
    width: 75%;
    height: auto;
    word-break: break-all;
    background: none;
    border-width: 1px 0 0 0;
  }
  .writeTypeA.mtb > tbody > tr.mtr > th {
    width: 100%;
    background: #f8f8f8;
  }
  .writeTypeA.mtb > tbody > tr.mtr > td {
    width: 100%;
    background: #fff;
  }

  .s1_5_box4 {
    padding: 20px 10px;
  }
  .s1_5_box4 .txt1 {
    font-size: 18px;
  }
  .s1_5_box4 .con {
    padding: 20px;
  }
  .s1_5_box4 .con p {
    margin-bottom: 10px;
    font-size: 14px;
  }
  .s1_5_box4 .con ol li {
    padding: 0 10px;
  }
  .s1_5_box4 .con ol li div {
    width: 100px;
    line-height: 70px;
  }
  .s1_5_box4 .con ol li div strong {
    font-size: 15px;
  }

  /* 댓글 관련 CSS 목록 2023-12-15 */
  .rep_bx h4 {
    padding-left: 0;
  }
  .rep_bx ul > li {
    padding: 10px 0;
  }
  .rep_bx ul > li > ul > li {
    padding-left: 30px;
    background-position: 7px 17px;
  }
  .rep_bx span.re_day {
    font-size: 14px;
  }
  .rep_bx span.re_time {
    font-size: 14px;
  }
  .rep_write .inp_rep,
  .edit_rep_content {
    padding: 0 10px;
    height: 60px;
  }
  .rep_write .btn_reply {
    height: 60px;
    font-size: 13px;
  }

  .my-player-dimensions {
    padding-top: 56%;
    width: 100% !important;
    height: 250px !important;
  }
}

/* Mobile Device */
@media all and (max-width: 320px) {
  .writeTypeA .labList4 > li .area_lay {
    top: 25px;
    padding: 10px 20px 10px 5px;
    min-width: 90px;
  }
  .writeTypeA .labList4 > li .area_lay .btn_lay_close {
    right: 5px;
  }
}

tbody td .n1 {
  display: inline-block;
  width: 36px;
  font-family: "Open Sans";
  font-size: 12px;
  color: #fff;
  text-align: center;
  line-height: 21px;
  background: #f26522;
  border-radius: 5px;
}
tbody td .n2 {
  display: inline-block;
  width: 55px;
  font-family: "Open Sans";
  font-size: 12px;
  color: #fff;
  text-align: center;
  line-height: 21px;
  background: gray;
  border-radius: 5px;
}

.contFlow > ul,
.contFlow > div {
  display: flex;
  margin-top: 2rem;
  flex-flow: row;
  flex-wrap: wrap; /* max-width:150rem; */
  gap: 40px;
}
.contFlow > ul > li,
.contFlow > div > div {
  position: relative;
  flex: 1 1 18%;
  background: var(--color-gray6);
  height: auto;
  border-radius: 0.5rem;
  padding: 2rem; /* margin-left:2.6rem; */
  text-align: center; /* margin-bottom:2rem; */
  box-shadow: 0 0 3px 0px rgba(0, 0, 0, 0.1);
}
.contFlow > ul > li .tit {
  font-weight: bold;
  font-size: 1.7rem;
  min-height: 5rem;
  line-height: 1.4;
}
.contFlow > ul > li .tit.wtJcc {
  min-height: 6rem;
  display: flex;
  width: 100%;
  border-radius: 0.5rem;
  background-color: #fff;
  justify-content: center;
  align-items: center;
}
.contFlow > ul > li .desc {
  margin-top: 1rem;
  line-height: 1.4;
}
.contFlow > ul > li:before,
.contFlow > div > div:before {
  position: absolute;
  left: -2rem;
  top: 50%;
  font-family: uicons-regular-rounded !important;
  transform: translateY(-50%);
  width: 1.6rem;
  height: 1.6rem;
  content: "\f13b";
  font-weight: bold;
  color: #004fa6;
  font-size: 25px;
}
.contFlow > ul > li:first-child:before,
.contFlow > div > div:first-child:before {
  content: none;
}
.plus_icon{
  position: absolute;
  left: 50%;
  top: 50%;
  font-family: uicons-regular-rounded !important;
  transform: translate(-50%,-50%);
  width: 1.6rem;
  height: 1.6rem;
  content: "";
  font-weight: bold;
  color: #004fa6;
  font-size: 25px;
  text-align:center;
}
.contFlow .plus {
  justify-content: center;
  position:relative;
}
.contFlow .plus > div {
  max-width: 300px;
  background-color: #fff;
  padding: 3rem 2rem;
  border: 1px solid var(--color-gray4);
  flex: 1 1 0;
}
.contFlow > .plus > div:before {
  display:none;
}
.contFlow .plus > div .desc {
  font-size: 1.5rem;
  margin-top: 2rem;
  color: #666;
  line-height: 1.4;
}

/*소규모재개발사업*/
.contbtmBox {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  background: #233356;
  border-radius: 1rem;
  padding: 4rem;
  margin: auto;
  text-align: left;
  position: relative;
  max-width: 650px;
}
.contbtmBox img {
  margin-right: 2rem;
}
.contbtmBox .tit {
  color: #fff;
  font-size: 18px;
  margin-bottom: 20px;
  font-weight: 600;
}
.contbtmBox .desc {
  color: #fff;
  font-size: 17px;
  line-height: 1.8;
}
.arrowBox {
  padding: 1.5rem;
  text-align: center;
}
.arrowBox i {
  font-size: 5rem;
  color: var(--color-gray4);
}

.bodyWrap .contTit {
  font-size: 24px;
  margin-bottom: 60px;
  color: #000;
  text-align: center;
}
.bodyWrap .contTit em {
  color: #004fa6;
  font-weight: 700;
}

@media all and (max-width: 640px) {
  .contbtmBox {
    flex-direction: column;
    text-align: center;
  }
  .contbtmBox img {
    margin-right: 0rem;
    margin-bottom: 2rem;
  }
}

.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .375rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

/* 20250918 추가  */
.changeCon .satisCon.satisCon2{
	background:none;
	padding: 0;
}
.changeCon .satisCon.satisCon2 .d_flex{
	flex-direction: column;
	align-items: flex-start;
	background:#f6f9fb;
}
.changeCon .satisCon.satisCon2 .d_flex > div{
	width: 100%;
}
.changeCon .satisCon.satisCon2 .d_flex .chk_title{
	display: flex;
	align-items:center;
	padding: .4rem 1rem;
	width: 100%;
	background:#83aef7;
	color: white;
	font-weight:600;
	margin-bottom: 0;
}
.changeCon .satisCon.satisCon2 .d_flex .chk_title span{
	font-size: 1rem;
	margin-left: 1rem;
	font-weight: 400;
}

.chek_list2{
	background:#f6f9fb;
	padding: .4rem 1rem;
}
.chek_list2 li{
	display:flex;
	flex-direction:column;
	border-bottom: 1px solid #d1d9de;
	padding: .6rem 0;
}
.chek_list2 li:last-child{
	border-bottom: none;
}
.chek_list2 li p{
	font-size: 1rem;
	position:relative;
	margin-bottom: 8px;
	margin-left: 24px;
}
.chek_list2 li p:before{
	content:"";
	position: absolute;
	left: -20px;
	top: 2px;
	/* transform:translateY(-50%); */
	width: 8px;
	height: 8px;
	border-radius: 100%;
	background: white;
	border: 3px solid #3781ff;
}
.chek_list2 .point_wrap{
	display: flex;
	align-items: center;
	gap: 1.6rem;
	padding-left: 1.2rem;
}
.chek_list2 .point_wrap .point_box{
	display: flex; 
	align-items:center;
	gap: 2px
}
.chek_list2 .point_wrap .point_box label img{
	margin-left: 6px;
}
.chek_list2 .point_wrap .point_box input[type="radio" i]{
	margin: 0;
}

.changeCon .satisCon.satisCon2 .btn{
	position: absolute;
	right: 1rem;
	bottom: 1rem;
	background: #688099;
	border-color:#688099;
	border-radius: 8px;
}
@media screen and (max-width: 1000px){
	.changeCon .satisCon.satisCon2 .btn{
		position:static;
		margin: 0 auto 1rem;
	}
	.chek_list2{
		padding: .4rem 1rem 0;
	}
	.chek_list2 li:last-child{
		padding-bottom: 0;
	}
	.chek_list2 .point_wrap{
		flex-direction:column;
		align-items: flex-start;
		gap: .4rem;
	}
}
@media screen and (max-width: 500px){
	.chk_title{
		flex-direction:column;
	}
}