/* reponsive */

@media(max-width:1200px){
    /* stie common */
    html,body{font-size:14px;} 
    .point {color:#b9a48e;}
    .m_block {display:block;}
    .pc_block {display:inline!important;}

    /*common layout*/
    .sec01_wrap {height:500px; background-size:cover;}

    .header{width:95%; border-bottom:1px solid rgba(255,255,255,0.2); margin:0 2.5%;}
    .logo {width:90%; float:left; line-height:50px; }
        .logo > img {width:100px;}
.gnb_wrap {position:absolute; top:0; width:100%; background:white; z-index:6;}
    .gnb {display:none;}
    .gnb_wrap_head {width:95%; margin:0 2.5%; border-bottom:1px solid #e6e6e6; height:50px; line-height:105px;}
    .hamburger {width:22px; float:right; margin-top:15px;}
    .hamburger .line:nth-child(1){width:20px;}
    .hamburger .line:nth-child(2){width:20px; margin:6px 0 0 0px;}
    .hamburger .line:nth-child(3){width:20px; margin:6px 0 0 0px;}

    .wrap_logo {float:left; width:90%; line-height:50px;}
        .wrap_logo > img {width:100px;}
    .wrap_hamburger{float:right; width:6%;  display:inline-block;  margin-top:20px;}
    .wrap_hamburger .line:nth-child(1){width:20px;}
    .wrap_hamburger .line:nth-child(2){width:20px; margin:6px 0 0 0px;}
    .wrap_hamburger .line:nth-child(3){width:20px; margin:6px 0 0 0px;}

    #wrap_hamburger-1.is-active .line:nth-child(1){
        width:20px!important;
        margin:0;
        -webkit-transform: translateY(4px) rotate(45deg);
        -ms-transform: translateY(4px) rotate(45deg);
        -o-transform: translateY(4px) rotate(45deg);
        transform: translateY(4px) rotate(45deg);
      }
      
      #wrap_hamburger-1.is-active .line:nth-child(3){
        width:20px!important;
        margin:0;
        -webkit-transform: translateY(-6px) rotate(-45deg);
        -ms-transform: translateY(-6px) rotate(-45deg);
        -o-transform: translateY(-6px) rotate(-45deg);
        transform: translateY(-6px) rotate(-45deg);
      }

    .gnb2 {display:block; height:auto;  margin:0px 0 0px 0 ; }
    .gnb2 > li {padding: 20px 0 20px 0px ; float:left; width:95%;margin:0 2.5%;  border-right:0px solid #e6e6e6; border-bottom:1px solid #e6e6e6; height:100%;}
    .gnb2 > li:last-child{border-right:0px;}
    .gnb2 > li > a {display:inline-block; width:93%; font-size:18px; font-weight:400; color:#404040; padding-left:10px;}
    .gnb_btn {display:inline-block; width:5%; max-width:15px;}
    .gnb2 > li > ul {display:none; padding:10px 0 0 0; border-top:1px solid #e6e6e6; margin:20px 0 0 0;}
    .gnb2 > li > ul > li > a {font-size:16px; font-weight:400; color:#808080; padding:0 0 6px 0; display:block; padding-left:10px;}
    .gnb_dimd {
        position: fixed;
        background: rgba(0,0,0,0.8);
        height: 100%;
        width: 100%;
        display: none;
        content: "";
        z-index: 5;
    }
    .gnb2 > li:nth-child(2) > .gnb_btn{display:none!important;}
    .gnb2 > li:nth-child(4) > .gnb_btn{display:none!important;}
    .gnb2 > li:nth-child(5) > .gnb_btn{display:none!important;}



    /* main */
    .sec01 {padding:0 2.5%;}
        .sec01_title {font-size:24px; color:white; padding:100px 0 20px 0;}
        .sec01_title02 {font-size:14px; color:#e5e5e5;width: 100%; line-height: 22px; padding: 10px;}
        .sec01_point {color:white; font-size:14px; font-weight:600;}
    .sec02 { padding:0 2.5%; 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:14px; width:50%; float:left; margin:14px 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 {width:17px; display:inline-block; padding:0 0 0 0;}
    .sec02_num {display:inline-block; margin:26px 0 0 0; font-size:14px; letter-spacing: 0.02em; padding: 0 0 0 10px; }
    .workspace{margin-bottom: 30px;}
    .sec03 {padding:45px 2.5% 45px 2.5%; background:#f7f7f7;}
    .sec03_line {float:left; width:25%; border-bottom:1px solid #d9d9d9; padding:13px 0 0 0;}
    .sec03_title {float:left; font-size:16px; width:45%; text-align:center; color:#404040;}
    .sec03_boxlist {margin-top:42px; display:none;}
    .sec03_boxlist_m {display:block!important; margin-top:42px;}
    .sec03_box_m_inner {background:white; margin:0 10px; text-align: center; padding:40px 0;}
    .sec03_box_m_inner >img {margin:0 auto;}

    .slick-arrow {display:none!important;}
    .slick-dots {display:block!important;width:50px; margin:10px auto 0 auto!important;}
    .slick-dots > li {display:inline-block; margin-right:10px; width:10px; height:10px; background:#cccccc; border-radius: 50%;}
    .slick-dots > li:last-child {margin-right:0px;}
    .slick-dots > li > button {display:none;}
    .slick-dots >.slick-active {background:#9c836a; border-radius: 50%;}
    .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:14px;}
    .sec03_subcon {padding: 16px 0 0 0; color:#808080; font-size:13px; }
    .sec04 {background:url('../images/sec04_bg.png') no-repeat center center; padding:40px 0 40px 0; }
    .sec04_mark {float:left; width:100%; padding:0px 2.5% 0 2.5%; text-align:center;}
    .sec04_mark > img {width:70px;}
    .sec04_txtbox {float:left; width:100%; text-align:center; padding:10px 2.5% 0 2.5%;}
    .sec04_title {font-size:16px; color:#ffffff; padding: 0 0 20px 0;}
    .sec04_con {line-height:17px; color:#d9d9d9; font-size:13px; padding: 0 2.5% 30px 2.5% ;}
    .sec04_con > p > br {display:none;}
    .sec04_btn {font-size:14px; display:block; text-align:center; border:1px solid #9d846c; color:#9d846c; width:110px; line-height:30px; margin:0 auto;}
    .sec05 {background:#48433f; padding:45px 2.5% 40px 2.5%;}
    .sec05_line {float:left; width:30%; border-bottom:1px solid #615b55; padding:13px 0 0 0;}
    .sec05_title {float:left; font-size:16px; width:40%; text-align:center; color:white;}
    .sec05_boxlist {margin-top:40px; display:none;}
    .sec05_boxlist_m {display:block; padding-top:20px;}
    .sec05_box {display:block; margin:0 0px 20px 0; float:left; padding:8px 10px 0 10px; background:#4c4743; border:1px solid #6c655e; width:47.5%; height:auto; }
    .sec05_box:nth-child(1),.sec05_box:nth-child(3) {margin-right:2.5%;}
    .sec05_box:nth-child(2),.sec05_box:nth-child(4) {margin-left:2.5%;}

    .sec05_box:nth-child(6) {margin-right:0;}
    .sec05_cate{color:#a8917b; font-size:11px; border-bottom:1px solid #a3917b; display:inline-block;}
    .sec05_tit {color:white; font-size:14px; padding:8px 0 10px 0 ;
        white-space:nowrap;  /* 감싸지 마세요 */
        overflow:hidden;
        text-overflow:ellipsis; /*  IE6 이상 지원 가능 */
    }
    .sec05_con {color:#cccccc; font-size:12px; line-height:16px; padding-bottom:8px;}
    .sec06{background:#f7f7f7; padding:45px 2.5% 40px 2.5%;}
    .sec06_mapwrap {margin-top:40px;}
    .sec06_map {width:100%; height:375px; float:left;}
    .sec06_map > iframe {width:100%; height:375px; }
    .sec06_info {width:100%; height:275px; float:left; background:white; padding:20px 20px;}
    .sec06_block {margin:0 0 20px 0;}
    .sec06_tit {color:#404040; font-weight:500; font-size:18px; padding:0 0 7px 0;}
    .sec06_time{padding:0 0 0 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:30px 2.5%;}
    .f_logo{width:100%; float:left; margin-bottom:10px;}
    .f_logo > img {width:110px;}
    .f_con {width:100%; float:left;}
    .f_con01{color:#999999; font-weight:300; font-size:12px;}
        .f_con01_1 {display:inline-block; padding-right:5px;}
        .f_con01_2 {display:inline-block; padding-right:5px; padding-left:5px;}
    .f_con02{color:#808080; font-weight:300; font-size:12px;}

  /* sub header */
  .sub_head  {padding:0 2.5%;}
  .sub_logo {display:inline-block; line-height:50px;}
  .sub_logo > img {width:100px;}
  .sub_gnb {display:none; 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_hamburger{float:right; width:20px; display:inline-block;  margin-top:15px; margin-left:30px;}
  .sub_hamburger .line:nth-child(1){width:20px;}
  .sub_hamburger .line:nth-child(2){width:20px; margin:5px 0 0 0px;}
  .sub_hamburger .line:nth-child(3){width:20px; margin:5px 0 0 0px;}
  .sub10_sec02 {display:none;}

  /* 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:170px; text-align:center;}
  .sub_bg_3010 {background-size:cover; height:200px; text-align:center;}
  .sub_title {font-size:24px; color:White; font-weight:500; padding:50px 0 20px 0;}
  .sub_3010_title {font-size:24px; color:White; font-weight:500; padding:50px 0 5px 0;}
  .sub_3010_subtit {color:#bfbfbf; font-size:18px; font-weight:300; padding:0 2.5% 10px 2.5%;}

  /* sub con */
  .sub_con_wrap {padding:30px 2.5%;}
  
  /* sub 1010 */
  .wrap {
    width: 100%;
    margin: 0 auto;
}
.sub1010_con01 {
    width: 94%;
    margin-left: 3%;
    margin-right: 3%;
}
.sub1010_con01_top {
    height: 420px;
    padding-top: 10px;
    padding-left: 5%;
    padding-right: 5%;
    position: relative;
    background: url(../images/sub1010_img01.png) no-repeat center center;
    background-size: cover;
}
.sub1010_whitebox {
    padding: 25px 14px 25px;
    position: static;
    left: 0;
    top: 0;
 /*   margin-top: 50px;*/
    background: white;
    text-align: center;
    width:100%;
}

.sub1010_whitebox > img {
    width: 100px;
}

.sub1010_whitebox_txt {
    padding-top: 20px;
    font-size: 13px;
    line-height: 20px;
    font-weight: 300;
    letter-spacing: -0.5px;
    color: #666666;
}
.sub1010_con01_bottom {
    font-size: 13px;
    line-height: 20px;
    padding-left: 6%;
    padding-right: 6%;
    padding-top: 40px;
    font-weight: 300;
    letter-spacing: -0.5px;
    color: #666666;
}
.sub1010_con01_bottom {
    height: auto;
    background: #eaeaea;
}
.sub1010_txt02 {
    font-size: 16px;
    line-height: 23px;
    padding-top: 30px;
    padding-bottom: 40px;
    font-weight: 300;
    letter-spacing: -0.5px;
    color: #333333;
}


  /* sub 2010 */
  .subcon_line {width:17%; margin: 40px 0 0 0px; float:left; height:1px; background:#d9d9d9;}
  .subcon_title { width:65.8333%; float:left; font-size:16px; font-weight:400; color:#404040; text-align:center;}
  .subcon_line_staff {width:40%; margin:13px 0 0 0px; float:left; height:1px; background:#d9d9d9;}
  .subcon_title_staff { width:20%; float:left; font-size:18px; font-weight:400; color:#404040; text-align:center;}
  .subcon_line_sub {width:35%; margin:13px 0 0 0px; float:left; height:1px; background:#d9d9d9;}
  .subcon_title_sub { width:30%; float:left; font-size:18px; font-weight:400; color:#404040; text-align:center;}
 
  .sub2010_box_list {margin-top:30px; padding:0 0 0 20px;}
  .sub2010_box {float:left; width:100%; margin:0 0 30px 0;}
  .sub2010_box > img {float:left; width:33.4%; max-width:115px;}
  .sub2010_box_con {float:left; width:66.6%; padding:0 0 0 20px;}
  .in_title {font-weight:500; font-size:18px; color:#404040; padding: 0 0 0px 0;}
  .in_subtit {font-weight:400; font-size:16px; color:#404040;}
  .in_subtit:after { margin:15px 0 15px 0; display:block; content:""; width:22px; height:2px; background:#b6a492;}
  .in_tel {font-weight:400; font-size:14px; color:#808080; padding:0 0 5x 0;}
  .in_email {font-weight:400; font-size:14px; color:#808080;}


/*sub 2010 detail */
.sub-conts-wrap {
    padding: 45px 20px 70px;
}
.attorney-detail > ul {
    padding-left: 50px;
}
.attorney-view-header h1 {
    font-size: 30px;
    padding-left: 0px; 
}

.attorney-view-header dl dt, .attorney-view-header dl dd {
    font-size: 15px;
}  
.attorney-detail ul li {
    font-size: 14px;
}
.sub-conts-title {
    margin-bottom: 30px;
    font-size: 25px;
}
.attorney-detail {
    width: calc(100% + 29.8305%);
}
.sub-conts-title:before {
    height: 72px;
}
.sub-conts-wrap {
    width: 100%;
}
.attorney-view-header dl {
    padding-left: 0px;
}
.attorney-detail h1 {
    font-size: 18px;
    width: 50px;
    padding-left: 0px;
}

.attorney_view_photo
{
	width: 27%;
}

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

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

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