/* Restored from mobile/css/basic.css */ * { margin: 0; padding: 0; border: 0;} /* default */ body {background:#fff; font-family:"NanumBarunGothic","Nanum Barun Gothic","Nanum Gothic","굴림",Gulim,Helvetica,AppleGothic,Sans-serif; font-size:13px; color:#666; padding:0px; margin:0px;} html, body {width:100%;height:100%;font-size:13px;} div, p, ul, li, table, th, td, textarea, input, span, form, h1, h2, h3, h4, h5, h6, dt, dl, dd, em, sup, a, img {padding:0px;margin:0px;} ul, ol, dl, dd, dt, li {list-style-type:none;margin:0;padding:0px;line-height:18px;} form, fieldset, p {margin:0;padding:0;border:0;} table {width:100%;table-layout:fixed;} table, tbody, tfoot, thead, tr, th, td {border-collapse:separate;border-spacing:0;table-layout:fixed;font-weight:normal;font-size:13px;}/*border:none; separate*/ /* 6 */* html table, tbody, tfoot, thead, tr, th, td {border-collapse:collapse;} /* 7 */* + html table, tbody, tfoot, thead, tr, th, td {border-collapse:collapse;} legend {display:none;position:absolute;visibility:hidden;} caption {visibility:hidden;width:0px;height:0px;overflow:hidden;font-size:0px;margin:0px;padding:0px;line-height:0px;} img {border:0;vertical-align:top;outline:none;} optgroup {font-style:normal;font-size:0px;height:0px;line-height:0px;} label {cursor:pointer;} input.radio {width:12px;height:12px;} img, fieldset {border:0 none transparent;/*'transparent' for Opera7*/} i, em {font-style:normal;} input, button { overflow:visible;} /* select {border:1px solid #ccc; height:22px; width:80px; font-family: "NanumBarunGothic", "Nanum Gothic","굴림",Gulim,Helvetica,AppleGothic,Sans-serif;background:#fff; color:#666666; font-size:12px; margin-right:3px;vertical-align:top;} input {border:1px solid #ccc; height:22px; font-family: "NanumBarunGothic", "Nanum Gothic","굴림",Gulim,Helvetica,AppleGothic,Sans-serif; background:#fff;color:#666; font-size:12px;vertical-align:middle;} textarea {border:1px solid #dedede; padding:5px; color:#666; resize: none;font-family:"맑은고딕",Malgun Gothic,"나눔고딕",Nanum Gothic,'돋움',dotum,AppleGothic,sans-serif;color:#666; font-size:12px;} */ address{font-style:normal;} h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%} a {text-decoration:none;color:#666;} a:link, a:visited {text-decoration:none;color:#666;} a:hover, a:focus, a:active {text-decoration:none;} /* skip */ label.none,.skip, legend, caption{position:absolute; left:-5000px; width:0; height:0; font-size:0; line-height:0; overflow:hidden;} caption{position:static;} /* hiddentext */ .hide{position:absolute; text-indent:-9999px; width:0; height:0; font-size:0; line-height:0; overflow:hidden;} .hidetext div {font-size:0;line-height:0;padding:0;margin:0;height:0;width:0;} .dInput{height: 20px;line-height: 20px;border:1px solid #e3e3e3;padding:2px;margin-top: 1px;background: #FFF;color:#666;} .dSelect{border:1px solid #e3e3e3;height: 26px;line-height: 26px;color:#666;padding:3px;font-size:12px;} .checkbox{vertical-align:middle;} /* Common */ .tRight { text-align:right;} .tLeft { text-align:left;} .tCenter { text-align:center;} .tCenter2 { margin:0 auto;} .fRight { float:right;} .fLeft { float:left;} .btnR { margin-bottom:15px; text-align:right;} .btnC { margin-bottom:15px; text-align:center;} .underLine { text-decoration:underline !important;} .line{ height:1px; background:#e7e7e7; font-size:1px; line-height:1px;} /** 기본 라인 **/ .b { font-weight:bold;} /** 굵은 텍스트 **/ .hand { cursor: pointer; } /** 이미지에 onClick 처리했을 때 손바닥 모양 만들기 **/ .clr { clear:both; font-size:0; line-height:0;} /** 플로팅 된 요소를 clear하기 **/ .hidden{ font-size:0; line-height: 0; position:absolute; text-indent: -9999px; visibility: hidden; } .space { font-size:1px;line-height:1px;} /** png 상단왼쪽에 생기는 점없에기위한것 **/ .space0 { font-size:0;line-height:0;} /** 라인영역 잡을 때 기본 공백 없애기 **/ .space5 { width:5px;height:5px;font-size:1px;line-height:1px;} /** 세로사이즈 5픽셀인 공백 만들기 **/ .space10 { width:10px;height:10px;font-size:1px;line-height:1px;} /** 세로사이즈 10픽셀인 공백 만들기 **/ .space15 { width:15px;height:15px;font-size:1px;line-height:1px;} /** 세로사이즈 15픽셀인 공백 만들기 **/ .space20 { width:15px;height:15px;font-size:1px;line-height:1px;} /** 세로사이즈 20픽셀인 공백 만들기 **/ .png24 { tmp:none;} /* Color */ .orange { color:#da6204;} .yellow { color:#fff244;} .white { color:#ffffff;} .pink { color:#de5452;} .green { color:#55860b;} .purple { color:#a82741;} .blue { color:#0958ab;} .brown { color:#861917;} .wbrown { color:#9b8974;} .dbrown { color:#5a4f41;} .red { color:#ea0000;} .wRed{color:#d45151;} .gray { color:#a0a0a0;} .wgray { color:#a0a0a0;} .dgray { color:#a0a0a0;} .blac { color: #000;} .pointC { color: #305ca4;letter-spacing:0;} .pointC2 { color: #305ca4;font-size:14px;letter-spacing:0;} /* Padding & Margin */ .pd01 { padding:1px;} .pd02 { padding:2px;} .pd03 { padding:3px;} .pd04 { padding:4px;} .pd05 { padding:5px;} .pd06 { padding:6px;} .pd07 { padding:7px;} .pd08 { padding:8px;} .pd09 { padding:9px;} .pd10 { padding:10px;} .pd15 { padding:15px;} .pd20 { padding:20px;} .pd25 { padding:25px;} .pd30 { padding:30px;} .pd40 { padding:40px;} .pd50 { padding:50px;} .pdt01 { padding-top:1px;} .pdt02 { padding-top:2px;} .pdt03 { padding-top:3px;} .pdt04 { padding-top:4px;} .pdt05 { padding-top:5px;} .pdt06 { padding-top:6px;} .pdt07 { padding-top:7px;} .pdt08 { padding-top:8px;} .pdt09 { padding-top:9px;} .pdt10 { padding-top:10px;} .pdt15 { padding-top:15px;} .pdt20 { padding-top:20px;} .pdt25 { padding-top:25px;} .pdt30 { padding-top:30px;} .pdt40 { padding-top:40px;} .pdt50 { padding-top:50px;} .pdr01 { padding-right:1px;} .pdr02 { padding-right:2px;} .pdr03 { padding-right:3px;} .pdr04 { padding-right:4px;} .pdr05 { padding-right:5px;} .pdr06 { padding-right:6px;} .pdr07 { padding-right:7px;} .pdr08 { padding-right:8px;} .pdr09 { padding-right:9px;} .pdr10 { padding-right:10px;} .pdr15 { padding-right:15px;} .pdr20 { padding-right:20px;} .pdr25 { padding-right:25px;} .pdr30 { padding-right:30px;} .pdr40 { padding-right:40px;} .pdr50 { padding-right:50px;} .pdb01 { padding-bottom:1px;} .pdb02 { padding-bottom:2px;} .pdb03 { padding-bottom:3px;} .pdb04 { padding-bottom:4px;} .pdb05 { padding-bottom:5px;} .pdb06 { padding-bottom:6px;} .pdb07 { padding-bottom:7px;} .pdb08 { padding-bottom:8px;} .pdb09 { padding-bottom:9px;} .pdb10 { padding-bottom:10px;} .pdb15 { padding-bottom:15px;} .pdb20 { padding-bottom:20px;} .pdb25 { padding-bottom:25px;} .pdb30 { padding-bottom:30px;} .pdb40 { padding-bottom:40px;} .pdb50 { padding-bottom:50px;} .pdl01 { padding-left:1px;} .pdl02 { padding-left:2px;} .pdl03 { padding-left:3px;} .pdl04 { padding-left:4px;} .pdl05 { padding-left:5px;} .pdl06 { padding-left:6px;} .pdl07 { padding-left:7px;} .pdl08 { padding-left:8px;} .pdl09 { padding-left:9px;} .pdl10 { padding-left:10px;} .pdl15 { padding-left:15px;} .pdl17 { padding-left:17px;} .pdl20 { padding-left:20px;} .pdl25 { padding-left:25px;} .pdl30 { padding-left:30px;} .pdl40 { padding-left:40px;} .pdl50 { padding-left:50px;} .mg01 { margin:1px;} .mg02 { margin:2px;} .mg03 { margin:3px;} .mg04 { margin:4px;} .mg05 { margin:5px;} .mg06 { margin:6px;} .mg07 { margin:7px;} .mg08 { margin:8px;} .mg09 { margin:9px;} .mg10 { margin:10px;} .mg15 { margin:15px;} .mg20 { margin:20px;} .mg25 { margin:25px;} .mg30 { margin:30px;} .mg40 { margin:40px;} .mg50 { margin:50px;} .mgt01 { margin-top:1px;} .mgt02 { margin-top:2px;} .mgt03 { margin-top:3px;} .mgt04 { margin-top:4px;} .mgt05 { margin-top:5px;} .mgt06 { margin-top:6px;} .mgt07 { margin-top:7px;} .mgt08 { margin-top:8px;} .mgt09 { margin-top:9px;} .mgt10 { margin-top:10px;} .mgt15 { margin-top:15px;} .mgt20 { margin-top:20px;} .mgt25 { margin-top:25px;} .mgt30 { margin-top:30px;} .mg430 { margin-top:40px;} .mgt50 { margin-top:50px;} .mgr01 { margin-right:1px;} .mgr02 { margin-right:2px;} .mgr03 { margin-right:3px;} .mgr04 { margin-right:4px;} .mgr05 { margin-right:5px;} .mgr06 { margin-right:6px;} .mgr07 { margin-right:7px;} .mgr08 { margin-right:8px;} .mgr09 { margin-right:9px;} .mgr10 { margin-right:10px;} .mgr15 { margin-right:15px;} .mgr20 { margin-right:20px;} .mgr25 { margin-right:25px;} .mgr30 { margin-right:30px;} .mgr40 { margin-right:40px;} .mgr50 { margin-right:50px;} .mgb01 { margin-bottom:1px;} .mgb02 { margin-bottom:2px;} .mgb03 { margin-bottom:3px;} .mgb04 { margin-bottom:4px;} .mgb05 { margin-bottom:5px;} .mgb06 { margin-bottom:6px;} .mgb07 { margin-bottom:7px;} .mgb08 { margin-bottom:8px;} .mgb09 { margin-bottom:9px;} .mgb10 { margin-bottom:10px;} .mgb15 { margin-bottom:15px;} .mgb20 { margin-bottom:20px;} .mgb25 { margin-bottom:25px;} .mgb30 { margin-bottom:30px;} .mgb40 { margin-bottom:40px;} .mgb50 { margin-bottom:50px;} .mgl01 { margin-left:1px;} .mgl02 { margin-left:2px;} .mgl03 { margin-left:3px;} .mgl04 { margin-left:4px;} .mgl05 { margin-left:5px;} .mgl06 { margin-left:6px;} .mgl07 { margin-left:7px;} .mgl08 { margin-left:8px;} .mgl09 { margin-left:9px;} .mgl10 { margin-left:10px;} .mgl15 { margin-left:15px;} .mgl20 { margin-left:20px;} .mgl25 { margin-left:25px;} .mgl30 { margin-left:30px;} .mgl40 { margin-left:40px;} .mgl50 { margin-left:50px;} /* Restored from mobile/css/contents.css */ /** 회원 **/ #members{} .agreeWrap{border:1px solid #dadada;} .agreeWrap .boxForm{padding:10px;background:#f8f8f8;line-height:150%;font-size:13px;} .agreeWrap .boxForm p{} .agreeWrap .boxForm p strong{font-weight:bold;color:#222;} .agreeCheck{padding: 9px 0 10px 0;} .agreeCheck input{margin: 0 5px 0 0;vertical-align:middle;margin-top:-3px;} .memTipTxt{padding-left:10px;letter-spacing:-1px;} .inputTel label{float:left;display:inline-block;padding-right:15px;color:#555} .inputTel input{margin-top:-1px;} .info_find_tTxt{font-size:15px;line-height:140%;text-align:center;margin-bottom:10px;} .mem_info_box{border: 1px solid #dadada;clear:both;overflow:hidden;} .mem_info_box .conLe{border-bottom: 1px solid #dadada;padding:23px 0 20px 0;} .mem_info_box .conRi{padding:13px 0 18px 0;} .mem_info_box .fromBox{width:280px;margin: 0 auto;position:relative;} .mem_info_box .fromBox .btnS21{width:75px;height:66px;position:absolute;right:0;top:1px;} .mem_info_box .fromBox UL li{height:26px;line-height:26px;position:relative;padding-left:70px;margin-bottom:10px;} .mem_info_box .fromBox UL LI label{position:absolute;left:0;top:0;font-size:14px;} .mem_info_box .fromBox UL LI .dInput{width:120px;height:30px;line-height:30px;} .mem_info_box .fromBox2{width:280px;margin: 0 auto;position:relative;} .mem_info_box .fromBox2 .btnS21{width:75px;height:66px;position:absolute;right:0;top:1px;} .mem_info_box .fromBox2 UL li{height:26px;line-height:26px;position:relative;padding-left:55px;margin-bottom:10px;} .mem_info_box .fromBox2 UL LI label{position:absolute;left:0;top:0;font-size:14px;} .mem_info_box .fromBox2 UL LI .dInput{width:130px;height:30px;line-height:30px;} .mem_info_box .memBox{width:280px;margin: 0 auto;} .mem_info_box .memBox li{min-height:30px;padding: 8px 0 0 0;position:relative;margin-bottom:2px;line-height:160%;} .mem_info_box .memBox li .btnS41a{width:145px;} #popup_wrap{position:relative;} #popup_wrap h2{background: #e14c03;} #popup_wrap .btn_close{position:absolute;right:0;top:0;} #popup_wrap .contents{margin: 20px;padding: 25px 25px 22px 25px;border: 1px solid #ddd;background:#FFF;} #popup_wrap .contents .findbox li{position:relative;padding-left:60px;margin-bottom:6px;} #popup_wrap .contents .findbox li label{position:absolute;left:0;top:10px;} #popup_wrap .contents .zip_search h3{font-size:15px;font-weight:bold;color:#222;margin-bottom:10px;} #popup_wrap .contents .zip_search h3 span{font-size:12px;font-weight:normal;color:#777;padding-left:10px;} #popup_wrap .contents2 .zip_list{height:255px;overflow-y:auto;} #popup_wrap .contents2 .zip_list li{padding: 5px;font-size:12px;} #popup_wrap .contents2 .zip_list li:hover{background:#f8f8f8;cursor:pointer;} #popup_wrap .contents2 .zip_list li span{padding-right:10px;} #popup_wrap .contents2{margin: 20px;padding: 15px 20px 13px 20px;border: 1px solid #ddd;background:#FFF;} /** 법률정보 **/ #legal{} #legal .legal_menu{clear:both;overflow:hidden;} #legal .legal_menu li.conLe{width:49%;float:left;} #legal .legal_menu li.conRi{width:49%;float:right;} #legal .legal_menu li{padding-bottom:7px;margin-bottom:0px;} #legal .legal_menu .menuBox{clear:both;overflow:hidden;border-left:1px solid #e7e7e7;border-right:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;} #legal .legal_menu .menuBox h3{background:#f8f8f8;} #legal .legal_menu .menuBox h3 img{height:100px;} #legal .legal_menu .menuBox h3.tl1{border-top:2px solid #576999;} #legal .legal_menu .menuBox h3.tl2{border-top:2px solid #3ea0bf;} #legal .legal_menu .menuBox h3.tl3{border-top:2px solid #6eb41b;} #legal .legal_menu .menuBox h3.tl4{border-top:2px solid #4c888d;} #legal .legal_menu .menuBox h3.tl5{border-top:2px solid #e57613;} #legal .legal_menu .menuBox h3.tl6{border-top:2px solid #3080c8;} #legal .legal_menu .menuBox dl{width:225px;min-height:140px;padding: 8px 20px 0 0;} #legal .legal_menu .menuBox dl dd{height:30px;line-height:30px;background: url(/images/sub/legal_menu_belt.gif) 80% 11px no-repeat;font-size:13px;text-decoration:underline;padding-left:15px;} #legal .legal_menu .menuBox dl dd:hover{color:#222;cursor:pointer;} #legal .legal_conts .conbox{padding:20px 2px 0 2px;border-bottom:1px solid #eee;margin-bottom:10px;} #legal .legal_conts h3{font-size:18px;font-weight:bold;color:#222;padding-bottom:15px;padding-right:30px;display:inline-block;} #legal .legal_conts h4{font-size:15px;font-weight:bold;color:#222;padding:10px 0 10px 0;} #legal .legal_conts .liT1{padding-bottom:20px;} #legal .legal_conts .liT1 li{padding-bottom:15px;line-height:160%;} #legal .legal_conts .liT1 li .img{float:left;width:35%;} #legal .legal_conts .liT1 li.liEnd{padding-bottom:0;} #legal .legal_conts .txtS1{padding-bottom:20px;line-height:160%;text-align:justify;} #legal .legal_conts .txtS2{padding-bottom:20px;line-height:160%;text-align:justify;} #legal .legal_conts .txtS2 .img{float:left;width:35%;} #legal .legal_conts .txtS3{padding-bottom:15px;line-height:160%;text-align:justify;} #legal .legal_conts .dlT1{padding-bottom:10px;} #legal .legal_conts .dlT1 dt{font-weight:bold;color:#FFF;margin-bottom:15px;background:#576999;display:inline-block;padding: 1px 3px;} #legal .legal_conts .dlT1 dd{line-height:160%;padding-bottom:10px;} #legal .imgS1{text-align:center;padding-bottom:30px;} #legal .imgS1 img {width:100%;} /** 전문분야 **/ #expertise{} /** #expertise .category{border-right:1px solid #dadada;border-top:1px solid #dadada;clear:both;overflow:hidden;margin-bottom:40px;} #expertise .category li{float:left;border-left:1px solid #dadada;border-bottom:1px solid #dadada;text-align:center;} #expertise .category li.liEnd a{width:123px;} #expertise .category li a{width:124px;height:49px;line-height:49px;text-align:center;display:inline-block;font-size:14.5px;font-weight:bold;display:inline-block;} #expertise .category li a:hover{background:#f8f8f8;} #expertise .category li a.cate_on{background:#222941;color:#FFF;} **/ #expertise .lawvis_list{border-top: 2px solid #222941;margin-bottom:20px;} #expertise .lawvis_list ul{border-left: 1px solid #dedede;clear:both;overflow:hidden;} #expertise .lawvis_list li{width:438px;float:left;display: inline-block;.display: inline;zoom: 1; border-bottom: 1px solid #dedede;border-right: 1px solid #dedede;padding:30px;} #expertise .lawvis_list li.conLe{width:439px;} #expertise .lawvis_list li.bgGray{background:#f8f8f8;} #expertise .lawvis_list li .photo{width:120px;float:left;} #expertise .lawvis_list li .photo img{width:120px;height:140px;} #expertise .lawvis_list li dl{width:290px;float:right;line-height:160%;} #expertise .lawvis_list li dl dt{height:30px;line-height:30px;clear:both;overflow:hidden;margin-bottom:12px;} #expertise .lawvis_list li dl dt .numBox{float:left;width:68px;height:30px;line-height:30px;text-align:center;font-weight:bold;font-size:18px;color:#FFF;padding-right:6px;background:url(/images/main/alllawyer_num_bg.gif) left top no-repeat;margin-right:15px;} #expertise .lawvis_list li dl dt label{font-size:18px;color:#252525;font-weight:bold;} #expertise .lawvis_list li .telInfo{font-size:18px;color:#252525;font-weight:bold;padding: 10px 0 14px 0} #expertise .lawvis_list li .telInfo strong{color:#af2d00;font-weight:bold;} #expertise .lawvis_list li .iconBox{font-size:12px;font-weight:bold;color:#FFF;clear:both;overflow:hidden;} #expertise .lawvis_list li .iconBox a{float:left;padding: 1px 6px;display:inline-block;margin-right:3px;color:#FFF;} #expertise .lawvis_list li .iconBox .icon1{background:#a1a8c3;} #expertise .lawvis_list li .iconBox .icon2{background:#998675;} #expertise .lawvis_list li .iconBox .icon3{background:#363636;} #expertise .lawvis_title{height:45px;font-size:30px;font-weight:bold;color:#222941;position:relative;} #expertise .lawvis_title span{font-size:21px;color:#af2d00;padding-left:10px;} #expertise .lawvis_title strong{font-size:17px;position:absolute;right:0;top:13px;font-weight:bold;} #expertise .lawvis_view{border-top: 2px solid #222941;margin-bottom:20px;} #expertise .lawvis_view .conts{border-bottom: 1px solid #dedede;border-left: 1px solid #dedede;border-right: 1px solid #dedede;background:#f8f8f8;padding:35px;clear:both;overflow:hidden;position:relative;} #expertise .lawvis_view .conts .law_photo{float:left;width:300px;} #expertise .lawvis_view .conts .law_photo .photo{width:279px;height:320px;margin-bottom:17px;} #expertise .lawvis_view .conts .law_photo .thum{clear:both;overflow:hidden;} #expertise .lawvis_view .conts .law_photo .thum li{float:left;display: inline-block;.display: inline;zoom: 1;margin-right:17px;} #expertise .lawvis_view .conts .law_photo .thum img{width:57px;height:68px;} #expertise .lawvis_view .conts .law_info{float:right;width:590px;} #expertise .lawvis_view .conts .law_info ul{padding-top:15px;} #expertise .lawvis_view .conts .law_info UL li{background: url(/images/sub/blet_1.gif) left 6px no-repeat;margin-bottom:12px;padding-left:138px;position:relative;font-size:14px;line-height:155%;} #expertise .lawvis_view .conts .law_info UL LI label{position:absolute;left:18px;top:0;font-size:15px;color:#333;} #expertise .lawvis_view .conts .law_info UL LI .lawTel{font-size:35px;color:#222;font-weight:bold;vertical-align:middle;margin-top:-8px;display:inline-block;} #expertise .lawvis_view .conts .law_info UL LI .lawNum{font-size:21px;color:#af2d00;padding-left:10px;font-weight:bold;vertical-align:middle;} #expertise .lawvis_view .conts .law_info UL LI .lawName{font-size:17px;font-weight:bold;color:#333;} #expertise .lawvis_view .conts .law_info .bottomBtn{position:absolute;left:375px;bottom:36px;} #expertise .lawvis_view .conts .law_info .bottomBtn input{float:left;margin-right:7px;} #expertise .lawvis_detail{border-top: 2px solid #222941;margin-bottom:20px;} #expertise .lawvis_detail table{border-left: 1px solid #dbdbdb;border-right: 1px solid #dbdbdb;} #expertise .lawvis_detail table tbody th, #expertise .lawvis_detail table tbody td{border-bottom: 1px solid #dbdbdb;text-align:left;padding: 15px 20px;} #expertise .lawvis_detail table tbody th{background:#f8f8f8;} #expertise .lawvis_detail_new{margin-bottom:30px;} #expertise .detail_btn{border-left: 1px solid #dbdbdb;border-right: 1px solid #dbdbdb;border-bottom: 1px solid #dbdbdb;text-align:center;padding: 11px 0 8px 0;} #expertise .detail_btn table td{vertical-align:top;} #expertise .detail_btn a{} #expertise .detail_btn .tel img{height:40px;} #expertise .detail_btn img{height:40px;margin-bottom:3px;} #expertise .lawvis_map{border-top: 2px solid #222941;margin-bottom:20px;} /** 로비스소개 **/ .about-section{line-height:170%;padding-bottom:10px;margin-bottom:30px;border-bottom:1px solid #f4f4f4;} .about-section h3{margin-bottom:20px;} .about-section h3 img{height:23px;} .about-section .imgBox1{text-align:center;margin-bottom:20px;} .about-section .imgBox1 img{width:100%;} .about-section .imgBox2{text-align:center;} .about-section .imgBox2 img{width:100%;} .about-section .txtStyle1 li{margin-bottom:20px;line-height:170%;} .about-section .ci_wrap{background: url(/mobile/images/sub/about_img_22.gif) left top no-repeat;background-size: 100% auto;clear:both;overflow:hidden;padding-top:25px;} .about-section .ci_wrap li{line-height:170%;margin-bottom:20px;} .about-section .ci_wrap li span{color:#e53e11;} .about-section .philosophy{clear:both;overflow:hidden;} .about-section .philosophy li{padding: 0 0 20px 0;} .about-section .philosophy li dl dt{font-size:16px;color:#222;letter-spacing:-1px;margin-bottom:5px;} .about-section .philosophy li dl dd{line-height:170%;} .about-section .philosophy li.con1{} .about-section .philosophy li.con2{} .about-section .philosophy li.con3{} .about-section .contribution{clear:both;overflow:hidden;} .about-section .contribution .img{text-align:center;} .about-section .contribution .img img{width:250px;} .about-section .contribution .txt{padding-top:20px;} .about-section .contribution .txt dt{line-height:30px;font-size:20px;color:#222;letter-spacing:-1px;margin-bottom:20px;} .about-section .contribution .txt dd{line-height:170%;margin-bottom:20px;} .about-section .corevalues{} .about-section .corevalues ul{clear:both;overflow:hidden;} .about-section .corevalues UL li{} .about-section .corevalues UL LI p{margin-bottom:20px;text-align:center;} .about-section .corevalues UL LI p img{} .about-section .corevalues dl{} .about-section .corevalues dl dt{line-height:30px;font-size:18px;font-weight:bold;color:#222;letter-spacing:-1px;margin-bottom:5px;} .about-section .corevalues dl dt span{color:#e53e11;} .about-section .corevalues dl dd{line-height:170%;margin-bottom:25px;} .about-section .contactus{} .about-section .contactus table{width:100%;border-top:1px solid #dadada;border-left:1px solid #dadada;margin-bottom:20px;} .about-section .contactus table th, .about-section .contactus table td{border-bottom:1px solid #dadada;border-right:1px solid #dadada;padding: 7px 15px;text-align:left;line-height:140%;font-size:13px;} .about-section .contactus table th{background:#222941;color:#FFF;} .about-section .contactus table th.icon1{background:#222941 url(/images/sub/about_img_61.gif) 10px 10px no-repeat;padding-left:40px;background-size: auto 25px;} .about-section .contactus table th.icon2{background:#222941 url(/images/sub/about_img_62.gif) 10px 5px no-repeat;padding-left:40px;background-size: auto 25px;} .about-section .contactus table th.icon3{background:#222941 url(/images/sub/about_img_63.gif) 10px 5px no-repeat;padding-left:40px;background-size: auto 25px;} .about-section .contactus table th.icon4{background:#222941 url(/images/sub/about_img_64.gif) 10px 5px no-repeat;padding-left:40px;background-size: auto 25px;} .about-section .contactus table td{} .about-section .contactus .map{margin-bottom:20px;} .bott_btn{text-align:center;padding-top:15px;} .complete_topTxt{Xfont-size:24px;font-weight:bold;color:#222;text-align:center;margin-bottom:30px;border:1px solid #ddd;padding:25px; font-size:130%;} /** 업무제휴 **/ #partner{} #partner .topTxt{line-height:30px;font-size:26px;color:#222;letter-spacing:-1px;margin-bottom:25px;padding-top:10px;font-weight:bold;text-align:center;line-height:140%;} #partner .conts{clear:both;overflow:hidden;margin-bottom:10px;} #partner .conts li{} #partner .conts li dl .img img{width:100%;} #partner .conts li dl dt{line-height:30px;font-size:22px;color:#222;letter-spacing:-1px;margin-bottom:10px;font-weight:;} #partner .conts li dl dd{line-height:180%;margin-bottom:25px;} #partner .conts li dl dd.txt{} #partner .conts li dl dd.inquiry{display:none;} #partner .conts li dl dd.inquiry label{display:block;font-weight:bold;color:#222;font-size:14px;text-decoration:underline;margin-bottom:10px;} .inquiry{background:#f8f8f8;clear:both;overflow:hidden;margin-bottom:20px;} .inquiry h3 img{width:100%;} .inquiry ul{padding: 8px 25px 20px 25px;border:1px solid #eee;} .inquiry UL li{line-height:180%;} .inquiry UL LI label{color:#464f6e;} .live_counseling{width:176px;height:123px;background:#313a44;margin-left:8px;color:#FFF;} .live_counseling h3{padding:7px 18px 6px 18px;font-weight:bold;border-bottom:1px solid #3e4753;margin-bottom:8px;} .live_counseling table{width:150px;margin-left:8px;} .live_counseling table tr th{font-size:12px;color:#a0a0a0;} .live_counseling table tr td{font-size:12px;} #counsel .img{width:100%;} #counsel .bott_btn img{width:150px;margin:-10px 0 10px 0;} /** 기업고객 **/ #company{} #company img{width:100%;overflow:hidden;} #company .btn1 li{float:left;width:50%;} #company_c{} #company_c img{width:100%;} #company_c .conts{padding-bottom:30px;} /* * * * * * * * * * * * * * * * * * * * * * * * * * * * 메인,상담분야 변호사목록(공용) 2017-09-14 * * * * * * * * * * * * * * * * * * * * * * * * * * */ #wrap.mobile-v3 DIV.main_container DIV.content-lawyer { padding: 0 2.5%; } #wrap.mobile-v3 DIV.sub_container DIV.content-lawyer { padding-left: 2.5%; padding-right: 2.5%; } #wrap.mobile-v3 DIV.content-lawyer #alllawvis_wrap DIV.box-tab { /*탭메뉴 상담분야*/ margin: 5% 0 0; border-bottom: 1px solid #dedede; } #wrap.mobile-v3 DIV.content-lawyer #alllawvis_wrap DIV.box-tab UL { margin: 0; padding: 0; overflow: hidden; Xborder-left: 1px solid #dedede; margin-bottom: -1px; } #wrap.mobile-v3 DIV.content-lawyer #alllawvis_wrap DIV.box-tab UL LI { list-style: none; float: left; width: 16.66%; border-top: 1px solid #dedede; } #wrap.mobile-v3 DIV.content-lawyer #alllawvis_wrap DIV.box-tab UL li:first-child { width: 16.70%; } #wrap.mobile-v3 DIV.content-lawyer #alllawvis_wrap DIV.box-tab UL LI a { position: relative; display: block; color: #111; font-size: 125%; font-weight: 400; text-align: center; padding: .8em 0; text-decoration: none; } #wrap.mobile-v3 DIV.content-lawyer #alllawvis_wrap DIV.box-tab UL LI:first-child A { border-left: 1px solid #d7d7d7; } #wrap.mobile-v3 DIV.content-lawyer #alllawvis_wrap DIV.box-tab UL LI:last-child A { border-right: 1px solid #d7d7d7; } #wrap.mobile-v3 DIV.content-lawyer #alllawvis_wrap DIV.box-tab UL LI.list-on A { color: #b4975a; } #wrap.mobile-v3 DIV.content-lawyer #alllawvis_wrap DIV.box-tab UL LI:nth-child(n+2) A:before { content: ""; position: absolute; left: 0; top: 30%; display: block; width: 1px; height: 40%; background-color: #dedede; } #wrap.mobile-v3 DIV.content-lawyer #alllawvis_wrap DIV.box-tab UL LI A SPAN { color: inherit; font-size: inherit; font-weight: inherit; } #wrap.mobile-v3 DIV.content-lawyer #alllawvis_wrap DIV.box-tab UL LI.list-on A SPAN:after { content: ""; position: absolute; left: 0; bottom: 0; display: block; width: 100%; height: .2em; background-color: #b4975a; } #wrap.mobile-v3 DIV.content-lawyer #alllawvis_wrap DIV.list { } #wrap.mobile-v3 DIV.content-lawyer #alllawvis_wrap DIV.list UL LI { margin: 5% 0 0; background-color: transparent; border: 1px solid #e6e6e6; } #wrap.mobile-v3 DIV.content-lawyer #alllawvis_wrap DIV.list UL LI.list-loading, #wrap.mobile-v3 DIV.main_container DIV.content-review DIV.box-list UL LI.list-loading { padding: 25% 0 5%; background: transparent url(/mobile/images/common/logo.gif) no-repeat center 2%; text-align: center; font-size: 140%; color: #ccc; } #wrap.mobile-v3 DIV.content-lawyer #alllawvis_wrap DIV.list UL LI a.lawyer-img, #wrap.mobile-v3 DIV.content-lawyer #alllawvis_wrap DIV.list UL LI a.lawyer-img IMG { display: block; width: 100%; } #wrap.mobile-v3 DIV.content-lawyer #alllawvis_wrap DIV.list UL LI A.lawyer-img H6 { font-size: 140%; font-weight: 700; color: #111; text-align: center; padding: 5% 0; } #wrap.mobile-v3 DIV.content-lawyer #alllawvis_wrap DIV.list UL LI A.lawyer-img H6 STRONG { color: #b4975a; font-weight: inherit; font-size: inherit; } #wrap.mobile-v3 DIV.content-lawyer #alllawvis_wrap DIV.list UL LI P.btn { height: auto; border-top: 1px solid #e6e6e6; padding: 8% 0; } #wrap.mobile-v3 DIV.content-lawyer DIV.lawvis_detail_new { /*상세보기*/ margin-left: -2.5%; margin-right: -2.5%; } #wrap.mobile-v3 DIV.content-lawyer DIV.lawvis_detail_new DIV.detail_btn { padding: 8% 0; } #wrap.mobile-v3 DIV.content-lawyer #alllawvis_wrap DIV.list UL LI P.btn A, #wrap.mobile-v3 DIV.content-lawyer DIV.lawvis_detail_new DIV.detail_btn A { color: #fff; padding: 3% 10%; font-size: 140%; font-weight: 700; } #wrap.mobile-v3 DIV.content-lawyer #alllawvis_wrap DIV.list UL LI P.btn A.btn-detail, #wrap.mobile-v3 DIV.content-lawyer DIV.lawvis_detail_new DIV.detail_btn A.btn-list { background-color: #555550; margin-right: 1%; } #wrap.mobile-v3 DIV.content-lawyer #alllawvis_wrap DIV.list UL LI P.btn A.btn-call, #wrap.mobile-v3 DIV.content-lawyer DIV.lawvis_detail_new DIV.detail_btn A.btn-call { background-color: #b4975a; margin-left: 1%; } #wrap.mobile-v3 DIV.content-lawyer #alllawvis_wrap DIV.list UL LI P.btn A SPAN, #wrap.mobile-v3 DIV.content-lawyer DIV.lawvis_detail_new DIV.detail_btn A SPAN { color: inherit; font-size: inherit; font-weight: inherit; } #wrap.mobile-v3 DIV.content-lawyer #alllawvis_wrap DIV.box-btn-more { /*더보기*/ margin-top: 5%; margin-top: 10%; text-align: center; } #wrap.mobile-v3 DIV.content-lawyer #alllawvis_wrap DIV.box-btn-more A, #wrap.mobile-v3 DIV.main_container DIV.content-review DIV.box-btn-more A { color: #111; font-size: 130%; font-weight: 700; text-align: center; border: 1px solid #282828; padding: 3% 7%; padding-right: 15%; } #wrap.mobile-v3 DIV.content-lawyer #alllawvis_wrap DIV.box-btn-more A SPAN, #wrap.mobile-v3 DIV.main_container DIV.content-review DIV.box-btn-more A SPAN { position: relative; color: inherit; font-size: inherit; font-weight: inherit; } #wrap.mobile-v3 DIV.content-lawyer #alllawvis_wrap DIV.box-btn-more A SPAN:after, #wrap.mobile-v3 DIV.main_container DIV.content-review DIV.box-btn-more A SPAN:after { content: "〉"; position: absolute; right: -1em; top: -.1em; transform: rotate(90deg); font-size: 150%; font-weight: inherit; line-height: 1; } #wrap.mobile-v3 DIV.sub_container DIV.content-lawyer #alllawvis_wrap DIV.list UL LI DIV.thum { padding: 0; } /* * * * * * * * * * * * * * * * * * * * * * * * * * * * 메인 상담후기 2017-09-15 * * * * * * * * * * * * * * * * * * * * * * * * * * */ #wrap.mobile-v3 DIV.main_container DIV.content-review { padding: 0 2.5% 4%; margin-top: 7%; } #wrap.mobile-v3 DIV.main_container DIV.content-review H2.review-title { color: #111; font-size: 320%; font-weight: 700; text-align: center; } #wrap.mobile-v3 DIV.main_container DIV.content-review P.review-comment { color: #444; font-size: 130%; text-align: center; margin-top: 3%; padding-bottom: 10%; border-bottom: 1px solid #e6e6e6; } #wrap.mobile-v3 DIV.main_container DIV.content-review P.review-comment SPAN { display: block; color: inherit; font-size: inherit; line-height: 1.5; } #wrap.mobile-v3 DIV.main_container DIV.content-review DIV.box-list UL LI { text-align: center; } #wrap.mobile-v3 DIV.main_container DIV.content-review DIV.box-list UL LI DIV.img-lawyer { display: inline-block; width: 11.87em; height: 11.87em; overflow: hidden; border-radius: 50%; background-color: #f4f4f4; margin-top: 12%; } #wrap.mobile-v3 DIV.main_container DIV.content-review DIV.box-list UL LI DIV.img-lawyer IMG { width: 100%; } #wrap.mobile-v3 DIV.main_container DIV.content-review DIV.box-list UL LI ARTICLE.review-consult { margin-top: 5%; padding-bottom: 10%; border-bottom: 1px solid #e6e6e6; } #wrap.mobile-v3 DIV.main_container DIV.content-review DIV.box-list UL LI ARTICLE.review-consult H3 { color: #111; font-size: 240%; font-weight: 700; letter-spacing: -.02em; } #wrap.mobile-v3 DIV.main_container DIV.content-review DIV.box-list UL LI ARTICLE.review-consult H3 SPAN { color: inherit; font-size: inherit; font-weight: inherit; display: block; line-height: 1.2; } #wrap.mobile-v3 DIV.main_container DIV.content-review DIV.box-list UL LI ARTICLE.review-consult P { color: #444; font-size: 140%; letter-spacing: -.04em; margin-top: 5%; } #wrap.mobile-v3 DIV.main_container DIV.content-review DIV.box-list UL LI ARTICLE.review-consult P SPAN { color: inherit; font-size: inherit; display: block; line-height: 1.4; } #wrap.mobile-v3 DIV.main_container DIV.content-review DIV.box-list UL LI ARTICLE.review-consult EM { margin-top: 8%; display: block; font-style: normal; color: #888; font-size: 110%; letter-spacing: -.06em; } #wrap.mobile-v3 DIV.main_container DIV.content-review DIV.box-list UL LI ARTICLE.review-consult EM Q { margin: 0 2%; } #wrap.mobile-v3 DIV.main_container DIV.content-review DIV.box-list UL LI ARTICLE.review-consult EM Q:before, #wrap.mobile-v3 DIV.main_container DIV.content-review DIV.box-list UL LI ARTICLE.review-consult EM Q:after { content: ""; } #wrap.mobile-v3 DIV.main_container DIV.content-review DIV.box-btn-more { /*상담후기 더보기*/ margin-top: 12%; text-align: center; } /* 메인배너들 */ #wrap.mobile-v3 DIV.main_container DIV.contents.content-banner1 { position: relative; background: transparent url(/mobile/images/main/banner1_bg.jpg) no-repeat 0 bottom; background-size: contain; padding: 71.5% 0; text-align: center; font-size: 100%; } #wrap.mobile-v3 DIV.main_container DIV.contents H2.banner-title { position: absolute; top: 0; left: 0; right: 0; margin-top: 22%; color: #111; font-size: 250%; font-weight: 300; text-align: center; letter-spacing: -.06em; } #wrap.mobile-v3 DIV.main_container DIV.contents H2.banner-title:before { content: ""; position: absolute; top: -.8em; left: 50%; margin-left: -.7em; display: block; width: 1.4em; height: .08em; background-color: #000; } #wrap.mobile-v3 DIV.main_container DIV.contents H2.banner-title SPAN { display: block; color: inherit; font-size: inherit; font-weight: inherit; line-height: 1.4; } #wrap.mobile-v3 DIV.main_container DIV.contents H2.banner-title SPAN STRONG { font-weight: 700; } #wrap.mobile-v3 DIV.main_container DIV.contents A.btn-goto-consult { position: absolute; top: 0; left: 0; right: 0; width: 48.28%; margin: 51% auto 0; } #wrap.mobile-v3 DIV.main_container DIV.contents A.btn-goto-consult SPAN { } #wrap.mobile-v3 DIV.main_container DIV.contents DIV.subject-lawyer { position: absolute; bottom: 1em; right: 1em; left: 0; } #wrap.mobile-v3 DIV.main_container DIV.contents DIV.subject-lawyer EM { color: #fff; font-size: 75%; font-weight: 400; font-style: normal; letter-spacing: -.02em; line-height: 1.2; position: absolute; bottom: 0; right: 1%; margin-right: 18%; margin-bottom: 1%; text-align: right; } #wrap.mobile-v3 DIV.main_container DIV.contents DIV.subject-lawyer STRONG { color: transparent; font-size: 100%; display: block; position: absolute; bottom: 0; right: 1%; background: transparent none no-repeat; background-size: contain; } #wrap.mobile-v3 DIV.main_container DIV.contents.content-banner1 DIV.subject-lawyer STRONG { width: 14.68%; height: 2em; background-image: url(/mobile/images/main/content_lawyer_lhg_name.png); } #wrap.mobile-v3 DIV.main_container DIV.contents.content-banner2 { background-color: #2d2e2e; color: #fff; text-align: center; padding: 8% 0 10%; background: transparent url(/mobile/images/main/banner2_bg.jpg) no-repeat; background-size: 100% auto; margin-top: 3.9%; } #wrap.mobile-v3 DIV.main_container DIV.contents.content-banner2 H2, #wrap.mobile-v3 DIV.main_container DIV.contents.content-banner2 H3 { color: inherit; text-align: center; } #wrap.mobile-v3 DIV.main_container DIV.contents.content-banner2 H2 { font-size: 290%; font-weight: 700; } #wrap.mobile-v3 DIV.main_container DIV.contents.content-banner2 H3 { font-size: 240%; font-weight: 400; padding-top: 25%; background: transparent url(/mobile/images/main/banner2_icon_call.png) no-repeat center 30%; background-size: 19.84% auto; } #wrap.mobile-v3 DIV.main_container DIV.contents.content-banner2 P { text-align: center; font-size: 130%; color: inherit; margin-top: 4%; } #wrap.mobile-v3 DIV.main_container DIV.contents.content-banner2 P SPAN { display: block; line-height: 1.3; } #wrap.mobile-v3 DIV.main_container DIV.contents.content-banner2 A.btn-call-laywer { display: block; width: 42.03%; margin: 6% auto 0; } #wrap.mobile-v3 DIV.main_container DIV.contents.content-banner3 { position: relative; background: transparent url(/mobile/images/main/banner3_bg.jpg) no-repeat 0 bottom; background-size: contain; padding: 71.5% 0; text-align: center; font-size: 100%; margin-top: 8%; } #wrap.mobile-v3 DIV.main_container DIV.contents.content-banner3 DIV.subject-lawyer STRONG { width: 12.5%; height: 2em; background-image: url(/mobile/images/main/content_lawyer_yjh_name.png); } #wrap.mobile-v3 DIV.main_container DIV.contents.content-banner3 DIV.subject-lawyer EM { margin-right: 16%; margin-bottom: 1%; } #wrap.mobile-v3 DIV.main_container DIV.contents.content-banner4 { padding: 0; margin-top: 3.9%; text-align: center; } #wrap.mobile-v3 DIV.main_container DIV.contents ARTICLE.box-banner { background: #42403f none no-repeat 0 0; background-size: cover; color: #fff; padding: 20% 0 10%; } #wrap.mobile-v3 DIV.main_container DIV.contents.content-banner4 ARTICLE.box-banner { background-image: url(/mobile/images/main/banner4_box_bg.jpg); } #wrap.mobile-v3 DIV.main_container DIV.contents ARTICLE.box-banner H2 { position: relative; color: inherit; font-size: 320%; font-weight: 700; } #wrap.mobile-v3 DIV.main_container DIV.contents ARTICLE.box-banner H2:before { content: ""; position: absolute; top: -.7em; left: 50%; margin-left: -.6em; display: block; width: 1.2em; height: .05em; background-color: #fff; } #wrap.mobile-v3 DIV.main_container DIV.contents ARTICLE.box-banner P { color: inherit; font-size: 130%; margin-top: 3%; } #wrap.mobile-v3 DIV.main_container DIV.contents.content-banner4 UL.note-list { } #wrap.mobile-v3 DIV.main_container DIV.contents.content-banner4 UL.note-list LI { position: relative; display: block; margin-top: 5%; padding-top: 30%; color: #111; font-size: 190%; font-weight: 300; background-repeat: no-repeat; background-position: center 20%; background-size: 17.18% auto; } #wrap.mobile-v3 DIV.main_container DIV.contents.content-banner4 UL.note-list LI.list-note1 { background-image: url(/mobile/images/main/banner4_note_icon1.png); } #wrap.mobile-v3 DIV.main_container DIV.contents.content-banner4 UL.note-list LI.list-note2 { background-image: url(/mobile/images/main/banner4_note_icon2.png); } #wrap.mobile-v3 DIV.main_container DIV.contents.content-banner4 UL.note-list LI.list-note3 { background-image: url(/mobile/images/main/banner4_note_icon3.png); } #wrap.mobile-v3 DIV.main_container DIV.contents.content-banner4 UL.note-list LI.list-note4 { background-image: url(/mobile/images/main/banner4_note_icon4.png); } #wrap.mobile-v3 DIV.main_container DIV.contents.content-banner4 UL.note-list LI.list-note5 { background-image: url(/mobile/images/main/banner4_note_icon5.png); } #wrap.mobile-v3 DIV.main_container DIV.contents.content-banner4 UL.note-list LI.list-note6 { background-image: url(/mobile/images/main/banner4_note_icon6.png); } #wrap.mobile-v3 DIV.main_container DIV.contents.content-banner4 UL.note-list LI:before { content: ""; position: absolute; top: 57%; left: 50%; margin-left: -.8em; width: 1.6em; height: .06em; display: block; background-color: #000; } #wrap.mobile-v3 DIV.main_container DIV.contents.content-banner4 UL.note-list LI SPAN { display: block; color: inherit; font-size: inherit; line-height: 1.3; } #wrap.mobile-v3 DIV.main_container DIV.contents.content-banner4 UL.note-list LI SPAN STRONG { font-weight: 700; } #wrap.mobile-v3 DIV.main_container DIV.contents.content-banner4 A.btn-goto-consult { position: relative; margin-top: 12%; } #wrap.mobile-v3 DIV.main_container DIV.contents.content-banner5 { padding: 0; margin-top: 15%; text-align: center; } #wrap.mobile-v3 DIV.main_container DIV.contents.content-banner5 ARTICLE.box-banner { padding: 18% 0 12%; background-image: url(/mobile/images/main/banner5_box_bg.jpg); } #wrap.mobile-v3 DIV.main_container DIV.contents.content-banner5 ARTICLE.box-banner H2 { font-size: 230%; letter-spacing: -.03em; } #wrap.mobile-v3 DIV.main_container DIV.contents.content-banner5 ARTICLE.box-banner P { font-size: 140%; } #wrap.mobile-v3 DIV.main_container DIV.contents.content-banner5 ARTICLE.box-banner P SPAN { display: block; color: inherit; line-height: 1.5; } #wrap.mobile-v3 DIV.main_container DIV.contents.content-banner5 BLOCKQUOTE { display: block; margin-top: 4%; text-align: center; color: #111; font-size: 140%; font-weight: 300; } #wrap.mobile-v3 DIV.main_container DIV.contents.content-banner5 BLOCKQUOTE SPAN { display: block; line-height: 1.4; color: inherit; font-size: inherit; font-weight: inherit; letter-spacing: -.04em; } #wrap.mobile-v3 DIV.main_container DIV.contents.content-banner5 BLOCKQUOTE SPAN STRONG { color: inherit; font-weight: 700; } #wrap.mobile-v3 DIV.main_container DIV.contents.content-banner5 DL.consult-call-list { display: block; background-color: #f2f2f2; margin: 5% 2.5% 0; overflow: hidden; } #wrap.mobile-v3 DIV.main_container DIV.contents.content-banner5 DL.consult-call-list DT { float: left; width: 31.90%; padding: 15.7% 0; padding-top: 14.7%; color: transparent; position: relative; background: transparent url(/mobile/images/main/banner5_icon_call.png) no-repeat 66.8% center; background-size: 39.89% auto; } #wrap.mobile-v3 DIV.main_container DIV.contents.content-banner5 DL.consult-call-list DT:after { content: ""; position: absolute; right: 0; top: 27.58%; top: 25.58%; display: block; width: 1px; height: 55.17%; background-color: #dedede; background-color: rgba(41, 41, 41, .1); } #wrap.mobile-v3 DIV.main_container DIV.contents.content-banner5 DL.consult-call-list DD { float: left; width: 62.1%; padding: 8% 0 0 5%; } #wrap.mobile-v3 DIV.main_container DIV.contents.content-banner5 DL.consult-call-list DD OL { } #wrap.mobile-v3 DIV.main_container DIV.contents.content-banner5 DL.consult-call-list DD OL LI { text-align: left; padding: .5em 0; font-weight: 400; color: #111; } #wrap.mobile-v3 DIV.main_container DIV.contents.content-banner5 DL.consult-call-list DD OL LI EM { background-color: #b4975a; color: #fff; font-size: 90%; padding: .5em .3em; border-radius: 50%; margin-right: 1%; } #wrap.mobile-v3 DIV.main_container DIV.contents.content-banner5 DL.consult-call-list DD OL LI SPAN { color: inherit; font-size: 110%; } #wrap.mobile-v3 DIV.main_container DIV.contents.content-banner5 DL.consult-call-list DD OL LI SUB { display: block; color: inherit; margin-left: 13%; margin-top: 1%; font-size: 90%; letter-spacing: -.02em; } #wrap.mobile-v3 DIV.main_container DIV.contents.content-awards { padding: 13% 2.5% 10%; margin: 18% 0 0; background-color: #f2f2f2; } #wrap.mobile-v3 DIV.main_container DIV.contents.content-awards H2 { position: relative; color: #111; font-size: 200%; text-align: center; } #wrap.mobile-v3 DIV.main_container DIV.contents.content-awards H2:before { content: ""; position: absolute; top: 0; left: 50%; margin-top: -5%; margin-left: -.7em; width: 1.4em; height: .05em; display: block; background-color: #b4975a; } #wrap.mobile-v3 DIV.main_container DIV.contents.content-awards UL.awards-list { overflow: hidden; } #wrap.mobile-v3 DIV.main_container DIV.contents.content-awards UL.awards-list LI { position: relative; display: block; float: left; width: 50%; text-align: center; padding-top: 30%; margin-top: 8%; background-repeat: no-repeat; background-position: center 0; background-size: 56.66% auto; font-size: 110%; color: #212121; } #wrap.mobile-v3 DIV.main_container DIV.contents.content-awards UL.awards-list LI.list-awards1 { background-image: url(/mobile/images/main/icon_awards_mark1.png); } #wrap.mobile-v3 DIV.main_container DIV.contents.content-awards UL.awards-list LI.list-awards2 { background-image: url(/mobile/images/main/icon_awards_mark2.png); } #wrap.mobile-v3 DIV.main_container DIV.contents.content-awards UL.awards-list LI.list-awards3 { clear: left; background-image: url(/mobile/images/main/icon_awards_mark3.png); } #wrap.mobile-v3 DIV.main_container DIV.contents.content-awards UL.awards-list LI.list-awards4 { background-image: url(/mobile/images/main/icon_awards_mark4.png); } #wrap.mobile-v3 DIV.main_container DIV.contents.content-awards UL.awards-list LI.list-awards2:before, #wrap.mobile-v3 DIV.main_container DIV.contents.content-awards UL.awards-list LI.list-awards4:before { content: ""; position: absolute; left: 0; bottom: 1%; display: block; width: 1px; height: 87.72%; background-color: #e2e2e2; background-color: rgba(202, 202, 202, .4); } #wrap.mobile-v3 DIV.main_container DIV.contents.content-awards UL.awards-list LI H3, #wrap.mobile-v3 DIV.main_container DIV.contents.content-awards UL.awards-list LI P { color: inherit; font-size: inherit; } #wrap.mobile-v3 DIV.main_container DIV.contents.content-awards UL.awards-list LI H3 { margin-top: 2%; line-height: 1; } #wrap.mobile-v3 DIV.main_container DIV.contents.content-banner6 { position: relative; background: transparent url(/mobile/images/main/banner6_bg.jpg) no-repeat 0 bottom; background-size: contain; padding: 71.5% 0; text-align: center; font-size: 100%; margin-top: 4.9%; } #wrap.mobile-v3 DIV.main_container DIV.contents.content-banner6 P { position: absolute; top: 0; left: 0; right: 0; margin-top: 13%; color: #111; font-size: 170%; text-align: center; letter-spacing: -.03em; } #wrap.mobile-v3 DIV.main_container DIV.contents.content-banner6 H2.banner-title { margin-top: 22%; } #wrap.mobile-v3 DIV.main_container DIV.contents.content-banner6 H2.banner-title:before { content: none; } #wrap.mobile-v3 DIV.main_container DIV.contents.content-banner6 DIV.subject-lawyer STRONG { width: 15.7%; height: 2em; /* background-image: url(/mobile/images/main/content_lawyer_jjm_name_black.png);*/ background-image: url(/mobile/images/main/content_lawyer_jjm_name.png); } #wrap.mobile-v3 DIV.main_container DIV.contents.content-banner6 DIV.subject-lawyer EM { color: #111; margin-right: 19%; margin-bottom: 1%; } #wrap.mobile-v3 DIV.main_container DIV.contents.content-use-way { padding: 0 2.5%; } #wrap.mobile-v3 DIV.main_container DIV.contents.content-use-way H2.use-way-title { text-align: center; font-size: 280%; letter-spacing: -.06em; color: #111; margin-top: 5%; } #wrap.mobile-v3 DIV.main_container DIV.contents.content-use-way P.use-way-note { text-align: center; color: #444; font-size: 90%; letter-spacing: -.02em; margin-top: 2%; } #wrap.mobile-v3 DIV.main_container DIV.contents.content-use-way P.use-way-note SPAN { display: block; color: inherit; font-size: inherit; line-height: 1.4; } #wrap.mobile-v3 DIV.main_container DIV.contents.content-use-way DIV H3.step-subject { } #wrap.mobile-v3 DIV.main_container DIV.contents.content-use-way DIV H3.step-subject EM { color: #111; font-size: 110%; font-family: "Century Gothic", arial, gulim; margin-right: 3%; letter-spacing: -.01em; } #wrap.mobile-v3 DIV.main_container DIV.contents.content-use-way DIV H3.step-subject STRONG { color: #222941; font-size: 130%; font-weight: 400; letter-spacing: -.02em; } #wrap.mobile-v3 DIV.main_container DIV.contents.content-use-way DIV P.step-comment { color: #444; font-size: 90%; letter-spacing: -.02em; margin-top: 3%; } #wrap.mobile-v3 DIV.main_container DIV.contents.content-use-way DIV P.step-comment SPAN { display: block; line-height: 1.4; } #wrap.mobile-v3 DIV.main_container DIV.contents.content-use-way DIV.box-way-step1 { margin-top: 7%; border: 1px solid #e6e6e6; padding: 6% 0 6% 30.85%; background: transparent url(/mobile/images/main/banner5_icon_call.png) no-repeat 11% 38%; background-size: 12.04% auto; } #wrap.mobile-v3 DIV.main_container DIV.contents.content-use-way DIV.box-way-step1 A { color: #b4975a; font-size: 220%; font-weight: 700; font-family: "Century Gothic", arial, gulim; margin-top: 3%; } #wrap.mobile-v3 DIV.main_container DIV.contents.content-use-way DIV.box-way-step1 A SPAN { color: inherit; font-size: inherit; font-weight: inherit; } #wrap.mobile-v3 DIV.main_container DIV.contents.content-use-way DIV.box-way-step2 { position: relative; margin-top: 2.5%; border: 1px solid #e6e6e6; padding: 6% 0 24% 30.85%; background: transparent url(/mobile/images/main/banner_footer_icon_headcall.png) no-repeat 9% 25%; background-size: 15.18% auto; } #wrap.mobile-v3 DIV.main_container DIV.contents.content-use-way DIV.box-way-step2 DL.way-step2-list { position: absolute; left: 0; right: 0; bottom: 0; overflow: hidden; background-color: #f2f2f2; } #wrap.mobile-v3 DIV.main_container DIV.contents.content-use-way DIV.box-way-step2 DL.way-step2-list DT, #wrap.mobile-v3 DIV.main_container DIV.contents.content-use-way DIV.box-way-step2 DL.way-step2-list DD { float: left; } #wrap.mobile-v3 DIV.main_container DIV.contents.content-use-way DIV.box-way-step2 DL.way-step2-list DT { width: 30.85%; color: #4f4f4f; font-size: 80%; letter-spacing: -.02em; padding: 6% 0; text-align: center; } #wrap.mobile-v3 DIV.main_container DIV.contents.content-use-way DIV.box-way-step2 DL.way-step2-list DT SPAN { display: block; line-height: 1.2; } #wrap.mobile-v3 DIV.main_container DIV.contents.content-use-way DIV.box-way-step2 DL.way-step2-list DD { width: 69.15%; padding-top: 6%; } #wrap.mobile-v3 DIV.main_container DIV.contents.content-use-way DIV.box-way-step2 DL.way-step2-list DD OL { overflow: hidden; margin-left: -.2em; } #wrap.mobile-v3 DIV.main_container DIV.contents.content-use-way DIV.box-way-step2 DL.way-step2-list DD OL LI { overflow: hidden; float: left; padding-left: .2em; } #wrap.mobile-v3 DIV.main_container DIV.contents.content-use-way DIV.box-way-step2 DL.way-step2-list DD OL LI:first-child { width: 41.42%; } #wrap.mobile-v3 DIV.main_container DIV.contents.content-use-way DIV.box-way-step2 DL.way-step2-list DD OL LI EM { display: block; float: left; Xpadding: .5em .3em; padding: .2em .2em .3em .1em; background-color: #282828; border-radius: .5em; color: #f2f2f2; font-weight: 700; Xfont-size: 110%; font-size: 95%; } #wrap.mobile-v3 DIV.main_container DIV.contents.content-use-way DIV.box-way-step2 DL.way-step2-list DD OL LI P { float: left; color: #4d4d4d; font-size: 75%; padding-top: .1em; padding-left: .3em; } #wrap.mobile-v3 DIV.main_container DIV.contents.content-use-way DIV.box-way-step2 DL.way-step2-list DD OL LI P SPAN { display: block; color: inherit; font-size: inherit; letter-spacing: -.04em; line-height: 1.2; } #wrap.mobile-v3 DIV.main_container DIV.contents.content-use-way DIV.box-way-step2 DL.way-step2-list DD OL LI P SUB { display: block; color: #6e6e6e; font-size: 95%; letter-spacing: -.04em; line-height: 1.4; } #wrap.mobile-v3 DIV.main_container DIV.contents.content-use-way DIV.box-way-step3 { margin-top: 2.5%; border: 1px solid #e6e6e6; padding: 6% 0 6% 30.85%; background: transparent url(/mobile/images/main/useway_icon_lawyers.png) no-repeat 10% 47%; background-size: 14.19% auto; } #wrap.mobile-v3 DIV.main_container DIV.contents A.btn-type1, #wrap.mobile-v3 DIV.main_container DIV.contents A.btn-type2, #wrap.mobile-v3 DIV.main_container DIV.contents A.btn-type3 { display: inline-block; text-align: center; border: 1px solid; padding: 3% 0; font-size: 120%; font-weight: 700; background-color: transparent; } #wrap.mobile-v3 DIV.main_container DIV.contents A.btn-type1 { border-color: #111; color: #111; } #wrap.mobile-v3 DIV.main_container DIV.contents A.btn-type2 { border-color: #fff; color: #fff; } #wrap.mobile-v3 DIV.main_container DIV.contents A.btn-type3 { border-color: #292929; background-color: #292929; color: #fff; } #wrap.mobile-v3 DIV.main_container DIV.banner-footer { /*하단부 배너 아이콘메뉴*/ margin: 2.5% 0 10%; background-color: #f2f2f2; padding: 3% 0; } #wrap.mobile-v3 DIV.main_container DIV.banner-footer UL.footer-menu-list { overflow: hidden; margin: 0 4%; } #wrap.mobile-v3 DIV.main_container DIV.banner-footer UL.footer-menu-list LI { float: left; width: 32%; background-color: #fff; } #wrap.mobile-v3 DIV.main_container DIV.banner-footer UL.footer-menu-list LI.list-visit, #wrap.mobile-v3 DIV.main_container DIV.banner-footer UL.footer-menu-list LI.list-free { margin-left: 2%; } #wrap.mobile-v3 DIV.main_container DIV.banner-footer UL.footer-menu-list LI A { display: block; text-align: center; padding: 65% 0 20%; color: #111; font-size: 130%; font-weight: 700; background: transparent none no-repeat center 30%; } #wrap.mobile-v3 DIV.main_container DIV.banner-footer UL.footer-menu-list LI.list-tel A { background-image: url(/mobile/images/main/banner_footer_icon_telephone.png); background-size: 33.68% auto; } #wrap.mobile-v3 DIV.main_container DIV.banner-footer UL.footer-menu-list LI.list-visit A { background-image: url(/mobile/images/main/banner4_note_icon2.png); background-size: 41.27% auto; } #wrap.mobile-v3 DIV.main_container DIV.banner-footer UL.footer-menu-list LI.list-free A { background-image: url(/mobile/images/main/banner_footer_icon_headcall.png); background-size: 38.96% auto; } #wrap.mobile-v3 DIV.main_container DIV.banner-footer UL.footer-menu-list LI A SPAN { color: inherit; font-size: inherit; font-weight: inherit; } /* 작은해상도용 */ @media screen and (max-width: 340px) { #wrap.mobile-v3 DIV.main_container { font-size:80%; } } @media screen and (min-width: 768px) { #wrap.mobile-v3 DIV.main_container { Xfont-size:200%; } } #wrap.mobile-v3 DIV.main_container DIV.contents.content-banner7 { background-color: #2d2e2e; color: #fff; text-align: center; padding: 2% 0 9%; background: transparent url(/mobile/images/main/event_banner_3.png) no-repeat; background-size: 100% auto; margin-top: 0%; } /* Restored from mobile/css/common.css */ /* title */ .h3S1{font-size:17.5px;font-weight:bold;color:#161616;margin-bottom:10px;} .h3S1 .sTxt{font-size:13px;color:#888;font-weight:normal;padding-left:15px;} /* button (a) */ .bottomBtn{text-align:center;clear:both;overflow:hidden;} .bottomBtn .conLe{float:left;margin-bottom:30px;} .bottomBtn .conRi{float:right;} a.btnS11a{height:23px;line-height:22px;background:#c43535;padding: 0 12px;color:#FFF;display:inline-block;font-size:12px;} a.btnS21a{min-width:50.5px;height:35px;line-height:35px;padding: 2px 20px 0 20px;font-weight:bold;font-size:15px;color:#FFF;background:#e14c03;text-align:center;display:inline-block;border-radius: 3px;vertical-align:middle;} a.btnS21a:hover{text-decoration:none;} a.btnS22a{min-width:50.5px;height:35px;line-height:35px;padding: 2px 20px 0 20px;font-weight:bold;font-size:15px;color:#FFF;background:#707070;text-align:center;display:inline-block;border-radius: 3px;vertical-align:middle;} a.btnS22a:hover{text-decoration:none;} a.btnS41a{height:29.5px;line-height:30px;font-weight:bold;font-size:12px;color:#FFF;background:#707070;text-align:center;display:inline-block;border-radius: 3px;} a.btnS41a:hover{text-decoration:none;} /* button (input) */ .btnS11{height:23px;line-height:22px;background:#c43535;padding: 0 12px;color:#FFF;display:inline-block;font-size:12px;} .btnS21{min-width:50.5px;height:36px;padding: 0 15px 0 15px;font-weight:bold;font-size:15px;color:#FFF;background:#e14c03;text-align:center;cursor:pointer;border-radius: 3px;vertical-align:middle;font-family: "NanumBarunGothic", "Nanum Gothic","굴림",Gulim,Helvetica,AppleGothic,Sans-serif;} .btnS22{min-width:50.5px;height:36px;padding: 0 15px 0 15px;font-weight:bold;font-size:15px;color:#FFF;background:#707070;text-align:center;cursor:pointer;border-radius: 3px;vertical-align:middle;font-family: "NanumBarunGothic", "Nanum Gothic","굴림",Gulim,Helvetica,AppleGothic,Sans-serif;} .btnS31{height:30px;border: 1px solid #a8a8a8;border-radius: 3px;background:#FFF;padding: 0 12px 3px 12px;font-size:12px;color:#333;letter-spacing:-1px;cursor:pointer;font-family: "NanumBarunGothic", "Nanum Gothic","굴림",Gulim,Helvetica,AppleGothic,Sans-serif;} .btnS41{height:29.5px;padding: 0 15px 2px 15px; font-weight:bold;font-size:12px;color:#FFF;background:#707070;text-align:center;display:inline-block;border-radius: 3px;font-family: "NanumBarunGothic", "Nanum Gothic","굴림",Gulim,Helvetica,AppleGothic,Sans-serif;} .btnS51{min-width:140px;height:60px;padding: 0 0 0 0;font-weight:bold;font-size:20px;color:#FFF;background:#576999;text-align:center;cursor:pointer;border-radius: 3px;vertical-align:middle;letter-spacing:-1px;font-family: "NanumBarunGothic", "Nanum Gothic","굴림",Gulim,Helvetica,AppleGothic,Sans-serif;} .btnS52{min-width:140px;height:60px;padding: 0 0 0 0;font-weight:bold;font-size:20px;color:#FFF;background:#3ea0bf;text-align:center;cursor:pointer;border-radius: 3px;vertical-align:middle;letter-spacing:-1px;font-family: "NanumBarunGothic", "Nanum Gothic","굴림",Gulim,Helvetica,AppleGothic,Sans-serif;} .btnS53{min-width:140px;height:60px;padding: 0 0 0 0;font-weight:bold;font-size:20px;color:#FFF;background:#4c888d;text-align:center;cursor:pointer;border-radius: 3px;vertical-align:middle;letter-spacing:-1px;font-family: "NanumBarunGothic", "Nanum Gothic","굴림",Gulim,Helvetica,AppleGothic,Sans-serif;} .btnS54{min-width:140px;height:60px;padding: 0 0 0 0;font-weight:bold;font-size:20px;color:#FFF;background:#e14c03;text-align:center;cursor:pointer;border-radius: 3px;vertical-align:middle;letter-spacing:-1px;font-family: "NanumBarunGothic", "Nanum Gothic","굴림",Gulim,Helvetica,AppleGothic,Sans-serif;} .tabS1{border-left:1px solid #ddd;margin-bottom:10px;} .tabS1 table{width:100%;} .tabS1 table tr td{} .tabS1 a{width:98.5%;display: inline-block;background:#f2f2f2;border-top:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;font-weight:bold;color:#222;text-align:center;padding:10px 0;} .tabS1 a.tab_on{background:#222941;border-top:1px solid #222941;border-right:1px solid #222941;border-bottom:1px solid #222941;color:#FFF;} .tabS2{border-left:1px solid #ddd;margin-bottom:10px;} .tabS2 table{width:100%;} .tabS2 table tr td{background:#f2f2f2;border-top:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;font-weight:bold;color:#222;text-align:center;padding:10px 0;font-size:13px;cursor:pointer;} .tabS2 td.tab_on{background:#222941;border-top:1px solid #222941;border-right:1px solid #222941;border-bottom:1px solid #222941;color:#FFF;font-weight:bold;text-align:center;padding:10px 0;font-size:13px;cursor:pointer;} .iconBg1{display:inline-block;padding:2px 10px 3px 10px;background:#576999;font-weight:bold;font-size:12px;color:#fff;} .iconBg2{display:inline-block;padding:2px 10px 3px 10px;background:#3ea0bf;font-weight:bold;font-size:12px;color:#fff;} /* select style */ .birth .sbHolder{width:90px;float:left;margin-right:6px;} /*** 셀렉트박스 크기 다르게 할때, 부모클래스 지정후 width값 넣어주면 됨 ***/ .email .sbHolder{width:150px;} .tel .sbHolder{width:80px;float:left;margin-right:6px;} .sbHolder{background-color: #f8f8f8;border: solid 1px #dfdfdf;font-family:Nanum Gothic, Futura; font-size:12px;font-weight: normal; height: 28px;position: relative;width: 203px; float:left;} .sbSelector{display: block; height: 28px;left: 0;line-height: 28px;outline: none; overflow: hidden;position: absolute; text-indent: 10px;top: 0;} .sbSelector:link, .sbSelector:visited, .sbSelector:hover{color: #696969;outline: none;text-decoration: none;font-size: 12px; text-align:right} .sbToggle{background: url(/js/images/select_icon.gif) 0 0px no-repeat;display: block;height: 28px;outline: none;position: absolute;right: 0;top: 0;width: 30px;} .sbToggle:hover{background: url(/js/images/select_icon.gif) 0 -28px no-repeat;} .sbToggleOpen{background: url(/js/images/select_icon.gif) 0 0px no-repeat;} .sbToggleOpen:hover{background: url(/js/images/select_icon.gif) 0 -28px no-repeat;} .sbHolderDisabled{background-color: #3C3C3C;border: solid 1px #515151;} .sbHolderDisabled .sbHolder{} .sbHolderDisabled .sbToggle{} .sbOptions{background-color: #fff;border: solid 1px #cecece;list-style: none;left: -1px;margin: 0;padding: 0;position: absolute;top: 28px;width:100%;z-index: 1;overflow-y: auto;} .sbOptions li{padding: 0 7px; height:28px;} .sbOptions a{border-bottom: solid 1px #eee;display: block;outline: none;padding: 5px 0 5px 3px;} .sbOptions a:link, .sbOptions a:visited{color: #696969;text-decoration: none;} .sbOptions a:hover{color: #222;} .sbOptions li.last a{border-bottom: none;} /* //select style */ /** table **/ .tableStyleFrom_1{margin-bottom:15px;} .tableStyleFrom_1 table{width:100%;border-top:1px solid #dbdbdb;border-right:1px solid #dbdbdb;} .tableStyleFrom_1 table tbody th, .tableStyleFrom_1 table tbody td{height:28px;line-height:28px;border-bottom:1px solid #dbdbdb;padding: 9px 8px;vertical-align:middle;font-size:12px;letter-spacing:-1px;} .tableStyleFrom_1 table tbody th{background:#f8f8f8;text-align:left;border-left:1px solid #dbdbdb;} .tableStyleFrom_1 table tbody th strong{display:inline-block;width:10px;} .tableStyleFrom_1 table tbody td input{vertical-align:middle;font-size:12px;} .tableStyleFrom_1 table tbody td select{height:26px;border:1px solid #ddd;padding:3px;vertical-align:middle;font-size:12px;letter-spacing:-1px;} .tableStyleFrom_2{margin-bottom:15px;} .tableStyleFrom_2 table{width:100%;border-top:1px solid #dbdbdb;border-right:1px solid #dbdbdb;} .tableStyleFrom_2 table tbody th, .tableStyleFrom_2 table tbody td{height:23px;line-height:23px;border-bottom:1px solid #dbdbdb;padding: 9px 15px;vertical-align:middle;} .tableStyleFrom_2 table tbody th{background:#f8f8f8;text-align:left;border-left:1px solid #dbdbdb;border-right:1px solid #dbdbdb;} .tableStyleFrom_2 table tbody th strong{display:inline-block;width:10px;} .tableStyleFrom_2 table tbody td input{vertical-align:middle;} .tableStyleList_1{margin-bottom:15px;} .tableStyleList_1 table{width:100%;border-top: 2px solid #59597a;} .tableStyleList_1 table thead th, .tableStyleList_1 table thead td{height:40px;line-height:40px;text-align:center;border-bottom: 1px solid #ddd;background:#f1f1f3;color:#2d3f5b;font-weight:bold;} .tableStyleList_1 table tbody th, .tableStyleList_1 table tbody td{text-align:center;border-bottom: 1px solid #ddd;padding: 13px 0 13px 0;font-size:13px;} .tableStyleList_1 table tbody td.subject{text-align:left;padding:0 12px;position:relative;} .tableStyleList_1 table tbody td.subject .lock{position:absolute;left:10px;top:12px;} .tableStyleList_1 table tbody td.subject a{display:inline-block;width:100%;padding: 13px 0 13px 0;} .tableStyleList_1 table tbody td.subject a{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} /*알아서*/ .tableStyleList_1 table tbody td.date{font-size:12px;} .tableStyleList_1 table tfoot th, .tableStyleList_1 table tfoot td{text-align:center;border-bottom: 1px solid #e6e6e6;padding:20px;} .tableStyleView_1{margin-bottom:15px;} .tableStyleView_1 table{width:100%;border-top: 2px solid #59597a;} .tableStyleView_1 table thead th, .tableStyleView_1 table thead td{height:40px;line-height:40px;text-align:left;border-bottom: 1px solid #ddd;background:#f1f1f3;padding-left:20px;color:#707070;font-weight:bold;} .tableStyleView_1 table thead td{border-left:1px solid #dbdbdb;} .tableStyleView_1 table thead td.conts {height:auto; line-height:180%;} .tableStyleView_1 .label{color:#2d3f5b;} .tableStyleView_1 table tbody th{padding: 25px;text-align:left;line-height:170%;border-bottom:1px solid #ddd;border-bottom:1px solid #ddd;} .tableStyleView_1 table tfoot th{padding: 20px 0;text-align:left;line-height:170%;background:#f8f8f8;border-top:1px solid #ddd;border-bottom:1px solid #ddd;} .tableStyleView_1 table tfoot th .comment{min-height:83px;background: url(/images/common/board_lawvis_logo.gif) 140px top no-repeat;padding:20px 30px 0 285px;} .tableStyleView_1 table tfoot th .comment dt{font-size:14px;color:#222;font-weight:bold;margin-bottom:6px;} .tableStyleView_1 table tfoot th .comment dt span{font-size:12px;color:#777;font-weight:normal;padding-left:10px;} .tableStyleView_1 table tbody th.board-view-content IMG {padding:20px 5px; max-width:100%;} /* 무료상담 운영자 답변 */ #customer.contents .tableStyleView_1 table tfoot dl.comment.board-view-reply-list { padding: 0; background-position: 1em 0; background-size: 2em; } #customer.contents .tableStyleView_1 table tfoot dl.comment.board-view-reply-list dt { display: block; padding-left: 3.5em; padding-top: .2em; margin-bottom: 1em; } #customer.contents .tableStyleView_1 table tfoot dl.comment.board-view-reply-list dd { display: block; padding: 0 1em; } #customer.contents .tableStyleView_1 table tfoot dl.comment.board-view-reply-list:nth-child(n+2) { margin-top: 2em; } .tableStyleView_2{margin-bottom:35px;} .tableStyleView_2 table{width:100%;border-top: 1px solid #ddd;} .tableStyleView_2 table tbody th, .tableStyleView_2 table tbody td{height:40px;line-height:40px;border-bottom: 1px solid #ddd;} .tableStyleView_2 table tbody th{font-weight:bold;color:#333;} .tableStyleView_2 table tbody td{border-left: 1px solid #ddd;padding-left:20px;} .tableStyleView_2 table tbody td A {width:100%; display:inline-block; vertical-align:middle; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .tableStyleView_2 table tbody td IMG.ico_secret {vertical-align:middle; margin-right:2px;} .btnBoardS1{width:85px;height:35px;background:#828282;text-align:center;font-weight:bold;color:#FFF;border:none;border-radius: 5px;padding-bottom:2px;cursor:pointer;} /** board .pagination_1{text-align: center;margin-bottom:20px;border: 1px solid #e7e7e7;} .pagination_1 .page{display:inline-block;zoom:1;.display:inline;vertical-align:middle;border-left: 1px solid #e7e7e7;} .pagination_1 .page a{float:left;width:28px;height:28px;line-height:28px;border-right: 1px solid #e7e7e7;display:inline-block;} .pagination_1 .page a:hover{background:#f7f7f7;} .pagination_1 .page a.pSel{background:#f7f7f7;} .pagination_1 .btnPrev{display:inline-block;zoom:1;.display:inline;vertical-align:middle;} .pagination_1 .btnPrev a{float:left;height:28px;line-height:28px;border-left: 1px solid #e7e7e7;} .pagination_1 .btnNext{display:inline-block;zoom:1;.display:inline;vertical-align:middle;} .pagination_1 .btnNext a{float:left;height:28px;line-height:28px;border-right: 1px solid #e7e7e7;} .pagination_2{text-align: center;margin-bottom:20px;position:relative;} .pagination_2 .page{display:inline-block;zoom:1;.display:inline;vertical-align:middle;} .pagination_2 .page a{width:28px;height:28px;line-height:28px;border: 1px solid #e7e7e7;display:inline-block;} .pagination_2 .page a:hover{border: 1px solid #787878;} .pagination_2 .page a.pSel{border: 1px solid #787878;} .pagination_2 .btnPrev{display:inline-block;zoom:1;.display:inline;vertical-align:middle;margin-right:5px;} .pagination_2 .btnNext{display:inline-block;zoom:1;.display:inline;vertical-align:middle;margin-left:5px;} .pagination_2 .btnWrite{position:absolute;right:0;top:-7px;} */ .pagination_1{text-align: center;margin-bottom:20px;border: 1px solid #e7e7e7;position:relative;background:#FFF;} .pagination_1 .page{display:inline-block;zoom:1;.display:inline;vertical-align:middle;border-left: 1px solid #e7e7e7;} .pagination_1 .page a{float:left;width:35px;height:35px;line-height:35px;border-right: 1px solid #e7e7e7;display:inline-block;} .pagination_1 .page a:hover{background:#f7f7f7;} .pagination_1 .page a.pSel{background:#f7f7f7;} .pagination_1 .btnPrev{height:35px;line-height:35px;border-right: 1px solid #e7e7e7;display:inline-block;position:absolute;left:0;top:0;} .pagination_1 .btnNext{height:35px;line-height:35px;border-left: 1px solid #e7e7e7;display:inline-block;position:absolute;right:0;top:0;} .pagination_1 img{height:100%;} .board_info{height:54px;clear:both;overflow:hidden;} .board_info h3{line-height:50px;float:left;font-size:22px;color:#222941;font-weight:bold;letter-spacing:-1px;} .board_info .boardPage{line-height:50px;float:left;font-size:12px;color:#333;font-weight:bold;} .board_info .boardSearch{text-align:center;} .board_info .boardSearch .dSelect{width:80px;height:34px;line-height:34px;padding:6px;vertical-align:middle;} .board_info .boardSearch .dInput{width:50%;height:28px;line-height:28px;vertical-align:middle;} .board_info .boardSearch .searchBtn{width:50px;height:34px;font-size:12px;font-weight:bold;color:#555;padding-bottom:2px;background: url(/mobile/images/sub/board_search_btn.gif) left bottom repeat-x;border: none;cursor:pointer;border: 1px solid #dcdcdc;vertical-align:middle;} /* .boardInfo .boardSearch .Input{width:140px;height:28px;border: none;color:#666;margin-left:7px;padding-left:10px;} */ /* Restored from mobile/css/layout.css */ /* For tablets & smart phones */ @media (max-width: 767px) { body {} .conSize {width: auto} #wrap{width: 100%;margin: 0 auto;min-width:320px;position:relative;} #header{width:100%;text-align:center;position:fixed;left:0;top:0;z-index:100;} } /* For smartphones */ @media (max-width: 480px) { .conSize {width: auto} #wrap{width: 100%;margin: 0 auto;min-width:320px;position:relative;} #header{width:100%;text-align:center;position:fixed;left:0;top:0;z-index:100;} } /* For larger displays */ @media (min-width: 1200px) { .conSize {width: 1170px} #wrap{width: 420px;margin: 0 auto;min-width:320px;position:relative;} #header{width:420px;margin: 0 auto;text-align:center;position:absolute;left:50%;top:0;z-index:100;margin-left:-210px;} } #wrap .main_container{padding-top:100px;} #wrap .main_container .main_visual{position:relative;} #wrap .main_container .contents{padding:10px;} #wrap .sub_container{padding:100px 0 0 0;background:#FFF;border-bottom:1px solid #303030;} #wrap .sub_container #pTitle{border-top:1px solid #dcdcdc;} #wrap .sub_container .contents{padding:20px 15px 15px 15px;text-align:justify;} .top_call_{position:fixed;top:0;left:0;width:100%;height:50px;background:#fe8f00;text-align:center;z-index:10000000000;} #header .top_call{height:50px;} #header .top{background:#FFF;height:50px;text-align:center;} #header .top .allmenu{position:absolute;left:0;top:50px;height:50px;border-right:1px solid #e0e0e0;} #header .top .login{position:absolute;right:0;top:50px;height:50px;border-left:1px solid #e0e0e0;} #header .bottBg{height:2px;background: url(/mobile/images/common/top_bt_bg.png) left bottom repeat-x;padding-bottom:3px;} #allmenuArea { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.95); /* 약간 투명한 배경 */ overflow-y: auto; /* 스크롤 가능하도록 설정 */ z-index: 1000; } #allmenuArea .menu{width:100%;position:absolute;left:0;top:100px;z-index:100;} #allmenuArea table{width:100%;} #allmenuArea table tr th, #allmenuArea table tr td{border-top:1px solid #dcdcdc;background:#f8f8f8;vertical-align:top;text-align:left;} #allmenuArea table tr th{width:50%;border-right:1px solid #dcdcdc;} #allmenuArea h2{height:40px;line-height:40px;padding-left:15px;font-size:16px;font-weight:bold;border-bottom:1px solid #dcdcdc;background:#FFF url(/mobile/images/common/menu_h2_arrow.gif) right top no-repeat;background-size: auto 37px;} #allmenuArea ul{padding: 13px 0 13px 15px;} #allmenuArea ul li a{width:100%;height:25px;display:inline-block;font-size:13px;color:#6e6e6e;} #allmenuArea .btnClose{} #allmenuArea .btnClose a{width:100%;height:40px;display:block;background:#222941;text-align:center;} #footer_menu{background:#eeeeee;text-align:center;padding:10px 0;font-size:14px;font-weight:bold;} #footer_menu a{display:inline-bloc;margin:0 10px;} #footer_wrap{background:url(/images/common/footer_bg.gif);color:#c0bfbe;} #footer_wrap a{color:#c0bfbe;} #footer_wrap .fCents{height:65px;clear:both;overflow:hidden;position:relative;} #footer_wrap .fCents .ars_tel{height:65px;position:absolute;left:15px;top:10px;} #footer_wrap .fCents .ars_tel p{line-height:150%;} #footer_wrap .fCents .ars_tel a{font-size:24px;font-weight:bold;} #footer_wrap .fCents .share{height:65px;position:absolute;right:15px;top:19px;overflow:hidden;} #footer_wrap .fCents .share .kakao{float:left;font-weight:bold;} #footer_wrap .fCents .share ul li{height:30px;float:left;margin-left:10px;} #footer_wrap .fCents .share ul li img{height:100%;} #footer_wrap .fCents .share UL.list-sns {float:left;} /*작은해상도 수정*/ #footer_wrap .fLink{height:38px;line-height:38px;border-top:1px solid #5d5a57;text-align:center;font-weight:bold;font-size:12px;} #footer_wrap .fLink a{display:inline-bloc;margin:0 10px;} #footer_wrap .fCopy{padding:10px 0 10px 15px;border-top:1px solid #5d5a57;line-height:140%;font-size:10px;} #wrap.remove-top-call {} /*상단 고정배너 삭제로 위치변경*/ #wrap.remove-top-call #allmenuArea .menu {top:50px;} #wrap.remove-top-call #header {z-index:10000000000;} #wrap.remove-top-call #header .top_call {display:none; visibility:hidden;} #wrap.remove-top-call #header .top .allmenu {top:0;} #wrap.remove-top-call #header .top .login {top:0;} #wrap.remove-top-call .main_container {padding-top:50px;} #wrap.remove-top-call .sub_container {padding-top:50px;} #wrap.remove-top-call #footer_wrap {padding-bottom:20%;} /*하단 고정배너를 위해 간격을 띄움*/ #wrap.remove-top-call .footer-bottom-call {z-index:472537; position:fixed; bottom:0; margin:0 auto; min-width:320px; max-width:420px;} /*하단 고정배너(전화연결) 추가 2017-03-16*/ #wrap.remove-top-call .footer-bottom-call IMG {width:100%;} .main_visual #slides .slidesjs-pagination {display:none;} /** 메인 **/ #hot_lawvis_wrap{position:relative;margin-bottom:20px} #hot_lawvis_wrap h3{height:35px;border:1px solid #c6c6c6;background:#eaeaea;} #hot_lawvis_wrap h3 img{height:100%;} #hot_lawvis_wrap .btn_arrow{height:35px;position:absolute;right:1px;top:1px;} #hot_lawvis_wrap .btn_arrow a{} #hot_lawvis_wrap .btn_arrow img{height:100%;border-left:1px solid #c6c6c6;} #hot_lawvis_wrap .list{border-left:1px solid #c6c6c6;border-right:1px solid #c6c6c6;} #hot_lawvis_wrap .list img{width:100%;} #hot_lawvis_wrap .tel{} #hot_lawvis_wrap .tel img{width:100%;} #alllawvis_wrap{} #alllawvis_wrap .list li{border:1px solid #dedede;background:#FFF;margin-bottom:10px;} #alllawvis_wrap .list li .thum{padding:10px 11px 9px 11px;position:relative;} #alllawvis_wrap .list li .thum .num{display:none; width:55px;height:59px;font-size:29px;font-weight:bold;font-family:Arial, Helvetica, sans-serif;position:absolute;left:32px;top:10px;color:#ffff00;text-align:center;padding:14px 4px 0 0;background:url(/images/main/tel_num_box.png) left top no-repeat;} #alllawvis_wrap .list li .thum .img{} #alllawvis_wrap .list li .thum .img a{width:100%;display:inline-block;background:#000;} #alllawvis_wrap .list li .thum .img a:hover img{opacity: 0.5;} #alllawvis_wrap .list li .thum .img img{width:100%;} #alllawvis_wrap .list li .thum .tel {text-align:center;} #alllawvis_wrap .list li .thum .tel a{width:100%; display:inline-block; font-size:24px; font-weight:bold; color:#222; padding:25px 0 15px 0; line-height:100%; letter-spacing:-1px; vertical-align:middle;} #alllawvis_wrap .list li .thum .tel a span{font-size:18px;font-weight:bold;color:#b43637;vertical-align:middle;} #alllawvis_wrap .list li .thum .tel a {color:transparent; font-size:0;} #alllawvis_wrap .list li .btn{height:35px;border-top:1px solid #dedede;padding:10px 0;text-align:center;} #alllawvis_wrap .list li .btn img{height:100%;margin:0 2px;} .main_middle_banner{} .main_middle_banner img{width:100%;} .main_inquriy_btn{background:#f6f6f6;padding:10px 0;text-align:center;} .main_inquriy_btn a{display:inline-block;height:80px;margin:0 2px;} .main_inquriy_btn img{height:100%;} .main_lawyer_guide{background:#FFF;padding:20px 10px;} .main_lawyer_guide img{width:100%;} /** 서브 **/ #pTitle{border-bottom:1px solid #dcdcdc;} #pTitle h2{height:18px;padding:11px 0;text-align:center;} #pTitle h2 img{height:100%;} #pTitle h2 span{display:none;} #pTitle .pTxt{display:none;} /* For smartphones */ #intro{width:100%; min-width:320px; margin:0 auto} @media (min-width: 1200px){ #intro{width:420px} } #intro h1{background:#201c1b;height:40px;text-align:center;border-bottom:1px solid #413e3d;} #intro h1 img{height:40px;} #intro .nav1{background:#201c1b;text-align:center;} #intro .nav1 ul{display:inline-block;zoom:1;.display:inline;overflow:hidden;} #intro .nav1 li{float:left;display: inline-block;} #intro .nav1 img{height:50px;} #intro .conts{overflow:hidden;} #intro .conts img{width:100%;} #intro .intro1{} #intro .intro2{} #intro .intro3{width:50%;float:left;} #intro .intro4{width:50%;float:left;overflow:hidden;background:#dd3107;} #intro .intro4 .c2{width:50%;float:left;} #intro .intro4 .c3{width:50%;float:left;} #intro .footer{text-align:center;background:#000;} #intro .footer .fmenu{padding:15px 0 0 0;} #intro .footer .fmenu img{height:20px;} #intro .footer .copy{font-size:10px;padding:5px 10% 15px 10%;line-height:150%;} /*** 상단디자인변경 2017-09-14 ***/ #wrap.mobile-v3 { width:auto; } #wrap.mobile-v3 div#header { border-bottom:.3em solid #b4975a; } #wrap.mobile-v3 div#header div.top { background-color:#252423; height:4.43em; } #wrap.mobile-v3 div#header div.top a.allmenu { z-index:8; width:14.06%; height:inherit; border-right:1px solid #2e2d2c; } #wrap.mobile-v3 div#header div.top a.allmenu span, #wrap.mobile-v3 div#header div.top a.allmenu span:before, #wrap.mobile-v3 div#header div.top a.allmenu span:after { display:block; height:.3em; background-color:#fff; position:absolute; } #wrap.mobile-v3 div#header div.top a.allmenu span { color:transparent; width:44.44%; left:27.78%; top:31.03%; } #wrap.mobile-v3 div#header div.top a.allmenu span:before, #wrap.mobile-v3 div#header div.top a.allmenu span:after { content:""; width:100%; left:0; top:0; } #wrap.mobile-v3 div#header div.top a.allmenu span:before { margin-top:37%; } #wrap.mobile-v3 div#header div.top a.allmenu span:after { margin-top:73%; } #wrap.mobile-v3 div#header div.top a.btn-logo { display:block; height:inherit; background:transparent url(/mobile/images/common/logo_v3.png) no-repeat center center; /*background-size:44.68% auto;*/ background-size:auto 100%; } #wrap.mobile-v3 div#header div.top a.btn-logo h1 { height:inherit; color:transparent; font-size:200%; } #wrap.mobile-v3 div#header div.top a.btn-call { z-index:9; display:block; width:14.06%; height:inherit; position:absolute; right:0; top:0; border-left:1px solid #2e2d2c; background:transparent url(/mobile/images/common/top_icon_call.png) no-repeat center center; background-size:auto 50%; } #wrap.mobile-v3 div#header div.top a.btn-call span { font-size:0; color:transparent; } #wrap.mobile-v3 div.main_container, #wrap.mobile-v3 div.sub_container { padding-top:4.73em; } /* `#wrap.mobile-v3 div#header` border-width + `#wrap.mobile-v3 div#header div.top` height */ #wrap.mobile-v3 div#allmenuArea div.menu { top:4.73em; } /*header height 변경*/ #wrap.mobile-v3 #footer_wrap { background-image: none; background-color: #2f3134; } #wrap.mobile-v3 #footer_wrap div.fLink, #wrap.mobile-v3 #footer_wrap div.fCopy { border-color:#3a3c3e; border-color:rgba(255,255,255,.05); } #wrap.mobile-v3 #footer_wrap div.fCopy copyright { display:block; margin-top:2%; } #wrap.mobile-v3 div#footer_wrap { padding-bottom:0; } #wrap.mobile-v3 div#footer_menu, #wrap.mobile-v3 div.footer-bottom-call { display:none; visibility:hidden; } #wrap.mobile-v3 div#footer_wrap div.fCents div.ars_tel a { color:#fff; } #wrap.mobile-v3 div#footer_wrap div.fCents div.share { height:auto; top:inherit; bottom:8px; } .call{ position: fixed; right: 15px; bottom: 82px; border-radius: 100px; cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 28px; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 15px 5px; transition: 0.2s ease opacity, 0.2s ease transform; background: rgb(28, 55, 115); transform: scale(1); visibility: visible; opacity: 1; z-index: 9900000000; width: 55px; height: 55px; }