@charset "utf-8";

#wrap {position: relative; word-break:break-all; overflow:hidden;}
/*header*/
#header{ }

#gnb{position: relative;padding:3.125%; }
#gnb > h1{left:0;right: 0; text-align:center;width:161px; margin: auto;}
#gnb > h1.logo{display: block;}
#gnb > h1.law_name{display: none;}
#gnb > h1 > a{display:block;text-align:center;}
#gnb > h1 > a > img{max-width:100%;}
#gnb > #menu,#gnb > #law_menu{position: absolute;height:100%;}
#gnb > #menu > button,#gnb > #law_menu > button{position: relative;width: 2.5em;height: 2.5em;vertical-align: middle;font-size:1em;}

.tcon-menu_lines{position: relative;display: inline-block; height: 2px; width: 100%; border-radius: 0.1em; background: #515151; border-bottom:1px solid #515151; border-top:1px solid #515151;}
.tcon-menu_lines::before, .tcon-menu_lines::after { display: inline-block; height: 2px;  width: 100%; border-radius: 0.1em; background: #515151; content: ''; 
border-bottom:1px solid #515151; border-top:1px solid #515151;position: absolute; left: 0;}
.tcon-menu_lines::before{top: -0.8em;}
.tcon-menu_lines::after {bottom: -0.8em;}

/*white*/
#header.white .tcon-menu_lines{background-color: #fff; border-color: #fff;}
#header.white .tcon-menu_lines::before, #header.white .tcon-menu_lines::after{background-color: #fff; border-color: #fff;}

#main_menu{border-top: 1px solid #e5e5e5; border-bottom:1px solid #e5e5e5 ;}
#main_menu ul:after{display: block;clear: both;content: "";}
#main_menu ul li{float: left; width: 20%; text-align: center; font-size: 1.2em;}
#main_menu ul li.on{border-bottom: 0.17em solid #11b1b6;}
#main_menu ul li a{color: #231f20; font-weight: bold; padding: 0.8em 0;display: block;}
#main_menu ul li.on a{color: #11b1b6;}

#main_menu1{border-top: 1px solid #e5e5e5; border-bottom:1px solid #e5e5e5 ;}
#main_menu1 ul:after{display: block;clear: both;content: "";}
#main_menu1 ul li{float: left; width: 20%; text-align: center; font-size: 1.2em;}
#main_menu1 ul li.on{border-bottom: 0.17em solid #11b1b6;}
#main_menu1 ul li a{color: #231f20; font-weight: bold; padding: 0.8em 0;display: block;}
#main_menu1 ul li.on a{color: #11b1b6;}

#gnb > #myhome{position: absolute;right:3.125%; top:0;height:100%;}
#gnb > #myhome > li{display: inline-block; vertical-align: middle;height:100%;}
#gnb > #myhome > li > a{margin:0 0.3em;vertical-align: middle;position:relative;}
#gnb > #myhome > li > a img{max-width:100%;}


/*변호사 검색 결과 페이지 일때 상단 스타일*/
#gnb.l_search{background-color: #515268; position: relative; top: 0; z-index: 1; width: 100%; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;box-sizing:border-box ; border-bottom:1px solid #aaa ;}
#gnb.l_search h1.law_name{display: block; color: #a8a9b4; font-size: 1.625em;}
#gnb.l_search > h1.logo{display: none;}
#gnb.l_search .tcon-menu_lines{background-color: #fff; border-bottom:1px solid #fff;  border-top: 1px solid #fff;}
#gnb.l_search .tcon-menu_lines::before, #gnb.l_search .tcon-menu_lines::after{background-color: #fff; border-bottom:1px solid #fff; border-top: 1px solid #fff;}



/* 메인 컨테이너 */
#container.main{}

#container.main #main_visual{-webkit-box-sizing: border-box;-moz-box-sizing:border-box ;box-sizing:border-box ;}
 #container.main #main_visual > img{width: 100%;}
/*
#container.main #main_visual h1{text-align: center; margin-bottom: 8.75%; margin-top: 3%;}
#container.main #main_visual h1 img{width:20em ; max-width: 470px;}
#container.main #main_visual ul:after{clear: both;display: block;content: "";}

#container.main #main_visual  > ul{margin-top: -10.46875%; margin-bottom: 3%;}
#container.main #main_visual > ul > li{width: 50%; float: left;text-align: center;   -webkit-box-sizing: border-box;
-moz-box-sizing:border-box ;box-sizing:border-box ; margin-top: 10.46875%;}
#container.main #main_visual > ul > li a{display: block;}
#container.main #main_visual > ul > li img{max-width: 144px; width:53% ;}2015-12-16 */

/*footer*/

#footer {position: relative;}
#footer .totop{position: absolute; top: 6em;right:1em;}
#footer .totop a img{max-width: 84px; width:6em ;}
#footer .f_menu{background:#464646;padding:10px 2%;
-webkit-transition: .3s ease-in-out;  -moz-transition: .3s ease-in-out;  -o-transition: .3s ease-in-out;  transition: .3s ease-in-out;}
#footer .f_menu > .inner{position:relative; }
#footer .f_menu ul{overflow:hidden;height:2.375em;}
#footer .f_menu ul > li {float:left; width: 21%;position:relative; text-align: center;}
#footer .f_menu ul > li:after{position: absolute;height:1.3em;top: -0.1em;bottom:0;left:-2px;margin:auto;border-left:1px solid #767676; border-right: 1px solid #7E7E7E;content:'';}
#footer .f_menu ul > li.f3{width: 37%;}
#footer .f_menu ul > li.f4 img{max-width: 25px; width: 1em;}
#footer .f_menu ul > li > a{ display: block; font-size:1.5em; padding: 0.2917em  0;color:#fff; font-weight:300;}

#footer .company_info{background:#6a6a6a;padding:1.95em 6em 3.95em 4.8%;color:#c0c0c0;}
#footer .company_info h2{width: 13.8em;margin-bottom:0.8em;}
#footer .company_info h2 img{max-width:100%;}
#footer .company_info p{font-size:1.125em; line-height:2.2em; width:100%;}


/* #ranking .bbslist_info{padding-left: 2em;} */

/* 법률상담하기 */

#raw_councel{position: relative; border: 1px solid #ddd; -webkit-border-radius: 1em;-moz-border-radius: 1em;border-radius:1em ; padding: 2em  1em; margin: 0 1em 1.5em 1em; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ebebeb+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #ebebeb 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#ebebeb 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#ebebeb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb',GradientType=0 ); /* IE6-9 */
}
#raw_councel:after{clear: both;display: block;content: "";}
#raw_councel .cont{float: left;margin-left: 3%; width:76%;}
#raw_councel h2{color: #000;  font-size: 2.000em; margin-bottom: 0.5em;}
#raw_councel p{color: #000; font-size: 1.250em; line-height: 1.3em; }
#raw_councel .img{Xwidth: 16%;float: left; Xmargin-left: 2%; max-width:25%;}
#raw_councel .img img{width: 100%;}

