/*************** 내용 공통 ***************/
.t_center{ text-align:center !important;}
.sub_wrap{ width: 1400px; margin: 0 auto;}

/*준비중*/
.ready{ display: flex; justify-content: center; align-items: center; flex-direction: column; padding-top: 50px;}
.ready .i{ opacity: .2;}
.ready p{ font-size: 25px; color: #333; text-align: center; margin-top: 20px; font-weight: 700;}
.ready strong{ color:#036DB7;}
.ready span{ color: #999; font-size: 16px; display: block; margin-top: 5px; font-weight: 300;}

/*테이블 - 가로스크롤*/
.row-horizon { position:relative; width:100%; overflow-x: hidden; overflow-y: hidden;}
.tbl_blur{ display: none;}
.tbl_scroll{ display: none;}
/*테이블*/
.tbl table{ width:100%; border-top:1px solid #444; text-align:center;}
.tbl caption{ font-size: 0px; height: 0px;}
.tbl thead tr th{ padding:12px 10px; border-bottom:1px solid #444; border-left-color:#fff; background-color: #f9f9f9; width: 25%; font-size: 16px;}
.tbl tbody tr th{ padding:15px 10px; border-bottom:1px solid #ddd; font-size: 16px;}
.tbl tbody tr td{ padding:15px 10px; border-bottom:1px solid #ddd; font-size: 16px;}
.tbl tbody tr td:first-child{ text-align: left; padding: 15px 20px; font-weight: 400;}

.tbl2 table{ width:100%; border-top:1px solid #444; text-align:center;}
.tbl2 caption{ font-size: 0px; height: 0px;}
.tbl2 thead tr th{ padding:15px 10px; border-bottom:1px solid #444; border-left-color:#fff; background-color: #f9f9f9; width: 25%; font-size: 18px;}
.tbl2 tbody tr th{ padding:15px 10px; border-bottom:1px solid #ddd; font-size: 18px; font-weight: 500; border-right: 1px solid #ddd;}
.tbl2 tbody tr td{ padding:15px 10px; border-bottom:1px solid #ddd; font-size: 18px;}
/*작은 데스크탑 & 노트북: 1024px ~ 1279px */
@media screen and (max-width: 1279px) {
  .sub_wrap{ width: 95%; margin: 0 auto;}
}
/*태블릿 : 768px ~ 1023px */
@media screen and (max-width: 1023px) {
  .ready p{ font-size: 20px;}
  .ready span{ font-size: 14px;}
  .img2 img{ width:100%;}
  .table_wrap{ position: relative;}
  .tbl_blur{ display: block; position:absolute; top:0px; right:0; width:40px; height:100%; background:url(../img/common/tbl_blur.png) repeat-y right top; z-index:10;}
  .row-horizon {overflow-x: scroll;overflow-y: hidden;white-space: nowrap;float: none; width: 100%;}
  .tbl_scroll{ display: block; font-size:12px; line-height: 12px; color:#888; margin-bottom:10px; padding-left: 5px;}
  .tbl table{ line-height: 1.3;}
  .tbl thead tr th{ padding:8px 20px;}
  .tbl tbody tr th{ padding:10px 20px;}
  .tbl tbody tr td{ padding:10px 20px;}
  .tbl tbody tr td:first-child{ padding: 10px 20px;}
  .tbl2 thead tr th{ padding:8px 20px;}
  .tbl2 tbody tr th{ padding:10px 20px;}
  .tbl2 tbody tr td{ padding:10px 20px;}

}
/*모바일 : 370px ~ 767px */
@media screen and (max-width: 767px) {
  .tbl thead tr th{ padding:8px 10px; font-size: 13px;}
  .tbl thead tr th:first-child{ width: 30%;}
  .tbl thead tr th:last-child{ width: 20%;}
  .tbl tbody tr th{ padding:10px 10px; font-size: 13px;}
  .tbl tbody tr td{ padding:10px 10px; font-size: 13px;}
  .tbl tbody tr td:first-child{ padding: 10px 10px;}
  .tbl2 thead tr th{ padding:8px 15px; font-size: 13px;}
  .tbl2 tbody tr th{ padding:10px 15px; font-size: 13px;}
  .tbl2 tbody tr td{ padding:10px 15px; font-size: 13px;}
}

/*************** 서브 상단비주얼 ***************/
.svisual{ width:100%; height:300px; background-repeat: no-repeat; background-size: cover;  background-position: center center; position: relative;}
.svisual::after{ display: block; content: ""; width: 100%; height: 300px; background-color: rgba(0,0,0,0.3); position: absolute; top: 0px; left: 0px; z-index: 1;}
.sv01{ background-image: url(../img/sub/svisual01.jpg);  background-position: center top;}
.sv02{ background-image: url(../img/sub/svisual02.jpg);}
.sv03{ background-image: url(../img/sub/svisual03.jpg);}
.sv04{ background-image: url(../img/sub/svisual04.jpg);}
.sv05{ background-image: url(../img/sub/svisual05.jpg);}
.sv06{ background-image: url(../img/sub/svisual06.jpg);}
.sv07{ background-image: url(../img/sub/svisual07.jpg);}
.sv08{ background-image: url(../img/sub/svisual08.jpg);}
.svisual .sv_in{ width: 1400px; margin: 0 auto; position: relative; z-index: 2;}
.svisual .sv_tit{ position: absolute; top: 100px; left: 50%; transform: translateX(-50%);}
.svisual .sv_tit p{ font-size: 13px; color:rgba(255,255,255,.8); letter-spacing: 3px; margin-bottom: 20px; display: none;}
.svisual .sv_tit h1{ font-size: 50px; font-weight: 600; color:rgba(255,255,255,1);}

/*************** 로케이션 ***************/
.location{ position: absolute; top: 160px; left: 50%; transform: translateX(-50%);}
.location ul{ display:flex; align-items: center; justify-content: center;}
.location li{ font-size: 14px; font-weight: 300; color: #fff; margin-right: 13px;}
.location li .smh{ width: 14px;}
.location li:nth-of-type(1){ margin-bottom: 5px;}
.location li:last-child{ font-weight: 500;}
.location li a{ color: #fff;}


/*작은 데스크탑 & 노트북: 1024px ~ 1279px */
@media screen and (max-width: 1279px) {
  .svisual .sv_in{ width: 95%;}
}
/*태블릿 : 768px ~ 1023px */
@media screen and (max-width: 1023px) {
  .svisual{ height:150px;}
  .svisual::after{ height: 150px;}
  .svisual .sv_tit{ top: 40px;}
  .svisual .sv_tit h1{ font-size: 35px;}
  .location{ top: 85px;}
}
/*모바일 : 370px ~ 767px */
@media screen and (max-width:767px) {
  .svisual{ height:120px;}
  .svisual::after{ height: 120px;}
  .svisual .sv_tit{ top: 38px; width: 95%; text-align: center;}
  .svisual .sv_tit h1{ font-size: 25px;}
  .location{ top: 68px; width: 100%;}
  .location li .smh{ width: 12px;}
  .location li{ font-size: 12px; margin-right: 10px;}
  .location li:nth-of-type(1) img{ width: 12px;}
}

/*************** 서브메뉴 ***************/
.smenu_box{ position: absolute; top: -30px; left: 50%; transform: translateX(-50%); /*width: 1400px; margin-left: -700px;*/}
.smenu_box .smenu ul{ display:flex; justify-content: center; align-items: center; box-shadow: 0px 0px 10px rgba(0,0,0,0.15); background-color: #fff;}
.smenu_box .smenu ul li { text-align: center;}
.smenu_box .smenu ul li a{ display:block; font-size:18px; color:rgba(0,0,0,.5); line-height:1.2; padding: 15px 40px; border-right: 1px solid #eee; position:relative;}
.smenu_box .smenu ul li:last-child a{ border-right: 0;}
.smenu_box .smenu ul li a:hover{ color:#333;}
.smenu_box .smenu ul li a.menu_on{ font-weight: 700; color:#fff; position:relative; background-color: #3A59D1;}

.mo_smenu_box{ display: none;}  
/*작은 데스크탑 & 노트북: 1024px ~ 1279px */
@media screen and (max-width: 1279px) {
  .smenu_box .smenu ul li a{ font-size:17px; padding: 15px 30px; width: 255px;}
}
/*태블릿 : 768px ~ 1023px */
@media screen and (max-width: 1023px) {
  .smenu_box{ display: none;}
/*모바일-서브 드롭메뉴*/
/* 서브상단 3차메뉴 */
.mo_smenu_box { position: relative; display: block; margin: 0 auto; width: 100%; line-height:50px; color: #666; vertical-align: middle; text-align: left;
  background:#fff; border-bottom: 1px solid #ddd;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}
.mo_smenu_box .mo_smenu_tit { position: relative; z-index: 1; border-radius: 2px; font-size: 17px; cursor: pointer;}
.mo_smenu_box .mo_smenu_tit:after { display: block; content: ""; position: absolute; right: 20px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 10; width: 9px; height: 6px; background: url(../img/common/ico_down.png) no-repeat center center;}
.mo_smenu_box.on .mo_smenu_tit:after { background-image: url(../img/common/ico_up.png);}
.mo_smenu_box.on ul { display: block; box-shadow: 0px 2px 2px rgb(0,0,0,0.1); box-shadow: 0px 2px 2px rgba(0,0,0,0.1);}
.mo_smenu_box.ms_tit .mo_smenu_tit { color: #222; font-weight: 500; padding: 0 15px; display: block;}
.mo_smenu_box ul { display: none; position: absolute; width: 100%; background: #f2f2f2; top: 50px; left: 0px; list-style: none; margin: 0; padding: 10px 0; z-index: 1; height:auto !important; border-left:1px solid #dadada; border-right:1px solid #dadada; border-bottom:1px solid #dadada;}
.mo_smenu_box ul li { display: block !important; text-align: left; color: #999; cursor: pointer; height:auto !important; margin:0 !important;}
.mo_smenu_box ul li a {  display:block; padding: 7px 20px ; font-size: 17px; line-height: 1.2;}
}

/*************** 내용작업 ***************/

.top_tit{ text-align: center; margin-bottom: 100px;}
.top_tit h2{ font-size: 25px; font-weight: 800; color: #3A59D1; line-height: 1.2; margin-bottom: 5px;}
.top_tit h1{ font-size: 45px; font-weight: 500; color: #222; line-height: 1.2; margin-bottom: 30px;}
.top_tit p{ font-size: 20px; font-weight: 400; color: #333; line-height: 1.8;}
.greet{ position: relative;}
.greet .img{ position: absolute; right: 0px; top: 350px;}
.greet .img img{ width: 550px;}
.greet .txt h1{ font-size: 30px; font-weight: 600; color: #222; line-height: 1.2; margin-bottom: 30px;}
.greet .txt p{ font-size: 20px; font-weight: 300; color: #666; line-height: 1.8;}
.grt02_img{ text-align: center;}

.consult_imgb{ margin-bottom: 100px;}
.consult_img{ width: 100%; height: 350px; background-position: center top; background-repeat: no-repeat; background-size: cover; position: relative;
border-radius: 30px; overflow: hidden; display: flex; justify-content: center; align-items: center; flex-direction: column;}
.consult_img::after{ display: block; content: ""; width: 100%; height: 100%; background-color: rgba(0,0,0,.4); position: absolute; top: 0px; left: 0px;}
.cs_img01{ background-image: url(../img/sub/consult01_img.jpg);}
.cs_img03{ background-image: url(../img/sub/consult03_img.jpg);}
.cs_img04{ height: 500px; background-image: url(../img/sub/consult04_img.jpg);}
.consult_img .txt{ text-align: center; color: #fff; position: relative; z-index: 1;}
.consult_img .txt h2{ font-size: 25px; font-weight: 700; margin-bottom: 10px;}
.consult_img .txt h1{ font-size: 36px; font-weight: 700; margin-bottom: 30px;}
.consult_img .txt p{ font-size: 22px; line-height: 1.6;}

.tit{ text-align: center; margin-bottom: 60px;}
.tit h1{ font-size: 40px; font-weight: 400; color: #222; margin-bottom: 10px;}
.tit p{ font-size: 25px; font-weight: 700; color: #3A59D1;}
.con_box{ display: flex; flex-wrap: wrap;}
.con_box dl{ width: 19%; border: 1px solid #cdd1e2; padding: 50px 30px; border-radius: 15px; margin: 0 1% 1% 0;}
.con_box dl:nth-of-type(5){ margin: 0 0 1% 0;}
.con_box dl:nth-of-type(even){ background-color: #f8f8fc;}
.con_box dt{ font-size: 15px; font-weight: 900; color: #fff; text-transform: uppercase; display: inline-block; background-color: #3A59D1; padding: 5px 8px;
  border-radius: 6px; margin-bottom: 25px;}
.con_box dd{ font-size: 22px; font-weight: 600; color: #222; line-height: 1.3;}
.con_box dd > span{ display: block; font-size: 18px; font-weight: 300; color: #888; margin-top: 5px;}

.con_box2_wrap{ display: flex; justify-content: center; flex-wrap: wrap;}
.con_box2{ width: 30%; border: 1px solid #cdd1e2;margin: 0 1% 2% 1%;}
.con_box2 .img img{ width: 100%;}
.con_box2 .txt{ padding: 40px 40px 40px 40px; position: relative;}
.con_box2 .txt h1{ font-size: 18px; font-weight: 700; color: #fff; line-height: 40px; padding: 0 20px; background-color: #3A59D1; position: absolute;
top: -20px; left: 50%; transform: translateX(-50%);}
.con_box2 dl{ text-align: center;}
.con_box2 dt{ font-size: 25px; font-weight: 700; color: #222; margin-bottom: 10px;}
.con_box2 dd{ font-size: 18px; line-height: 1.5; color: #666;}



@media screen and (max-width: 1279px) {
  .greet .img{ position: relative; right: auto; top: auto; margin-bottom: 50px;}
  .con_box dl{ width: 24%;}
  .con_box dl:nth-of-type(4){ margin: 0 0 1% 0;}
  .con_box dl:nth-of-type(5){ margin: 0 1% 1% 0;}
}
@media screen and (max-width: 1023px) {
  .top_tit{ padding: 0 3%; margin-bottom:60px;}
  .top_tit h2{ font-size: 22px;}
  .top_tit h1{ font-size: 35px;}
  .top_tit p{ font-size: 18px; line-height: 1.6;}
  .greet .img img{ width: 100%;}
  .greet .txt{ padding: 0 3%;}
  .greet .txt h1{ font-size: 25px;}
  .greet .txt p{ font-size: 18px; line-height: 1.6;}
  .greet .txt p .nbr{ display: none;}

  .consult_img{ width: 95%; height: 300px; border-radius: 20px; margin: 0 auto;}
  .cs_img04{ height: 450px;}
  .consult_img .txt h2{ font-size: 23px;}
  .consult_img .txt h1{ font-size: 30px; margin-bottom: 20px;}
  .consult_img .txt p{ font-size: 20px; line-height: 1.5;}
  .consult_img .txt p .nbr{ display: none;}

  .tit{ margin-bottom: 40px;}
  .tit h1{ font-size: 35px;}
  .tit p{ font-size: 22px;}
  .con_box{ justify-content: center;}
  .con_box dl{ width: 31%; border-radius: 10px; padding: 40px 30px; margin: 1% 1%;}
  .con_box dl:nth-of-type(4){ margin: 1% 1%;}
  .con_box dl:nth-of-type(5){ margin: 1% 1%;}
  .con_box dt{ font-size: 14px; padding: 4px 6px;}
  .con_box dd{ font-size: 20px;}
  .con_box dd > span{ font-size: 16px;}

  .con_box2{ width: 45%;}
  .con_box2 .txt{ padding: 30px 30px;}
  .con_box2 .txt h1{ font-size: 16px; padding: 0 10px; line-height: 35px;}
  .con_box2 dt{ font-size: 23px;}
  .con_box2 dd{ font-size: 17px;}

}
@media screen and (max-width: 767px) {
  .top_tit{ margin-bottom:50px;}
  .top_tit h2{ font-size: 20px;}
  .top_tit h1{ font-size: 32px; margin-bottom: 20px;}
  .greet .txt h1{ font-size: 22px;}
  .grt02_img img{ width: 100%;}
  .consult_imgb{ margin-bottom: 60px;}
  .consult_img{ width: 100%; height: 300px; border-radius: 0px;}
  .cs_img04{ height: 550px;}
  .consult_img .txt{ padding: 0 2%;}
  .consult_img .txt h2{ font-size: 20px; line-height: 1.3; margin-bottom: 5px;}
  .consult_img .txt h1{ font-size: 25px; line-height: 1.3;}
  .consult_img .txt p{ font-size: 18px;}

  .tit{ margin-bottom: 30px;}
  .tit h1{ font-size: 30px;}
  .con_box dl{ width: 90%; padding: 30px 30px; margin: 0 auto 2% auto;}
  .con_box dl:nth-of-type(4){ margin: 0 auto 2% auto;}
  .con_box dl:nth-of-type(5){ margin: 0 auto 2% auto;}
  .con_box2{ width: 90%; margin: 0 auto 3% auto;}
}