@charset "utf-8";
@import "reset.css";
@import "common.css";
@import "hamburger.css";

/* stie common */
html,body{font-family:'Noto Sans KR', 'Roboto',  'Malgun Gothic', dotum, sans-serif;  width:100%; height:100%; font-size:16px; letter-spacing: -0.03em;color:#262626;} /* transition:all ease-in .4s; */
.point {color:#b9a48e; font-weight:400;}
.m_block {display:inline;}
.pc_block {display:block;}
.dot {width:5px; height:5px; background:#9d846c; border-radius: 50%; display:inline-block;     vertical-align: middle; margin:0 10px 3px 0;}
strong {font-weight:500;}


/*common layout*/
.sec01_wrap {height:960px; background:url('../images/sec01_bg.jpg') no-repeat center center; position:relative;}

.header{width:1200px; border-bottom:1px solid rgba(255,255,255,0.2);}
.logo {width:190px; float:left; line-height:105px;}
.gnb {width: 950px; float:left; text-align:right; margin-right:30px;}
  .gnb > li {display:inline-block;}
  .gnb > li > a {padding:0 30px; color:#e5e5e5; font-weight:400; font-size:18px; line-height:105px;}
    .gnb > li > ul {display:none;}
.hamburger {width:30px; float:left; margin-top:40px;}

.gnb_wrap {position:absolute; top:0; width:100%; background:white; }
  .gnb_wrap_head {border-bottom:1px solid #e6e6e6; height:105px; line-height:105px;}
    .wrap_logo {float:left;}
    .wrap_hamburger{float:right;width:30px; display:inline-block;  margin-top:40px;}    
  .gnb2 {display:block; height:187px;  margin:30px 0 40px 0 ; }
    .gnb2 > li {padding: 0 0 0 20px ; float:left; width:25%;border-right:1px solid #e6e6e6; height:100%; text-align: center;}
    .gnb2 > li:last-child{border-right:0px;}
    .gnb2 > li > a {font-size:18px; font-weight:400; color:#404040;}
    .gnb2 > li > ul {padding:10px 0 0 0;}
    .gnb2 > li > ul > li > a {font-size:16px; font-weight:400; color:#808080; padding:0 0 6px 0; display:block;}
  .gnb_dimd {display:none;}
  .gnb_btn {display:none;}
/** top **/
.quick_top_btn {
  width:45px;
  height:45px;
  background-color:#9d846c;
  border-radius: 50%;
  color:white;
  text-align:center;
  padding: 5px 0; 
  position:fixed; 
  bottom: 20px;
  right:20px;
  z-index:999;
  display:none;
}
.quick_top_btn > p > img {margin-top: 5px;
  width: 50%;}

/* main */
.sec01 {}
    .sec01_title {font-size:50px; color:white; padding:245px 0 30px 0;}
    .sec01_title02 {font-size:26px; color:#e5e5e5; line-height: 40px; width: 760px; text-align:justify;}
    .sec01_point {color:white; font-size:27px; font-weight:600;}
.sec02 {position:absolute; bottom:0; width:100%; background:rgba(72,67,63,0.9); color:white; height:75px;}
  .sec02_inner {margin:0 auto; }
  .sec02_left {font-size:20px; width:50%; float:left; margin:22px 0 0 0; border-right:1px solid rgba(255,255,255,0.2);}
  .sec02_right {float:left; width:50%;}
  .sec02_right_inner {text-align:center;}
  .sec02_ico01 {display:inline-block; padding:0 0 10px 0;}
  .sec02_num {display:inline-block; margin:25px 0 0 0; font-size:24px; letter-spacing: 0.02em; padding: 0 0 0 20px; }
  .workspace {}
.sec03 {padding:95px 0; background:#f7f7f7;}
  .sec03_line {float:left; width:438px; border-bottom:1px solid #d9d9d9; padding:20px 0 0 0;}
  .sec03_title {float:left; font-size:28px; width:324px; text-align:center; color:#404040;}
  .sec03_boxlist {margin-top:42px;}
  .sec03_boxlist_m {display:none;}
  .sec03_box{text-align:center; width:230px; height:330px; padding:55px 0 0 0; float:left; background:white; margin:0 12px 0 0;}
  .sec03_box:last-child{margin:0 0 0 0;}
  .sec03_subtitle {padding: 16px 0 8px 0; color:#404040; font-size:22px;}
  .sec03_subcon {padding: 16px 0 0 0; color:#808080; font-size:16px; }
  .sec03_boxlist_m {display:none!important;}
.sec04 {background:url('../images/sec04_bg.png') no-repeat center center; padding:60px 0 70px 0; }
  .sec04_mark {float:left; width:410px; padding:40px 0 0 200px;}
  .sec04_txtbox {float:left; width:790px;}
  .sec04_title {font-size:32px; color:#ffffff; padding: 0 0 20px 0;}
  .sec04_con {color:#d9d9d9; font-size:22px; padding: 0 0 30px 0 ;}
  .sec04_btn {display:block; text-align:center; border:1px solid #9d846c; color:#9d846c; width:180px; line-height:50px;}
.sec05 {background:#48433f; padding:90px 0 70px 0;}
  .sec05_line {float:left; width:438px; border-bottom:1px solid #615b55; padding:20px 0 0 0;}
  .sec05_title {float:left; font-size:28px; width:324px; text-align:center; color:white;}
  .sec05_boxlist {margin-top:40px; display:block;}
  .sec05_boxlist_m {display:none;}
  .sec05_box {display:block; margin:0 30px 30px 0; float:left; padding:40px 30px; background:#4c4743; border:1px solid #6c655e; width:380px; height:240px; }
  .sec05_box:nth-child(3) {margin-right:0;}
  .sec05_box:nth-child(6) {margin-right:0;}
  .sec05_cate{color:#a8917b; font-size:16px; border-bottom:1px solid #a3917b; display:inline-block;}
  .sec05_tit {color:white; font-size:20px; padding:8px 0 26px 0 ;}
  .sec05_con {color:#cccccc; font-size:16px; }
.sec06{background:#f7f7f7; padding:90px 0 100px 0;}
  .sec06_mapwrap {margin-top:40px;}
  .sec06_map {width:600px; height:375px; float:left;}
  .sec06_map > iframe {width:600px; height:375px; }
  .sec06_info {width:600px; height:375px; float:left; background:white; padding:40px 50px;}
  .sec06_block {margin:0 0 40px 0;}
  .sec06_tit {color:#404040; font-weight:500; font-size:18px; padding:0 0 7px 0;}
  .sec06_time{padding:0 0 6px 0;}
  .con01 {width:70px; display:inline-block; color:#808080; font-size:15px; font-weight:400; }
  .con02  {color:#9d846c; font-weight:500; font-size:16px; }
  .con03 {width:70px; display:inline-block;  color:#404040; font-weight:300; font-size:15px; }
  .con04  {color:#9d846c; font-weight:300; font-size:15px; }
.footer {background:#333333; padding:50px 0;}
  .f_logo{width:255px; float:left;}
  .f_con {width:calc(100% - 255px); float:left;}
  .f_con01{color:#999999; font-weight:300; font-size:16px;}
    .f_con01_1 {display:inline-block; padding-right:10px;}
    .f_con01_2 {display:inline-block; padding-right:10px; padding-left:20px;}
  .f_con02{color:#808080; font-weight:300; font-size:14px;}

  /* sub header */
  .sub_logo {display:inline-block; line-height:90px;}
  .sub_gnb {display:inline-block; line-height:90px; width:949px; text-align: right;}
  .sub_gnb > li {display:inline-block;}
  .sub_gnb > li > a {font-weight:400; font-size:18px;  color:#404040; padding:0 40px;}
  .sub_gnb > li > ul {display:none;}

  /* sub sub menu */
  .sub10_sec02{color:white; width:100%; background:#4d4e57;}
  .sec02_home {text-align:center; border-left:1px solid #686870; border-right:1px solid #686870; display:inline-block; width:50px; line-height:50px;}
  .sec02_depth01 {border-right:1px solid #686870; display:inline-block; width:175px; padding:0 10px 0 20px; line-height:50px;}
  .sec02_depth02 {border-right:1px solid #686870; display:inline-block; width:180px; padding:0 10px 0 20px; line-height:50px; position:relative;}
  .sec02_depth02_sub { position:absolute; top:50px; left:-3px; z-index:1; }
        .sec02_depth02_sub > a {width:183px; border-top:1px solid #686870; display:block; background:#4d4e57; color:white; padding:0 10px 0 20px; line-height:50px;}
    .sec02_depth02_title {display:inline-block; width:120px; color:white;}
    .sec02_depth02 > img{display:inline-block;  width:24px; text-align: right;}

  /* sub title */
  .sub1010 {background:url('../images/sub1010_bg.jpg') no-repeat center center;}
  .sub2010 {background:url('../images/sub2010_bg.jpg') no-repeat center center;}
  .sub3010 {background:url('../images/sub3010_bg.jpg') no-repeat center center;}
  .sub4010 {background:url('../images/sub4010_bg.jpg') no-repeat center center;}
  .sub5010 {background:url('../images/sub5010_bg.jpg') no-repeat center center;}
  .sub_bg {background-size:cover; height:300px; text-align:center;}
  .sub_bg_3010 {background-size:cover; height:300px; text-align:center;}
  .sub_title {font-size:34px; color:White; font-weight:500; padding:100px 0 20px 0;}
  .sub_hamburger{float:right;width:30px; display:inline-block;  margin-top:30px; margin-left:30px;}
  .sub_3010_title {font-size:34px; color:White; font-weight:500; padding:100px 0 5px 0;}
  .sub_3010_subtit {color:#bfbfbf; font-size:20px; font-weight:300; padding:0 0 10px 0;}

  /* sub con */
  .sub_con_wrap {padding:100px 0; position:relative;}
/*sub 1010 */

.sub1010_con01_top {
    height: 415px;
    position: relative;
    background: url(../images/sub1010_img01.png) no-repeat center center;
    background-size: cover;
}
.sub1010_whitebox {
    padding: 70px 84px 40px;
    position: absolute;
    left: 100px;
    top: 140px;
    background: white;
    text-align: left;
	width:800px;
}

.sub1010_whitebox_txt {
    padding-top: 35px;
    font-size: 16px;
    line-height: 30px;
    font-weight: 300;
    letter-spacing: -0.5px;
    color: #666666;
}
.sub1010_txt02 {
    font-size: 20px;
    padding-top: 40px;
    font-weight: 300;
    letter-spacing: -0.5px;
    color: #333333;
}
.sub1010_con01_bottom {
    font-size: 16px;
    padding-left: 530px;
    padding-top: 40px;
    font-weight: 300;
    letter-spacing: -0.5px;
    line-height: 30px;
    color: #666666;
}
.sub1010_con01_bottom {
    height: 245px;
    background: #eaeaea;
}
  /* sub 2010 */
  .subcon_line {width:10%; margin: 20px 0 0 0px; float:left; height:1px; background:#d9d9d9;}
  .subcon_title { width:79.8333%; float:left; font-size:25px; font-weight:400; color:#404040; text-align:center;}
  .subcon_line_staff {width:43%; margin: 20px 0 0 0px; float:left; height:1px; background:#d9d9d9;}
  .subcon_title_staff { width:12.9166%; float:left; font-size:26px; font-weight:400; color:#404040; text-align:center;}
  .subcon_line_sub {width:43%; margin: 20px 0 0 0px; float:left; height:1px; background:#d9d9d9;}
  .subcon_line_lawyer{width:40%; margin: 20px 0 0 0px; float:left; height:1px; background:#d9d9d9;}
  .subcon_title_sub { width:12.9166%; float:left; font-size:26px; font-weight:400; color:#404040; text-align:center;}
  .subcon_title_lawyer{ width:20%; float:left; font-size:26px; font-weight:400; color:#404040; text-align:center;}
  .sub2010_box_list {margin-top:70px;}
  .sub2010_box {float:left; width:32.5%; margin:0 0 60px 0;}
  .sub2010_box > img {float:left; width:33.4%;}
  .sub2010_box_con {float:left; width:66.6%; padding:0 0 0 30px;}
  .in_title {font-weight:500; font-size:22px; color:#404040; padding: 0 0 0px 0;}
  .in_subtit {font-weight:400; font-size:16px; color:#404040;}
  .in_subtit:after { margin:12px 0 13px 0; display:block; content:""; width:22px; height:2px; background:#b6a492;}
  .in_tel {font-weight:400; font-size:15px; color:#808080; padding:0 0 5x 0;}
  .in_email {font-weight:400; font-size:15px; color:#808080;}
  
  
  /*sub 2010 detail */
  .sub-conts-wrap{margin: 0 auto; padding: 70px 0 150px; width: 1200px;}
  .attorney-view{font-size: 0;}
  .sub-conts-title{position: relative; margin-bottom: 60px; font-weight: 300; font-size: 44px; line-height: 1.3; color: #333; text-align: center;}
  .attorney-view-box{display: inline-block; width: calc(100% - 29.8305%);}
  .attorney-view-header {overflow: hidden;}
  .attorney-detail{font-size: 0;}
  .attorney-view-header h1{padding-left:140px; font-weight: 500; font-size: 60px; color: #333;display: inline;}
  .attorney-view-header span{display: inline-block;margin-left: 10px;font-weight: 300;font-size: 24px; color: #666;}
  .attorney-view-header dl {padding-left:140px; margin: 30px 0 40px; font-size: 0; }
  .attorney-view-header dl dt{width: 70px; color: #c9a063;}
  .attorney-view-header dl dt, .attorney-view-header dl dd{display: inline-block;padding: 4px 0;font-weight: 400;font-size: 18px;vertical-align: top;}
  .attorney-detail > ul{margin: 0 0 45px;padding-left: 280px;width: 100%;}
  .attorney-detail ul{display: inline-block; vertical-align: top;}
  .attorney-detail ul li {padding: 3px 0 3px 5px; font-size: 16px; line-height: 1.3; color: #666; word-break: keep-all; text-indent: -5px;}
  .attorney-detail ul li strong {display: block; margin-bottom: 5px; font-weight: 400; font-size: 18px; color: #333;}
  .attorney_view_photo {width: 13%; display: inline-block; vertical-align:top;}
  .attorney-detail h1 {
    display: inline-block;
    margin-bottom: -60px;
    width: 280px;
    font-weight: 400;
    font-size: 34px;
    color: #222;
    vertical-align: top;
    padding-left: 140px;
}





    /* sub 3010 */
    .subcon_line_3010 {width:43.5%; margin: 20px 0 0 0px; float:left; height:1px; background:#d9d9d9;}
    .subcon_title_3010 { width:12.9166%; float:left; font-size:26px; font-weight:400; color:#404040; text-align:center;}
    .subinner_title {font-size:24px; padding:40px 0 6px 0 ; font-weight:500; color:#9d846c;}
    .subinner_con {font-size:18px; line-height:32px; font-weight:300; color:#404040;}
    .subinner_box {font-size:16px; margin:30px 0 ;padding:30px; line-height:30px; font-weight:300; color:#808080; background:#f7f7f7;}
    .subinner_title2 {font-size:22px; padding:50px 0 10px 0; font-weight:500; color:#404040;}
    .subinner_table {border-top:1px solid #e6e6e6;}
    .subinner_th{font-size:16px; padding:10px 20px; font-weight:300; color:#404040; width:17.5%; float:left; background:#f7f7f7;  border-bottom:1px solid #e6e6e6; }
    .subinner_th_2line{font-size:16px; padding:10px 20px; font-weight:300; line-height:48px; color:#404040; width:17.5%; float:left; background:#f7f7f7;  border-bottom:1px solid #e6e6e6; }
    .subinner_td {font-size:16px; padding:10px 20px; font-weight:300; color:#808080; width:82.5%; float:left; border-bottom:1px solid #e6e6e6; min-height:45px;}
    .subinner_con2 {background:#f7f7f7; padding: 30px 0; text-align: center;}
    .subinner_con2 >img {width:100%; max-width:800px; padding:0 10px;}
    .subinner_con2_1100 {background:#f7f7f7; padding: 30px 0; text-align: center;}
    .subinner_con2_1100 >img {width:100%; max-width:1100px; padding:0 10px;}


    /* sub 3020 */
    .subinner_beetwen {padding:10px 0;}

    /* sub 3040 */
    .subinner_th_3040{font-size:16px; padding:10px 20px; font-weight:300; color:#404040; width:28.75%; float:left; background:#f7f7f7;  border-bottom:1px solid #e6e6e6; }
    .subinner_td_3040 {font-size:16px; padding:10px 20px; font-weight:300; color:#808080; width:71.25%; float:left; border-bottom:1px solid #e6e6e6; min-height:45px;}

    /* sub 3050 */
    .subinner_box_left {width:33%; float:left; text-align: right; padding-top:40px;}
    .subinner_box_right {width:67%; float:left;padding:0 0 0 100px; }
    .subinner_listbox_3050 {margin:0 0 70px 0;}
    .box_3050 {width:191.3333px; font-size:16px; margin:0 10px 0px 0; line-height:60px; font-weight:300; text-align: center;; float:left; background:#e7e0d8; color:#807974;}
    .box_3050:last-child{margin:0;}
    .box2_3050 {width:580px; padding:30px; margin:0 20px 0 0 ; line-height:25px; float:left; background:#f7f7f7;}
    .box2_3050 > div:nth-child(1) {line-height:35px;}
    .box2_3050:last-child{margin:0;}