#raw_councel {padding-left:2em;}	/* 내부(좌측만)간격 조정 2017-03-06 */
#raw_councel h2 {margin-bottom:0;}	/* 간격 조정 2017-03-06 */
#raw_councel p {margin-top:1em;}	/* 간격 조정 2017-03-06 */
#raw_councel .img {position:absolute; right:1em; bottom:2em;}
#raw_councel A.link-regist-consult {display:block; margin-top: 1em;}	/* 버튼위치 조정 2017-03-06 */

/* 메인배너 1*/
#banner_area1 img{width: 100%; }

/* 메인 - 법률커뮤니티 */

#m_community{background-color: #545454; padding:1.5em 1em;}
#m_community h2{font-size: 2.000em; color: #fff; text-align: center; margin-bottom: 1em;}
#m_community .lst_community{position: relative; overflow: hidden;}
#m_community .lst_community ul:after{clear: both;display: block;content: "";}
#m_community .lst_community ul li{float: left;width: 100%; background-color: #fff;padding: 1em 3em; -webkit-border-radius: 0.5em; -moz-border-radius:0.5em ;border-radius:0.5em ; -webkit-box-sizing: border-box;
-moz-box-sizing:border-box ;box-sizing:border-box ;}
#m_community .lst_community ul li strong.cate{color: #11b1b6;display: block; font-size: 1.500em; margin-bottom: 0.5em;}
#m_community .lst_community ul li strong.cate img{width: 0.8em; vertical-align: middle;}
#m_community .lst_community ul li strong.title{color: #45474d;display: block; font-size: 1.500em; margin-bottom: 0.8em;}
#m_community .lst_community ul li span{font-size: 1.250em; line-height: 1.3em;}


#m_community .lst_community .swiper_Btn button{width: 2.5em; height: 3.5em;     position: absolute;    top: 50%;margin-top: -1.7em;z-index: 1;}
#m_community .lst_community .swiper_Btn button.com_prev{background-image: url(/m/images/main/btn_com_prev.png);background-position: left top; background-repeat: no-repeat; left: 0; background-size:100%;}
#m_community .lst_community .swiper_Btn button.com_next{background-image: url(/m/images/main/btn_com_next.png); background-position:right top; background-repeat:  no-repeat; right:0; background-size:100%;}



/* 레프트 메뉴 */

