@charset "UTF-8";

/* Page Title */
#sub {width:100%; float:left;}
#sub .wrap {width:1200px; margin:0 auto;}

#sub h2.guide {font-size:30px; font-weight:700; color:#333; width:100%; float:left; text-align:center; line-height:50px; margin-bottom:30px; border-bottom:1px solid #ddd;}

/*** top_banner 위치 시작***/
.top_banner {
    margin-top: 130px;
    margin-bottom: 50px;
    max-width: 1200px;
    width: 100%;
    height: 224px;
    background: url(../img/main/top_banner_basic.png);
    background-size: cover;
    background-repeat: no-repeat;
}
.catch_copy {
    position: absolute;
    font-size: 1.2em;
    color: #fff;
    margin-left: 40px;
    margin-top: 80px;
}
h3.bnr_big_tit {
    margin-left: 30px;
    margin-top: 100px; 
}
.quick_name {
    font-size: 2em;
    font-style: oblique;
    color: #fff;   
}
.quick_num {
    font-size: 2em;
    font-style: oblique;    
    color: #fff; 
}
/*** top_banner 위치 끝***/

#sub ul.sub_menu {width:100%; text-align:center; float:left; margin-top:10px; margin-bottom:50px;}
#sub ul.sub_menu li {display:inline-block; font-size:17px;  text-align:center;width:200px;  line-height:45px; background-color:#fff; border:1px solid #0b93e2; box-sizing:border-box;}
#sub ul.sub_menu li a { color:#0b93e2 !important; width:100%; display:inline-block}
#sub ul.sub_menu li.ov {background: linear-gradient(to right, #0b93e2, #0b93e2); border:1px solid #0b93e2;}
#sub ul.sub_menu li.ov a { color:#fff !important;}


#sub h3 {font-size:23px; font-weight:700; color:#333; width:100%; display:inline-block; padding-bottom:5px;  }
#sub h4 {font-size:20px; font-weight:600; color:#333; width:100%; display:inline-block; padding-bottom:5px;  }
#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;}

#sub .mylist {width:80%; margin:0 auto; min-width:1200px;}

#sub section.service {width:100%; float:left; font-size:15.5px; color:#777; line-height:1.35em;}
#sub section.service h4 {padding-bottom:10px;}
#sub section.service  b {font-size:1.2em; color:#333; font-weight:500; width:100%; float:left; margin-bottom:5px;}
#sub section.service .line {margin:30px 0;}
#sub section.service ul.type1  {width:100%; float:left;}
#sub section.service ul.type1 li {width:24%; text-align:Center; box-sizing:border-box; padding:20px 10px; border-radius:3px; box-shadow:1px 1px 2px #ddd; border:1px solid #ddd; background-color:#fff;  float:left; margin-right:1.3%; font-size:15px;}
#sub section.service ul.type1 li  b {width:100%;background-color:#0d99fc; color:#fff; padding:10px 5px; float:left; box-sizing:border-box;  margin-bottom:10px; border-radius:50px;}
#sub section.service ul.type1 li:nth-child(4) {float:right; margin-right:0}

#sub section.service ul.type2  {width:100%; float:left;}
#sub section.service ul.type2 li {width:32%; box-sizing:border-box; padding:20px; border-radius:3px; box-shadow:1px 1px 2px #ddd; border:1px solid #ddd; background-color:#fff; float:left; margin-right:2%; font-size:15px;}
#sub section.service ul.type2 li  b {width:100%; float:left; padding-bottom:5px;}
#sub section.service ul.type2 li:nth-child(3) {float:right; margin-right:0}


#sub section.service ul.type3  {width:90%; margin-left:7%;  float:left;;}
#sub section.service ul.type3 li {width:25%;  position:relative;  float:left; background:url('/common/img/sub/step_icon.png') no-repeat right;}
#sub section.service ul.type3 li:nth-child(4) {float:right; margin-right:0; background:none;}
#sub section.service ul.type3 li  div {width:85%; margin:0 10px; padding:20px 0; text-align:Center; box-sizing:border-box;   box-shadow:1px 1px 2px #ddd; border:1px solid #ddd; background-color:#fff;  float:left; margin-right:1.3%;     font-size:19px; font-weight:600; color:#333;  }
#sub section.service ul.type3 li  div span.no {width:38px; line-height:38px; background-color:#1f2b4f; color:#fff; text-align:center; display:inline-block; font-weight:500; border-radius:0; font-size:17px; position:absolute; top:0; left:10px;}

