@charset "utf-8";

@font-face {
    font-family: 'JeonjuCraftMjB';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2310@1.0/JeonjuCraftMjB.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
}
@font-face{
	font-family:'dok';
	src:url('/common/font/EastSeaDokdo-Regular.woff');
}
@font-face{
	font-family:'pretendard';
	src:url('/common/font/Pretendard-Medium.woff');
}
@font-face{
	font-family:'pretendard_light';
	src:url('/common/font/Pretendard-Light.woff');
}

/* ���뽺Ÿ��  */
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_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;}




/* �Խ��ǰ˻�  */
.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;
}
#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;
    background-attachment: fixed;
}
.message_inner{
    max-width: 1400px;
    margin: 0 auto;
    padding: 9%;
    font-family: 'NotoSans';
}
.message_inner p{
    color: white;
    font-size: 40px;
    font-family: 'NotoSans';
    line-height: 70px;
    font-weight: 400;
}
/*민지훈 인사말*/

.ceo{
    width: 100%;
    height: 100%;
    background: url('/img/sub/ceo_bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.ceo_inner{
    max-width: 1400px;
    margin: 0 auto;
    padding: 15%;
    text-align: center;
}
.ceo_inner p:first-child{
    font-family: 'dok';
    font-size: 70px;
    margin-bottom: 50px;
}
.ceo_inner p{
    color: white;
    font-size: 25px;
    line-height: 50px;
    margin-bottom: 30px;
    font-family: 'pretendard_light';
}
.ceo_inner .sign{
    margin: 0 auto;
    color: white;
    font-size: 27px;
    display: flex;
    font-family: 'pretendard_light';
    align-items: center;
    justify-content: center;
}
.ceo_inner .sign>img{
    margin-left: 15px;
}
/*멤버소개*/
.hk_member{
    max-width: 1400px;
    margin: 200px auto;
}
.member_inner ul{
    display: flex;
     justify-content: flex-start;
    flex-wrap: wrap;
}
.member_inner ul li{
    overflow: hidden;
    position: relative;
        margin: 20px 15px;
    width: calc(33.3333% - 30px);
}
.member_inner .image_text{
    position: absolute;
    width: 100%;
   
/*    top: 70%;*/
/*    height: 30%;*/
bottom:0;
}
.member_inner .image_text .text{
    padding: 30px 20px;
     background-color: #284847a8;
}
.member_inner .image_text .text h4{
    font-size: 20px;
    font-family: 'NotoSans';
    font-weight: 200;
    color: white;
}
.member_inner .image_text .text span{
    font-family: 'NotoSans';
    font-size: 37px;
    font-weight: 600;
    color: white;
    margin-right: 10px;
}
.member_inner .image_text .text h5{
    font-size: 25px;
    font-family: math;
    font-weight: 200;
    color: white;
    margin-top: 20px;
}
.member_inner img{
    transition: all 0.2s ease;
    width:100%;
}
.member_inner img:hover{
    transform: scale(1.1);
}



/* 구성원-강한결 */

.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: 45px;
    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;
    line-height: 35px;
}
.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_khk .people_inner .left .career .text p>span{
    font-weight: bold;
}

/* 구성원 권하빈 */

.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: 45px;
    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;
    line-height: 35px;
}
.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;
}
.people_khb .people_inner .right .career .text p>span{
    font-weight: bold;
}

/* 구성원 민지훈 */

.people_mjh{
    width: 100%;
}

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

/* 오시는 길*/
.map{
    width: 100%;
}
.map .tab_content{
    max-width: 1400px;
    margin: 200px auto;
    font-family: 'NotoSans';
}
input[type="radio"]{
    display: none;
}
input[type="radio"] + label {
    display: inline-block;
    padding: 20px;
    background: transparent;
    color: #12191f;
    font-size: 20px;
    cursor: pointer;
    font-family: 'NotoSans';
    border: 1px solid #cacaca;
    font-weight: bold;
}
input[type="radio"]:checked + label {
    background-color: #12191f;
    color: white;
    transition: all 0.3s ease-in-out;
    border: none;
}
.conbox {
    margin: 30px auto;
    display: none;
}
input[id="tab01"]:checked ~ .con1 {
    display: block;
}
input[id="tab02"]:checked ~ .con2 {
    display: block;
}
.conbox .con_text{
    display: flex;
    margin: 10px auto;
    align-items: center;
    font-family: 'NotoSans';
    font-size: 17px;
    padding: 15px;
    text-align: left;
}
.conbox .con_text .text_01{
    font-size: 20px;
    font-weight: 600;
    margin: 0 10px;
    color: #333333;
    position: relative;
}
.conbox .con_text .text_02{
    color: #666666;
    font-size: 18px;
    font-weight: 500;
    position: absolute;
    left: 25%;
}