#left_menu {position:absolute; width: 75%;  left:-100%;  z-index: 10; height:100%; /* background:#f4f4f4; */  top:0;}
#left_menu > .inner{width:100%; position: absolute; z-index: 10;background: #fff; height: 100%;}
#left_menu > .inner .header{background-color:#15a0a4;  color: #fff;}
#left_menu .btn_close{color: #fff;position:absolute;right: -2.5em;top: 1.5em; z-index: 102;/* height: 2%; */width: 1.5em;max-width: 19px;}
#left_menu .btn_close img{width: 100%;}
#left_menu > .inner .header:after {display:block; clear:both; content:"";}
#left_menu > .inner .header p{float: left;     display: table; margin-left: 0.2em; line-height: 1.3em;  font-size: 1.3em; padding: 3% 3%; border-right: 1px solid #5cbdbf;width: 73%;box-sizing: border-box;}
#left_menu > .inner .header p .before_login{margin: 3% 0;display: inline-block;}
#left_menu > .inner .header p .user_login{display: table-cell; vertical-align: middle;}
#left_menu > .inner .header button.btn_log{font-weight: bold;width: 25%;float: left;     LINE-HEIGHT: 1.3em; font-size: 1.3em; padding:5%  3%; color: #fff; text-align: center; vertical-align: middle;box-sizing: border-box;}

#left_menu > .inner .header p > span.user_img{width: 2.4em; height: 2.4em; display: block;  float: left;overflow: hidden;border-radius: 2em;}
#left_menu > .inner .header p > span.user_img img{width: 100%;}


#left_menu > .inner .box_quick{background-color: #15a0a4; border-top: 1px solid #5cbdbf;}
#left_menu > .inner .box_quick > article ul:after {display:block; clear:both; content:"";}
#left_menu > .inner .box_quick > article ul li{float: left;color: #e9e9e9; text-align: center;  width: 33.3%; box-sizing:border-box;  cursor:pointer;}
#left_menu > .inner .box_quick > article ul li:first-child{border-left: 0;}
#left_menu > .inner .box_quick > article ul li > div{ box-sizing:border-box; padding: 14.35% 0;}
#left_menu > .inner .box_quick > article ul li > div:first-child{border-left: 0;}
#left_menu > .inner .box_quick > article ul li > div img{width: 71.5%;margin-bottom: 7%;}
#left_menu > .inner .box_quick > article ul li > div >p{ font-size: 1.3em;     font-weight: normal;}

