@charset "utf-8";


/* ���뽺Ÿ��  */
h2.title {font-size:35px; color:#fff; padding:200px 0 20px 0; text-align:center; font-weight:200;}
p.title {font-size:11px; color:#fff; text-align:center; font-family: 'Roboto', sans-serif; letter-spacing:10px; font-weight:bold;padding-bottom:50px;}
h3.title {font-size:35px; color:#000; padding:90px 0 15px 0; text-align:center; font-weight:200;}
p.title02 {font-size:13px; color:#777; text-align:center;  padding-bottom:50px;}

.sub-navi {margin:0 auto;  text-align:center; height:50px; box-sizing:border-box; z-index:20;}
.sub-navi ul li {position:relative;display:inline-block;; }
.sub-navi ul li a {display:block;font-size:13px; color:#333; background:#ebebeb; line-height:48px; height:45px;backface-visibility: hidden; overflow:hidden;font-weight: 400; min-width:150px;}
.sub-navi ul li a:hover {color:#c42c2c; font-weight: 600; background:#fff;}
.sub-navi ul li.on {color:#000; background:#fff;}
.sub-navi ul li.on a {color:#000;font-size:14px;font-weight: 600;background:#fff;}
.sub-navi ul li a.on, .sub-navi ul li a:hover, .sub-navi ul li a:active, .sub-navi ul li a:focus {color:#000;font-size:14px;font-weight: 600;}

.sub-navi03 {margin:0 auto;  text-align:center; box-sizing:border-box;}
.sub-navi03 ul li {position:relative;display:inline-block; overflow:hidden;border-radius:50%; width:100px; height:100px; margin:0 2px}
.sub-navi03 ul li img {width:100%;}
.sub-navi03 ul li p {display:none;}
.sub-navi03 ul li a {display:block;backface-visibility: hidden; overflow:hidden;}
.sub-navi03 ul li a:hover {color:#c42c2c; font-weight: 600;}
.sub-navi03 ul li.on {color:#000; border:5px solid #bc9a5d;}
.sub-navi03 ul li.on a {color:#000;font-size:14px;font-weight: 600;}
.sub-navi03 ul li a.on, .sub-navi03 ul li a:hover, .sub-navi03 ul li a:active, .sub-navi ul li a:focus {color:#000;font-size:14px;font-weight: 600;}

.sub-navi03 ul li .hover_area { position:absolute; z-index:5; left:0; top:0; display:block; width:100%; height:100%; padding:0; box-sizing:border-box; background:rgba(0,0,0,0); transition:0.6s; }
.sub-navi03 ul li .hover_area p {display:block;font-size:14px; line-height:24px; color:#fff;  opacity:0; transition:0.6s; text-overflow:ellipsis;}
.sub-navi03 ul li .hover_area p span {display:block; font-size:16px; font-weight:bold; padding-top:30px; }
.sub-navi03 ul li .hover_area p a { display:block; width:100%;opacity:0; transition:0.6s;font-size:14px; line-height:24px; color:#fff; background:url("/img/sub/pj_go.png") 0 0 no-repeat; }
.sub-navi03 ul li:hover .hover_area { background:rgba(0,0,0,0.71); }
.sub-navi03 ul li:hover .hover_area b:before,
.sub-navi03 ul li:hover .hover_area p { opacity:1; }
.sub-navi03 ul li .hover_area a:hover { background:rgba(255,255,255,1); color:#231f20; }

/*.sub-navi02 {margin:0 auto;  width:1100px; text-align:center; height:50px; z-index:20;}
.sub-navi02 ul li {float:left;display:inline-block;margin:0; margin-right:1px;}
.sub-navi02 ul li a {display:block;font-size:13px; color:#333; background:#ebebeb; line-height:48px; height:45px; overflow:hidden;font-weight: 400; min-width:120px;}
.sub-navi02 ul li a:hover {color:#c42c2c; font-weight: 600; background:#fff;}
.sub-navi02 ul li.on {color:#000; background:#fff;}
.sub-navi02 ul li.on a {color:#000;font-size:14px;font-weight: 600;background:#fff;}
.sub-navi02 ul li a.on, .sub-navi ul li a:hover, .sub-navi ul li a:active, .sub-navi ul li a:focus {color:#000;font-size:14px;font-weight: 600;}*/

.s_top_bg01 {background:url('/img/sub/st_bg01.png') no-repeat center 0; }
.s_top_bg02 {background:url('/img/sub/st_bg02.png') no-repeat center 0; }
.s_top_bg03 {background:url('/img/sub/st_bg03.png') no-repeat center 0; }
.s_top_bg04 {background:url('/img/sub/st_bg04.png') no-repeat center 0; }
.s_top_bg05 {background:url('/img/sub/st_bg05.png') no-repeat center 0; }
.s_top_bg06 {background:url('/img/sub/st_bg06.png') no-repeat center 0; }
.s_top_bg07 {background:url('/img/sub/st_bg07.png') no-repeat center 0; }
.s_top_bg08 {background:url('/img/sub/st_bg08.png') no-repeat center 0; }
.s_top_bg09 {background:url('/img/sub/st_bg09.png') no-repeat center 0; }
.con {width:100%; position:relative;}
  .swiper-button-next, .swiper-button-prev{
        color: #fff !important;
        background: #afafaf;
    border-radius: 30px;
    width: 40px !important;
    height: 40px !important;
    }
    .swiper-button-next:after{
        font-size: 20px !important;
        position: absolute;
    left: 53%;
    transform: translateX(-50%);
    }
    .swiper-button-prev:after{
        font-size: 20px !important;
        position: absolute;
           right: 53%;
    transform: translateX(50%);
    }

/* tab */
.tab_area {padding:0px 0;border-top:1px solid #eaeaea;  border-bottom:1px solid #e1e1e1; background:#f2f2f2;width:100%; text-align:center; }
.tab_area ul{width:1100px;margin:0 auto;}
.tab_area li{display:inline-block; padding:15px 0; min-width:100px; text-align:center;  vertical-align:middle;font-family: 'PT Sans', 'Nanum Square', sans-serif; font-size:14px;}
.tab_area li.on{border-bottom:2px solid #000;}
.tab_area li.on a{color:#000;}
.tab_area li a span.ko, .tab_area li a:hover span.en {display:none;}
.tab_area li a:hover span.ko, .tab_area li a span.en {display:inline-block;}


/* �������� ����  */
.about_bg { height:450px; overflow:hidden;background-size:cover;}
.intro {padding:0 0 20px 0;text-align:left; color:#000; width:1100px; margin:0 auto;}
.intro_bg { background:url('/img/sub/greeting_bg.png') no-repeat right 250px;}
.intro_info { width:650px; margin-left:30px;}
.intro_info p.tit {padding:100px 0 35px 0; font-size:25px; line-height:38px;text-align:center;}
.intro_info p.info {background:url('/img/sub/about_line_.png') no-repeat 0 0; padding:20px 0 0 0; font-size:15px; line-height:25px;}
.intro_info p.sign {padding:90px 0;font-size:14px; }
.intro_info p.sign span {font-family: 'Nanum Myeongjo', serif; font-size:35px; padding-left:30px;}

.tour_wrap {width:100%; height:470px; background:#e8e8e8;overflow:hidden;}
.s_tour {width:1100px; margin:0 auto;}
.tour_info {float:left; width:100%;}
.tour_info ul li {width:100%; height:500px; float:left;overflow:hidden;}
.tour_btn {position:absolute;width:1100px; margin:0 auto;}
.tour_btn .prev{float:left; padding:200px 0 0 15px;width:100px;}
.tour_btn .next{float:right; padding:200px 15px 0 0;width:100px;text-align:right;}


.location_info {max-width:1400px; width:100%; margin:0 auto;}
.map_area{max-width:1200px; width:100%;height:350px;}
#map1{ width:100%;height:350px;}
.map_info {padding:50px 0 30px 0;max-width:1000px; margin:0 auto;text-align:left;}
.map_info span.ad {background:url('/img/sub/icon_ad.png') no-repeat 0 0; display:inline-block; padding:0 50px 5px 30px;text-align:left;}
.map_info span.ph {background:url('/img/sub/icon_ph.png') no-repeat 0 0; display:inline-block; padding:0 50px 5px 30px; text-align:left;}
p.naver_map {position:absolute; z-index:10; left:50%; margin:-50px 0 0 300px;}
p.naver_map span {font-size:17px;background:#002d62; display:inline-block; width:150px; height:30px; padding-top:120px; color:#fff;text-align:center;}
.map_info02 { padding:50px 0 70px 0;max-width:1000px; margin:0 auto;text-align:left;}
.map_info02 ul li {line-height:20px; color:#666; font-size:14px;}
.map_info02 ul li.map_icon01 {background:url('/img/sub/map_icon01.png') no-repeat 20px 0; padding:0 0 50px 100px;}
.map_info02 ul li.map_icon02 {background:url('/img/sub/map_icon02.png') no-repeat 15px 0; padding:0 0 50px 100px;}
.map_info02 ul li p {padding-bottom:10px;font-weight:bold; color:#000;}

/* �����о�  */
.work_top {height:350px; overflow:hidden;}
.work_con {width:1100px; margin:0 auto; padding-top:100px;}

.work_cate {width:145px; float:left;}
.work_cate ul li {float:left;display:inline-block;margin-bottom:1px; }
.work_cate ul li a {display:block;font-size:13px; color:#333; background:#f1f2f7; line-height:48px; height:45px; overflow:hidden;font-weight: 400;padding-left:15px; width:145px;}
.work_cate ul li a:hover {color:#fff; font-weight: 600;  background:#2b3a53;}
.work_cate ul li.on {color:#fff; background:#2b3a53;}
.work_cate ul li.on a {color:#fff;font-size:14px;font-weight: 600; background:#2b3a53;}
.work_cate ul li a.on, .work_cate ul li a:hover, .work_cate ul li a:active, .work_cate ul li a:focus {color:#fff;font-size:14px;font-weight: 600; background:#2b3a53;}

.work_info {width:600px; margin-left:60px; float:left;}
.work_info p.work_tit {font-size:35px; color:#000; font-weight:600; text-align:left;}
.work_info p.work_tit span {font-size:13px; color:#999;display:inline-block; letter-spacing:0; padding-left:15px;}
.work_info p.work_txt {padding:35px 0 50px 0; margin-bottom:50px; border-bottom:1px solid #e0e0e0;  text-align:left;font-size:14px; line-height:22px;}
.work_list {padding:0 0 40px 0; clear:both;font-size:14px;}
.work_list p {margin-bottom:15px; font-size:15px; color:#000;}
.work_list ul li{line-height:22px; padding:0 0 20px 18px; background:transparent url('/img/sub/icon02.png') no-repeat scroll 0 8px; color:#777;}
.work_list ul li.none{line-height:22px; padding:0 0 0 25px; background:none;}
.work_list ul li.gray_box{ line-height:22px; font-weight:normal; padding:20px; background:#f9f9f9; border:1px solid #ccc;}
.work_list ul li img{vertical-align:middle;}
.work_img {padding-bottom:120px;}

.work_lawyer {width:250px;float:right; border-top:1px solid #e0e0e0;}
.work_lawyer ul li {float:left; width:250px; border-bottom:1px solid #e0e0e0; padding:20px 0;}
.w_lawyer_info {width:250px;}
.w_lawyer_info p.pic {width:80px; float:left;}
.w_lawyer_info p.pic img {width:75px;border-radius:50px;}
.w_lawyer_info p.info {width:150px; float:right;font-family: 'Roboto', sans-serif; font-size:12px; letter-spacing:0; line-height:18px;}
.w_lawyer_info p.info span {display:block; font-size:13px; font-weight:bold; padding:10px 0;}
.w_lawyer_info p.info b {}
.work_lawyer ul li:hover {background:#f1f2f7;}

/* ����������  */
.lawyer_top { height:520px; background-size:cover; overflow:hidden;}
.lawyer_top02 { height:350px; background-size:cover; overflow:hidden;}
.detail_mem_top { margin:50px 0;background:url('/img/sub/pic_b_mem_bg.png_') no-repeat center 0;}
.d_mem_top_bg01 {background:url('/img/sub/pic_bb_mem01.png') no-repeat center 0;}
.d_mem_top_bg02 {background:url('/img/sub/pic_bb_mem02.png') no-repeat center 0;}
.d_mem_top_bg03 {background:url('/img/sub/pic_bb_mem03.png') no-repeat center 0;}
.d_mem_top_bg04 {background:url('/img/sub/pic_bb_mem04.png') no-repeat center 0;}
.d_mem_top_bg05 {background:url('/img/sub/pic_bb_mem05.png') no-repeat center 0;}
.dm_wrap {margin:0 auto; width:1100px;}
.dm_top {width:600px; padding-top:60px;}
.dm_top_info01 {border-bottom:3px solid #000; padding-bottom:40px; letter-spacing:0;}
.dm_top_info01 p.name_b {padding-bottom:15px; color:#000; font-size:20px;}
.name_b em{font-style:normal; color:#bc9a5d; font-size:13px; display: block;line-height:1.4em;}
.dm_top_info01 p.name_b span {color:#25468a; font-size:40px;font-weight:bold; padding-right:10px; display:inline-block;}
.dm_top_info01 p.name_s {padding-bottom:40px; font-size:11px;font-family: 'Roboto', sans-serif; color:#999; letter-spacing:3px;}
.dm_top_info01 p.greeting {font-size:20px; line-height:30px;font-weight:400;}
.dm_top_info02 {padding-top:55px; width:400px;}
.dm_top_info02 p {font-size:14px; color:#777; line-height:30px;padding-bottom:15px;}
.dm_top_info02 p span {display:block; font-weight:bold; color:#000;}
.dm_top_info02 ul li {background:url('/img/sub/bl01.gif') no-repeat 0 10px; padding:0 0 7px 15px;font-size:14px; color:#777;line-height:25px;}
.dm_info {margin:0 auto; width:1100px;}
.dm_info_le {width:750px; float:left; padding-bottom:50px;}
.dm_info_le01 {font-size:14px; color:#777; margin-bottom:50px; line-height:25px;}
.dm_info_le01 p {display:block; font-size:15px;font-weight:bold; color:#000; padding-bottom:15px;}
.dm_info_le02 {font-size:14px; color:#777; margin-bottom:50px; line-height:25px;}
.dm_info_le02 p {display:block; font-size:15px;font-weight:bold; color:#000; padding-bottom:15px;}
.dm_info_le02 ul li {background:url('/img/sub/bl01.gif') no-repeat 0 10px; padding:0 0 7px 15px;}
.dm_info_le02 ul li span {color:#bc9a5d; display:inline-block; width:70px;font-family: 'Monda', sans-serif; font-size:13px;}
.dm_info_le02 ul li span.font001 {color:#666; display:inline-block; width:20px;font-family:'����',Dotum,'����',Gulim,Helvetica,sans-serif; font-size:13px;}
.dm_info_ri {width:220px; float:right;background:#000; color:#fff;}
.dm_info_ri_info {padding:30px; font-size:13px;font-family: 'Monda', sans-serif; letter-spacing:0;}
.dm_info_ri_info p {padding-bottom:15px;display:block; font-weight:bold;}
.dm_info_ri_info b {display:inline-block; padding-right:10px;}
.dm_info_ri_info a {color:#fff;}

.lawyer_lst {width:1100px; margin:0 auto; padding:80px 0; height:630px}
.lawyer_lst ul li {width:50%; float:left; height:320px; }
.lawyer_lst_info_bg01 {background:#fff url('/img/sub/pic_b_mem01.png') no-repeat 300px bottom;background-size:250px;}
.lawyer_lst_info_bg02 {background:#fff url('/img/sub/pic_b_mem02.png') no-repeat 320px bottom;background-size:210px;}
.lawyer_lst_info_bg03 {background:#fff url('/img/sub/pic_b_mem03.png') no-repeat 320px bottom;background-size:210px;}
.lawyer_lst_info_bg04 {background:#fff url('/img/sub/pic_b_mem04.png') no-repeat 300px bottom;background-size:250px;}
.lawyer_lst_info_bg05 {background:#fff url('/img/sub/pic_b_mem05.png') no-repeat 300px bottom;background-size:230px;}
.lawyer_lst_info {width:500px; border:1px solid #ccc;height:280px;}
.lawyer_lst_info p.lawyer02 {padding:50px 50px 25px 50px; font-size:25px; color:#a49062; background:url('/img/main/m_lawyer_line.png') no-repeat 50px bottom;}
.lawyer_lst_info p.lawyer02 span {color:#000;}
.lawyer_lst_info p.lawyer02 em{font-style:normal; font-size:13px; display:block;  padding-top: 5px;line-height: 1.5em;}

.lawyer_lst_info p.lawyer03 {padding:20px 50px 0 50px;font-size:13px; color:#000; line-height:20px;}
.lawyer_lst_info p.lawyer04 {padding:20px 50px 0 50px;font-size:13px; color:#808080; line-height:20px;}
.lawyer_lst_info p.lawyer04 a {border:1px solid #000; display:inline-block; font-size:13px;padding:7px 30px;border-radius:50px;}
.lawyer_lst_info p.lawyer04 a:hover {background:#000; color:#fff;}

/* �����ҽ�  */
.news_top {height:450px; overflow:hidden;background-size:cover;}
.sub_con {width:100%; background:#fff;}


/* �����̵� �������.  */
.counsel_top {height:450px; overflow:hidden;background-size:cover;}
.counsel_top02 {height:350px; overflow:hidden;background-size:cover;}
.counsel_con01 {width:100%; letter-spacing:0;}
.co_info_wrap {width:100%; background:url('/img/sub/counsel_bg01.png') no-repeat center bottom; margin-top:55px;}
.co_info {width:1000px; margin:0 auto;}
.co_info p.tit {font-size:25px; color:#041f55; padding:100px 0 35px 0; line-height:35px;}
.co_info p.txt {font-size:14px; color:#000; padding:0 0 40px 0;line-height:25px;}
.co_info p.sign {font-size:14px; color:#000; padding:0 0 100px 0;}
.co_info p.sign span {font-size:30px; color:#000; padding-left:15px;font-family: 'Nanum Myeongjo', serif;}
.counsel_con02 {width:100%; background:url('/img/sub/counsel_bg02.png') no-repeat center bottom; padding-top:80px;}
.bono_wrap {width:1000px; margin:0 auto; }
.bono_info {padding-top:50px;font-size:17px; color:#000; text-align:center;line-height:25px;}
.bono_info p.tit {}
.bono_info p.txt {padding:80px 0 300px 0; font-size:15px;}

/* �ϴ� ���  */
.foot_contact {background:#262626 url('/img/sub/contact_bg.png') center bottom no-repeat; width:100%;text-align:center; height:650px; color:#fff;}
.foot_contact p.tit {font-size:40px; padding:100px 0 15px 0;font-family: 'Monda', sans-serif; font-weight:bold;}
.foot_contact p.txt {font-size:14px; padding:0 0 30px 0; line-height:20px;}
.foot_contact p.btn {}
.foot_contact p.btn a {border:1px solid #fff; width:180px; padding:10px 0; display:inline-block; color:#fff; margin:0 1px;font-size:14px;}
.foot_contact p.btn a:hover {border:1px solid #fff; background: #fff; color:#000;}
.foot_contact p.btn span {display:none;}


/* �Խ��� */
.board_wrap {width:1000px;  margin:0 auto; padding:50px 0 70px 0; font-size:14px; z-index:1; overflow:hidden;}

/* �Խ��ǰ˻�  */
.lst_header{position:relative; margin-bottom:20px; line-height:34px; overflow:hidden; width:1000px;}
.lst_header .search{float:right; position:relative; width:240px; }
.lst_header .search input{width:calc(100% - 12px); padding-left:0; height:32px; border:0;font-family:'Nanum Square','����',Dotum,'����',Gulim,Helvetica,sans-serif;}
.lst_header .search .btn_search{text-indent:-9999px;position:absolute; background:url("/img/sub/btn_search.png") 0 0 no-repeat; top:10px; right:0; display:inline-block; width:25px; height:34px; line-height:34px; text-align:center;}

/* ����¡  */
.paging{  clear:both;text-align:center; padding:0; margin:40px 0 0 0; position:relative; font-size:13px; line-height:20px; font-family:'Roboto';}
.paging a{ display:inline-block; width:30px; height:30px; border:none; line-height:30px; text-align:center; margin:0 2px; color:#999; vertical-align:middle; }
.paging a:hover,
.paging a.on{ color:#2471c8; font-weight:bold; text-decoration:underline;}
.paging .direction,
.paging .direction:hover{ text-indent:-9999px; width:30px; border:#ddd 2px solid; border-radius:50%;}
.paging .direction.prev{ background:url("/img/sub/paging_prev.png") 50% 50% no-repeat; margin-right:10px;}
.paging .direction.next{ background:url("/img/sub/paging_next.png") 50% 50% no-repeat; margin-left:10px;}
.paging .paging-pc{ display:inline-block;}
.paging .paging-m{ display:none;}

/* �Խ���btn */
.board_btn {padding-top:30px; overflow:hidden;width:100%;}
.board_btn .btn_left {float:left;}
.board_btn .btn_right {float:right;}
.board_btn .btn_center {margin:0 30%; float:left;}
.grybt01 {background: #fff; color: #828b9c; display: inline-block; font-size: 13px; height:25px; padding:10px 20px 0 20px; border:1px solid #828b9c;border-radius:50px;}
.grybt02 {background: #aaa; color: #fff; display: inline-block; font-size: 12px; height:22px; padding:5px 10px 0 10px; border-radius:3px;margin-right:3px;}
.orgbt01 {background: #2b3a53; color: #fff; display: inline-block; font-size: 13px; height:25px; padding:10px 20px 0 20px; border-radius:50px;}
.orgbt02 {background: #2b3a53; color: #fff; display: inline-block; font-size: 13px; height:25px; width:80px;padding:30px 0 0 40px; border-radius:50px;}
.blubt01 {background: #008299; color: #fff; display: inline-block; font-size: 13px; height:25px; padding:10px 20px 0 20px; border:1px solid #828b9c;border-radius:50px;}

/* type1 */
.lst_board.type1 {border-top:2px solid #000;}
.lst_board.type1 ul li{display:table; table-layout:fixed; width:100%; height:69px; overflow:hidden; border-bottom:1px solid #c5c8d3;}
.lst_board.type1 ul li:last-child {border-bottom:1px solid #435057;}
.lst_board.type1 ul li p{display:table-cell; vertical-align:middle; height:43px; padding:13px 0; font-size:14px; color:#4f5355;}
.lst_board.type1 ul li p.no{width:80px; padding-left:0; text-align:center; font-size:25px; color:#ccc;font-family: 'Play', sans-serif;}
.lst_board.type1 ul li p.subject a{display:inline-block; vertical-align:middle; max-width:calc(100% - 68px); font-size:15px; color:#4f5355;  overflow:hidden; white-space:nowrap;}
.lst_board.type1 ul li p.subject img {vertical-align:middle; margin:0 0 0 10px;}
.lst_board.type1 ul li p.subject .lock{margin-left:16px; width:16px;}
.lst_board.type1 ul li p.author{position:relative; width:90px; padding:0 10px 0 50px;}
.lst_board.type1 ul li p.author .logintype{position:absolute; top:16px; left:0; width:40px; height:40px; background-color:#edeff4;}
.lst_board.type1 ul li p.date{width:100px; }
.lst_board.type1 ul li p.name{width:100px; }
.lst_board.type1 ul li p.state{width:100px;}
.lst_board.type1 ul li p.state span{display:inline-block; vertical-align:middle; width:80px; line-height:30px; text-align:center; font-size:12px; font-weight:700; color:#fff; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px;}
.lst_board.type1 ul li p.state span.ing{background:#3f6f93;}
.lst_board.type1 ul li p.state span.fin{background:#bbc7cd;}
.lst_board.type1 .board_empty{width:100%; line-height:350px; padding:0; text-align:center; font-size:14px; color:#084d98;}
.lst_board.type1 .board_empty p{color:#084d98;}


/* type3 */
.lst_board.type3 {border-top:2px solid #000; letter-spacing:0;}
.lst_board.type3 ul li{display:table; table-layout:fixed; width:100%; height:130px; padding:0 10px;overflow:hidden; border-bottom:1px solid #c5c8d3;}
.lst_board.type3 ul li:last-child {border-bottom:1px solid #435057;}
.lst_board.type3 ul li p{vertical-align:middle;  font-size:14px; color:#4f5355;}
.lst_board.type3 ul li p.subject {display:block; vertical-align:middle; max-width:calc(100%); font-weight:bold; font-size:16px; color:#000; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; padding:30px 0 10px 0;}
.lst_board.type3 ul li p.detail{display:block; vertical-align:middle; max-width:calc(100%); font-size:13px; color:#777; text-overflow:ellipsis; overflow:hidden; padding-bottom:20px; line-height:22px;}
.lst_board.type3 ul li p.date{width:150px; font-size:12px; color:#999;display:table-cell;font-family: 'Roboto', sans-serif;text-align:center; }
.lst_board.type3 ul li p.name{width:120px; font-size:12px; color:#1e8196;display:table-cell;font-family: 'Roboto', sans-serif;}
.lst_board.type3 ul li p.state{width:130px;display:table-cell;}
.lst_board.type3 ul li p.state span{display:inline-block; vertical-align:middle; width:80px; line-height:30px; text-align:center; font-size:12px; font-weight:700; color:#fff; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px;}


/* ����  */
.listen-list02 {width:100%; position: relative; text-align: left;}
.listen-list02 ul li {width:33.3%; float:left;}
.listen-box02 {width: 90%; margin:0 auto; height:390px; border-radius: 5px; background-color: #f1f2f7; overflow:hidden;margin-bottom:25px;}
.listen-box02 span * {display: block;}
.listen-box02 a:hover {text-decoration: none}
.listen-box02 .img {height:180px; width:100%; overflow: hidden; position: relative;z-index: 1; opacity:1;-moz-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;transition: all 1s;}
.listen-box02 .img img {height:180px; width:100%; overflow: hidden;}
.listen-box02 .info {overflow: hidden;position: relative;padding:30px 25px; letter-spacing: 0px; line-height: 1.4em;}
.listen-box02 .info p.cate {padding:0 0 10px 0; font-size: 12px; font-weight: bold; text-align: left; color: #bc9a5d; overflow: hidden;}
.listen-box02 .info p.tit {padding:0 0 10px 0;font-size: 15px; font-weight: bold; text-align: left; color: #000;  text-overflow:ellipsis;}
.listen-box02 .info p.txt {padding:0 0 10px 0; font-size: 13px; text-align: left; color: #777; overflow: hidden;}
.listen-box02 .info p.date {font-size: 11px; color:#777;font-family: 'Roboto', sans-serif;}

/* �¼һ��  */
.listen-list03 {width:100%; position: relative; text-align:center;}
.listen-list03 ul li {width:33.3%; float:left;}
.listen-box03 {width: 90%; margin:0 auto; height:300px; border-top:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:3px solid #ddd; background-color: #fff; overflow:hidden;margin-bottom:25px;}
.listen-box03 span * {display: block;}
.listen-box03 a:hover {text-decoration: none}
.listen-box03 .info {overflow: hidden;position: relative;padding:30px 25px; letter-spacing: 0px; line-height: 1.4em;}
.listen-box03 .info p.cate {padding:0 0 10px 0; font-size: 15px; font-weight: bold; color: #bc9a5d; overflow: hidden;}
.listen-box03 .info p.tit {padding:0 0 10px 0;font-size: 15px; font-weight: bold; color: #000;  text-overflow:ellipsis;}
.listen-box03 .info p.txt {padding:30px 0 10px 0; font-size: 13px; color: #777; overflow: hidden;background:url("/img/sub/case_line.gif") no-repeat center 0;}
.listen-box03 .info p.more {font-size: 12px; color:#777;font-family: 'Roboto', sans-serif;}
.listen-box03 .info p.more span {display:inline-block; padding:10px 20px; background:#fff; border:1px solid #2b3a53; border-radius:20px;}
.listen-box03 .info p.more span a:hover {background:#2b3a53; border:1px solid #2b3a53; color:#fff;}
.listen-box03:hover {background:#f1f2f7;}
.listen-box03 .img {height:180px; width:100%; overflow: hidden; position: relative;z-index: 1; opacity:1;-moz-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;transition: all 1s;}
.listen-box03 .img img {height:180px; width:100%; overflow: hidden;}
/* view */
.viewType02 {}
.viewType02 dt {border-bottom:2px solid #000;padding-top:30px;}
.viewType02 dt .titA {font-size: 27px; line-height: 1.5; margin: 0 auto; text-align:center;}
.viewType02 dt .dateA {color: #999; text-align:center; padding:10px 0 30px 0;}
.viewType02 dt .dateA {font-size: 13px; color: #f1732f; text-align:center; padding:10px 0 30px 0;}
.viewType02 dd .dataA {padding: 13px 0;width: 100%; border-bottom:1px solid #e5e5e5;}
.viewType02 dd .dataA ul li {padding:5px 10px;}
.viewType02 dd .dataA span {color:#000; display:inline-block; padding-right:15px; font-size:13px;}

.viewType02 dt .cate {ont-size: 12px; font-weight: bold; color: #bc9a5d; text-align:center; padding:0 0 30px 0;}
.viewType02 dt .posA {font-size: 14px; color: #f1732f; text-align:center; padding:10px 0 0 0;}
.viewType02 dd .fileA  {background: #f8f8f8; padding: 13px;width: 100%; border-top:1px solid #e5e5e5; font-size:13px;}
.viewType02 dd .fileA .item{color:#000; padding-right:15px;}
.viewType02 dd .fileA .file_name{color:#666;}
.viewType02 dd .fileA .file_name a {background:url("/img/sub/ico_file_o.png") no-repeat scroll 0 0; content: ""; left: 0;padding:0 20px 5px 20px; top: -2px; display:block;}
.viewType02 dd {padding:0 ; }
.viewType02 dd .viewCon {color:#555; line-height:25px; padding:50px; word-break:break-all; }


.viewType02 dd .viewCon img{width:100%;overflow:hidden;position:relative; margin-bottom:10px;}
.viewType02 dd .viewCon div.btn {position:absolute;top:1150px; z-index:99; width:1100px; margin:0 auto;}
.viewType02 dd .viewCon div.btn p.img_prev{float:left;}
.viewType02 dd .viewCon div.btn p.img_next{float:right;}
.viewType02 dd .viewCon div.v_con_list {width:100% !important; overflow:hidden;position:relative; margin-bottom:10px;}
.viewType02 dd .viewCon div.v_con_list ul li {width:135px; height:79px; float:left; margin-right:2px; margin-bottom:1px; overflow:hidden;}
.viewType02 dd .viewCon div.v_con_list ul li img {width:100%; border:1px solid #fff;}

.viewShiftA{border-top:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd}
.viewShiftA p{padding:15px 120px 15px; border-top:1px solid #e1e1e1; position:relative; font-size:13px; color:#555}
.viewShiftA p:first-child{border-top:none}
.viewShiftA .prvTit{position:absolute; left:19px; color:#000; display:inline-block; padding-right:30px; background:url('/img/sub/viewUp_arrow.png') right no-repeat;}
.viewShiftA .nxtTit{position:absolute; left:19px; color:#000; display:inline-block; padding-right:30px; background:url('/img/sub/viewDw_arrow.png') right no-repeat;}
.viewShiftA .date{position:absolute; top:19px; right:20px; font-size:13px; color:#767676}
.viewShiftA a{width:860px; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.viewShiftA a:hover{text-decoration:underline;}

.qna_viewA {border-top:1px solid #cdcdcd;background:#f1f2f7 url("/img/sub/ico_qna.gif") no-repeat scroll 25px 25px; }
.qna_viewA p.an {padding:25px 25px 25px 50px;color:#000; line-height:24px;}
.qna_viewA p.btn {padding:0 25px 25px 0;text-align:right;}

.qna_writeA {border-top:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd; padding:25px;vertical-align:top;position:relative;height:70px;}
.qna_writeA p.qna_writeA_le {width:90%;display:inline-block; float:left;}
.qna_writeA p.qna_writeA_le textarea {border:1px solid #ccc; width:100%; display:inline-block;height:55px;font-family:'Nanum Square','����',Dotum,'����',Gulim,Helvetica,sans-serif;}
.qna_writeA p.qna_writeA_ri {width:7%;display:inline-block; float:right;}
.qna_writeA p.qna_writeA_ri span.btn {background:#2b3a53;width:100%; color:#fff; display:inline-block; height:45px; padding-top:30px;text-align:center;}


/* write */
.wrt_board{border-top:1px solid #435057; border-bottom:1px solid #435057;}
.wrt_board dl{display:table; table-layout:fixed; width:100%;}
.wrt_board dl + dl{border-top:1px solid #c5c8d3;}
.wrt_board dl dt, .wrt_board dl dd{display:table-cell; min-height:44px; padding:13px 0; text-align:left; font-weight:700;}
.wrt_board dl dt{width:130px; vertical-align:top; padding-left:20px; line-height:44px; font-size:14px; color:#4f5355;}
.wrt_board dl dd{padding-right:30px; vertical-align:middle; color:#999;}
.wrt_board dl dd:after{content:""; display:block; clear:both;}
.wrt_board dl dd .wfull{width:100%;}
.wrt_board dl dd .w1{width:27.4% !important;}
.wrt_board dl dd .w2{width:37% !important;}
.wrt_board dl dd input[type="radio"] + label{display:inline-block; padding:0 5px 0 2px; min-width:43px; }
.wrt_board dl dd .frm_item{display:table; table-layout:fixed;}
.wrt_board dl dd .frm_item label{display:table-cell; vertical-align:middle; line-height:44px;}
.wrt_board dl dd .frm_item input{display:table-cell; width:100%; vertical-align:middle;}
.wrt_board dl dd .frm_item.type1{float:left; width:37%;}
.wrt_board dl dd .frm_item.type1 label{width:32px;}
.wrt_board dl dd .frm_item.type2{float:right; width:59%;}
.wrt_board dl dd .frm_item.type2 label{width:42px;}
.wrt_board dl dd span {color:#333; font-weight:200; font-size:14px; display:inline-block; padding-left:15px;}




/* inquiry */
.inq_wrapper {width:100%;float:left; padding-top:50px;}
.inq_le_tit {width:15%; float:left;text-align:left; border-top:2px solid #000;}
.inq_le_tit span {padding-top:20px; font-size:20px;display:block;}
.inq_info {width:70%; float:right;text-align:left;color: #999;}
.chk_area02 { color:#888; line-height:28px; padding-bottom:20px;}
.chk_area02 span {padding-right:30px;display:inline-block;}
.chk_area03 { color:#888; line-height:28px; border-bottom:1px dotted #ccc; padding-bottom:25px;}
.chk_area03 span {padding:20px 0;display:inline-block;}
.ipt_area02 {padding:20px 0;}
.ipt_line02 {padding:0 0 5px 0;}
.txt_input02{width:45%;height:35px;line-height:20px;padding:0 13px;font-size:14px;color:#000;border-bottom:1px solid #ccc;font-weight:400;}
.txt_input02:focus{border-bottom:1px solid #333;background:#fff;color:#000;}
.txt_input03{width:94%;height:35px;line-height:20px;padding:0 13px;font-size:14px;color:#000;border-bottom:1px solid #ccc;font-weight:400;}
.txt_input03:focus{border-bottom:1px solid #333;background:#fff;color:#000;}
.txt_textarea02{width:95%;height:100px;line-height:30px;padding:0 13px;font-size:13px;color:#000;;border-bottom:1px solid #ccc;font-weight:400;font-family:'Nanum Square','����',Dotum,'����',Gulim,Helvetica,sans-serif;}
.txt_textarea02:focus{border:1px solid #333;background:#fff;color:#000;}
.file_line02 {position:relative;padding:0;padding:0 0 5px 0;}
.file_line02 input.request_file2{width:100%;height:35px;line-height:20px;padding:0;color:#999;font-size:13px;position:absolute;z-index:2;background:#fff;}
.file_line02 .fake input{display:inline-block;width:80%;height:35px;line-height:20px;padding:0 13px; vertical-align:top;color:#999;font-size:13px;border:1px solid #ccc;border-radius:3px; background:#fff;}
.file_line02 .fake .btnfile{display:inline-block;height:35px;line-height:30px;width:15%;color:#fff;text-align:center;font-size:14px;z-index:1;border-radius:3px;background:#777;border:1px solid #777;}
.file_line02 p {font-size:13px; padding-bottom:5px;}
.btn_area {padding:30px 0; width:70%; float:right;text-align:right}
 a.btn003 {color:#fff; font-size:15px;background:#000; display:inline-block; padding:15px 30px;}
.inq_info p.tit {color:#000; padding:15px 0 10px 0;}

.agreeW{position:relative; border-top:3px solid #000; margin-top:10px;width:100%;}
.agree_check {position:relative;font-size:14px; padding:20px 0;;}
.agree_check span {display:inline-block;}
.agree_A {width:100%;position:relative;border:1px solid #d7d7d6;width:100%; clear:both; font-size:13px; padding:20px 0; overflow-y:scroll; margin-bottom:50px;}
.agree_A ul {width:90%; margin:0 auto;}




/* ���  */
.login_wrap {}
.login-bx{ overflow:hidden; display:block; width:100%; padding:30px 0 100px 0;}
.login-bx div.tc{ width:500px; margin:0 auto; padding:50px 0;}
.login-bx div.tc .inp{ padding:0;}
.login-bx div.tc .inp .input{font-family:'NanumGothic',sans-serif; border:none; border-bottom:#ccc 1px solid; height:36px; line-height:36px; text-indent:22px; display:block; width:100%; color:#999;}
.login-bx div.tc .inp+.inp{ margin-top:20px;}
.login-bx div.tc .chk{ padding:14px 0; text-align:right; color:#333; display:block; font-size:13px;}
.login-bx div.tc .btn-box{ margin-top:10px;}
.login-bx div.tc .btn-box a{ width:100%; padding:15px 0; border-radius: 25px; background:#2471c8; display:block; text-align:center; font-size: 16px;color: #fff;}
.login-bx div.tc .inp .input.id{ background:url("/img/sub/icon_id.png") 0 50% no-repeat;}
.login-bx div.tc .inp .input.pw{ background:url("/img/sub/icon_pw.png") 0 50% no-repeat;}


/*nav*/
.side {
    position: fixed;
    right: 0;
    top:340px;
    text-align: center;
    z-index: 99999;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.1);
}

.side_in{
    background-color: white;
    font-family: 'NotoSans';
}
.side_in ul li a{
    transition: all 0.3s ease-in-out;
    
}
.side_in ul li a:hover{
    background-color: #b3974543;
}
.side_in ul li a{
    padding: 5px 5px;
    display: block;
}




/*인사말*/

#about_hk{
    background-color: #f6f6f6;
    background-size: cover;
    height: 300px;
    overflow: hidden;
    width: 100%;
}
#about_hk .common_top{
    max-width: 1400px;
    margin: 150px auto;
    font-family: 'NotoSans';
    display: flex;
    justify-content: center;
    align-items: center;
}
#about_hk .common_top .common_inner01 h3{
    font-size: 35px;
    font-weight: bold;
}
#about_hk .common_top .common_inner02{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
    font-weight: bold;
    font-size: 20px;
}
#about_hk .common_top .common_bottom{
    margin-left: 10px;
}
.message{
    width: 100%;
    height: 100%;
    background: url('/img/sub/message_main.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.message_inner{
    max-width: 1400px;
    margin: 0 auto;
    padding: 12%;
    font-family: 'NotoSans';
}
.message_inner h3{
    font-size: 50px;
    font-weight: bold;
    margin-bottom: 60px;
}
.message_inner p{
    font-size: 19px;
    line-height: 32px;
}


/* 구성원-강한결 */

.people_khk{
    width: 100%;
}

.people_khk .people_inner{
    max-width: 1400px;
    margin: 200px auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.people_khk .people_inner .left{
    font-family: 'NotoSans';
}
.people_khk .people_inner .left .name{
    display: flex;
    align-items: center;
    margin-bottom: 60px;
}
.people_khk .people_inner .left .name .box{
    width: 16px;
    height: 120px;
    background-color: #a5821f;
    margin-right: 20px;
}
.people_khk .people_inner .left .name h3{
    font-size: 50px;
    font-weight: 600;
}
.people_khk .people_inner .left .name .one{
    font-size: 40px;
    font-weight: 500;
}
.people_khk .people_inner .left .name .two{
    font-weight: bold;
    font-size: 57px;
}
.people_khk .people_inner .left .explain{
    margin-bottom: 60px;
}
.people_khk .people_inner .left .explain p{
    font-size: 22px;
    font-weight: 600;
}
.people_khk .people_inner .left .explain .line{
    width: 700px;
    height: 6px;
    background-color: #f6f6f6;
    margin-top: 60px;
}
.people_khk .people_inner .left .career .text{
    margin-bottom: 30px;
    font-size: 18px;
}
.people_khk .people_inner .left .career .text h4{
    font-size: 23px;
    font-weight: 600;
    margin-bottom: 20px;
}
.people_khk .people_inner .left .career .text p{
    font-weight: 500;
    line-height: 28px;
}

/* 구성원 권하빈 */

.people_khb{
    width: 100%;
}

.people_khb .people_inner{
    max-width: 1400px;
    margin: 200px auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.people_khb .people_inner .right{
    font-family: 'NotoSans';
    text-align: right;
}
.people_khb .people_inner .right .name{
    display: flex;
    align-items: center;
    margin-bottom: 60px;
    justify-content: end;
}
.people_khb .people_inner .right .name .box{
    width: 16px;
    height: 120px;
    background-color: #a5821f;
    margin-left: 20px;
}
.people_khb .people_inner .right .name h3{
    font-size: 50px;
    font-weight: 600;
}
.people_khb .people_inner .right .name .one{
    font-size: 40px;
    font-weight: 500;
}
.people_khb .people_inner .right .name .two{
    font-weight: bold;
    font-size: 57px;
}
.people_khb .people_inner .right .explain{
    margin-bottom: 60px;
}
.people_khb .people_inner .right .explain p{
    font-size: 22px;
    font-weight: 600;
}
.people_khb .people_inner .right .explain .line{
    width: 700px;
    height: 6px;
    background-color: #f6f6f6;
    margin-top: 60px;
}
.people_khb .people_inner .right .career .text{
    margin-bottom: 30px;
    font-size: 18px;
}
.people_khb .people_inner .right .career .text h4{
    font-size: 23px;
    font-weight: 600;
    margin-bottom: 20px;
}
.people_khb .people_inner .right .career .text p{
    font-weight: 500;
    line-height: 28px;
}



/* 업무분야 */

.business{
    width: 100%;
}
.business .business_inner{
    max-width: 1400px;
    margin: 30px auto;
    font-family: 'NotoSans';
}
input[type="radio"]{
    display: none;
}
input[type="radio"] + label {
    display: inline-block;
    padding: 30px 20px;
    background: transparent;
    color: #12191f;
    font-size: 18px;
    cursor: pointer;
    font-family: 'NotoSans';
    font-weight: bold;
    margin: 0 33px;
    text-align: center;
    width: 150px;
    border-bottom: 3px solid white;
}

.business_inner input[type="radio"] + label {
    box-sizing: border-box; margin:0; width:14%;
}
input[type="radio"]:checked + label {
    color: #a5821f;
    border-bottom: 3px solid #a5821f;
    cursor: pointer;
}
.conbox {
    display: none;
    margin: 30px auto;
    overflow: hidden;
}
input[id="tab01"]:checked ~ .con1 {
    display: block;
}
input[id="tab02"]:checked ~ .con2 {
    display: block;
}
input[id="tab03"]:checked ~ .con3 {
    display: block;
}
input[id="tab04"]:checked ~ .con4 {
    display: block;
}
input[id="tab05"]:checked ~ .con5 {
    display: block;
}
input[id="tab06"]:checked ~ .con6 {
    display: block;
}
input[id="tab07"]:checked ~ .con7 {
    display: block;
}
input[id="tab08"]:checked ~ .con8 {
    display: block;
}
input[id="tab09"]:checked ~ .con9 {
    display: block;
}
input[id="tab10"]:checked ~ .con10 {
    display: block;
}

input[id="tab11"]:checked ~ .con11 {
    display: block;
}
input[id="tab12"]:checked ~ .con12 {
    display: block;
}
input[id="tab13"]:checked ~ .con13 {
    display: block;
}
.conbox .business_01_bg>img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}
.conbox .con1_middle{
    position: relative;
    top: -255px;
    z-index: 2;
    left: 87px;
}
.conbox .con1_bottom{
    width: 80%;
    background-color: #ffffff;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    top: -300px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    font-family: 'NotoSans';
    color: #12191f;
    padding: 60px;
}
.conbox .con1_bottom .left h3{
    font-size: 30px;
    font-weight: bold;
}
.conbox .con1_bottom .right p{
    font-size: 20px;
    font-weight: 400;
    line-height: 40px;
}


/* 스타트업 기업 법무*/
.conbox .con1_major{
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: 'NotoSans';
    position: relative;
    top: -170px;
    width: 100%;
}
.conbox .con1_major .major_left{
    width: 40%;
}
.conbox .con1_major .major_left>img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}
.conbox .con1_major .major_right{
    width: 50%;
}
.conbox .con1_major .major_right h4{
    font-size: 2.2rem;
    font-weight: 700;
    margin-bottom: 40px;
}
.conbox .con1_major .major_right .line{
    width: 80%;
    height: 3px;
    background-color: #3c6e71;
    margin-bottom: 40px;
}
.conbox .con1_major .major_right .major_txt{
    font-size: 1.2rem;
    margin-bottom: 10px;
    font-weight: 400;
}

/*변호사 선택*/
.business_lawyers{
    width: 100%;
    height: 100%;
    background: url('/img/sub/business_lawyer.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    box-sizing: border-box;
}
.business_lawyers .select_inner{
    max-width: 1400px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    font-family: 'NotoSans';
    color: white;
    padding: 5%;
}
.business_lawyers .select_inner img{
    transition: transform 0.3s;
    width:100%;
}
.business_lawyers .select_inner img:hover{
    transform: scale(1.2);
      
}
.business_lawyers .select_inner .img{
    display: block;
    overflow: hidden;
    border-radius: 50%;
}
.business_lawyers .select_inner h4{
    font-size: 1.5rem;
    font-weight: bold;
    margin: 30px auto;
}
.business_lawyers .select_inner input{
    background-color: transparent;
    border: 2px solid #fff;
    color: white;
    padding: 20px;
    font-size: 17px;
    line-height: 17px;
    cursor: pointer;
    font-family: 'NotoSans';
}
.business_lawyers .select_inner input:hover{
    background-color: #131a20;
    border: none;
    font-weight: bold;
    transition: all 0.2s ease-in;
    border: 2px solid #131a20;
}

/*.business_lawyers .select_inner > div{width:calc(20% - 15px);}*/
.business_lawyers .select_inner > div .img{width:100%;}


@media screen and (max-width:1200px){
    #about_hk .common_top .common_inner01 h3{
        font-size: 30px;
    }
    .business .business_inner{
        width: 90%;
        text-align: center;
        display:flex;
        flex-wrap: wrap;
    }
    input[type="radio"] + label {
        padding: 20px;
        margin: 0 10px;
    }
    .conbox .con1_major .major_right {
        text-align: left;
    }
    .foot_info{
        width: 93%;
    }
}
@media screen and (max-width:1024px){
    #about_hk .common_top .common_inner01 h3{
        font-size: 29px;
    }
    .conbox .con1_middle{
        left: 40px;
    }
    .conbox .con1_bottom{
        flex-direction: column;
        align-items: flex-start;
        text-align: left;
    }
    .conbox .con1_bottom .left{
        margin-bottom: 25px;
    }
    input[type="radio"] + label {
        padding: 15px;
        margin: 10px auto;
        font-size: 18px;
        width: 45%;
    }
    .conbox .con1_middle>img{
        width: 60%;
    }
    .conbox .con1_middle .civil{
        width: 40%;
    }
    .conbox .con1_bottom .right p {
        font-size: 18px;
        line-height: 30px;
    }
    .select_inner .select_khk{
        width: 25%;
    }
    .select_inner .select_khk .img>img{
        width: 100%;
    }
    .select_inner .select_mjh{
        width: 25%;
    }
    .select_inner .select_mjh .img>img{
        width: 100%;
    }
    .select_inner .select_khb{
        width: 25%;
    }
    .select_inner .select_khb .img>img{
        width: 100%;
    }
    .conbox .con1_major{
        box-sizing: border-box;
    }
    .conbox .con1_major .major_right h4{
        text-align: left;
    }
    .conbox .con1_major .major_right .major_txt{
        text-align: left;
    }

    .business_inner input[type="radio"] + label {
        box-sizing: border-box; margin:0; width:24.7%;
    }
}
@media screen and (max-width:866px){
    #about_hk .common_top .common_inner01 h3{
        font-size: 25px;
    }
    #about_hk .common_top .common_bottom>img{
        width: 90%;
    }
    input[type="radio"] + label{
        width: 44%;
    }
    .conbox .con1_middle{
        left: 20px;
        top: -140px;
    }
    .conbox .con1_bottom{
        top: -190px;
    }
    .conbox .con1_bottom .left {
        margin-top: 25px;
    }
    .conbox .con1_bottom .left h3{
        font-size: 27px;
    }
    .conbox .con1_bottom .right p {
        font-size: 18px;
        line-height: 35px;
    }
    .conbox .con1_bottom .right p br{
        display: none;
    }
    .conbox .con1_major{
        top: -140px;
    }
    .conbox .con1_major .major_right h4 {
        font-size: 1.8rem;
        margin-bottom: 20px;
    }
    .conbox .con1_major .major_right .major_txt {
        font-size: 1rem;
    }
    .business_lawyers .select_inner h4 {
        font-size: 1.2rem;
        margin: 20px auto;
    }
    .business_lawyers .select_inner input{
        padding: 15px;
        font-size: 16px;
        line-height: 16px;
    }
    .foot_info .logo>img{
        width: 170px;
    }
    .foot_info .info{
        font-size: 13px;
    }

    .business_inner input[type="radio"] + label {
        box-sizing: border-box; margin:0; width:33%;
    }

}
@media screen and (max-width:640px){
    #about_hk .common_top .common_inner01 h3 {
        font-size: 23px;
    }
    #about_hk .common_top .common_bottom>img {
        width: 80%;
    }
    input[type="radio"] + label {
        font-size: 17px;
        width: 42%;
    }
    .conbox .con1_middle{
        top: -100px;
        left: 50px;
    }
    .conbox .con1_bottom{
        width: 70%;
        overflow: hidden;
        padding: 40px;
        top: -145px;
    }
    .conbox .con1_bottom .left h3 {
        font-size: 24px;
    }
    .conbox .con1_bottom .right p {
        font-size: 17px;
        line-height: 30px;
    }
    .conbox .con1_major {
        top: -75px;
    }
    .conbox .con1_major .major_right h4 {
        font-size: 1.6rem;
        margin-bottom: 15px;
    }
    .conbox .con1_major .major_right .line{
        margin-bottom: 30px;
    }
    .business_lawyers .select_inner{
        padding: 3%;
    }
    .business_lawyers .select_inner h4{
        font-size: 1.1rem;
        margin: 15px auto;
    }
    .business_lawyers .select_inner input {
        padding: 12px;
        font-size: 14px;
        line-height: 14px;
    }
    .info .detail01{
        margin-right: 5px;
    }
    .info .detail02 {
        margin-right: 5px;
    }
    .business_inner input[type="radio"] + label{width:49.5%; white-space: nowrap;}
}
@media screen and (max-width:480px){
    #about_hk {
        height: 250px;
    }
    #about_hk .common_top{
        margin: 140px auto;
    }
    #about_hk .common_top .common_inner01 h3 {
        font-size: 22px;
    }
    #about_hk .common_top .common_bottom>img {
        width: 70%;
    }
    input[type="radio"] + label {
        font-size: 16px;
        padding: 10px;
    }
    .conbox .con1_bottom{
        width: 60%;
        top: -80px;
        padding: 30px;
    }
    .conbox .con1_bottom .left h3 {
        font-size: 21px;
    }
    .conbox .con1_bottom .left h3 {
        font-size: 19px;
    }
    .conbox .con1_bottom .right p {
        font-size: 16px;
        line-height: 27px;
    }
    .conbox .con1_middle {
        top: -48px;
        left: 50px;
    }
    .conbox .con1_major{
        top: -35px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .conbox .con1_major .major_left {
        width: 90%;
        margin-bottom: 40px;
    }
    .conbox .con1_major .major_right {
        width: 90%;
    }
    .business_lawyers .select_inner h4{
        font-size: 1rem;
    }
    .foot_info .logo>img {
        width: 120px;
    }
    .foot_info .copy {
        font-size: 12px;
    }

}
@media screen and (max-width:360px){
    #about_hk {
        height: 240px;
    }
    #about_hk .common_top .common_inner01 h3 {
        font-size: 21px;
    }
    .business .business_inner{
        margin: 50px auto;
    }
    input[type="radio"] + label {
        font-size: 14px;
    }
    .conbox .con1_bottom{
        width: 70%;
        top: -57px;
        padding: 10px;
    }
    .conbox .con1_bottom .left h3 {
        font-size: 18px;
    }
    .conbox .con1_bottom .right p {
        font-size: 0.9rem;
        line-height: 25px;
    }
    .conbox .con1_middle {
        top: -30px;
        left: 45px;
    }
    .conbox .con1_major .major_right h4{
        font-size: 1.4rem;
    }
    .conbox .con1_major .major_right .major_txt {
        font-size: 0.9rem;
    }
    .business_lawyers .select_inner input{
        padding: 3px;
        border: 1px solid #fff;
        font-size: 12px;
        line-height: 12px;
    }
    .foot_info .logo>img {
        width: 110px;
    }
    .foot_info .info {
        font-size: 11px;
    }
    .foot_info .copy {
        font-size: 10px;
    }

}