/* 야간상담 */
.business_time{
    width: 100%;
    margin: 200px auto;
    position: relative;
}
.time_inner{
    max-width: 1400px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
}
.time_left{
    font-family: 'NotoSans';
}
.time_left .top1{
    padding-left: 90px;
}
.time_left .top1 h3{
    font-size: 36px;
    font-weight: 500;
}
.time_left .top1 span{
    font-size: 48px;
    font-weight: 600;
}
.time_left .top2{
    padding-top: 100px;
    padding-left: 90px;
    line-height: 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.time_left .top2 p{
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 0;
    color: white;
}
.time_left .top2 p span{
    font-weight: 600;
    color: #a5821f;
}
.time_left .top2 .reser{
    display: flex;
    align-items: center;
}
.time_left .top2 input{
    padding: 10px;
    background-color: transparent;
    border: 2px solid #fff;
    cursor: pointer;
    font-size: 18px;
    font-family: 'NotoSans';
    border-radius: 50px;
    width: 180px;
    font-weight: bold;
    transition: all 0.3s ease-in-out;
    color: white;
}
.time_left .top2  input:hover{
    background-color: #fff;
    color: #12191f;
}
.time_left .top3{
    position: absolute;
    z-index: -1;
    bottom: -80px;
}

/*구성원 배경화면*/
.memfir_inner{
    background: url(/img/sub/member_bg.jpg) center bottom no-repeat;
    height: auto;
    padding: 80px 0 80px 0;
}
.inner_bg{
    text-align: center;
}
.inner_bg>img{
    width: 90%;
    margin: 0 auto;
    max-width: 915px;
}
/* 승소사례 */
.case{
    width: 100%;
    height: 100%;
    background: url('/img/sub/success_bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}
.case .case_inner{
    max-width: 1400px;
    margin: 0 auto;
    padding: 10%;
}
.case .case_inner h4{
    font-family: 'NotoSans';
    color: white;
    font-size: 40px;
    font-weight: bold;
    margin-bottom: 20px;
}
.case .case_inner h4:last-child{
    margin-bottom: 0;
}
.success{
    width: 100%;
}
.success .success_inner{
    margin: 200px auto;
    max-width: 1400px;
    margin: 200px auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.success .success_inner .list_box{
    width: 30%;
    min-height: 17rem;
    font-family: 'NotoSans';
    background-color: #f5f5f5;
    border: 3px solid #f5f5f5;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-shadow: 5px 5px 15px #9e9e9e;
    margin-bottom: 70px;
    position: relative;
}
.success .success_inner .list_box:hover{
    background-color: #12191f;
    border: 3px solid #12191f;
    transition: all .2s ease-in-out;
    transform: translateY(-20px);
}
.success .success_inner .list_box:hover .list_top .txt{
    color: white;
}
.success .success_inner .list_box .list_top{
    padding: 40px;
}
.success .success_inner .list_box .list_top .crown_in{
    position: absolute;
    left: 300px;
    top: -35px;
}
.success .success_inner .list_box .list_top a:hover{
    text-decoration-line: underline;
}
.success .success_inner .list_box .list_top strong{
    font-size: 24px;
    font-weight: bold;
    transition: color .2s ease-in-out;
}
.success .success_inner .list_box:hover .list_top strong{
    color: white;
    text-decoration: underline white;
}
.success .success_inner .list_box .list_top .tit{
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 40px;
    color: #a5821f;
    transition: color .2s ease-in-out;
}
.success .success_inner .list_box .list_top .txt{
    margin-top: 30px;
    font-size: 16px;
    text-overflow: ellipsis;
    line-height: 22px;
    transition: all .2s;
}
.success .success_inner .list_box .list_bottom{
    padding: 40px;
    border-top: 1px solid #c7c7c7;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.success .success_inner .list_box .list_bottom>p{
    font-family: 'NotoSans';
    font-weight: 800;
    font-size: 20px;
    transition: color .2s ease-in-out;
    margin-left: 20px;
}
.success .success_inner .list_box:hover .list_bottom>p{
    color: white;
}
/* 승소사례_이야기*/
.story_header{
    width: 100%;
}
.story_header .header_inner{
    max-width: 1400px;
    margin: 200px auto;
}
.story_header .header_inner h3{
    font-family: 'NotoSans';
    text-align: center;
    font-size: 1.75rem;
    font-weight: bold;
}
.story_header .header_inner .line{
    width: 100%;
    height: 2px;
    background-color: #c7c7c7;
    margin-top: 100px;
}
.story{
    width: 100%;
    margin-bottom: 200px;
}
.story .story_inner{
    max-width: 1400px;
    margin: 100px auto;
    display: flex;
    justify-content: space-between;
}
.story .story_inner .story_con{
    font-family: 'NotoSans';
    margin-bottom: 50px;
}
.story .story_inner .story_con:last-child{
    margin-bottom: 150px;
}
.story .story_inner .story_con h3{
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 30px;
    color: #a5821f;
}
.story .story_inner .story_con p{
    font-size: 20px;
    line-height: 35px;
    width: 90%;
}
.story .story_inner input{
    width: 150px;
    height: 70px;
    font-size: 18px;
    background-color: transparent;
    font-family: 'Notosans';
    color: #12191f;
    border: none;
    cursor: pointer;
    border: 1px solid #ddd;
}
.story .story_inner input:hover{
    background-color: #12191f;
    color: white;
}

/* 온라인 상담 */
.online{
    width: 100%;
    height: 100%;
    background: url(/img/sub/contact_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}
.online .online_inner{
    max-width: 1400px;
    margin: 0 auto;
    padding: 9%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.online .online_inner .online_text h3{
    font-family: 'NotoSans';
    font-size: 40px;
    font-weight: bold;
    line-height: 60px;
    color: #131a20;
}

.noti{
    width: 100%;
}
.noti_inner{
    max-width: 1400px;
    margin: 200px auto;
}
.noti_inner .top{
    display: flex;
    align-items: center;
    justify-content: center;
}
.noti_inner .top h3{
    font-family: 'NotoSans';
    font-size: 2.3rem;
    font-weight: 500;
    margin: 0 20px;
}
.noti_inner .bot p{
    text-align: center;
    font-family: 'NotoSans';
    font-size: 1.8rem;
    font-weight: 300;
    margin-top: 50px;
}
.noti_inner .pro{
    display: flex;
    justify-content: center;
    margin-top: 50px;
    align-items: center;
    text-align: center;
}
.noti_inner .pro .box{
    width: 25%;
    border-right: 2px solid #ebebeb;
}
.noti_inner .pro .box:last-child{
    border-right: none;
}
.noti_inner .pro .box>img{
    margin: 30px auto;
}
.noti_inner .pro .box span{
    border: 2px solid #000;
    padding: 10px 20px;
    border-radius: 30px;
    color: #000;
    font-size: 20px;
    font-weight: 400;
    display: block;
    width: 100px;
    margin: 30px auto;
    font-family: 'NotoSans';
}
.noti_inner .pro .box h4{
    font-family: 'NotoSans';
    font-size: 1.3rem;
}
.noti_inner .pro .box span:hover{
    background-color: #a5821f;
    color: #fff;
    border: 2px solid #a5821f;
}
.advice{
    margin-top: 100px;
}
.advice_top{
    margin-bottom: 70px;
    width: 100%;
    height: 2px;
    background-color: #ebebeb;
}
.advice_bottom form{
    width: 60%;
    margin: 0 auto;
    padding: 60px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.1);
}
.Consult_counsel_list__kz3dm{
    width: 70%;
    margin: 0 auto;
}
.Consult_counsel_list__kz3dm .dott{
    margin-bottom: 2em;
    text-align: right;
    color: red;
    font-family: 'NotoSans';
    font-weight: bold;
    font-size: 1.1rem;
}
.Consult_container__XEw2b{
    display: flex;
    justify-content: center;
}
.Consult_container__XEw2b .Consult_title__xnJj4{
    font-family: 'NotoSans';
    font-weight: 500;
    margin-bottom: 50px;
    width: 20%;
    height: 35px;
    padding-top: 10px;
    color: #1c1c1b;
    text-align: left;
    font-weight: bold;
}
.Consult_container__XEw2b .Consult_title__xnJj4>span{
    color: red;
    margin-right: 5px;
}
.Consult_container__XEw2b .Consult_title__xnJj4_text{
    font-family: 'NotoSans';
    font-weight: 500;
    margin-bottom: 50px;
    width: 20%;
    height: 290px;
    padding-top: 10px;
    line-height: 280px;
    color: #1c1c1b;
    text-align: left;
    font-weight: bold;
}
.Consult_container__XEw2b .Consult_title__xnJj4_text>span{
    color: red;
    margin-right: 5px;
}
.Consult_container__XEw2b .Consult_box__7vBe_{
    width: 80%;
    font-family: 'NotoSans';
}
.Consult_container__XEw2b .Consult_box__7vBe_ .undefined{
    width: 100%;
    padding: 10px 3px;
    box-sizing: border-box;
    outline: none;
    height: 50px;
    color: #555555;
    box-shadow: 0px 0px 0px 1px #ddd;
    border-radius: 4px;
    background: #fff;
    border: none;
}
.Consult_container__XEw2b .Consult_box__7vBe_ .undefined:focus{
    box-shadow:0px 0px 0px 2px #2471c8; outline:none;
}
.Consult_container__XEw2b .Consult_box__7vBe_ .undefined_text{
    width: 100%;
    padding: 10px 3px;
    box-sizing: border-box;
    outline: none;
    color: #555555;
    box-shadow: 0px 0px 0px 1px #ddd;
    border-radius: 4px;
    background: #fff;
    border: none;
    height: 300px;
}
input::placeholder{
    color: #555555;
}
.Consult_container__XEw2b .Consult_box__7vBe_ .undefined_text:focus{
    box-shadow:0px 0px 0px 2px #2471c8; outline:none;
}
.checkbox_wrap{
    width: 100%;
    margin: 0 auto;
}
.checkbox{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    font-family: 'Notosans';
}
.checkbox #consulting_agree{
    zoom: 2.0;
}
.checkbox #popupButton{
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    text-align: center;
    padding: 8px 10px;
    cursor: pointer;
}
.checkbox>p{
    margin: 0 10px;
}
.con_text_2{
    text-align: center;
    margin-top: 70px;
}
.con_text_2 .go{
    margin: 0 auto;
}
.con_text_2 .go .go_input{
    width: 100%;
    padding: 25px;
    font-family: 'NotoSans';
    background-color: #0e1d2b;
    color: white;
    border-radius: 10px;
    border: none;
    font-size: 28px;
    cursor: pointer;
    font-weight: 700;
    transition: all 0.3s ease-out;
}
.con_text_2 .go .go_input:hover{
    transform: translateY(-10px);
}
.noti .popcon{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9999;
}

.noti .popcon .popup-content {
    background-color: white;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    font-family: 'NotoSans';
}

.noti .popcon .popup-content .cont_title_wrap .ekerl{
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 20px;
    cursor: pointer;
}

/*이용약관*/

@media screen and (max-width:1200px){
    #about_hk .common_top .common_inner01 h3{
        font-size: 30px;
    }
    .message_inner p {
        font-size: 35px;
        line-height: 60px;
    }
    .foot_info{
        width: 93%;
    }

    /*구성원*/
    .member_inner ul li{
        width: 32%;
    }
    /*승소사례*/
    .case .case_inner h4{
        font-size: 35px;
    }
    .success {
        width: 90%;
        margin: 0 auto;
    }
    .success .success_inner .list_box .list_top .crown_in{
        left: 215px;
    }
    .story_header {
        width: 90%;
        margin: 0 auto;
    }
    .story{
        width: 90%;
        margin: 0 auto;
    }
    .story .story_inner{
        flex-direction: column-reverse;
        justify-content: center;
        align-items: center
    }
    .story_left{
        margin-top: 100px;
    }
    /* 온라인상담 */
    .online .online_inner .online_text h3{
        font-size: 35px;
    }
    .noti{
        width: 90%;
        margin: 0 auto;
    }
    .noti_inner .top h3 {
        font-size: 2.1rem;
    }
    .noti_inner .bot p{
        font-size: 1.6rem;
    }
    .noti_inner .pro{
        width: 90%;
        margin: 50px auto;
    }
    .noti_inner .pro .box h4{
        font-size: 1.2rem;
    }
    .advice_top{
        width: 90%;
        margin: 70px auto;
    }
    /* 구성원 소개 */
    .people_mjh{
        width: 90%;
        margin: 0 auto;
    }
    .people_mjh .people_inner {
        flex-direction: column;
    }
    .people_mjh .people_inner .left{
        margin-bottom: 100px;
    }



    .people_khk{
        width: 90%;
        margin: 0 auto;
    }
    .people_khk .people_inner {
        flex-direction: column;
    }
    .people_khk .people_inner .left{
        margin-bottom: 100px;
    }


    .people_khb{
        width: 90%;
        margin: 0 auto;
    }
    .people_khb .people_inner {
        flex-direction: column;
    }
    .people_khb .people_inner .left{
        margin-bottom: 100px;
    }

}

@media screen and (max-width:1024px){
    #about_hk .common_top .common_inner01 h3{
        font-size: 29px;
    }
    .message_inner p {
        font-size: 30px;
        line-height: 55px;
    }
    .ceo_inner p:first-child{
        font-size: 60px;
    }
    .ceo_inner p{
        font-size: 23px;
    }
    .time_left .top1 h3{
        font-size: 26px;
    }
    .time_left .top1 span{
        font-size: 42px;
    }
    .time_left .top3>img{
        width: 90%;
        margin: 0 auto;
    }
    .time_inner .time_right>img{
        width: 90%;
        margin: 0 auto;
    }
    .time_left .top2 p{
        font-size: 22px;
    }
    .time_left .reser>img{
        width: 28px;
    }
    .time_left .top2 input{
        font-size: 17px;
        width: 160px;
    }
    .time_left .top2{
        padding-top: 90px;
    }
    .map .tab_content{
        width: 90%;
    }
    /*구성원*/
    .member_inner img{
        width: 330px;
    }
    .member_inner .image_text .text span {
        font-size: 33px;
    }
    .member_inner .image_text .text h5{
        font-size: 23px;
    }
    /*승소사례*/
    .case .case_inner h4{
        font-size: 30px;
    }
    .success .success_inner .list_box {
        width: 45%;
    }
    .success .success_inner .list_box .list_top .crown_in {
        left: 251px;
    }
    .success .success_inner .list_box .list_top strong{
        font-size: 23px;
    }
    .story .story_inner .story_con p {
        width: 100%;
    }
    /* 온라인상담 */
    .online .online_inner .online_text h3 {
        font-size: 30px;
        line-height: 55px;
    }
    .noti_inner .top>img{
        width: 60px;
    }
    .noti_inner .top h3 {
        font-size: 2rem;
    }
    .noti_inner .bot p {
        font-size: 1.5rem;
    }
    .noti_inner .pro .box>img{
        width: 60px;
    }
    .noti_inner .pro .box span {
        padding: 9px 15px;
        width: 90px;
        font-size: 19px;
    }
    .noti_inner .pro .box h4 {
        font-size: 1rem;
    }
    .advice_bottom form {
        width: auto;
    }
    .con_text_2 .go .go_input{
        padding: 20px;
        font-size: 26px;
    }
    /* 구성원 소개 */
    .people_mjh .people_inner .left .lawyer>img{
        width: 80%;
        margin: 0 auto;
    }
    .people_mjh .people_inner .right .name h3 {
        font-size: 40px;
    }
    .people_mjh .people_inner .right .name .one {
        font-size: 37px;
    }
    .people_mjh .people_inner .right .name .two {
        font-weight: bold;
        font-size: 50px;
    }
    
    .people_khk .people_inner .left .lawyer>img{
        width: 80%;
        margin: 0 auto;
    }
    .people_khk .people_inner .right .name h3 {
        font-size: 40px;
    }
    .people_khk .people_inner .right .name .one {
        font-size: 37px;
    }
    .people_khk .people_inner .right .name .two {
        font-weight: bold;
        font-size: 50px;
    }

    .people_khb .people_inner .left .lawyer>img{
        width: 80%;
        margin: 0 auto;
    }
    .people_khb .people_inner .right .name h3 {
        font-size: 40px;
    }
    .people_khb .people_inner .right .name .one {
        font-size: 37px;
    }
    .people_khb .people_inner .right .name .two {
        font-weight: bold;
        font-size: 50px;
    }



}
@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%;
    }
    .message_inner p {
        font-size: 27px;
        line-height: 48px;
    }
    .ceo_inner p:first-child {
        font-size: 55px;
    }
    .ceo_inner p {
        font-size: 21px;
        line-height: 45px;
    }
    .ceo_inner .sign{
        font-size: 25px;
    }
    .ceo_inner .sign>img{
        width: 13%;
    }
    .time_left .top1 span {
        font-size: 36px;
    }
    .time_left .top1 h3 {
        font-size: 24px;
    }
    .time_inner .time_right>img {
        width: 80%;
    }
    .time_left .top2{
        line-height: 40px;
        flex-direction: column;
        padding-top: 45px;
        align-items: flex-start;
    }
    .time_left .top2 p{
        font-size: 20px;
    }
    .time_left .top2 input {
        font-size: 16px;
        width: 140px;
        margin-top: 20px;
    }
    .time_left .top3{
        bottom: -55px;
    }
    .time_left .reser>img {
        width: 25px;
    }
    input[type="radio"] + label {
        padding: 18px;
        font-size: 18px;
    }
    .conbox .con_text .text_02{
        font-size: 17px;
    }
    .foot_info .logo>img{
        width: 170px;
    }
    .foot_info .info{
        font-size: 13px;
    }
    /*구성원*/
    .member_inner ul{
        align-items: center;
        flex-direction: column;
        margin: 0 auto;
    }
    .member_inner img{
        width: 100%;
    }
    .member_inner ul li {
        width: auto;
        margin-bottom: 30px;
    }
    .member_inner ul li:last-child{
        margin-bottom: 0;
    }
    /*승소사례*/
    .case .case_inner h4 {
        font-size: 27px;
    }
    .success .success_inner .list_box {
        width: 47%;
    }    
    .success .success_inner .list_box .list_top .crown_in {
        left: 170px;
    }
    .success .success_inner .list_box .list_top strong {
        font-size: 21px;
    }
    .success .success_inner .list_box .list_bottom>p {
        font-size: 18px;
        margin-left: 10px;
    }
    .story_header .header_inner {
        margin: 150px auto;
    }
    .story_header .header_inner h3{
        font-size: 1.6rem;
    }
    .story_img>img{
        width: 80%;
        margin: 0 auto;
    }
    .story .story_inner .story_con h3 {
        font-size: 26px;
    }
    .story .story_inner .story_con p {
        font-size: 19px;
        line-height: 32px;
    }
    .story .story_inner input {
        width: 120px;
        height: 60px;
    }
     /* 온라인상담 */
     .online .online_inner .online_text h3 {
        font-size: 27px;
        line-height: 48px;
    }
    .noti_inner .pro {
        margin: 40px auto;
        flex-wrap: wrap;
    }
    .noti_inner .pro .box {
        width: 40%;
        border: none;
    }
    .noti_inner .top>img {
        width: 50px;
    }
    .noti_inner .top h3 {
        font-size: 1.8rem;
    }
    .noti_inner .bot p {
        font-size: 1.4rem;
        margin-top: 30px;
    }
    .noti_inner .pro .box>img {
        width: 50px;
        margin: 20px auto;
    }
    .noti_inner .pro .box span {
        padding: 9px 15px;
        width: 80px;
        font-size: 17px;
    }
    .noti_inner .pro .box h4{
        height: 40px;
    }
    .con_text_2 .go .go_input {
        padding: 18px;
        font-size: 24px;
    }
    /* 구성원 소개 */
    .people_mjh .people_inner .right {
        width: 100%;
    }
    .people_mjh .people_inner .right .name{
        margin-bottom: 40px;
    }
    .people_mjh .people_inner .right .name h3 {
        font-size: 36px;
    }
    .people_mjh .people_inner .right .name .one {
        font-size: 33px;
    }
    .people_mjh .people_inner .right .name .two{
        font-size: 48px;
    }
    .people_mjh .people_inner .right .explain p {
        font-size: 20px;
    }
    .people_mjh .people_inner .right .explain .line{
        margin-top: 40px;
    }


    .people_khk .people_inner .right {
        width: 100%;
    }
    .people_khk .people_inner .right .name{
        margin-bottom: 40px;
    }
    .people_khk .people_inner .right .name h3 {
        font-size: 36px;
    }
    .people_khk .people_inner .right .name .one {
        font-size: 33px;
    }
    .people_khk .people_inner .right .name .two{
        font-size: 48px;
    }
    .people_khk .people_inner .right .explain p {
        font-size: 20px;
    }
    .people_khk .people_inner .right .explain .line{
        margin-top: 40px;
    }

    .people_khb .people_inner .right {
        width: 100%;
    }
    .people_khb .people_inner .right .name{
        margin-bottom: 40px;
    }
    .people_khb .people_inner .right .name h3 {
        font-size: 36px;
    }
    .people_khb .people_inner .right .name .one {
        font-size: 33px;
    }
    .people_khb .people_inner .right .name .two{
        font-size: 48px;
    }
    .people_khb .people_inner .right .explain p {
        font-size: 20px;
    }
    .people_khb .people_inner .right .explain .line{
        margin-top: 40px;
    }


}
@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%;
    }
    .message_inner p {
        font-size: 25px;
        line-height: 45px;
    }
    .ceo_inner p:first-child {
        font-size: 50px;
    }
    .ceo_inner p {
        font-size: 20px;
        line-height: 43px;
    }
    .ceo_inner .sign {
        font-size: 24px;
    }
    .time_left .top1 h3 {
        font-size: 20px;
    }
    .time_left .top1 span {
        font-size: 22px;
    }
    .time_left .top2 p {
        font-size: 16px;
    }
    .time_left .reser>img {
        width: 23px;
    }
    .time_left .top2 input {
        font-size: 14px;
        width: 120px;
        margin-top: 10px;
    }
    .time_left .top2{
        padding-top: 30px;
    }
    .time_left .top3 {
        bottom: -16px;
    }
    input[type="radio"] + label {
        padding: 15px;
        font-size: 15px;
    }
    .conbox .con_text .text_01 {
        font-size: 18px;
    }
    .conbox .con_text{
        padding: 20px;
    }
    .conbox .con_text .text_02{
        font-size: 15px;
        left: 30%;
    }
    .info .detail01{
        margin-right: 5px;
    }
    .info .detail02 {
        margin-right: 5px;
    }
     .info a{color:#fff;}
    /*구성원*/
    .member_inner ul {
        width: 70%;
    }
    .member_inner .image_text .text span {
        font-size: 30px;
    }
    .member_inner .image_text .text{
        padding: 20px;
    }
    /*승소사례*/
    .success .success_inner{
        margin: 150px auto;
    }
    .case .case_inner h4 {
        font-size: 25px;
    }
    .success .success_inner .list_box {
        width: 100%;
    }
    .success .success_inner .list_box .list_top .crown_in{
        left: 325px;
    }
    .story_header .header_inner {
        margin: 120px auto;
    }
    .story_header .header_inner h3 {
        font-size: 1.2rem;
    }
    .story_left {
        margin-top: 80px;
    }
    .story .story_inner .story_con h3 {
        font-size: 24px;
    }
    .story .story_inner .story_con p {
        font-size: 18px;
        line-height: 30px;
    }
    .story .story_inner input {
        width: 110px;
        height: 50px;
        font-size: 16px;
    }
    /* 온라인상담 */
    .online .online_inner .online_text h3 {
       font-size: 25px;
       line-height: 45px;
    }
    .noti_inner {
        max-width: 1400px;
        margin: 150px auto;
    }
    .noti_inner .top>img {
        width: 40px;
    }
    .noti_inner .top h3 {
        font-size: 1.6rem;
    }
    .noti_inner .bot p {
        font-size: 1.2rem;
    }
    .noti_inner .pro .box span {
        padding: 9px 10px;
        width: 70px;
    }
    .advice {
        margin-top: 80px;
    }
    .advice_top {
        margin: 60px auto;
    }
    .advice_bottom form{
        padding: 40px;
    }
    .Consult_counsel_list__kz3dm .dott{
        font-size: 0.9rem;
    }
    .Consult_counsel_list__kz3dm{
        width: 100%;
    }
    .con_text_2 .go .go_input {
        padding: 14px;
        font-size: 22px;
    }
    /* 구성원 소개 */
    .people_mjh .people_inner{
        margin: 150px auto;
    }
    .people_mjh .people_inner .right .name h3 {
        font-size: 28px;
    }
    .people_mjh .people_inner .right .name .one {
        font-size: 28px;
    }
    .people_mjh .people_inner .right .name .two {
        font-size: 44px;
    }
    .people_mjh .people_inner .right .explain p {
        font-size: 19px;
    }
    .people_mjh .people_inner .right .explain {
        margin-bottom: 50px;
    }
    .people_mjh .people_inner .right .career .text h4 {
        font-size: 21px;
    }
    .people_mjh .people_inner .right .career,
    .people_khk .people_inner .right .career,
    .people_khb .people_inner .right .career{
        text-align: left;
    }
    .people_mjh .people_inner .right .career .text {
        margin-bottom: 30px;
        font-size: 17px;
        
    }


    .people_khk .people_inner{
        margin: 150px auto;
    }
    .people_khk .people_inner .right .name h3 {
        font-size: 28px;
    }
    .people_khk .people_inner .right .name .one {
        font-size: 28px;
    }
    .people_khk .people_inner .right .name .two {
        font-size: 44px;
    }
    .people_khk .people_inner .right .explain p {
        font-size: 19px;
    }
    .people_khk .people_inner .right .explain {
        margin-bottom: 50px;
    }
    .people_khk .people_inner .right .career .text h4 {
        font-size: 21px;
    }
    .people_khk .people_inner .right .career .text {
        margin-bottom: 30px;
        font-size: 17px;
    }

    .people_khb .people_inner{
        margin: 150px auto;
    }
    .people_khb .people_inner .right .name h3 {
        font-size: 28px;
    }
    .people_khb .people_inner .right .name .one {
        font-size: 28px;
    }
    .people_khb .people_inner .right .name .two {
        font-size: 44px;
    }
    .people_khb .people_inner .right .explain p {
        font-size: 19px;
    }
    .people_khb .people_inner .right .explain {
        margin-bottom: 50px;
    }
    .people_khb .people_inner .right .career .text h4 {
        font-size: 21px;
    }
    .people_khb .people_inner .right .career .text {
        margin-bottom: 30px;
        font-size: 17px;
    }

}