#left_menu > .inner > ul {  }
#left_menu > .inner > ul > li {} 
#left_menu > .inner > ul > li:first-child {border-top:0;} 
#left_menu > .inner > ul > li > strong {display:block; font-size:1.625em; cursor:pointer;/*  IE6-9 */border-bottom: 1px solid #ddd;}
#left_menu > .inner > ul > li > strong span{background-image: url(/m/images/menu/menu_arr.gif); background-position: 94% center; background-repeat:  no-repeat;background-size:0.6em; background-color:#fff;}
#left_menu > .inner > ul > li > strong span.on{background-image: url(/m/images/menu/menu_arr_on.gif);  background-position: 94% center; background-repeat:  no-repeat;background-size:0.6em; background-color:#fff;}
#left_menu > .inner > ul > li > strong > span {color:#000;display:block; padding:5% 0 5% 4% ; font-weight: bold; }
#left_menu > .inner > ul > li > strong > span a{color:#000; display: block;}
#left_menu > .inner > ul > li > strong > span {}
#left_menu > .inner > ul > li > ul {display:none; background-color:#f7f7f7; }
#left_menu > .inner > ul > li > ul:after {display:block; clear:both; content:"";}
#left_menu > .inner > ul > li > ul li {border-bottom: 1px solid #e2e2e2;  box-sizing:border-box; background-image:url(/m/images/menu/menu_arr_off.gif); background-position: 94% center; background-repeat:  no-repeat;background-size:0.8em; }
#left_menu > .inner > ul > li > ul li a{display:block; color:#666; font-size:1.5em; padding:5% 0 5% 4% ; font-weight: normal; } 
#left_menu > .inner > ul > li > ul li a:active{color: #15a0a4; font-weight: bold;}
 .bg{display: none;position: absolute; height:100%; top: 0;width:100%; background:#000; opacity:0.6;z-index: 3;}

#left_menu .bannerArea{padding: 1em; background-color: #fff;}
#left_menu .bannerArea ul li img{width: 100%;}

/* 라이트 메뉴 - 마이페이지 메뉴 */

#right_menu {position:absolute; width: 75%;  right:-100%;  z-index: 10; height:100%; /* background:#f4f4f4; */  top:0;}
#right_menu > .inner{width:100%; position: absolute; z-index: 10; height: 100%; background: #f7f7f7;}
#right_menu > .inner .header{background-color:#515268;  color: #fff;}
#right_menu .btn_close{color: #fff;position:absolute;left: -2.5em;top: 1.5em; z-index: 102;/* height: 2%; */width: 1.5em;max-width: 19px;}
#right_menu .btn_close img{width: 100%;}
#right_menu > .inner .header:after {display:block; clear:both; content:"";}
#right_menu > .inner .header p{float: left;     display: table; margin-left: 0.2em; line-height: 1.3em;  font-size: 1.3em; padding: 3% 3%; border-right: 1px solid #636477;width: 73%;box-sizing: border-box;}
#right_menu > .inner .header p .before_login{margin: 3% 0;display: inline-block;}
#right_menu > .inner .header p .user_login{display: table-cell; vertical-align: middle;}
#right_menu > .inner .header button.btn_log{font-weight: bold;width: 25%;float: left;     LINE-HEIGHT: 1.3em; font-size: 1.3em; padding:5%  3%; color: #fff; text-align: center; vertical-align: middle;box-sizing: border-box;}

#right_menu > .inner .header p > span.user_img{width: 2.4em; height: 2.4em; display: block;  float: left;overflow: hidden;border-radius: 2em;}
#right_menu > .inner .header p > span.user_img img{width: 100%;}


#right_menu > .inner .box_quick{background-color: #515268; border-top: 1px solid #636477;}
#right_menu > .inner .box_quick > article ul:after {display:block; clear:both; content:"";}
#right_menu > .inner .box_quick > article ul li{float: left;color: #e9e9e9; text-align: center;  width: 33.3%; box-sizing:border-box;  cursor:pointer;}
#right_menu > .inner .box_quick > article ul li:first-child{border-left: 0;}
#right_menu > .inner .box_quick > article ul li > div{ box-sizing:border-box; padding: 14.35% 0;}
#right_menu > .inner .box_quick > article ul li > div:first-child{border-left: 0;}
#right_menu > .inner .box_quick > article ul li > div img{width: 71.5%;margin-bottom: 7%;}
#right_menu > .inner .box_quick > article ul li > div >p{ font-size: 1.3em;     font-weight: normal;}


#right_menu #mp_main{border-bottom: 1px solid #ddd; }
.lst_mpinfo{margin-top: 1em;}
.lst_mpinfo li{font-size:1.2em ; color: #666; line-height: 1.3em; margin-top: 0.3em; }
.lst_mpinfo li:first-child{margin-top: 0;}

.lst_state {margin-top: 1.3em;border: 1px solid #d3d3d3; overflow: hidden; border-radius: 1em; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.lst_state ul li{background-color: #fff;font-size: 1.375em; border-top: 1px solid #d3d3d3; padding: 4%; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

.lst_state ul li:after {display:block; clear:both; content:"";}
.lst_state ul li:first-child{border-top: 0;}
.lst_state ul li p.title{float: left; font-weight: bold; color: #000;}
.lst_state ul li p.title img{width: 1em; margin-right: 0.3em;}
.lst_state ul li p.result{float: right; text-align: right;} 
.lst_state ul li p.result strong{color: #dd3737; }

#right_menu #lst_mpMenu{ border-top: 1px solid #fff; }
#right_menu #lst_mpMenu ul:after {display:block; clear:both; content:"";}
#right_menu #lst_mpMenu ul li{width: 50%; float: left; font-size: 1.375em; color: #000; font-weight: bold; margin-bottom: 1em;}
#right_menu #lst_mpMenu ul li span{width: 1.45em; display: inline-block;     margin-right: 0.5em;}
#right_menu #lst_mpMenu ul li span img{width: 100%;}

/* 2017-04-19 하단 `고객문의` 배너추가 */
DIV#wrap {Xpadding-bottom:10%; padding-bottom:16%;}
DIV#wrap DIV.footer-banner {z-index:2; position:absolute; position:fixed; bottom:0; width:100%; min-width:320px; background-color:#55c3c2;}
DIV#wrap DIV.footer-banner A {display:block; padding:3.9% 11.7%; text-align:center;}
DIV#wrap DIV.footer-banner A IMG {width:100%; max-width:490px;}
DIV#wrap.focus-search {padding-bottom:0;}
DIV#wrap.focus-search DIV.footer-banner {display:none;}		/*모바일 검색창 활성화시 하단배너 숨김*/

/* 구글광고(하단) */
div#wrap div.footer-banner.banner-adsense {background-color:transparent;}
div#wrap div.footer-banner.banner-adsense .adsbygoogle {display:inline-block;min-width:320px;max-width:640px;width:100%;height:5em;}