body{overflow-y:auto;}
body *{box-sizing: border-box;}
#wrap{position: relative;}
.inner{position: relative;width:1200px;margin:0 auto;}
.inner::after{content: '';display: block;clear:both;height: 0;}
.clear::after{content: '';display: block;clear:both;height: 0;}
.hidden{opacity:0;position: absolute;top:0;left:0;font-size:0;width:0;height:0;}
.ellipsis{overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.and{line-height:30px;padding:0 6px;vertical-align: top;}
select{width:110px;height:30px;margin-right:7px;padding:0 0 0 8px;border-color:#e1e1e1;border-radius:5px;}
/* 헤더 */  
#header{padding:25px 0 18px 0;}
#header h1{float:left;}
#header h1 > span{font-size:21px;}
#header h1 .logo{float:left;width:172px;height:51px;background-image: url('../images/logo_court.png');background-repeat: no-repeat;background-position: center;}
#header h1 .txt{float:left;position: relative;top:10px;margin-left:16px;padding-left:16px;letter-spacing:-2.4px;font-weight:900;}
#header h1 .txt::before{content: '';display: block;position:absolute;top:0;left:0;width:1px;height:32px;background-color:#cbcccf;}
#header h1 .video{display:inline-block;background-repeat: no-repeat;background-color: #776d5d;background-position: 8% 50%;background-image: url('../images/icon_videoList_btn_wh1.png');cursor: pointer;border: 1px solid #776d5d;color: #ffffff;padding-left: 50px;padding-right: 20px;font-size: 15px;border-radius: 10px;margin-left:15px;line-height:25px;margin-top: 12px;font-weight:normal;}
#header h1 .videoM{display:none;background-repeat: no-repeat;background-color: #776d5d;background-position: 8% 50%;background-image: url('../images/icon_videoList_btn_wh1.png');cursor: pointer;border: 1px solid #776d5d;color: #ffffff;padding-left: 30px;padding-right: 10px;font-size: 13px;border-radius: 10px;margin-left:15px;line-height:25px;;font-weight:normal;float:left;position: relative;}
#header .right{float: right;margin-top:10px;}
#header .right a{position:relative;margin-right:12px;padding-left:22px;font-size:14px;text-decoration: underline;color:#574a3b;}
#header .right a::before{content: '';display: block;position:absolute;top:2px;left:0;width:18px;height: 16px;background:url('../images/icon_topLink.png') no-repeat center}
#header  .right .b-help::before{content:'';display:block;width:1px;height:12px;position: absolute;top:4px;left:-8px;background: #d6d6d6;}
#header .b-help{position:relative;margin-right:12px;padding-left:22px;font-size:14px;letter-spacing:-1.5px;color:#574a3b}
#header .b-help::after{content: '';display: block;position:absolute;top:2px;left:0;width:18px;height: 16px;background:url('../images/help.png') no-repeat center}
#header .zoomout,
#header .zoomin{width:60px;height:32px;border:1px solid #c3bbb4;font-size:16px;}
#header .zoomout{margin-right:-4px;border-right:none;vertical-align: bottom;}
#header .zoomout span,
#header .zoomin span{margin-right:4px;color:#111;}
#header .zoomout span{font-size:13px;}
#header .dhelp{position: absolute;right:0;top:0;}
/* 푸터 */
#footer.footer_w{border-top:1px solid #ebe5e1}
#footer .info{margin-left:10px;padding:30px 0 56px 0;align-items: center;color:#666}
#footer .info ul li{display:inline-block;margin-right:10px;}
#footer .info .info_box{margin-left:10px;}

#container{position:relative;}
/* 공통 아이콘 */
.icon{display:inline-block;background-repeat: no-repeat;background-position: center;cursor: pointer;}
.icon_q{width:19px;height:19px;background-image: url('../images/icon_q.png');}
.icon_pdf{width:23px;height:23px;background-image: url('../images/icon_pdf.png');}
.icon_hwp{width:23px;height:23px;background-image: url('../images/icon_hwp.png');}
.icon_zip{width:23px;height:23px;background-image: url('../images/icon_zip.png');}
.icon_normal{width:23px;height:23px;background-image: url('../images/icon_normal.png');}
.icon_down{width:12px;height:7px;background-image: url('../images/icon_down.png');}
.icon_more{width:23px;height:23px;background-image: url('../images/icon_more.png');}
.icon_like{width:27px;height:27px;background-image: url('../images/icon_like.png');}
.icon_dislike{width:27px;height:27px;background-image: url('../images/icon_dislike.png');}
.icon_q_on{width:19px;height:19px;background-image: url('../images/icon_q_on.png');}
.icon_zoomin1{position:relative;top:-3px;width:7px;height:7px;background-image: url('../images/icon_zoomin1.png');}
.icon_zoomout1{position:relative;top:-2px;width:7px;height:7px;background-image: url('../images/icon_zoomout1.png');}
.icon_search{width:21px;height:21px;background-image: url('../images/icon_search.png');}
.icon_close13{width:13px;height:13px;background-image: url('../images/icon_close13.png');}
.icon_close25{width:25px;height:25px;background-image: url('../images/icon_close25.png');}
.icon_document{width:29px;height:23px;background-image: url('../images/icon_document.png');}
.icon_search_black{width:25px;height:25px;background-image: url('../images/icon_search_black.png');}
.i_toggle{width:15px;height:15px;background-image: url('../images/icon_toggle_off.png');}
.i_toggle.i_open{width:15px;height:15px;background-image: url('../images/icon_toggle_on.png');}
.icon_download49{width:49px;height:49px;background-image: url('../images/icon_download49.png');}
.icon_down_full{width:9px;height:5px;margin-left:5px;vertical-align:middle;background-image: url('../images/icon_down_full.png');}
.icon_robot{width:75px;height:75px;background-image: url(../images/robot.png);}
.icon_top{width:44px;height:44px;background-image: url(../images/icon_top.png);}
.icon_topBtn{width:53px;height:53px;background-image: url(../images/icon_topBtn.png);}
.icon_download30{width:30px;height:30px;background-image: url('../images/icon_download30.png');}
.icon_zoomin2{width:30px;height:30px;background-image: url('../images/icon_zoomin2.png');}
.icon_zoomout2{width:30px;height:30px;background-image: url('../images/icon_zoomout2.png');}
.icon_print{width:30px;height:30px;background-image: url(../images/icon_print.png);}
.icon_left{width:10px;height:14px;background-image: url(../images/icon_left.png);}
.icon_search12{width:12px;height:12px;background-image: url(../images/icon_search12.png);}
.icon_calendar{width:13px;height:12px;background-image: url(../images/icon_calendar.png);}
.icon_down_long{width:6px;height:11px;margin:0 2px;background-image: url(../images/icon_down_long.png);}
.icon_up_long{width:6px;height:11px;margin:0 2px;background-image: url(../images/icon_up_long.png);}
.icon_e{position:relative; top:2px;width:15px;height:15px;background-image: url(../images/icon_e.png);}
.icon_e_right{position:relative; top:5px;left:5px;width:15px;height:15px;background-image: url(../images/icon_e.png);}
/* 공통 버튼 */
button{border: none;background-color: transparent;cursor: pointer;}
.brr50{border-radius: 25px 0 0 25px;}
.brl50{border-radius: 0 25px 25px 0;}
.br5{border-radius: 5px;}
.b_white{background-color: white;color:#606060;border:1px solid #c3bbb4}
.b_brown{background-color: #544836;color:#fff;}
.b_gray{background-color: #8d8d8d;color:#fff;}
.b_lightbrown{background-color: #ada193;color:#fff;}
.b_sml{width:88px;height:30px;}
.b_med{width:100px;height:42px;font-size:15px;letter-spacing: -.5px;}
.b_robot{z-index:1;position:fixed;bottom:110px;right:30px;width:76px;height:76px;overflow:visible;}
.b_robot div{margin-top:-6px;line-height: 120%;}
.b_topBtn{z-index:1;position:fixed;bottom:20px;right:43px;width:53px;height:53px;overflow:visible;}
/* 체크박스 */
.check_box{position: relative;}
.check_box .chkbx{position:relative;top:4px;display:inline-block;width:18px;height:18px;background:url('../images/checkbox_bg.png') no-repeat center}
.check_box label{cursor: pointer;}
.check_box label span{margin-left:5px;font-size:13px;border-radius: 3px;}
.check_box label em{color:#aaa}
.check_box input[type="checkbox"]{opacity:0;position:absolute;top:0;left:0;}
.check_box input[type="checkbox"]:checked + .chkbx{background:url('../images/chkbox_chk.png') no-repeat center}
/* 라디오박스 */
.radio_box{position: relative;}
.radio_box .chkbx{position:relative;top:4px;display:inline-block;width:18px;height:18px;background:url('../images/radio_bg.png') no-repeat center}
.radio_box label{cursor: pointer;}
.radio_box input[type="radio"]{opacity:0;position:absolute;top:0;left:0;}
.radio_box input[type="radio"]:checked + .chkbx{background:url('../images/radio_chk.png') no-repeat center}
.radio_box label em{color:#aaa}
/* 페이징 PC용*/
.paging{display: flex;justify-content: center;margin-top:50px;}
.paging button{display:block;width:32px;height: 32px;margin:0 2px;}
.paging a{box-sizing:border-box;display:block;width:32px;height: 32px;margin:0 2px;line-height:30px;text-align:center;border:1px solid #ddd;background:#fff;color:#000;cursor:pointer;}
.paging a.active{font-weight:900;background-color: #ad0017;border-color:#ad0017;color:#fff;}
.paging a:hover{font-weight:900;border-bottom:2px solid #ad0017;color:#ad0017}
.paging a.active:hover{color:#fff;}
/* 페이징 모바일용 */
.txt_paging{padding:0 16px;}
.txt_paging span{vertical-align: sub;color:#6d6d6d}
.txt_paging .now{color:#000;}
/* 탭 */
.ttit{display: flex;border-bottom:1px solid #dcdcdc;}
.ttit li{text-align: center;cursor: pointer;}
.ttit li span{display:block;padding:7px 0;border-bottom: 2px solid transparent;}
.ttit li.active span{font-weight:700;border-bottom: 3px solid #ad0017;color:#ad0017;}
.tcont .cont{display: none;position:relative;margin-top:10px;}
.tcont .cont.show{display: block;}
.tcont .graph{overflow:hidden;height:240px;position:relative}
.tcont .graph.bg{position:relative;background-color:#f3f3f3;}
.tcont .graph .loading{padding:0;position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);}
.tcont .graph .loading p{letter-spacing: -1.5px;}
.tcont .graph .robotImg{width:60px;height:60px;}
/* 테이블 */
.table table{table-layout: fixed;width:100%;}
.table table tr{border-bottom:1px solid #ddd;}
.table table th{padding:10px;text-align: left;}
.table table td{padding:10px;}
.table ul.chklist,
.table ul.radlist{width:100%;flex-wrap: wrap;}
.table ul.chklist li,
.table ul.radlist li{width:20%;margin:2px 0;}
.table ul.wid2 li{width:25%;}
.table ul.radlist li.wid1{width:100%;}
.table .input input{overflow:hidden;display: block;width:100%;height:30px;padding:7px;line-height:14px;border-radius:5px;border:1px solid #ddd;}
.table .case_date{position:relative;width:152px;}
.table .case_date::after{content:'';display: block;position:absolute;top:2px;right:30px;width:1px;height:26px;background:#ddd}
/* 툴팁 */
.table .disib{display: inline-block !important;}
.tooltip{display:none;position: absolute;top:-50%;left:125px;width:720px;padding:25px 20px;background-color:#fff;border-radius:5px;border:1px solid #bbc6d4;box-shadow: 2px 4px 2px #f4f4f4;}
.tooltip li strong{color:#3399ff}
.icon_e:hover + .tooltip{z-index:2;display:block;}
.tooltip_right{display:none;position: absolute;text-align:left;/*top:180px;*/margin-top:15px;right:10px;width:750px;padding:25px 20px;background-color:#fff;border-radius:5px;border:1px solid #bbc6d4;box-shadow: 2px 4px 2px #f4f4f4;}
.tooltip_right li strong{color:#3399ff}
.icon_e_right:hover + .tooltip_right{z-index:2;display:block;}
.rightCategory {position: relative;}
/* 검색창 */
.search{float:left;width:54%;}
.sbox{position:relative;display: flex;width:100%;height:42px;border:2px solid #776d5d;border-radius: 5px;}
.sbox .stype{position:relative;width:146px;}
.sbox .stype::after{content: '';display: block;position:absolute;top:12px;right:0;width:1px;height:15px;background:#eee;}
.sbox .stype button{width:146px;height: 38px;border-radius:5px 0 0  5px;border-right:2px solid transparent;background:#fff;}
.sbox .stype button .icon{margin-left:10px;}
/* 카테고리 선택 */
.sbox .sinput{width:calc(100% - 204px);}
.sbox .sinput input{width:100%;height:38px;padding:10px 20px;}
.sbox .category{display: none;overflow:hidden;position: absolute;top:38px;left:-2px;width:148px;border-radius:0 0 5px 5px;background:#fff;}
.sbox .category ul{padding:10px 0;border-radius:0 0 5px 5px;border:2px solid #776d5d;border-top-color:#aaa}
.sbox .category li{margin:8px 0;font-size:15px;text-align:center;color:#776d5d;cursor: pointer;}
.sbox .category ul li span{position:relative}
.sbox .category ul li.active span::before{content:'';display:block;position:absolute;top:4px;left:-12px;width:3px;height: 7px;border: solid #604928;border-width: 0 2px 2px 0;transform: rotate(45deg);}
.sbox .b_search{position:absolute;top:-1px;right:-1px;width:58px;height:40px;background:#776d5d;}
.sbox.show{border-radius: 5px 5px  5px 0;}
.sbox.show .stype::after{width:0;height:0;}
.sbox.show .stype button{border-right-color:#776d5d;border-radius:5px 0 0 0;border-right-color:#776d5d}
.sbox.show .category{z-index:5;display:block;}
/* 자동완성 */
.autocomplete{display:none;position:absolute;left:-2px;right:-2px;top:38px;padding:22px 20px;border-radius:0 0 5px 5px;border:2px solid #776d5d;background: #fff;color:#6a6a6a;}
.autocomplete li{padding:7px 0;border-bottom:1px solid #ddd;}
.autocomplete li::after{content:'';display:block;clear: both;height: 0;}
.auto_box + .auto_box{margin-top:12px;}
.auto_box .title{font-size:18px;color:#000;}
.auto_box ul{height:138px;margin-top:6px;overflow-y: auto;}
.autocomplete .auto_tit{float:left;width:18%;}
.autocomplete .auto_cont{float:left;display:flex;flex-wrap:wrap;width:82%;}
.autocomplete .auto_cont span{position: relative;margin-right:4px;padding-right:4px;}
.autocomplete .auto_cont span + span::after{content: '';position:absolute;top:4px;left:-4px;display: block;width:1px;height:11px;background-color: #dedede;}
.sinput #searchInput:focus + .autocomplete{z-index:5;display:block;}
.sinput #searchInput:focus-visible{outline:none !important;}
.box{float:right;width:46%;padding-left:10px;}
.box .b_history{width:120px;margin-left:auto;}
.box .b_history.on{background-color:#544836;color:#fff;}
/* 검색방법안내  */
.question{z-index:6;position:absolute;top:10px;right:64px;}
.question .icon{position: absolute;top:0;right:0;}
.question .icon_q_on{display: none;}
.question:hover .icon_q{display: none;}
.question:hover .icon_q + .icon_q_on{display: block;}
.question .hover_txt{display:none;width:284px;margin-top:22px;margin-right:-7px;border:1px solid #d4c6bb;border-radius:10px;box-shadow:2px 3px 2px #f6f6f6;background:#fff;}
.question:hover .hover_txt{display:block;}
.question .hover_inner{padding:24px;text-align:left;}
.question .hover_inner strong{font-size:16px;color:#ad0017;}
.question .hover_inner ul{margin-top:10px;}
.question .hover_inner li{position:relative;display:flex;padding:5px 0 5px 12px;border-top:1px solid #ddd;color:#5c5c5c;}
.question .hover_inner li::before{content:'·';position: absolute;left:0;top:6px;height: 18px;}
.question .hover_inner li span:last-child{margin-left:auto;}
/*  상세검색 +  */
.search_options{display: none;position: absolute;left:0;right:0;top:56px;background:#fff;}
.search_options.show{z-index:2;display: block;}
.option_area{position:relative;font-size:14px;}
.option_area .tab-area{padding:20px 60px 30px;}
.option_area .ttit{font-size:16px;}
.option_area .ttit li{width:20%;}
.option_area .ttit li span{font-weight: 900;}
.option_area .table{margin-top:10px}
.option_area .table table th{position:relative;padding:10px 10px 10px 44px;}
.option_area .case_date{position:relative;display: inline-block;}
.option_area .case_date .icon{position:absolute;top:8px;right:8px;}

.reset_area{padding:26px 60px;text-align:right;border-top:1px solid #aaa;background-color: #f5f5f5;}
.reset_area  button{width:85px; height:32px;margin-left:6px;}
.box .check_box{margin-top:8px;margin-left:20px;}
.b-closePopup{position:absolute;top:-1px;right:-1px;width:34px;height:34px;border:1px solid #ddd}
/* 영문판례 상세검색 */
.engcase.flex{position:relative;flex-wrap:wrap;justify-content:space-between;}
.engcase.select{width:25%;}
.engcase.select select{width:100%;}
.engcase.input{width:45%;}

/* 검색 히스토리 */
.search_history{display:none;position: absolute;left:0;right:0;top:56px;}
.search_history.show{z-index:2;display: block;}
.history_area{position:relative;height:400px;padding:23px 30px;font-size:14px;border:1px solid #d4c6bb;background:#fff;}
.history_area .tit{font-size:20px;color:#544836}
.history_area .scroll{overflow-y: auto;height:300px;margin-top:6px;}
.history_area .scroll li{margin:12px 0;}
.history_area .scroll li::after{content: '';display:block;clear:both;height: 0;}
.history_area .sq_num{float:left;width:36px;font-size: 28px;color:#e6e5e5;}
.history_area .sq_txt{display:inline-block;width:calc(100% - 36px);padding-left:12px;color:#444}
.history_area .sq_txt span{font-size:12px;}
.history_area .sq_txt p{font-size:14px;}
.history_area .scroll::-webkit-scrollbar{ width: 4px; } 
.history_area .scroll::-webkit-scrollbar-thumb{ height: 17%; background:#ababab;border-radius: 10px; } 
.history_area .scroll::-webkit-scrollbar-track{ background:#e7e7e7; }
.s_query{position:relative;width:42%;padding:0 22px 0 10px;}
.s_query::after{content: '';display: block;position:absolute;top:0;right:0;width:1px;height:340px;background: #f2f2f2;}
.s_documents{width:58%;padding-left:48px;}

.dim_contents{display: none;position: absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.3);}
.dim_contents.show{z-index:1;display: block;}
/* 관련검색어 */
.relate{position:relative;margin-top:14px;font-size:13px;border-top:1px solid #e4e4e4;}
.relate .inner{display: flex;}
.relate .bmore{position:absolute;top:3px;right:6px;} /*20201102 수정 */
.relate_dl {overflow:hidden;display: flex;width:calc(100% - 130px);height:37px;} /*20201102 수정 */
.relate_dl.show{height:80px;}
.relate_dl.show dd{overflow-y: auto;}
/* .relate_dl.show .relate_list li span{line-height: 2;} */
.relate_dl dt{width:70px;padding:10px 12px 10px 0;}
.relate_dl dd{width:calc( 100% - 90px);padding-right:0px;} /*20201102 수정 */
.relate_tit{position:relative;color:#705c3c;}
.relate_tit_en{position:relative;color:#705c3c;}
/* .relate_tit::after{content: '';display:block;position: absolute;top:3px;right:-14px;width:1px;height:13px;background:#b7b7b7;} */
.relate_tit::after{content: '';display:block;position: absolute;top:3px;right:-30px;width:1px;height:13px;background:#b7b7b7;}
.relate_tit_en::after{content: '';display:block;position: absolute;top:3px;right:-14px;width:1px;height:13px;background:#b7b7b7;}
.relate_list{margin-left:14px;}
.relate_list li{display:inline-block;margin-right:14px;}  /*20201102 수정 */
.relate_list li span{position:relative;margin-left:10px;line-height:39px;color:#444;}
/* .relate_list li span::before{content: '';display:block;position: absolute;top:4px;left:-7px;width:1px;height:11px;background:#dedede;} */
.relate_list li span::before{content: '';display:block;position: absolute;top:4px;left:-7px;width:1px;height:11px;} /*20221115 수정 */
.relate_list li span:first-child{margin-left:0px;}
.relate_list li span:first-child::before{width:0;height:0;}

.btxt{position: relative;padding-right:10px}
.btxt::after{content: '+';display: block;position: absolute;top:9px;right:14px;}
.btxt.active::after{content: '-';display: block;position: absolute;top:9px;right:14px;}

.error_area{display:table;width:100%;height:100vh;padding:30px;background:url('../images/bg_flower.png') no-repeat center 20%;}
.error{display: table-cell;width:100%;height:100%;vertical-align:middle;text-align:center;}
.txt_error1{margin-bottom:20px;font-size:24px;font-weight:700;color:#ad0017;}
.txt_error2{margin-bottom:44px;font-size:16px;font-weight:500;color:#444;letter-spacing: -.9px;}
.return_btn{display: flex;justify-content: center;margin-bottom:100px;}
.return_btn a{display:block;width:124px;margin:0 2px;text-align:center;line-height:30px;border-radius:5px;font-size:13px;color:#fff}
.return_btn .go_before{background: #8d8d8d;}
.return_btn .go_main{background:#544836;}

@media screen and (max-width:739px) {
#header h1 .video{display:none;background-repeat: no-repeat;background-color: #776d5d;background-position: 8% 50%;background-image: url('../images/icon_videoList_btn_wh1.png');cursor: pointer;border: 1px solid #776d5d;color: #ffffff;padding-left: 50px;padding-right: 20px;font-size: 15px;border-radius: 10px;margin-left:15px;line-height:25px;margin-top: 12px;font-weight:normal;}
#header h1 .videoM{display: inline-block;background-repeat: no-repeat;background-color: #776d5d;background-position: 8% 50%;background-image: url('../images/icon_videoList_btn_wh1.png');cursor: pointer;border: 1px solid #776d5d;color: #ffffff;padding-left: 30px;padding-right: 10px;font-size: 13px;border-radius: 10px;margin-left:15px;line-height:25px;;font-weight:normal;float:left;position: relative;}