* { margin: 0; padding: 0 ;}

button { border: 0; cursor: pointer; }
li { list-style: none; }
body {font-family: 'Noto Sans KR';font-size: 15px; }

input, textarea, select, button { padding: 5px 10px; vertical-align: middle; border: solid 1px #ddd; }

@keyframes fade {
  from {  opacity: 0;}
  to {  opacity: 1;}
}

@keyframes fadeScale {
  from {  opacity: 0;transform: scale(0.8, 0.8);}
  to {  opacity: 1;transform: scale(1, 1);}
}


/*	헤더	*/
.mental-header { width: 1080px; margin: 0 auto; position: relative;}

header {
  background: #E6E6E6; height: 145px; 
  position: fixed; z-index: 1000; top: 0; left: 0; right: 0; 
  background: url(../images/main/top-bg.jpg) repeat-x;
}

.n-top { display:flex; flex-direction: row;  justify-content: space-between;  align-items: center;}
.n-top a { font-family: 'Noto Sans KR'; font-size: 14px; text-decoration: none; color:#000;  }

.n-util a { display:inline-block; padding: 0 20px; background: url(../images/main/icon-line.jpg) right no-repeat; 
	font-family:'Noto Sans KR'; font-weight:700; }

.n-menu { display:flex; flex-direction: row;  justify-content: space-between;  align-items: center; margin-top:10px ;
	font-family:'Noto Sans KR'; font-weight:700; font-size:20px; padding-left:0 }

li.dropdown { 
  display: inline-block;
}


li.dropdown > a {  color: #000; text-decoration: none; padding-bottom: 10px; }
.dropdown-content {
  display: none;
  position: absolute;
  z-index: 1;
  animation-name: fade; animation-duration: 1s;
}

.dropdown-content div {
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
  background-color: rgba(255, 255, 255, 1); 
  min-width: 280px;
  margin-top: 20px;
  font-size: 16px;
}

.dropdown-content a {
  padding: 6px 10px;
  text-decoration: none;
  display: block;
  text-align: left;
  color: #000;
  font-weight: bold;
  line-height: 140%;
  transition: background-color 0.3s linear;
  background-color: transparent;
}

.dropdown-content a:hover {background-color: rgba(50, 50, 50, 0.2);}
.dropdown:hover .dropdown-content {
  display: block;
}


.navbar a:hover, .dropdown:hover .dropbtn { border-bottom: solid 2px #fff;}

.dropdown .dropbtn:hover { border-bottom: solid 1px #004080; color: #0033FF;}

.home { position: absolute; top: 10px; }
.gnb-list { position: absolute; top: 30px; left: 110px; }
.gnb-list li { display: inline-block; text-align: center; padding-right: 30px; font-size: 17px; vertical-align: middle; }
.gnb-list li a { color: #333; text-decoration: none; font-weight: bold; line-height: 140%; }

.header-util { width: 205px; margin-top: 10px; float: right; position: relative; border-left: solid 1px #ddd; height: 70px; font-size: 0.7rem; padding-right: 160px; }
.header-util .join { position: absolute; top: 10px; left: 10px; }
.header-util .admin { position: absolute; top: 22px; left: 40px; }
.header-util .mypage { position: absolute; top: 10px; left: 190px; }
.header-util .login { position: absolute; top: 30px; left: 10px; }
.header-util .login input { width: 80px; padding: 3px; height: 16px; font-size: 14px; border-radius: 2px; border:none; background-color: rgba(150, 150, 150, 0.7); color: #333; }
.header-util button { padding: 4px 10px; border-radius: 2px; line-height: 100%; font-size: 0.8rem; font-weight: bold; }
.header-util a {color: #333; text-decoration: none;}
.header-util .login span { display: inline-block; width: 160px; overflow: hidden; color: #7b9de9; }
/*	헤더	*/

.wrapping { width: 100%; height: 100%; min-width: 1080px; position: relative; }

.corver-MentalBusiness { background:url(../images/MentalBusiness/corver.jpg) no-repeat; }
.corver-AreaCenter { background:url(../images/AreaCenter/corver.jpg) no-repeat; }
.corver-HnC { background:url(../images/HnC/corver.jpg) no-repeat; }
.corver-Academy { background:url(../images/Academy/corver.jpg) no-repeat; }
.corver-Community { background:url(../images/Community/corver.jpg) no-repeat; }
.corver-Member { background:url(../images/Member/corver.jpg) no-repeat; }


.corver { background-position: center; background-size: cover; height: 350px; color: #fff; position: relative; background-color: #000; }
.corver h2 { position: absolute; top: 65%; width: 100%; text-align: center; font-size: 2.2rem; font-weight: bold; }

section { width: 1080px; margin: 0 auto; line-height: 180%; position: relative; }


/*
.photo { background: url(../images/MentalBusiness/photo.jpg) no-repeat; height: 376px; padding-left: 360px; margin: 40px 0; }
.photo h3 { font-size: 50px; color: #1d48ff; padding: 120px 0 40px 0; }
.photo span { font-size: 30px; font-weight: bold; }
*/


.photo { no-repeat; height: 76px; padding-left: 20px; margin: 10px 0; }
.photo h3 { font-size: 50px; color: #1d48ff; padding: 20px 0 10px 0; }
.photo span { font-size: 30px; font-weight: bold; }


/*	서브메뉴	*/
.nav-tab { margin: 30px 0 0 0; display: table; width: 100%; letter-spacing: -1px; }
.nav-tab li { display: table-cell; padding: 10px 0; text-align: center; border-right:solid 1px #ddd;border-top:solid 1px #ddd;border-bottom:solid 1px #ddd; }
.nav-tab li:first-child {border-left:solid 1px #ddd; }
.nav-tab li a { text-decoration: none; color: #333; font-weight: bold;}
.nav-tab li.active { background-color: #333 !important; }
.nav-tab li.active a { color: #fff !important; }

.menu { margin: 0; border-bottom: solid 1px #ddd;  letter-spacing: -1px; text-align: center; }
.menu ul { display: table; margin: 0 auto; }
.menu li { display: table-cell; text-align: center; padding: 10px 20px; }
.menu li a {text-decoration: none; color: #333; }
.menu li.active a { font-weight: bold;}


footer { width: 1080px; margin: 0 auto; border-top: solid 1px #333; padding: 20px 0; text-align: left; }
footer ul li { display: inline-block; padding-right: 10px; border-right: solid 1px #333; margin-bottom: 10px; }
footer ul li:last-child { border-right: none; padding-right: 0; }
footer ul li a {text-decoration: none; color: #333;}
footer span b { color:#003aa5; }


#accessibility a { 
    display: block;
    position: absolute;
    top: -40px;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 25px;
    line-height: 25px;
    text-align: center;
    font-weight: bold;
  }

section article { margin: 50px 0; }

.table-util { display: table; width: 100%; }
.table-util li { display: table-cell; text-align:left; }
.table-util li:first-child { width: 20%; }
.table-util li:last-child { text-align:right; }

button { border:solid 1px #ccc; padding: 0 20px; line-height: 170%;}

.table { width: 100%; border-collapse: collapse; margin-top: 5px; }
.table tr:hover { background: #f5f5f5; }
.table th { background-color:#efefef; padding: 10px; color: #333; border-bottom: solid 1px #ccc; text-align: center; border-top: solid 1px #ccc; padding: 10px; }
.table td { padding: 15px 0; border-bottom: solid 1px #ccc; text-align: center;  }
.table td a { text-decoration: none; color: #333; }
td.left { text-align: left !important; }
td.right { text-align: right !important; }

.lead-notice { color:#c52e2e; border:solid 1px #ccc; padding: 5px 10px;  }
.lead-guide { color:#003aa5; border:solid 1px #ccc; padding: 5px 10px;  }
.lead-green { color:#006600; border:solid 1px #ccc; padding: 5px 10px;  }

.pagenation { display: table; width: 60%; margin: 20px auto; text-align: center; }
.pagenation li { display: table-cell; text-align: center; }
.pagenation li a { text-decoration: none; color: #333; padding: 8px 15px }
.pagenation li.active a { color: #333; background-color: #f5f5f5; }

.file { padding: 10px 20px; text-align: center; }
.select-box select { 
    width: 100px;
    padding-right: 30px;
    background: url('../images/common/selecticon.png') no-repeat 85% 50%; /* ??¤??´??°?¸Œ ?™”??´?‘œ??¼ ??¤??¤?…€ ?™”??´?‘œ?¡œ ?Œ€?²´ */
    border-radius: 0px; /* iOS ?‘??·¼?ª¨??œ??? ??œ?±° */
    -webkit-appearance: none; /* ??¤??´??°?¸Œ ?™¸??? ?°??¶”?¸° */
    -moz-appearance: none;
    appearance: none;

 }
.select-box select::-ms-expand { display: none;} /* IE 10, 11??? ??¤??´??°?¸Œ ?™”??´?‘œ ??¨?¸°?¸° */


.table-view th,
.table-view td { text-align: left; padding:10px 20px ;line-height: 180%;}
.table-view tr:hover { background: #fff !important; }

.view-pagenav { padding: 20px; border-bottom: solid 1px #ccc;}
.view-pagenav li i { color: #666; padding-right: 10px; }
.view-pagenav li a { text-decoration: none; color: #333; }

.table-btn { text-align: right; margin-top: 20px;  }
.table-btn button { border-radius: 0; padding: 5px 20px }
.table-btn button:hover {  color: #003aa5; border:solid 1px #003aa5; }

/*  ???????±´?°???°?·¹??œ */
.table-btn2 { text-align: center; margin-top: 20px;  }
.table-btn2 button { border-radius: 0; padding: 10px 25px; font-size: 0.8rem; background-color: #B5DAFF; }
.table-btn2 button:hover {  color: #003aa5; border:solid 1px #003aa5; }
/*  ???????±´?°???°?·¹??œ */

.txt-guide { color:#333;  }

.table-write { border: solid 1px #ccc; border-top: solid 1px #ccc; }
.table-write th { text-align: center; vertical-align: middle;}
.table-write td { text-align: left; padding:10px 20px ;line-height: 180%; border-top: solid 1px #ccc;}
.table-write tr:hover { background: #fff !important; }
.table-write textarea { width: 98%; height: 800px; }
.table-write td input[type="radio"] { vertical-align: baseline; }
.table-write td label { padding-right: 15px; }

.table-thum { border-top: solid 1px #ddd; border-bottom: solid 1px #ddd; }
.table-thum td { width: 25%; text-align: center; border-bottom: none; }
.table-thum td img { border:solid 1px #fff;}
.table-thum tr:hover { background: #fff !important; }
.table-thum td img:hover { border:solid 1px #003aa5; }
.thum { line-height: 140%; }
.thum span {  display: block; }

.zip span { width: 120px; display: inline-block;  }
.zip input { width: 500px; }

.date { text-align: center; padding: 20px; border: solid 1px #ddd }
.date select { width: 150px; }
.date button { padding: 2px 20px ; background-color: #fff; }
.date .confirm { background-color: #ddd; }
.date h4 { padding-bottom: 10px; }
.date h4 i {color:#91BF2C;}


.condition { width: 100%; border-collapse: collapse; margin-top: 5px;}
.condition th { background-color:#efefef; padding: 10px; text-align: center; color: #333; border: solid 1px #ccc; border-top: solid 1px #ccc; padding: 10px; }
.condition td { padding: 15px 0; border: solid 1px #ccc; text-align: center; line-height: 120%;  }

.country { text-align: right; padding-bottom: 0px; }
.country button { border-radius: 3px; background-color: #fff; }
.country button i { color: #FF8600; }


.selftest { width: 100%; border-collapse: collapse; margin-top: 5px; margin-bottom: 15px;}
.selftest th { background-color:#efefef; padding: 10px; color: #333; text-align: center; border: solid 1px #ccc; border-top: solid 1px #ccc; padding: 10px; line-height: 130% }
.selftest td { padding: 15px 0; border: solid 1px #ccc; text-align: center; line-height: 120%;  }
.selftest td input {  width: 16px; height: 16px; }


.selftest-guide { text-align: left;  border:solid 1px #ddd; border-radius: 5px 5px 0 0; border-bottom: none; padding:30px; 
	background-color: #0033a1; color: #FFFFFF; box-shadow: inset 0 0 10px rgba(0,0,0,0.3); }
.selftest-guide h4 { color: #FFFFCC; font-size: 1.3rem; }
.selftest-guide h4 small { font-weight: normal; }
.selftest-guide i { font-size: 0.9rem; color: #1163AB;  }

/*  ????°€?…Œ??¤??¸   */
.selftest-info { text-align: center; padding: 20px; border: solid 2px #ddd; margin-bottom: 15px; margin-top: 15px; font-size: 1.0rem; }
.selftest-info input { vertical-align:baseline; }
.selftest-info select { width: 150px; }
.selftest-info span { display: inline-block; padding-left: 30px; padding-right: 10px; }
.selftest-info span:first-child { padding-left: 0; }

td.question { text-align: left; padding-left: 15px; }

.selftest-result { text-align: left; margin-bottom: 25px; font-size: 1rem }
.selftest-result h4 { color:#1163AB; font-size: 1.3rem; margin-bottom: 20px; }
.selftest-result h4 small { font-weight: normal; }
.selftest-result ul { display: table; width: 100%; }
.selftest-result ul li { display: table-cell; padding: 30px; border:solid 1px #ccc; background: #fff; height: 150px; }
.selftest-result ul li:first-child { background-color: #efefef; width: 40%; border-right: none; }
.selftest-result b {font-weight: bold; color:#D92E22 }
.selftest-result span {font-weight: bold; }

/*  ?€???”?‰´(S) ----------------------   */
.quick { position: absolute; right:-150px;  z-index: 100; width: 120PX; border-bottom:solid 1px #ccc; top: -110px; opacity: 0.7;}
.quick li:first-child a { color: #000099 }
.quick li { border:solid 1px #ccc; text-align: center; line-height: 140%; font-size: 15px; padding:20px 0; font-weight: bold; border-bottom: none; background-color:rgba(245,245,245,1.0); }
.quick li a {text-decoration: none; color: #333;}
.quick li i { color: #ccc; }
.quick li span { display: block; font-size: 13px; color: #666; letter-spacing: -1px; font-weight: normal; }
.quick-sns img { border-radius: 10px; }


/* ?????¤?????” ??”?‰´ (Floating Menu) */
 #floatdiv { 
    position:fixed; _position:absolute; _z-index:-1;
    width:170px;
    overflow:hidden;
    left:0px; //?™”??´ ?™¼?ª½??? ?œ??¹???œ??¤. right?¡œ ?³€?²½?°€???
    top:60px; //?™”??´ ?œ??ª½?³¼??? ?°??²?
    background-color: transparent;
    margin:0;
    padding:0;
}

#floatdiv ul  { list-style: none; }
#floatdiv li  { margin-bottom: 2px; text-align: center; }
#floatdiv a   { color: #5D5D5D; border: 0; text-decoration: none; display: block; }
#floatdiv a:hover, #floatdiv .menu  { background-color: #5D5D5D; color: #fff; }
#floatdiv .menu, #floatdiv .last    { margin-bottom: 0px; }
/*  ?€???”?‰´(E) ----------------------   */


.history-year { text-align: center; font-size: 3rem;  }
.history-year span { border-bottom: solid 1px #333; display: inline-block; padding: 25px 0; margin: 0 auto 30px auto;  }

.history table { border-collapse: collapse; width: 100%; }
.history { border:solid 1px #333; border-radius: 10px; padding: 30px;  }
.history th, .history td { vertical-align: top; padding:0 30px;border-collapse: collapse; padding-bottom: 30px; }
.history th { border-right: solid 1px #333 }

.history-menu { width: 100%; border-collapse: collapse; margin-top: 30px; }
.history-menu td { border:solid 1px #333; text-align: center; font-size: 1.2rem; padding: 15px 0; font-weight: bold; }
.history-menu td a { text-decoration: none; text-align: center; color: #333; }
.history-menu td.active a { color: #fff !important; }
.history-menu td.active { background-color: #333 !important; }

.bizhistory { border-collapse: collapse; width: 100% }
.bizhistory th, .bizhistory td{ vertical-align: top; padding:0 30px;border-collapse: collapse; padding-bottom: 30px; }
.bizhistory th { border-right: solid 1px #333; position: relative; font-size: 1.8rem; font-weight: normal;}
.bizhistory th:after { content: " "; border: solid 3px #333; border-radius: 13px; width: 13px; height: 13px; display: inline-block; position: absolute;top:8px; right: -10px; text-indent: -80px; background-color: #fff}


.panel { border:solid 2px #ddd; border-radius: 10px; padding:30px 40px; background-color: #F4F4F4; margin-top: 10px; }
.text-blue { color: #1163AB; }
.text-red { color: #D92E22; }
.text-sm { font-size: 1.2rem;  }
.text-md { font-size: 1.5rem; padding-bottom: 10px; }
.text-lg { font-size: 2rem;  }



/*
.mhinfo { display: table: width:100%; padding: 10px; border-bottom: solid 1px #eee; }
.mhinfo dt { display: block; vertical-align: top; font-weight: bold; font-size: 1.3rem; padding-bottom: 60px; }
.mhinfo dt i { color: #ccc; }
.mhinfo dd { display: block; }
*/

.calendar { border: solid 1px #ccc; border-top: solid 1px #ccc; }
.calendar th,
.calendar td { text-align: center; padding:10px 20px ;line-height: 180%; border: solid 1px #ccc; width: 14%}
.calendar td { vertical-align: top; height: 120px; text-align: left; }
.calendar tr:hover { background: #fff !important; }
.calendar th:first-child, .calendar td:first-child { color: red }
.calendar th:last-child, .calendar td:last-child { color: blue }
.calendar td button {border:none; background-color: transparent; padding: 0 ; margin: 0; line-height: 100%; font-size: 1rem; }

.calendar-util { display: table; width: 100%; }
.calendar-util li { display: table-cell; }
.calendar-util li:first-child { width: 30%; text-align:left;}
.calendar-util li:last-child { text-align:right; }

.calendar-month { text-align: center; margin-bottom: -30px; font-size: 2rem }
.calendar-month button { border:none; background-color: transparent; padding: 3px; margin: 0; }
.calendar-month button i { font-size: 1.5rem; color: #888; line-height: 120% }

.cal-write i {font-size: 1.2rem; color:green;}
.cal-view { background-color: white; }
.cal-view i {font-size: 1.2rem; color:orangered;}

/* Tooltip container */
.tooltip {
  position: relative;
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 400px;
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff;
  padding: 10px 20px;
  border-radius: 6px;

  /* Position the tooltip text */
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: -90%;
  margin-left: -60px;

  /* Fade in tooltip */
  opacity: 0;
  transition: opacity 0.3s;
}

/* Tooltip arrow */
.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

.mhinfo-table { border-top: solid 2px #ccc; width: 100%; border-collapse: collapse; }
.mhinfo-table th, .mhinfo-table td { border-bottom:solid 1px #ccc; vertical-align: middle; padding: 10px 30px;  word-break: keep-all;  }
.mhinfo-table th { width: 20%; background-color: #efefef }

.mhinfo3 { border-radius: 10px; text-align: center;border:solid 1px #ccc; padding: 20px; margin:20px 0; }
.mhinfo3 p {text-align: left; line-height: 140%;}
.mhinfo3 h4 { padding: 10px 0; font-size: 1.3rem; }
.source { font-style: oblique; line-height: 140%; text-align: right; padding-right:30px;  }


.support-table { border-top: solid 2px #ccc; width: 100%; border-collapse: collapse; }
.support-table th, .support-table td { border-bottom:solid 1px #ccc; vertical-align: middle; padding: 10px 30px;  word-break: keep-all; text-align: center;  }
.support-table th { width: 20%; background-color: #efefef }


.support-history table { border-collapse: collapse; width: 100% }
.support-history { border:solid 1px #ddd; border-radius: 10px; padding: 30px;  }
.support-history th, .support-history td { vertical-align: top; padding:0 30px;border-collapse: collapse; padding-bottom: 30px; }
.support-history th { border-right: solid 1px #ddd; font-size: 1.3rem; color: #1163AB; }
.support-history td span { display: inline-block; padding-right:10px; float: left; margin-left: -100px; color: #1163AB; }


.stats { display: table; border-spacing: 20px; width: 100% }
.stats li {display: table-cell; width: 50%; padding: 30px; border-radius: 10px; border: solid 1px #ddd; position: relative; }
.stats li dt { font-weight: bold; font-size: 1.7rem; color:#1163AB; padding:0 0 20px 0;  height: 180px; }
.stats li dt i { font-size: 5rem; color: #ddd; position: absolute;top: 80px; right: 50px; }
.stats li dt span { display: block; font-weight: normal; line-height: 120%; white-space: normal; padding-top: 10px; width: 300px; font-size: 1.4rem; color: #999; }

.stats li dd { text-align: right; border-top: solid 1px #ccc; padding: 20px 0 10px 0 ; font-size: 1.1rem}
.stats li dd b { color: orangered }


.stats2 { display: table; border-spacing: 20px; width: 100% }
.stats2 li {display: table-cell; width: 25%; padding-top: 50px; padding-bottom: 50px; border-radius: 10px; border: solid 1px #ddd; 
  position: relative; text-align: center;  }
.stats2 li i { font-size: 3rem; color: #53C8DA; padding-bottom: 20px; }
.stats2 p { font-weight: bold; line-height: 120%; padding-bottom: 20px; font-size: 1.1rem }
.stats2 b { color: orangered; font-size: 1.1rem; }

.stats2-btn { text-align: center; padding: 10px 50px; }
.stats2-btn button { text-align: center; padding: 10px 80px; }


.stats3 { display: table; border-spacing: 20px; width: 100% }
.stats3 li {display: table-cell; width: 50%; padding: 30px; border-radius: 10px; border: solid 1px #ddd; position: relative; }
.stats3 li dt { font-weight: bold; font-size: 1.7rem; color:#1163AB; padding:20px 0 20px 0; height: 120px; }
.stats3 li dt i { font-size: 5rem; color: #ddd; position: absolute;top: 50px; right: 50px; }
.stats3 li dd {  padding: 20px 0 10px 0 ;border-top: solid 1px #ccc; position: relative;}
.stats3 li dd span { font-weight: normal; line-height: 120%; white-space: normal; width: 300px; font-size: 1rem; color: #999;}
.stats3 li dd b { color: orangered ; font-size: 1.7rem; }

.stats3 li dd table { width: 95%; margin-top: -100px; line-height: 140%; color: #666 }
.stats3 li dd table th {text-align: left;}
.stats3 li dd table td {text-align: right;}



.intro-vision { text-align: center; }
.intro-vision h3 { font-size: 1.5rem; color: #1163AB }
.intro-vision h4 { font-size: 1.2rem; color: #1163AB; padding-top: 20px; }
.intro-vision span { padding: 10px 0; font-size: 1.2rem; display: inline-block; }
.intro-vision img {  border-radius: 20px; }
.intro-vision .rbox { border:solid 2px #ccc; border-radius: 20px; margin:0 auto; text-align: center; margin: 20px 0; padding: 20px 0 }


.sign1 { position: relative; height: 370px; width: 1000px; margin: 100px auto; }
.sign1 p {color: #F4782E; font-weight: bold; font-size: 1.2rem; position: absolute; top: -50px;}
.sign1 dl { border: solid 1px #ccc; border-radius: 20px; width: 30%; height: 350px; position: absolute; top: 0; left:  }
.sign1 dl.sign-low { top:80px }
.sign1 dl.sign-middle { left: 33%; top:40px; }
.sign1 dl.sign-high { left: 66%; }
.sign1 dt { color: #2172B1; text-align: center; font-weight: bold; padding: 20px 0 0 0; font-size: 1.2rem; }
.sign1 dd  { padding:20px 30px; }
.sign1 dd li { padding: 20px 0; line-height: 130%  }
.sign1 dd li:last-child { border-bottom: none; }
.sign1 .arrow1 { position: absolute; left: 23%; top: -10px; }
.sign1 .arrow2 { position: absolute; left: 55%; top: -50px; }

.sign2 {position: relative; width: 1000px; margin: 100px auto 30px auto;}
.sign2 p {color: #F4782E; font-weight: bold; font-size: 1.2rem; }
.sign2 dl { display: table; border-spacing: 10px; }
.sign2 dt { background-color: #ECF1F4; border-radius: 25px; width: 13%;  display: table-cell; text-align: center; vertical-align: middle; font-weight: bold; color: #2172B1 }
.sign2 dd { display: table-cell; border: solid 1px #ddd; border-radius: 25px; padding:20px 40px;  }

.sign3 { position: relative; width: 1000px; margin:0 auto; }
.sign3 p {color: #F4782E; font-weight: bold; font-size: 1.2rem; }
.sign3 li { border: solid 1px #ddd; border-radius: 20px; margin: 10px 0; padding:10px 20px; }
.sign3 li span { color: #1C72B1; display: inline-block;  }
.sign3 li span:first-child { background-color: #1C72B1; border-radius: 40px; width: 25px; height: 25px; color: #fff; text-align: center; }
.sign3 li span:last-child { color: #333; padding-left: 5px;letter-spacing: -1px; }

.trouble { border: solid 1px #ddd; border-radius: 15px; margin: 10px 0; padding:10px 20px; }
.trouble .trouble-q { position: relative;}
.trouble .trouble-q span { display: inline-block;  }
.trouble .trouble-q span:first-child { background-color: #1C72B1; border-radius: 40px; width: 25px; height: 25px; color: #fff; text-align: center; }
.trouble .trouble-q span:last-child { position: absolute; right: 20px; }

.trouble .trouble-a { display: none; border-radius: 10px; padding:10px 20px; margin-top: 10px; background-color: #efefef; }
.trouble .trouble-a b {color: #1C72B1;}
.trouble .trouble-a.show { display: inline-block !important; }


.help-text {color: #F4782E; font-weight: bold; font-size: 1.2rem; margin-bottom: 10px; }
.help { border: solid 1px #ddd; border-radius: 10px; padding: 20px; margin-bottom: 20px; }
.help span { display: inline-block;  color: #1C72B1; font-size: 1.1rem }
.help span:first-child { background-color: #1C72B1; border-radius: 40px; width: 25px; height: 25px; color: #fff; font-weight: bold; text-align: center; }
.help span:last-child { width: 100%; color: #333; margin: 10px 0 0 30px; font-size: 1rem;}

.ac-title { border-radius: 15px; background: #5B8FCB; text-align: center; color: #fff; font-size: 1.1rem; padding: 5px 30px 10px; font-weight: bold; display: inline-block; }
.ac-title.color2 { background: #53C8DA; }
.ac-title.color3 { background: #E192B0; }
.ac-title.color4 { background: #5EB38A; }
.ac-title.color5 { background: #5A9168; }
.ac-title.color6 { background: #D78D5E; }
.ac-title.color7 { background: #C77D8C; }
.ac-title.color8 { background: #64679E; }
.ac-title.color9 { background: #6097A9; }


i.color1 { color: #53C8DA !important; }
i.color2 { color: #E192B0 !important; }
i.color3 { color: #5EB38A !important; }
i.color4 { color: #BFBA8E !important; }
i.color5 { color: #D78D5E !important; }
i.color6 { color: #C77D8C !important; }
i.color7 { color: #64679E !important; }
i.color8 { color: #6097A9 !important; }
i.color9 { color: #5B8FCB !important; }
i.color10 { color: #E6AD69 !important; }

.type { display: table: width:100%; padding: 30px 20px; border-bottom: solid 1px #eee; }
.type dt { display: block; vertical-align: top; font-weight: bold; font-size: 1.3rem; padding-bottom: 10px; }
.type dt i { color: #ccc; }
.type dd { display: block;  font-size: 0.9rem;  }
.type dd dl { padding: 20px 0; font-size: 1rem; }
.type dd dl dt { font-size: 1.1rem; color: #1163AB }
.type dd dl dd table { border-collapse: collapse; font-size: 0.9rem; }
.type dd dl dd table th {  width: 25%; text-align: left; background: #efefef;border: solid 1px #ddd ; padding: 10px;}
.type dd dl dd table td { border: solid 1px #ddd; padding: 10px; }

.list-blt { padding-left: 20px; }
.list-blt li::before { content: "\2022"; color: #1163AB; display: inline-block; width: 1em; margin-left: -1em; font-weight: normal;}

/*  ?²??°œ??? ?????…    */
.business { display: table; border-spacing: 20px; width: 100% }
.business li {display: table-cell; width: 25%; padding: 20px; border-radius: 10px; border: solid 1px #ddd; position: relative; text-align: center;  }
.business li i { font-size: 3rem; color: #53C8DA; padding-bottom: 20px; }
.business p { font-weight: bold; line-height: 120%; padding-bottom: 10px; padding-top: 10px; font-size: 0.9rem; height: 40px }
.business b { color: orangered; font-size: 1.1rem; }

.business-btn { text-align: center; padding: 10px 50px; }
.business-btn button { text-align: center; padding: 10px 80px; }



/* ?¹???Œ?¹??§€??? css?¶”?°€ */
.TreatmentSupport .main_notice { font-family: 'NanumSquare'; text-align: center; background: #198fd1; color: #fff; font-weight: bold; font-size: 17px; padding: 17px 0; }

.TreatmentSupport .main_keybnr { background: url(../images/TreatmentSupport/main_keybnr.jpg) no-repeat; width: 1080px; height: 387px; text-align: center; margin-top: 20px}
.TreatmentSupport .main_keybnr h5 { color:#004896;font-family: 'NanumSquare'; font-size: 2.5rem; padding-top: 95px;  }
.TreatmentSupport .main_keybnr button  { color: #004896; font-size: 1.3rem; border-style: dashed; border-color: #004896; border-radius: 30px; background-color: #fff; width: 210px; margin: 30px 0; }
.TreatmentSupport .main_keybnr button:hover { color:#fff; background-color: #198fd1; }
.TreatmentSupport .main_keybnr p { color: #555; font-size: 1.2rem; font-family: 'NanumSquare';  }

.TreatmentSupport .main_bnrWrap { margin-top: 20px; }
.TreatmentSupport .main_bnrWrap li { display: inline-block; margin: 0; padding: 0; width: 530px; height: 248px;position: relative; }
.TreatmentSupport .main_bnrWrap li:last-child { float: right; }
.TreatmentSupport .main_bnrWrap li a { width: 530px; height: 248px; display:block; }
.TreatmentSupport .main_bnrWrap li div { position: absolute; top:30px; left:220px; }
.TreatmentSupport .main_bnrWrap li p {margin: 0; padding: 0; }

.TreatmentSupport .main_bnr01 { background: url(../images/TreatmentSupport/main_bnr01.jpg) no-repeat; }
.TreatmentSupport .main_bnr01 div { margin-top: 20px; }
.TreatmentSupport .main_bnr01 .title { font-size: 1.7rem; color: #5a4100; font-weight: bold;  font-family: 'NanumSquare'; }
.TreatmentSupport .main_bnr01 .button { border-radius: 15px; background-color: #b98c16; text-align: center; color: #fff; border: 0; margin:20px 0; font-size: 1rem }
.TreatmentSupport .main_bnr01 .button:hover { color: #b98c16; background-color: #fff }
.TreatmentSupport .main_bnr01 .text { font-size: 1.1rem; color: #555555; font-family: 'NanumSquare'; line-height: 120%; }

.TreatmentSupport .main_bnr02 { background: url(../images/TreatmentSupport/main_bnr02.jpg) no-repeat; }
.TreatmentSupport .main_bnr02 div { margin-top: 20px; }
.TreatmentSupport .main_bnr02 .title { font-size: 1.7rem; color: #ad3d46; font-weight: bold;  font-family: 'NanumSquare'; }
.TreatmentSupport .main_bnr02 .button { border-radius: 15px; background-color: #d37078; text-align: center; color: #fff; border: 0; margin:20px 0; font-size: 1rem }
.TreatmentSupport .main_bnr02 .button:hover { color: #d37078; background-color: #fff }
.TreatmentSupport .main_bnr02 .text { font-size: 1.1rem; color: #555555; font-family: 'NanumSquare'; line-height: 120%; }

.TreatmentSupport .main_bnr03 { background: url(../images/TreatmentSupport/main_bnr03.jpg) no-repeat; }
.TreatmentSupport .main_bnr03 div { margin-top: 20px; }
.TreatmentSupport .main_bnr03 .title { font-size: 1.7rem; color: #555555; font-weight: bold;  font-family: 'NanumSquare'; }
.TreatmentSupport .main_bnr03 .button { border-radius: 15px; background-color: #198fd1; text-align: center; color: #fff; border: 0; margin:20px 0; font-size: 1rem }
.TreatmentSupport .main_bnr03 .button:hover { color: #198fd1; background-color: #fff }
.TreatmentSupport .main_bnr03 .text { font-size: 1.1rem; color: #555555; font-family: 'NanumSquare'; line-height: 120%; }


.TreatmentSupport .main_bnr04 { background: url(../images/TreatmentSupport/main_bnr04.jpg) no-repeat; }
.TreatmentSupport .main_bnr04 div { margin-top: 20px; }
.TreatmentSupport .main_bnr04 .title { font-size: 1.7rem; color: #036d89; font-weight: bold;  font-family: 'NanumSquare'; }
.TreatmentSupport .main_bnr04 .button { border-radius: 15px; background-color: #9b9b9b; text-align: center; color: #fff; border: 0; margin:20px 0; font-size: 1rem }
.TreatmentSupport .main_bnr04 .button:hover { color: #9b9b9b; background-color: #fff; }
.TreatmentSupport .main_bnr04 .text { font-size: 1.1rem; color: #555555; font-family: 'NanumSquare'; line-height: 120%; }


.TreatmentSupport .m4_mov { width: 1080px; height: 387px; margin-top: 20px; background-color: #dfeff9;}

.TreatmentSupport .m4_menu { display:table; width:100%; margin-top: 20px; }
.TreatmentSupport .m4_menu li { display: table-cell; width: 30%; text-align: center;border-right: solid 20px #fff;  }
.TreatmentSupport .m4_menu li:last-child { border-right:0; }
.TreatmentSupport .m4_menu li a {text-decoration: none; color: #000; font-size: 1rem; display:inline-block; width: 100%;  padding: 7px 0;  background-color: #eeeff1; border:solid 1px #eeeff1;}
.TreatmentSupport .m4_menu li a:hover { background-color: #fff; border: solid 1px #eeeff1; }
.TreatmentSupport .m4_menu li a.on { background-color: #fff; border: solid 1px #eeeff1; }

.TreatmentSupport h3 { border-bottom: solid 1px #000; padding: 40px 0 10px 0;  }

.TreatmentSupport .m4_case {  }
.TreatmentSupport .m4_case li { display: inline-block; margin-right: 20px; border:solid 1px #ddd; width: 341px; text-align: center; height: 200px; line-height: 140%; }
.TreatmentSupport .m4_case li:first-child { vertical-align: top; }
.TreatmentSupport .m4_case li:last-child { vertical-align: top; margin-right:0; }
.TreatmentSupport .m4_case li h5 { color: #1163ab; font-size: 1.1rem; font-weight: bold; margin-top: 35px; }
.TreatmentSupport .m4_case li p { line-height: 120%; color: #787878; font-size: 0.8rem; }
.TreatmentSupport .m4_case li button { border-radius: 3px; background-color: #198fd1; color: #fff; border:0; line-height: 200%; letter-spacing: -1px; padding:0 12px }
.TreatmentSupport .m4_case .age { font-size: 0.8rem; text-align: left; margin-left: 60px; font-weight: bold; line-height: 200% }
.TreatmentSupport .m4_case .age input { width: 100px; border-radius: 3px; height: 14px; }

.TreatmentSupport .m4_caseCheck { background-color: #e5e5e5; text-align: center; font-weight: bold; margin: 30px 0 20px 0; padding: 7px 0; }
.TreatmentSupport .m4_caseCheck a { text-decoration: none;  color: #1163ab; }
.TreatmentSupport .m4_caseCheck a:hover { text-decoration: underline; }

.TreatmentSupport .m4_what { height: 375px; background: url(../images/TreatmentSupport/m4_1.jpg) right no-repeat; padding-left: 30px; }
.TreatmentSupport .m4_what P:first-child { padding-top: 70px; font-size: 1.2rem }
.TreatmentSupport .m4_what P:first-child span { color:#1163ab; font-size: 1.7rem; font-weight: bold; line-height: 160% }
.TreatmentSupport .m4_what div { margin-top: 25px; font-size: 0.9rem; color: #666; line-height: 160% }
.TreatmentSupport .m4_what button { border-radius: 3px; background-color: #198fd1; color: #fff; border:0; line-height: 200%; letter-spacing: -1px; padding:0 12px; margin-top: 30px; }

.TreatmentSupport .m4_how { background-color: #efefef; padding: 30px 40px; line-height: 160% }
.TreatmentSupport .m4_how dt { font-weight: bold; margin-top: 20px; }
.TreatmentSupport .m4_how dt:first-child { margin-top: 0; }
.TreatmentSupport .m4_how dt span { border-radius: 10px; border:solid 3px #1163ab; width: 6px; height: 6px; display: inline-block; margin-right: 5px }
.TreatmentSupport .m4_how dd a { color: #0f46e4; font-weight: bold; }

.TreatmentSupport .m4_guide { margin-top: 30px; line-height: 260% }
.TreatmentSupport .m4_guide button { background: #969696; color:#fff; border-radius: 3px; border:0; padding: 0 7px; }
.TreatmentSupport .m4_guideBtn { margin: 50px 0; }
.TreatmentSupport .m4_guideBtn a { background: url(../images/TreatmentSupport/icon_down.png) 30px 50% no-repeat #efefef; color: #198fd1; padding: 20px; width: 480px; display: inline-block; text-align: center; text-decoration: none; }
.TreatmentSupport .m4_guideBtn span { margin-left: 70px }
.TreatmentSupport .m4_guideBtn a:hover { background-color: #dfdfdf }



.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}

.active, .accordion:hover {
  background-color: #ccc; 
}


/*  === 31개 시군 기관 안내(S) ============================= */

.map { 
	width: 550px; height: 550px; 
	background: url(/images/AreaCenter/map.png);
	position: relative;
	letter-spacing: -1px;
}
.map b { position: absolute; display: inline-block; padding: 10px; white-space: nowrap; font-size: 0.8rem }



/*가평*/
.map01 { position: absolute; top: 170px; left: 323px; text-decoration:none; color:#000000; }
.map01 b { position: relative; }

/*ê³ ì–‘*/
.map02 { position: absolute; top: 225px; left: 125px; text-decoration:none; color:#000000;}
.map02 b { position: relative;  }

/*과천*/
.map03 { position: absolute; top: 310px; left: 183px; text-decoration:none; color:#000000;}
.map03 b { position: relative;  }

/*광명*/
.map04 { position: absolute; top: 300px; left: 145px; text-decoration:none; color:#000000;}
.map04 b { position: relative;  }

/*광주*/
.map05 { position: absolute; top: 320px; left: 280px; text-decoration:none; color:#000000;}
.map05 b { position: relative;  }

/*구리*/
.map06 { position: absolute; top: 250px; left: 227px; text-decoration:none; color:#000000;}
.map06 b { position: relative;  }

/*군포*/
.map07 { position: absolute; top: 350px; left: 155px; text-decoration:none; color:#000000;}
.map07 b { position: relative;  }

/*김포*/
.map08 { position: absolute; top: 215px; left: 50px; text-decoration:none; color:#000000;}
.map08 b { position: relative;  }


/*남양주*/
.map09 { position: absolute; top: 220px; left: 265px; text-decoration:none; color:#000000;}
.map09 b { position: relative;  }

/*동두천*/
.map10 { position: absolute; top: 130px; left: 200px; text-decoration:none; color:#000000;}
.map10 b { position: relative;  }

/*부천*/
.map11 { position: absolute; top: 286px; left: 110px; text-decoration:none; color:#000000;}
.map11 b { position: relative;  }

/*성남*/
.map12 { position: absolute; top: 325px; left: 220px; text-decoration:none; color:#000000;}
.map12 b { position: relative;  }
.map12:hover .mapinfo { visibility: hide;  opacity: 1;}
/*수원*/
.map13 { position: absolute; top: 370px; left: 183px; text-decoration:none; color:#000000;}
.map13 b { position: relative;  }
.map13:hover .mapinfo { visibility: hide;  opacity: 1;}
/*시흥*/
.map14 { position: absolute; top: 327px; left: 115px; text-decoration:none; color:#000000;}
.map14 b { position: relative;  }
.map14:hover .mapinfo { visibility: hide;  opacity: 1;}
/*안산*/
.map15 { position: absolute; top: 355px; left: 120px; text-decoration:none; color:#000000;}
.map15 b { position: relative;  }
.map15:hover .mapinfo { visibility: hide;  opacity: 1;}
/*안성*/
.map16 { position: absolute; top: 470px; left: 276px; text-decoration:none; color:#000000;}
.map16 b { position: relative;  }
.map16:hover .mapinfo { visibility: hide;  opacity: 1;}
/*안양*/
.map17 { position: absolute; top: 325px; left: 158px; text-decoration:none; color:#000000;}
.map17 b { position: relative;  }
.map17:hover .mapinfo { visibility: hide;  opacity: 1;}
/*양주*/
.map18 { position: absolute; top: 164px; left: 185px; text-decoration:none; color:#000000;}
.map18 b { position: relative;  }
.map18:hover .mapinfo { visibility: hide;  opacity: 1;}
/*양평*/
.map19 { position: absolute; top: 277px; left: 380px; text-decoration:none; color:#000000;}
.map19 b { position: relative;  }
.map19:hover .mapinfo { visibility: hide;  opacity: 1;}
/*여주*/
.map20 { position: absolute; top: 370px; left: 405px; text-decoration:none; color:#000000;}
.map20 b { position: relative;  }
.map20:hover .mapinfo { visibility: hide;  opacity: 1;}
/*연천군*/
.map21 { position: absolute; top: 55px; left: 185px; text-decoration:none; color:#000000;}
.map21 b { position: relative;  }
.map21:hover .mapinfo { visibility: hide;  opacity: 1;}
/*오산*/
.map22 { position: absolute; top: 410px; left: 197px; text-decoration:none; color:#000000;}
.map22 b { position: relative;  }
.map22:hover .mapinfo { visibility: hide;  opacity: 1;}
/*용인*/
.map23 { position: absolute; top: 387px; left: 260px; text-decoration:none; color:#000000;}
.map23 b { position: relative;  }
.map23:hover .mapinfo { visibility: hide;  opacity: 1;}
/*의왕*/
.map24 { position: absolute; top: 335px; left: 185px; text-decoration:none; color:#000000;}
.map24 b { position: relative;  }
.map24:hover .mapinfo { visibility: hide;  opacity: 1;}
/*의정부*/
.map25 { position: absolute; top: 198px; left: 200px; text-decoration:none; color:#000000;}
.map25 b { position: relative;  }
.map25:hover .mapinfo { visibility: hide;  opacity: 1;}
/*이천*/
.map26 { position: absolute; top: 385px; left: 335px; text-decoration:none; color:#000000;}
.map26 b { position: relative;  }
.map26:hover .mapinfo { visibility: hide;  opacity: 1;}
/*파주*/
.map27 { position: absolute; top: 162px; left: 120px; text-decoration:none; color:#000000;}
.map27 b { position: relative;  }
.map27:hover .mapinfo { visibility: hide;  opacity: 1;}
/*평택*/
.map28 { position: absolute; top: 475px; left: 180px; text-decoration:none; color:#000000;}
.map28 b { position: relative;  }
.map28:hover .mapinfo { visibility: hide;  opacity: 1;}
/*포천*/
.map29 { position: absolute; top: 103px; left: 265px; text-decoration:none; color:#000000;}
.map29 b { position: relative;  }
.map29:hover .mapinfo { visibility: hide;  opacity: 1;}
/*하남*/
.map30 { position: absolute; top: 280px; left: 253px; text-decoration:none; color:#000000;}
.map30 b { position: relative;  }
.map30:hover .mapinfo { visibility: hide;  opacity: 1;}
/*화성*/
.map31 { position: absolute; top: 420px; left: 150px; text-decoration:none; color:#000000;}
.map31 b { position: relative;  }
.map31:hover .mapinfo { visibility: hide;  opacity: 1;}


/*  === 31개 시군 기관 안내(E) ============================= */


.mhinfo { display: table: width:100%; padding: 40px 20px 10px 20px; border-bottom: solid 1px #eee; }
.mhinfo dt { display: block; vertical-align: top; font-weight: bold; font-size: 1.3rem;}
.mhinfo dt i { color: #ccc;}
.mhinfo dd { display: block;}

.mhinfo2 { display: table: width:100%; padding: 10px; border-bottom: solid 1px #eee; }
.mhinfo2 dt { display: block; vertical-align: top; font-weight: bold; font-size: 1.3rem; padding-bottom: 10px; }
.mhinfo2 dt i { color: #ccc; }
.mhinfo2 dd { display: block; }

.mhinfo-table2 { border-top: solid 2px #ccc; width: 100%; border-collapse: collapse; box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.3); }
.mhinfo-table2 th, .mhinfo-table2 td { border:solid 1px #ccc; font-size: 0.9rem; text-align:center; vertical-align: middle; padding: 7px 5px;  word-break: keep-all;  }
.mhinfo-table2 th { width: 20%; background-color: #E3F0F7 }
.mhinfo-table2 tr:hover { background: #f5f5f5; }

/*  === 31?°œ ??œ??° ?¸°?´€ ?????´(E) ============================= */