@charset "utf-8";

    body { overflow-x: hidden; height: auto;}
    header {width: 100%; height:150px; top:0; left:0; background: #e3e0dc;}
    header .header_cont .menu li a {text-decoration-line: none;} 
    p {word-break: keep-all; white-space: inherit;}

    .header_cont {width: 1280px; height: 100px; margin: 0 auto; padding: 0;}
    .header_sub {width: 100%; height: 50px; margin: 0 auto; padding: 0;  background: #fff; border-bottom: 1.4px solid #e3e0dc;}
    .logo_sub {width: 160px; height: 100%; padding: 30px 0; float: left; }
    .sub_title {width: 100%; height: 180px; padding: 70px 5px;}
    .sub_title img {width: auto;}
    .eventBox {padding-bottom: 220px;}
    .under_bar {background-image: url(../images/event/bar.png); background-size: 100% 100%; width: 21%;}
    .under_bar_05 {background-image: url(../images/event/bar.png); background-size: 100% 100%; width: 21%; margin-top: 0px; top: 0;}

    .menu {width: 960px; height: 100%; float: left; padding-left: 100px;}
    li.sub_menu_li a.on {font-weight: 600;}
    ul.top_menu {width: 80%; height: 100%; margin:0 auto;}
    ul.top_menu li.menu_li {width: 19%; height: 100%; float: left; padding: 40px 3%; font-family: 'NTSB'; text-align: center;}
    ul.top_menu li.wide {width: 24%; height: 100%; float: left; padding: 40px 2%; font-family: 'NTSB'; text-align: center;}
    ul.top_menu li.wide a,  ul.top_menu li.menu_li a {color: #909090; font-size: 20.6px;}
    ul.top_menu li.menu_li img {position:relative; width: 88%; height: auto; text-align: center; margin-left: 3px; vertical-align: middle; text-align: center;}
    
    ul.sub_menu {position: relative;  margin-top: 45px; width: 800px; height: 100%; padding: 13px 0px;font-family: 'NTS';}
    ul.sub_menu li.sub_menu_li {position: relative; float: left; width: auto; text-align: center;}
    ul.sub_menu li.sub_menu_li a { color: #909090; font-weight: 400; font-size: 15px;}
    
    ul.sub_menu li.sub_menu_li:after { content:'·'; margin:0 20px;font-weight: 800; color: #909090;}
    ul.sub_menu li.sub_menu_li:first-child {padding-left: 13px;}
    ul.sub_menu li.sub_menu_li:last-child:after { content:''; margin-bottom: 10px;}
    ul.sub_menu.last {padding-top: 0px; margin-top: 42px;}
    
    ul.sub_cont {position:relative; width: 100%; min-height: 860px;}
    ul.sub_cont li {float: left;}
    ul.sub_cont li p {line-height: 40px; font-size: 22px;  font-family: 'NTS'; font-weight: 500}
    ul.sub_cont li:first-child {width: 40%; }
    ul.sub_cont li:last-child img {width: 90%; }
    ul.sub_cont li:last-child {width: 60%; padding: 5px 0 0 80px;}

    ul.sub_cont_02 {position:relative; width: 100%; height: auto; margin-top: 70px;}
    ul.sub_cont_02 li {float: left;}
    ul.sub_cont_02 li p {line-height: 28px; font-size: 16px; font-family: 'NTS';font-weight: 500}
    ul.sub_cont_02 li:first-child {width: 24%; }
    ul.sub_cont_02 li p.name {color: #beb3a1;  font-family: 'NTSB'; font-size: 18px; padding: 0px 0;}
    ul.sub_cont_02 li p.value {color: #000;  font-family: 'NTSB'; font-size: 18px; padding: 5px 0 30px;}

    ul.consult {position:relative; width: 100%;height: 400px;}
    ul.consult li {float: left;}
    ul.consult li p {line-height: 28px; font-size: 16px;  font-family: 'NTS'; font-weight: 500}
    ul.consult li:first-child {width: 40%; }
    ul.consult li:first-child img {width: 100%;}
    ul.consult li:last-child img {width: 90%; }
    ul.consult li:last-child {width: 60%; padding: 0px 0 0 20px;}



    .btn_group {position: relative; width: 100%; height: 40px; text-align: right;}
    .btn_submit {padding: 2px 24px; background: #918066; color: #fff; border-radius: 15px; font-size: 15px; font-weight: 800; text-decoration: none; cursor: pointer;}
    .btn_cancle {margin-left: 6px; padding: 2px 24px; background: #fff; border:1px solid #918066; color: #918066; border-radius: 15px; font-size: 15px; font-weight: 800; text-decoration: none;cursor: pointer;}
    .li_title { font-family: '바탕'; font-weight: 900; font-size: 34px; color:#1f1f1f; letter-spacing: -0.1em;}
    .li_title_02 { font-family: '바탕';font-weight: 900; font-size: 26px; color:#1f1f1f; letter-spacing: -0.1em;}
    .li_title_03 { font-family: '바탕'; font-size: 26px; font-weight: 600; color:#1f1f1f; letter-spacing: -0.04em;}
    .active {background-image: url(../images/event/bar.png); background-size: 100% 100%;}
    .sub_active {font-weight: 800; }


/*변호사 소개 css*/

    .introduce01{position: relative; width: 100%; height: 1400px;}
    .introduce02{position: relative; width: 100%; height: 1400px;}
    .introduce03{position: relative; width: 100%; height: 1840px;}
    .introduce04{position: relative; width: 100%; height: 1900px;}
    .introduce05{position: relative; width: 100%; height: 700px;}
    .introduce06{position: relative; width: 100%; height: 1600px;}
    .introduce07{position: relative; width: 100%; height: 2440px;}
    .introduce08{position: relative; width: 100%; height: 2050px;}
    .introduce10{position: relative; width: 100%; height: 1710px;}
    .introduce11{position: relative; width: 100%; height: 4700px;}
    .introducebg{position: absolute; left: 0; top: 70px; width: 100%; height: 560px;}
    ul.introduce_box{position: relative; left: 430px; top: 0; width: 1024px; height: auto;}    
    .introduce_left {position: relative; float: right; left: 0; width: 45%; min-height: 100%;}  
    .introduce_right {position: relative; float: right; width: 55%; min-height: 100%;}    
    .introduce_name {width: auto; margin: 160px auto 0px;}

    .introduce_title{position:relative; width: 100%; height: 100px;padding-top: 30px; vertical-align: bottom; line-height: 70px; border-bottom: 1px solid #beb3a1; font-size: 27px; color: #beb3a1; clear: both; font-family: 'NTSB';}

    .introduce_box01{position:relative; width: 100%; height: auto; margin-top: 15px; font-size: 16px; }
    .introduce_txt1{position:relative; width: 30%; height: 50px; line-height: 30px; font-size: 17px; float: left;}
    .introduce_txt2{position:relative; width: 70%; height: 50px; line-height: 30px; font-size: 17px; float: right; color: #4d4d4d;}
    .introduce_box02{position:relative; width: 100%; margin-top: 20px; font-size: 17px;}
    .introduce_box02>li{position:relative; width: 100%; font-size: 17px; line-height: 50px;}
    .introduce_box02>li>p{position:relative; width: 100%; font-size: 17px; line-height: 50px;}

/*업무영역 소개 css*/
.task_img{width: 100%;} 
.task_box01{width: 100%; height: 450px;}
.task_box02{width: 100%; height: 450px;}
.task_box03{width: 100%; height: 300px;}
.task_box04{width: 100%; height: 300px;}
.task_box05{width: 100%; height: 450px;}

ul.task_left{width: 18%; height: auto; float: left;}
ul.task_left>li>img:nth-child(1){width: 56px; height: auto; margin-bottom: 20px;}
ul.task_left>li>img:nth-child(2){height: auto;}

.task_right{width: 82%; height: auto; float: left; padding-left: 70px; border-left: 1px solid #918066;}
ul.task_textbox{width: 100%; height: auto; }
.task_right .task_title{width: 100%; height: 40px; font-size: 24px; color: #918066; font-weight: 900;}
.task_right .task_text{width: 100%; height: auto; font-size: 20px; line-height: 30px;}
.task_text>li{padding: 0px 50px;}

.sub_cont li p {}


/* 상담문의 */
    .consult_name {width: 50%; height: 38px; border: 1px solid #beb3a1; float: left; padding: 8px;}
    .consult_phone {width: 49%; height: 38px; border: 1px solid #beb3a1; float: right; padding: 8px;}
    .consult_title {width: 100%; height: 38px; border: 1px solid #beb3a1; padding: 8px; margin-top: 8px;}
    .consult_cont {width: 100%; height: 235px; border: 1px solid #beb3a1; padding: 8px; margin-top: 8px;}
    .security_code {width: 100%; height: 38px; border: 1px solid #beb3a1; padding: 8px; margin-top: 8px;}

/* 서인소식 - 자료실 */

    .search_group {width: 100%; text-align: right;}
    .select_list {width: 80px; height: 38px; border-bottom: 1px solid #beb3a1; padding: 3px 10px; color: #9e9e9e; }
    .search_txt {width: 250px; height: 38px; border-bottom: 1px solid #beb3a1; padding: 3px 20px; color: #9e9e9e; text-decoration: none; margin-left: 6px;}

    select {
        background: red;
        width: 200px; /* 원하는 너비설정 */
        padding: 5px; /* 여백으로 높이 설정 */
        font-family: inherit;  /* 폰트 상속 */
        background: url('../images/common/select_arrow.jpg') no-repeat 95% 60%; /* 네이티브 화살표를 커스텀 화살표로 대체 */
        background-size: 23% 43%;
        border-radius: 0px; /* iOS 둥근모서리 제거 */
        -webkit-appearance: none; /* 네이티브 외형 감추기 */
        -moz-appearance: none;
        appearance: none;
    }
select::-ms-expand {
    display: none;
}

/* 자료실 */
    .list_top {position:relative;width: 100%; height: 44px; background: #e3e0dc; text-align: center; border-top: 2px solid #beb3a1; border-bottom: 2px solid #beb3a1; font-weight: 600; color: #656565;}
    .list_top ul.top li {position:relative; height: 44px; float: left; border-right: 1px solid #beb3a1; }
    .list_top ul.top li:last-child { border-right: none;}
    .list_top ul.top li.num {width: 10%; padding: 14px 5px;}
    .list_top ul.top li.title {width: 60%; padding: 14px 5px;}
    .list_top ul.top li.date {width: 20%; padding: 14px 5px;}
    .list_top ul.top li.chk_num {width: 10%; padding: 14px 5px;}

    .list_mid {position:relative;width: 100%; height: 41px; background: #fff; text-align: center; border-bottom: 1px solid #beb3a1; padding: 0;}
    .list_mid ul.list li {position:relative; height: 40px; float: left; border-right: 1px solid #beb3a1; margin-top: -1px; line-height: 13.6px;}
    .list_mid ul.list li:last-child { border-right: none;}
    .list_mid ul.list li.num {width: 10%; padding: 14px 5px;}
    .list_mid ul.list li.title {width: 60%; padding: 14px 20px; text-align: left; }
    .list_mid ul.list li.date {width: 20%; padding: 14px 5px;}
    .list_mid ul.list li.chk_num {width: 10%; padding: 14px 5px;}
    .list_mid_nodata ul.list li.text {width: 100%; height: 360px; font-family: 'NTSB'; font-size: 40px;text-align: center; color: #beb3a1; padding-top: 150px;}
    .reference_list {border-bottom: 1px solid #beb3a1;}

    .data_cont {position:relative; width: 100%; height: 687px;}
    ul.data_box01{width: 100%; height: 80px; border-bottom: 1px solid #918066;}
    ul.data_box01>li:nth-child(1){width: 100%; height: 30px; background-color: #e3e0dc; border-bottom: 1px solid #918066;}
    
    ul.data_text{width: 100%; height: auto; border: 1px solid #beb3a1; margin-top: 10px;}
    ul.data_text>li{padding: 30px;}
    ul.data_text>li .data_title01{font-size: 25px; text-align: center; padding-bottom: 10px;}
    ul.data_text>li .data_title02{font-size: 15px; line-height: 25px; padding-top: 25px;}
    
    ul.add{width: 100%; height: 54px; border: 1px solid #beb3a1;  border-top: none; cursor: pointer;}
    ul.add>li:nth-child(1){width: 15%; height: 100%; background-color: #e3e0dc; text-align: center; line-height: 50px; color: #918066; font-size: 20px; font-weight: 600; float: left;}
    ul.add>li:nth-child(2){width: 85%; height: 100%; padding: 18px; float: left;}
    
    .data_list{position: relative; width: 100%; height: 250px; margin-top: 50px;}
    .data_list .list_bt{position: absolute; right: 0; width: 90px; height: 40px; cursor: pointer;}
    .data_list ul {width: 100%; height: auto; border-top: 1px solid #918066;}
    .data_list ul li {height: 38px; border-bottom: 1px solid #918066;}
    .data_list ul li.num { width: 15%; float: left; text-align: center; padding: 12px; background: #e3e0dc; color: #918066; font-weight: 600; }
    .data_list ul li.title {width: 85%; float: left; padding: 12px 15px;} 
    .tbl01_conts {position: relative;width: 98%; background: #fff; height: 600px;}
    .tbl01_conts p {width: 100%; top:0; bottom: 0; height: 100%; padding: 40px; overflow-y: auto; border: 1px solid #beb3a1; text-align: left; line-height: 26px;}
    .tbl01{width: 100%; height: 60px; background-color: #eee; text-align: center;}
    .align_c{line-height: 34px;}

    ul.pagination {justify-content: center; margin-top: 50px;}
    .pagination li a{color: #666 !important;}

    footer{position: relative;display:block; width: 100%; height: 180px; background-color: #918066; color: #fff; font-size: 12px; bottom: 0; top: 100%;}
    .container02 {display:block; width: 1280px; height: auto; bottom: 0; margin: 0 auto; top: 100%;}
    .company_info{position: relative; width: 1320px; height: 100%; margin: auto;}
    ul.info_list{width: 100%; height: 42px; line-height: 42px; border-bottom: 1px solid #fff;}
    ul.info_list>li{float: left; padding-right: 50px; cursor: pointer;}
    ul.info_list>li>a{color: #fff;}
    .info_txt{padding-top: 15px;}
    ul.information{width: 600px; line-height: 20px;}
    ul.information>li{float: left; padding-right: 50px;}
    .copyright{clear: both; margin-top: 50px;}
    .footer_logo{width: 148px; height: 31px; background: url(../images/event/footer_logo.png) no-repeat; right: 0; top: 0; float: right; margin-top: -50px;}