#sub section.service table.type4 {width:100%; float:left; box-shadow:1px 1px 2px #ddd; border:1px solid #ddd; background-color:#fff;  b  box-sizing:border-box;}
 #sub section.service table.type4 td  h4  {font-size:22px;}
#sub section.service table.type4 td   {padding:2%;}
 #sub section.service table.type4 td:nth-child(1) {width:40%;}
 #sub section.service table.type4 td:nth-child(2) {width:60%;}
 #sub section.service table.type4 td img { float:left; margin-top:20px;}
#sub section.service table.type4 td .t_box2 {width:100%; }
#sub section.service table.type4 td .t_box2 b{font-weight:600; font-size:1.3em }
#sub section.service table.type4 td .t_box {width:100%;  }
#sub section.service table.type4 td .t_box b {font-size:18px !important; }



#sub section.service ul.photo_li  {width:100%; float:left;}
#sub section.service ul.photo_li li {width:24%; float:left; margin-right:1.3%; font-size:17px; font-weight:500; color:#333; text-align:center; }
#sub section.service ul.photo_li li  img {margin-bottom:5px;}
#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; padding:10px; box-sizing:border-box; font-size:1.1em; line-height:1.4em; color:#555;}
#sub section.service .t_box2 {width:100%; float:left; box-sizing:border-box; font-size:1.02em; line-height:1.4em; color:#666;}
#sub section.service .t_box2 b {font-weight:500; color:#333; font-size:1.2em; line-height:1.4em}

#sub section.company01 {width:100%; float:left;}
 #sub section.company01 .text {width:55%; margin-right:50px; margin-top:120px; float:right; font-size:17px; line-height:1.6em; color:#666}
#sub section.company01 .text span.t1 {font-size:25px; color:#333; font-weight:600;}
#sub section.company01 .text  span.t2 {font-size:15px; color:#777; font-weight:300}
#sub section.company2 {width:100%; float:left;}
#sub section.company2 ul {width:100%; float:left;}

#sub section.company2 ul li {width:24%; position:relative;  margin:0 0.5%;  height:140px; float:left; box-shadow:1px 1px 2px #ddd; border:1px solid #ddd; background-color:#fff; font-size:17px; text-align:center;  color:#666; line-height:1.6em; padding:2% 0px; box-sizing:border-box; margin-bottom:20px;}
#sub section.company2 ul li div {width:300px; display:table-cell; vertical-align:middle; height:90px;  }
#sub section.company2 ul li div .no {position:absolute; left:-5px; top:-5px; border-radius:0; width:42px; line-height:42px; background-color:#1f2b4f;}

#sub section.company2 ul li  b {font-size:1.1em; font-weight:600;   color:#0b93e2; text-decoration:underline;}

#sub section.company3  {width:100%; float:left}
#sub section.company3 dl {width:25%; text-align:center; border:1px solid #ddd; float:left;  background-color:#fff; box-sizing:border-box; padding:10px; margin-right:0; border-right:none;  }
#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:21px; 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:16px; width:280px;  height:90px; background-color:#fff; display:table-cell; vertical-align:middle; text-align:center;  font-weight:300;   line-height:1.4em; color:#666;}

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


#sub section.company4  {width:100%; float:left; font-size:16.3px; 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:32.6%; height:410px;  text-align:Center; float:left; box-sizing:border-box; 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; text-align:Center; border:1px solid #ddd; background-color:#fff; color:#333; padding:20px 0 15px 0 ; box-sizing:border-box; border-radius:3px; box-shadow:1px 1px 2px #ddd;}
#sub .call_box h4 {color:#333 !important; line-height:1em;}
#sub .call { font-size:22px; font-weight:600;}
#sub .call_box img {position:absolute; right:5%; top:-40px; width:280px;}
#sub .call_box span {color:#0b93e2; font-weight:800; font-size:28px; }

#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;}