@charset "UTF-8";

 #sub {width:100%;  margin:0 auto;  max-width:800px;}

 #sub {font-weight:400; color:#666;   }
 
 #sub .wrap {width:100%; float:left;  box-sizing:border-box; background: linear-gradient(to bottom, #fff, #ececec);  border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd;  position:relative;}
 #sub .wrap .in {width:94%; margin-left:3%; }

 #sub h2.guide {width:100%; float:left; text-align:center; padding-bottom:10px; margin-bottom:25px; border-bottom:1px solid #ddd; font-size:1.5em; font-weight:600; display:none}

 #sub h3 {font-size:1.35em !important; font-weight:700; color:#333; margin-bottom:10px;  }
#sub h4 {font-size:1.2em; font-weight:600; color:#333; width:100%; display:inline-block; padding-bottom:5px; line-height:1.4em  }

#sub span.no {width:30px; line-height:30px; background-color:#0d99fc; color:#fff; text-align:center; display:inline-block; font-weight:500; font-size:17px; border-radius:3px;}

#sub .t {font-size:15px; font-weight:400; color:#555; line-height:1.3em;}

 /*멤버쉽*/
 
.login    {width:100%;  float:left; padding:20px 20px 20px 20px;  border-radius:5px; background-color:#ffff; box-shadow:1px 1px 2px #ddd; box-sizing:border-box; border:1px solid #ddd; }
.login h3 {font-size:1.5em !important; font-weight:700; color:#333; margin-bottom:10px; padding:0 !important;}
.login p {font-size:0.95em; line-height:1.3em; font-weight:300; color:#555;}
.login   table   {width:100%;  float:left; margin-top:10px;  }
/*.login  table  th   { padding:5px 0; vertical-align:middle; text-align:left; font-size:15px;  font-weight:500; color:#333; }*/
.login  table  td   {padding:8px 0; vertical-align:middle;  font-size:16px; color:#888; }
.login  table  tr.border_tr td {border:1px solid #ddd; padding:0;}
 .login  table  td   .input  {width:100%;  height:40px; vertical-align:middle; box-sizing:border-box; font-size:16px; color:#666; padding-left:5px; border:1px solid #fff; }


.login   .login_btn  {background-color:#0d99fc ;  border-radius:3px; display:inline-block; line-height:50px; width:100%;  color:#fff !important; text-align:center; box-shadow:1px 1px 2px #ddd;  font-weight:600; font-size:1.1em}



.login_bottom_box   {width:100%;     float:left; padding-top:10px; color:#777;  margin-top:10px;
font-size:15px; line-height:1.3em;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box; }


.login_bottom_box a 	{  color:#333; font-weight:700; vertical-align:top;}

.join_check      {width:100%; float:left;  font-size:15px; color:#666; text-align:center;padding-top:10px; }

.join_area   { font-family:'Noto Sans KR',"NanumGothic",NanumGothic,verdana,'Malgun Gothic',맑은고딕,sans-serif;width:100%;  box-sizing:border-box;
float:left; color:#555; font-size:0.97em;  height:150px; line-height:1.5em; border:1px solid #ddd; padding:10px; }




.calender_search  {width:100%; float:left; border:1px solid #ddd; background-color:#fff; padding:15px; box-sizing:border-box; line-height:34px; box-shadow:1px 1px 2px #ddd; border-radius:3px;}
.calender_search img {vertical-align:-4px;}
.calender_search table {width:100%; float:left;}
.calender_search table td {padding:0px 0 5px 0;  }
.calender_search table th {font-size:1em;  text-align:left; font-weight:600; color:#333; width:70px; display:inline-block;}
.calender_search .input01  {height:35px; width:25%; color:#888}

.calender_search .btn   {  text-align:center;  display:inline-block; padding:0px 10px;  font-size:0.9em; line-height:27px;  font-weight:400; background-color:#fff;   border:1px solid #ddd; border-radius:3px; margin-left:2px;  box-shadow:1px 1px 1px #ddd;  }
.calender_search .ov {background-color:#555; color:#fff; border:1px solid #555;}
.calender_search .bg_color {    background-color:#555;    border:1px solid #555;   color:#fff !important; }




#sub section.service {width:100%; float:left; font-size:0.95em; color:#777; line-height:1.35em;}
#sub section.service h4 {padding-bottom:10px; color:#0d99fc; font-size:1.25em !important; }
#sub section.service  b {font-size:1.2em; color:#333; font-weight:600; width:100%; float:left; margin-bottom:5px; line-height:1.35em;}
#sub section.service .line {margin:30px 0;}
#sub section.service ul.type1  {width:100%; float:left;}
#sub section.service ul.type1 li {width:100%;  box-sizing:border-box; padding:13px 10px; border-radius:3px; box-shadow:1px 1px 2px #ddd; border:1px solid #ddd; background-color:#fff;  float:left;   font-size:0.95em; margin-bottom:10px;}
#sub section.service ul.type1 li  b {width:100%; border-bottom:1px solid #ddd; color:#0d99fc; padding-bottom:10px; float:left; box-sizing:border-box;  margin-bottom:10px;  font-size:1.2em }
 
#sub section.service ul.type2  {width:100%; float:left;}
#sub section.service ul.type2 li {width:100%; box-sizing:border-box; padding:20px; border-radius:3px; box-shadow:1px 1px 2px #ddd; border:1px solid #ddd; background-color:#fff; float:left;  font-size:15px;margin-bottom:10px;}
#sub section.service ul.type2 li  b {width:100%; float:left; padding-bottom:0; margin-top:-10px;}
#sub section.service ul.type2 li:nth-child(3) {float:right; margin-right:0}


#sub section.service table.type3  {width:100%; float:left;}
#sub section.service table.type3 td {width:22.7%;  box-sizing:border-box;   text-align:center;  box-shadow:1px 1px 2px #ddd; border:1px solid #ddd; background-color:#fff;   line-height:1.1em;   font-size:1.05em; font-weight:600; color:#333;   padding:2%; }
#sub section.service table.type3 td.step {width:3%; box-shadow:none; padding:0; background:none; text-align:center; border:none}
#sub section.service table.type3 td.step img {width:70%;  }
 
#sub section.service table.type3 td  span.no {background:none;  color:#0d99fc; text-align:center; display:inline-block; font-weight:600;  font-size:1.5em; margin-bottom:1px; }

#sub h4.h4_333 {color:#333 !important; font-size:1.3em}
#sub section.service table.type4 {width:100%; float:left; box-shadow:1px 1px 2px #ddd; border:1px solid #ddd; background-color:#fff;    box-sizing:border-box;}
 #sub section.service table.type4 td   {padding:3%;}
 #sub section.service table.type4 td:nth-child(1) {width:40%; background-color:#f9f9f9}
 #sub section.service table.type4 td:nth-child(2) {width:60%;}
 #sub section.service table.type4 td .t_box2 {width:100%; }
#sub section.service table.type4 td .t_box {width:100%;  padding:0;}
#sub section.service table.type4 td .t_box b {font-size:1.1em !important;  }
#sub section.service table.type4 td .t_box2 b {font-size:1.2em !important; font-weight:600; line-height:1.3em; }

#sub section.service ul.photo_li  {width:100%; float:left;}
#sub section.service ul.photo_li li {width:47%; float:left; font-size:1em; font-weight:500; color:#333; text-align:center; margin-top:10px; }
#sub section.service ul.photo_li li  img {margin-bottom:5px;}
#sub section.service ul.photo_li li:nth-child(2) {float:right; margin-right:0}
#sub section.service ul.photo_li li:nth-child(4) {float:right; margin-right:0}



#sub section.service .t_box {width:100%; float:left; background-color:#f9f9f9; box-sizing:border-box; font-size:1.05em; line-height:1.5em;  color:#555; padding:2%; }
#sub section.service .t_box2 {width:100%; float:left; box-sizing:border-box; font-size:0.95em; line-height:1.4em; color:#666;}
 
#sub section.company01 {width:100%;  float:left;}
#sub section.company01 img { }
#sub section.company01 .text {width:100%;  margin-top:20px; float:left; font-size:1em; line-height:1.4em; color:#666}
#sub section.company01 .text span.t1 {font-size:1.3em; color:#333; font-weight:600;}
#sub section.company01 .text  span.t2 {font-size:0.95em; color:#777; font-weight:300}
#sub section.company2 {width:100%; float:left;}
#sub section.company2 table {width:100%; float:left;}

#sub section.company2 table td {width:50%; position:relative;   box-shadow:1px 1px 2px #ddd; border:1px solid #ddd; background-color:#fff; font-size:1em; text-align:center;  color:#666; line-height:1.4em; padding:35px 3% 3% 3%; box-sizing:border-box; margin-bottom:20px;}
#sub section.company2 table td div {  }
#sub section.company2 table td  .no {position:absolute; left:-10px; top:-10px; border-radius:0; width:42px; line-height:42px; background-color:#1f2b4f;}

#sub section.company2 table td b {font-size:1.05em; font-weight:600;   color:#0b93e2; text-decoration:underline;}

#sub section.company3  {width:100%; float:left}
#sub section.company3 table {width:100%; float:left;}
#sub section.company3 table td {width:50%;  border:1px solid #ddd; vertical-align:top;  background-color:#fff;  padding:3%;}
#sub section.company3 dl {width:100%; text-align:center;  }
#sub section.company3 dl:nth-child(4) {float:right; border-right:1px solid #ddd;}
#sub section.company3 dl:nth-child(7) {float:right; border-right:1px solid #ddd;}

#sub section.company3 dl  dt {font-size:1.1em; line-height:1.3em;  font-weight:600; color:#333; border-bottom:1px solid #ddd; padding-bottom:10px; margin-bottom:10px; }


#sub section.company3 dl  dd {font-size:0.95em; width:100%;   background-color:#fff;   text-align:center;  font-weight:300;   line-height:1.4em; color:#666;}

#sub section.company3 dl  dd  b {font-size:1.1em; font-weight:600;   color:#0b93e2; text-decoration:underline;}


#sub section.company4  {width:100%; float:left; font-size:0.95em; color:#666; line-height:1.4em;}
#sub section.company4  h3 {font-size:1.32em; font-weight:600; color:#333; }
#sub section.company4 div.box {width:100%;  text-align:Center; float:left;   padding:20px 20px; border:1px solid #ddd; box-sizing:border-box; box-shadow:1px 1px 2px #ddd; background-color:#fff; }
#sub section.company4 div.box img {margin-bottom:15px; }
#sub section.company4 div.box div{width:100%; float:right;  }

#sub .call_box {width:100%; position:relative; float:left; border:1px solid #ddd; background-color:#fff; color:#333; padding:5% 3%; box-sizing:border-box; border-radius:3px; box-shadow:1px 1px 2px #ddd;}
#sub .call_box  div {width:70%; float:left;}
#sub .call_box h4 {color:#333 !important; line-height:1.2em; }
#sub .call { font-size:1em; font-weight:600;}
#sub .call_box img {position:absolute; right:10px; bottom:7px; width:30%;}
#sub .call_box span {color:#0b93e2; font-weight:800; font-size:1.3em; }

#sub section.company3 dl.type2 {width:33.33333%;   margin-top:-1px; }
#sub section.company3 dl.type2  dd {font-size:16px; width:380px;  height:110px; background-color:#fff; display:table-cell; vertical-align:middle; text-align:center;  font-weight:300;   line-height:1.4em; color:#666;}


 .adress_list {width:100%; float:left;}
 .adress_list li {width:100%; float:left; }
 .adress_list li a {width:100%; display:inline-block; padding:3%; border:2px solid #ddd; box-sizing:border-box; font-size:1em;  line-height:1.3em; background-color:#fff; margin-top:8px; color:#666}
 .adress_list li a h4 {font-size:1.2em; font-weight:600; color:#333; width:100%; float:left;  line-height:1em; padding-bottom:3px !important;}
 .adress_list li a p {width:100%; float:left;  font-size:0.92em; }
 .adress_list li a span  { display:inline-block; text-align:center; line-height:32px; padding:0 20px; font-weight:500;   font-size:0.95em;   vertical-align:middle; background-color:#0d99fc; border-radius:3px; box-shadow:1px 1px 3px #ddd; color:#fff !important;  float:right;}
 .adress_list li a.ov {border:2px solid #0d99fc; }

 .adress_list2 li div {width:100%; display:inline-block; padding:3%; border:2px solid #ddd; box-sizing:border-box; font-size:1em;  line-height:1.3em; background-color:#fff; margin-top:8px; color:#666}
 .adress_list2 li div h4 {font-size:1.2em; font-weight:600; color:#333; width:100%; float:left;  line-height:1em; padding-bottom:3px !important;}
 .adress_list2 li div p {width:100%; float:left;  font-size:0.92em; }
 .adress_list2 li div a  { display:inline-block; text-align:center; line-height:32px; padding:0 20px; font-weight:500;   font-size:0.95em;   vertical-align:middle; background-color:#0d99fc; border-radius:3px; box-shadow:1px 1px 3px #ddd; color:#fff !important;  float:right;}