/* reset */

html,body { font-size:14px; color:#333; word-break:keep-all; margin:0px; font-family:'Nanum Barun Gothic', sans-serif; line-height:1;
    letter-spacing: -0.05em;}
img {border:0px; vertical-align:middle;}
select {border: 1px solid #cfcfcf; padding: 0 5px; height: 26px; line-height: 26px; vertical-align: middle; margin:0 3px 3px 3px}
input {border: 1px solid #cfcfcf; padding: 0 5px; height: 24px; line-height: 24px; vertical-align: middle; display:inline-block; margin:0 3px 3px 3px}
input[readonly="readonly"] {background-color:#cfcfcf}
button {border:0px; background:none; margin:0px; padding:0px; cursor:pointer;}
ul,ol,dl,dd {list-style:none; margin:0px; padding:0px;}
li {list-style:none; padding:0px;}
a {text-decoration:none; color:#333;}
a:hover {text-decoration:none;}
fieldset {font-size:0; border:0; margin:0; padding:0}
h1,h2,h3,h4,h5,h6 {margin:0}
strong {font-weight:500}
textarea {width:100%; resize:none; border: 1px solid #cfcfcf; padding:0}

.ac {text-align:center !important;}
.al {text-align:left !important;}
.ar {text-align:right !important;}
.skip {font-size:0; width:0; height:0; text-indent:1000px; line-height:0; overflow:hidden;}
caption {font-size:0; text-indent:-9999px; overflow:hidden; height:0;}

.buttonBox {text-align:center; margin:20px 0}


/* 상단 영역 */

.header {height:100px; line-height:100px; border-bottom:1px solid #1a1a1a}
.topLayout {}
  .topLayoutIn {max-width:1080px; margin:0 auto;}
   .topLayoutBox {padding:0 22px}

    .topBu_L {float:left;}
    .topBu_L a {display:block;}
    .gnb {display:inline-block; float:right}
    .gnb ul li {float:left; margin:0 50px;}
    .gnb ul li:first-child {margin-left:0}
    .gnb ul li a {font-size:16px; color:black; position:relative; font-weight:bold; transition:0.3s all ease;}
    .gnb ul li a:hover {color:#1068c9}
    .gnb ul li.on a {color:#1068c9}
    .gnb ul li.on a:before {content:""; position:absolute; top:-9px; left:0; width:26px; height:3px; background-color:#4575ca;}
    .topBu_R {float:right; margin:25px 0 0}
    .topBu_R ul li {float:left; margin:0 0 0 10px; }
    .topBu_R ul li a {font-size:12px; border-radius:3px; color:black; min-width:55px; height:20px; display:block;
      line-height:20px; border: 1px solid #0c0c36;  text-align: center; transition:0.3s all ease}
    .topBu_R ul li a:hover {background-color:#0c0c36; color:white;}

  /* End : 상단 영역 */



  /* 메인 영역 */

  .M_visualLayout {height:511px; background:url("../img/M_visual.png") no-repeat; background-size:cover}
  .M_visualLayoutIn {max-width:1080px; margin:0 auto; position:relative}
  
  .M_visual_linkBox {padding:78px 0 0}
  .M_visual_linkBox ul {overflow:hidden;}
  .M_visual_linkBox ul li {float:left; width:175px; margin:0 7px 7px 0}
  .M_visual_linkBox ul li div {padding:24px 5px; text-align:center; color:white}
  .M_visual_linkBox ul li p {font-size:18px; font-weight:bold; margin: 0 0 10px;}
  .M_visual_linkBox ul li span {font-size:12px; color: #e2e2ea;}
  .M_visual_linkBox a {display:inline-block; width: 104px; height: 25px; line-height:27px; border: 1px solid white; font-size:11px; text-align: left;
    background:url("../img/more_arrow.png") no-repeat 90% 6px; transition:0.3s all ease; padding: 0 10px; margin: 24px 0 0; color: white; opacity: 0.5;}
  .M_visual_linkBox a:hover {opacity:1; color:#333; background:white url("../img/more_arrow_on.png") no-repeat 90% 6px;}
  .M_visual_linkBox .box01 {background-color:#443d82;}
  .M_visual_linkBox .box02 {background-color:#143459;}
  .M_visual_linkBox .box03 {background-color:#045090;}
  .M_visual_linkBox .box04 {background-color:#0f856f;}
  .M_visual_linkBox .box05 {background-color:#ca963f;}

  .M_visual_txt {position:absolute; top:240px; left:600px; color:white}


  .M_info {background-color:#f4f7fa; padding:30px 0; overflow:hidden}
  .M_infoIn {max-width:1080px; margin:0 auto;}

  .M_info_left {float:left; width:368px; background-color:white}
  .M_info_right {float:right; width:692px;  background-color:white; border-bottom:1px solid #d5d5d5}

  .M_info_header {border:1px solid #d5d5d5; height:60px; line-height:60px; padding:0 18px}
  .M_info_header span {color:#925b00; font-size:22px; font-weight:bold}
  .M_info_header small {color:#555; font-size:16px; font-weight:bold; margin:0 0 0 20px}

  .M_info_con {padding:18px; border: 1px solid #d5d5d5; border-top:0}
  .M_info_con .tel_num {margin:0 0 18px}
  .M_info_con .tel_num small {font-size:16px; color:#21659c; min-width: 30px; font-weight: 600; margin: 0 7px 0 0; display: inline-block;}
  .M_info_con .tel_num span {font-size:22px; color:black}
  .M_info_con .tel_help {font-size:14px; line-height:20px; color:#767676; margin: 0;}

  /* End : 메인 영역 */

  /* 서브 영역 */

  .visualLayout {height:150px; background:url("../img/sub_visual_Bg.png") no-repeat; background-size:cover}

  .contentLayout {max-width:1080px; margin:0 auto; padding:0 0 85px}

  .conbodyT2 {font-size:30px; color:black; position:relative; margin:50px 0 20px}
  .conbodyT2:before {content:""; width:37px; height:4px; background-color:#d09532; display: inline-block; position: absolute;  top: -20px;}

  .txt_default {color:#666; font-size:18px; line-height:30px; margin:0 0 35px; display:block; font-weight:300}
  strong.txt_default {font-weight:400}


  .color_black {color:black}
  .color_blue {color:#00479d}

  .row {overflow:hidden; margin:0 0 50px}
  .row .conbodyT2 {margin:50px 0 20px}
  .content_Left {float:left; width:560px;}
  .content_Right {float:right; width:480px; text-align:right}

  .tabBox {overflow:hidden; border-left:1px solid #bababa; margin:30px 0 50px}
  .tabBox ul li {float:left; width:25%}
  .tabBox ul li a {display:block; border:1px solid #bababa; border-left:0; font-size:18px; color:#888; height:58px; line-height:58px; text-align:center}
  .tabBox ul li.on a {background-color:#00479d; color:white; border:1px solid #00479d}
  .tabBox.type02 ul li {width:33.33%}

  .sub_tab {display:none}

  .defalut_list02 { display:inline-block; width:100%; position:relative;}
  .defalut_list02 li { float:left; width:50%;  }
  .defalut_list02 li .defalut_Inner { padding-left:12px; }
  .defalut_list02 li:first-child .defalut_Inner { padding-left:0; padding-right:12px; }
  .defalut_Inner.type02 { margin-top:22px; border:1px solid #b7bec5; }
    .list_terms { text-align:center;  border:1px solid #b7bec5; }
    .list_terms dt {color: #333; background: #ced4db; font-size: 18px; padding: 17px 20px; text-align: left;}
    .list_terms dd { font-size:16px; padding:7px 20px; text-align:left; color:#666; }
    .list_terms dd p {margin:15px 0}

  .table_normal { margin-top:20px; width:100%; border:1px solid #b7bec5; border-spacing: 0; border-collapse: collapse;}
  .table_normal.half {width:60%}
  .table_normal tbody tr th { font-size:18px; background-color:#e6e9ed; padding:15px 20px; border-bottom:1px solid #b7bec5; border-right:1px solid #b7bec5; font-weight:normal; color:#333;}
  .table_normal tbody tr th strong {font-weight:bold}
  .table_normal tbody tr td { font-size:16px; color:#666; border-left:1px solid #b7bec5; padding:20px; border-bottom:1px solid #b7bec5; background:#fff; }
  .table_normal tbody tr th.gray_bg {background-color:#ced4db}
  .table_normal tbody tr td ul li {margin:15px 0 0; font-size:16px; color:#666}
  .table_normal tbody tr td ul li:first-child {margin:0}

  .row ul li {margin:15px 0 0; font-size:16px; color:#666}
  .row ul li:first-child {margin:0}

  .borderBox {border:1px solid #b7bec5; width:540px; padding:20px}
  .borderBox ul li {margin:15px 0 0; font-size:16px; color:#666}
  .borderBox ul li:first-child {margin:0}

  .root_daum_roughmap .wrap_controllers {display:none !important}


  /* End : 서브 영역 */

  /* 푸터 영역 */

  .footerLayout {font-family: '돋음'; padding:30px 0; border-top:1px solid #bebebe}
    .footerLayoutIn {max-width:1080px; margin:0 auto;}
    .footerLayoutIn ul {display:inline-block; width:100%}
    .footerLayoutIn ul li {float:left; padding:0 14px; color:#666; font-size:12px; position:relative;}
    .footerLayoutIn ul li:first-child {padding-left:0}
    .footerLayoutIn ul li:before {content:""; position:absolute; left:0; top:0; bottom:0; border-left:1px solid #cac8c8}
    .footerLayoutIn ul li:first-child:before {display:none}
    .footerLayoutIn ul li strong {color:black; font-weight:bold}
    .footerLayoutIn p {font-size:12px; color:#bebebe; margin:25px 0 0}
	.footerLayoutIn p a {color:#bebebe}

	.footerLayoutIn a {color:#666;}

  /* End : 푸터 영역 */


/*-- 메인 비주얼, 부분 레이아웃 교체 2021-02-17 --*/
/* 메인 비주얼 */
.M_visualLayout_r { position:relative; height:437px; text-align:center; background:url("../img/M_visual_r.png") center center no-repeat; }
.M_visualLayoutIn_r {max-width:1080px; margin:0 auto; }
.M_visual_txt_r { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); white-space:nowrap; line-height:1.2; font-weight:300; letter-spacing:0.05em; color:#fff; font-size:48px; }
/* 공증상담안내 */
.M_info_header_r { border:1px solid #d5d5d5; height:60px; line-height:63px; padding:0 18px; }
.M_info_header_r span { color:#925b00; font-size:22px; font-weight:700; }
.M_info_con .tel_num_r { margin:0; }
.M_info_con .tel_num_r:nth-of-type(2) { margin-top:10px; }
.M_info_con .tel_num_r small {font-size:16px; color:#21659c; min-width: 30px; font-weight: 600; margin: 0 7px 0 0; display: inline-block;}
.M_info_con .tel_num_r span { font-size:22px; font-weight:600; color:#000; }
.M_info_con .tel_num_r:nth-of-type(2) span { color:#666; }
.M_info_con .tel_help_r { padding-top:14px; font-size:14px; line-height:20px; color:#767676; margin: 0;}
.M_info_con .tel_help_r dt { margin-bottom:5px; font-size:15px; font-weight:800; color:#000; }
.M_info_con .tel_help_r strong { font-size:16px; font-weight:700; color:#ff854f; }
.M_info_con .tel_help_r i { vertical-align:top; margin-left:2px; font-size:12px; color:#767676; font-style:normal; }
.M_info_con .tel_help_r b { font-size:13px; color:#996c33; }