@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%;
    }
    .message_inner p {
        font-size: 21px;
        line-height: 40px;
    }
    .ceo_inner p:first-child {
        font-size: 37px;
    }
    .ceo_inner p {
        font-size: 19px;
        line-height: 38px;
    }
    .ceo_inner .sign {
        font-size: 22px;
    }
    .ceo_inner .sign>img {
        width: 18%;
        margin-left: 10px;
    }
    .business_time{
        margin: 150px auto;
    }
    .time_inner .time_right>img {
        display: none;
    }
    .time_inner{
        justify-content: center;
    }
    .time_left .top1{
        padding-left: 0;
        margin-bottom: 30px;
    }
    .time_left .top1 h3{
        text-align: center;
    }
    .time_left .top2{
        padding-top: 0;
        padding-left: 0;
        flex-direction: row;
        align-items: center;
        line-height: 35px;
    }
    .time_left .top3 {
        bottom: -11px;
        left: 0;
    }
    .map .tab_content{
        margin: 100px auto;
    }
    input[type="radio"] + label {
        padding: 13px;
    }
    .conbox .con_text {
        flex-direction: column;
        padding: 0;
        margin: 50px auto;
    }
    .conbox .con_text .text_02 {
        position: static;
        text-align: center;
    }
    .conbox .con_text .text_01 {
        margin: 10px 0;
    }
    .foot_info .logo>img {
        width: 120px;
    }
    .foot_info .copy {
        font-size: 12px;
    }
    /*구성원*/
    .hk_member{
        margin: 150px auto;
    }
    .member_inner .image_text .text h4 {
        font-size: 18px;
    }
    .member_inner .image_text .text span {
        font-size: 29px;
    }
    .member_inner .image_text .text h5{
        margin-top: 10px;
        font-size: 21px;
    }
    .member_inner .image_text .text{
        padding: 25px;
    }
    /*승소사례*/
    .case .case_inner h4 {
        font-size: 23px;
    }
    .success .success_inner .list_box .list_top .crown_in {
        left: 220px;
    }
    .success .success_inner .list_box .list_top .tit {
        font-size: 16px;
    }
    .success .success_inner .list_box .list_top strong {
        font-size: 20px;
    }
    .success .success_inner .list_box .list_top .txt{
        font-size: 15px;
    }
    .success .success_inner .list_box .list_bottom>p {
        font-size: 17px;
    }
    .story_header .header_inner {
        margin: 100px auto;
    }
    .story .story_inner .story_con h3 {
        font-size: 21px;
    }
    .story .story_inner .story_con p {
        font-size: 17px;
        line-height: 29px;
    }
    .story_header .header_inner {
        margin: 50px auto;
    }
    .story_header .header_inner h3 {
        font-size: 1.1rem;
    }
    .story_header .header_inner .line {
        margin-top: 50px;
    }
    /* 온라인상담 */
    .online .online_inner .online_text h3 {
        font-size: 21px;
        line-height: 40px;
    }
    .noti_inner .top>img {
        width: 30px;
    }
    .noti_inner .top h3 {
        font-size: 1.5rem;
    }
    .noti_inner .bot p {
        font-size: 1.1rem;
    }
    .noti_inner .pro{
        justify-content: space-between;
    }
    .noti_inner .pro .box h4 {
        height: 60px;
    }
    .advice_bottom form {
        padding: 20px;
    }
    .Consult_container__XEw2b .Consult_title__xnJj4{
        padding-top: 17px;
    }
    .con_text_2 {
        margin-top: 50px;
    }
    .con_text_2 .go .go_input {
        padding: 12px;
        font-size: 20px;
    }
    /* 구성원 소개 */
    .people_mjh .people_inner {
        margin: 120px auto;
    }
    .people_mjh .people_inner .right .name h3 {
        font-size: 20px;
    }
    .people_mjh .people_inner .right .name .one {
        font-size: 24px;
    }
    .people_mjh .people_inner .right .name .two {
        font-size: 40px;
    }
    .people_mjh .people_inner .right .name .box {
        width: 11px;
        height: 90px;
        margin-left: 10px;
    }
    .people_mjh .people_inner .right .explain p {
        font-size: 18px;
    }

    .people_khk .people_inner {
        margin: 120px auto;
    }
    .people_khk .people_inner .right .name h3 {
        font-size: 20px;
    }
    .people_khk .people_inner .right .name .one {
        font-size: 24px;
    }
    .people_khk .people_inner .right .name .two {
        font-size: 40px;
    }
    .people_khk .people_inner .right .name .box {
        width: 11px;
        height: 90px;
        margin-left: 10px;
    }
    .people_khk .people_inner .right .explain p {
        font-size: 18px;
    }

    .people_khb .people_inner {
        margin: 120px auto;
    }
    .people_khb .people_inner .right .name h3 {
        font-size: 20px;
    }
    .people_khb .people_inner .right .name .one {
        font-size: 24px;
    }
    .people_khb .people_inner .right .name .two {
        font-size: 40px;
    }
    .people_khb .people_inner .right .name .box {
        width: 11px;
        height: 90px;
        margin-left: 10px;
    }
    .people_khb .people_inner .right .explain p {
        font-size: 18px;
    }
}



@media screen and (max-width:360px){
    #about_hk {
        height: 240px;
    }
    #about_hk .common_top .common_inner01 h3 {
        font-size: 21px;
    }
    .message_inner p {
        font-size: 16px;
        line-height: 30px;
    }
    .ceo_inner p:first-child {
        font-size: 28px;
        margin-bottom: 30px;
    }
    .ceo_inner p {
        font-size: 17px;
        line-height: 35px;
    }
    .ceo_inner .sign {
        font-size: 20px;
    }
    .time_left .top1 h3{
        font-size: 18px;
    }
    .time_left .top1 span {
        font-size: 20px;
    }
    .time_left .top2 p {
        font-size: 15px;
    }
    .time_left .top2{
        line-height: 30px;
    }
    .time_left .reser>img {
        width: 20px;
    }
    .time_left .top2 input {
        font-size: 11px;
        width: 100px;
        margin-top: 0;
    }
    .time_left .top3 {
        bottom: -3px;
    }
    input[type="radio"] + label {
        padding: 12px;
        font-size: 14px;
    }
    .foot_info .logo>img {
        width: 110px;
    }
    .foot_info .info {
        font-size: 11px;
    }
    .foot_info .copy {
        font-size: 10px;
    }
    /*구성원*/
    .hk_member {
        margin: 100px auto;
    }
    .member_inner .image_text .text span {
        font-size: 23px;
    }
    .member_inner .image_text .text h5{
        font-size: 18px;
        margin-top: 5px;
    }
    .member_inner .image_text .text {
        padding: 15px;
    }
    /*승소사례*/
    .case .case_inner h4 {
        font-size: 19px;
    }
    .success .success_inner .list_box .list_top {
        padding: 25px;
    }
    .success .success_inner .list_box .list_bottom{
        padding: 25px;
    }
    .success .success_inner .list_box .list_top .crown_in>img{
        width: 90%;
        height: 90%;
    }
    .success .success_inner .list_box .list_top .crown_in {
        left: 200px;
    }
    .story .story_inner .story_con h3 {
        font-size: 20px;
    }
    .story .story_inner .story_con p {
        font-size: 16px;
        line-height: 25px;
    }
    .story .story_inner input {
        width: 100px;
        font-size: 15px;
    }
    /* 온라인상담 */
    .online .online_inner .online_text h3 {
        font-size: 16px;
        line-height: 30px;
    }
    .noti_inner{
        margin: 100px auto;
    }
    .noti_inner .top h3 {
        font-size: 1.4rem;
    }
    .noti_inner .bot p {
        font-size: 1rem;
    }
    .noti_inner .pro .box span {
        padding: 9px 9px;
        width: 50px;
        font-size: 15px;
    }
    .advice_top {
        margin: 50px auto;
    }
    .advice {
        margin-top: 60px;
    }
    .Consult_container__XEw2b {
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        margin-bottom: 30px;
    }
    .Consult_container__XEw2b .Consult_title__xnJj4 {
        margin-bottom: 0;
        padding-top: 0;
    }
    .Consult_container__XEw2b .Consult_title__xnJj4_text {
        height: 35px;
        margin-bottom: 0;
        padding-top: 0;
        line-height: 17px;
    }
    .Consult_container__XEw2b .Consult_box__7vBe_ {
        width: 100%;
    }
    .con_text_2 .go .go_input {
        padding: 10px;
        font-size: 18px;
    }
    /* 구성원 소개 */
    .people_mjh .people_inner {
        margin: 100px auto;
    }
    .people_mjh .people_inner .left {
        margin-bottom: 70px;
    }
    .people_mjh .people_inner .right .name h3 {
        font-size: 19px;
    }
    .people_mjh .people_inner .right .name .one {
        font-size: 22px;
    }
    .people_mjh .people_inner .right .name .two {
        font-size: 35px;
    }
    .people_mjh .people_inner .right .explain p {
        font-size: 17px;
        line-height: 29px;
    }
    .people_mjh .people_inner .right .career .text h4 {
        font-size: 20px;
    }
    .people_mjh .people_inner .right .career .text {
        font-size: 16px;
        margin-bottom: 50px;
    }

    .people_khk .people_inner {
        margin: 100px auto;
    }
    .people_khk .people_inner .left {
        margin-bottom: 70px;
    }
    .people_khk .people_inner .right .name h3 {
        font-size: 19px;
    }
    .people_khk .people_inner .right .name .one {
        font-size: 22px;
    }
    .people_khk .people_inner .right .name .two {
        font-size: 35px;
    }
    .people_khk .people_inner .right .explain p {
        font-size: 17px;
        line-height: 29px;
    }
    .people_khk .people_inner .right .career .text h4 {
        font-size: 20px;
    }
    .people_khk .people_inner .right .career .text {
        font-size: 16px;
        margin-bottom: 50px;
    }

    .people_khb .people_inner {
        margin: 100px auto;
    }
    .people_khb .people_inner .left {
        margin-bottom: 70px;
    }
    .people_khb .people_inner .right .name h3 {
        font-size: 19px;
    }
    .people_khb .people_inner .right .name .one {
        font-size: 22px;
    }
    .people_khb .people_inner .right .name .two {
        font-size: 35px;
    }
    .people_khb .people_inner .right .explain p {
        font-size: 17px;
        line-height: 29px;
    }
    .people_khb .people_inner .right .career .text h4 {
        font-size: 20px;
    }
    .people_khb .people_inner .right .career .text {
        font-size: 16px;
        margin-bottom: 50px;
    }
}