@import url(../css/basic.css);
@import url(../css/contents.css);
@import url(../css/common.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);


/* For tablets & smart phones */
@media (max-width: 767px) {
body {}
.conSize {width: auto}
#wrap{width: 100%;margin: 0 auto;min-width:320px;position:relative;}
#header{width:100%;text-align:center;position:fixed;left:0;top:0;z-index:100;}
}

/* For smartphones */
@media (max-width: 480px) {
.conSize {width: auto}
#wrap{width: 100%;margin: 0 auto;min-width:320px;position:relative;}
#header{width:100%;text-align:center;position:fixed;left:0;top:0;z-index:100;}
}

/* For larger displays */
@media (min-width: 1200px) {
.conSize {width: 1170px}
#wrap{width: 420px;margin: 0 auto;min-width:320px;position:relative;}
#header{width:420px;margin: 0 auto;text-align:center;position:absolute;left:50%;top:0;z-index:100;margin-left:-210px;}
}

#wrap .main_container{padding-top:100px;}
#wrap .main_container .main_visual{position:relative;}
#wrap .main_container .contents{padding:10px;}
#wrap .sub_container{padding:100px 0 0 0;background:#FFF;border-bottom:1px solid #303030;}
#wrap .sub_container #pTitle{border-top:1px solid #dcdcdc;}
#wrap .sub_container .contents{padding:20px 15px 15px 15px;text-align:justify;}

.top_call_{position:fixed;top:0;left:0;width:100%;height:50px;background:#fe8f00;text-align:center;z-index:10000000000;}
#header .top_call{height:50px;}
#header .top{background:#FFF;height:50px;text-align:center;}
#header .top .allmenu{position:absolute;left:0;top:50px;height:50px;border-right:1px solid #e0e0e0;}
#header .top .login{position:absolute;right:0;top:50px;height:50px;border-left:1px solid #e0e0e0;}
#header .bottBg{height:2px;background: url(../images/common/top_bt_bg.png) left bottom repeat-x;padding-bottom:3px;}

#allmenuArea {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.95); /* 약간 투명한 배경 */
	overflow-y: auto; /* 스크롤 가능하도록 설정 */
	z-index: 1000;
}
#allmenuArea .menu{width:100%;position:absolute;left:0;top:100px;z-index:100;}
#allmenuArea table{width:100%;}
#allmenuArea table tr th,
#allmenuArea table tr td{border-top:1px solid #dcdcdc;background:#f8f8f8;vertical-align:top;text-align:left;}
#allmenuArea table tr th{width:50%;border-right:1px solid #dcdcdc;}
#allmenuArea h2{height:40px;line-height:40px;padding-left:15px;font-size:16px;font-weight:bold;border-bottom:1px solid #dcdcdc;background:#FFF url(../images/common/menu_h2_arrow.gif) right top no-repeat;background-size: auto 37px;}
#allmenuArea ul{padding: 13px 0 13px 15px;}
#allmenuArea ul li a{width:100%;height:25px;display:inline-block;font-size:13px;color:#6e6e6e;}
#allmenuArea .btnClose{}
#allmenuArea .btnClose a{width:100%;height:40px;display:block;background:#222941;text-align:center;}

#footer_menu{background:#eeeeee;text-align:center;padding:10px 0;font-size:14px;font-weight:bold;}
#footer_menu a{display:inline-bloc;margin:0 10px;}
#footer_wrap{background:url(/images/common/footer_bg.gif);color:#c0bfbe;}
#footer_wrap a{color:#c0bfbe;}
#footer_wrap .fCents{height:65px;clear:both;overflow:hidden;position:relative;}
#footer_wrap .fCents .ars_tel{height:65px;position:absolute;left:15px;top:10px;}
#footer_wrap .fCents .ars_tel p{line-height:150%;}
#footer_wrap .fCents .ars_tel a{font-size:24px;font-weight:bold;}
#footer_wrap .fCents .share{height:65px;position:absolute;right:15px;top:19px;overflow:hidden;}
#footer_wrap .fCents .share .kakao{float:left;font-weight:bold;}
#footer_wrap .fCents .share ul li{height:30px;float:left;margin-left:10px;}
#footer_wrap .fCents .share ul li img{height:100%;}
#footer_wrap .fCents .share UL.list-sns {float:left;}		/*작은해상도 수정*/
#footer_wrap .fLink{height:38px;line-height:38px;border-top:1px solid #5d5a57;text-align:center;font-weight:bold;font-size:12px;}
#footer_wrap .fLink a{display:inline-bloc;margin:0 10px;}
#footer_wrap .fCopy{padding:10px 0 10px 15px;border-top:1px solid #5d5a57;line-height:140%;font-size:10px;}

#wrap.remove-top-call {}	/*상단 고정배너 삭제로 위치변경*/
#wrap.remove-top-call #allmenuArea .menu {top:50px;}
#wrap.remove-top-call #header {z-index:10000000000;}
#wrap.remove-top-call #header .top_call {display:none; visibility:hidden;}
#wrap.remove-top-call #header .top .allmenu {top:0;}
#wrap.remove-top-call #header .top .login {top:0;}
#wrap.remove-top-call .main_container {padding-top:50px;}
#wrap.remove-top-call .sub_container {padding-top:50px;}
#wrap.remove-top-call #footer_wrap {padding-bottom:20%;}	/*하단 고정배너를 위해 간격을 띄움*/
#wrap.remove-top-call .footer-bottom-call {z-index:472537; position:fixed; bottom:0; margin:0 auto; min-width:320px; max-width:420px;}	/*하단 고정배너(전화연결) 추가 2017-03-16*/
#wrap.remove-top-call .footer-bottom-call IMG {width:100%;}
.main_visual #slides .slidesjs-pagination {display:none;}


/** 메인 **/
#hot_lawvis_wrap{position:relative;margin-bottom:20px}
#hot_lawvis_wrap h3{height:35px;border:1px solid #c6c6c6;background:#eaeaea;}
#hot_lawvis_wrap h3 img{height:100%;}
#hot_lawvis_wrap .btn_arrow{height:35px;position:absolute;right:1px;top:1px;}
#hot_lawvis_wrap .btn_arrow a{}
#hot_lawvis_wrap .btn_arrow img{height:100%;border-left:1px solid #c6c6c6;}
#hot_lawvis_wrap .list{border-left:1px solid #c6c6c6;border-right:1px solid #c6c6c6;}
#hot_lawvis_wrap .list img{width:100%;}
#hot_lawvis_wrap .tel{}
#hot_lawvis_wrap .tel img{width:100%;}

#alllawvis_wrap{}
#alllawvis_wrap .list li{border:1px solid #dedede;background:#FFF;margin-bottom:10px;}

#alllawvis_wrap .list li .thum{padding:10px 11px 9px 11px;position:relative;}
#alllawvis_wrap .list li .thum .num{display:none; width:55px;height:59px;font-size:29px;font-weight:bold;font-family:Arial, Helvetica, sans-serif;position:absolute;left:32px;top:10px;color:#ffff00;text-align:center;padding:14px 4px 0 0;background:url(/images/main/tel_num_box.png) left top no-repeat;}
#alllawvis_wrap .list li .thum .img{}
#alllawvis_wrap .list li .thum .img a{width:100%;display:inline-block;background:#000;}
#alllawvis_wrap .list li .thum .img a:hover img{opacity: 0.5;}
#alllawvis_wrap .list li .thum .img img{width:100%;}
#alllawvis_wrap .list li .thum .tel {text-align:center;}

#alllawvis_wrap .list li .thum .tel a{width:100%; display:inline-block; font-size:24px; font-weight:bold; color:#222; padding:25px 0 15px 0; line-height:100%; letter-spacing:-1px; vertical-align:middle;}
#alllawvis_wrap .list li .thum .tel a span{font-size:18px;font-weight:bold;color:#b43637;vertical-align:middle;}

#alllawvis_wrap .list li .thum .tel a {color:transparent; font-size:0;}

#alllawvis_wrap .list li .btn{height:35px;border-top:1px solid #dedede;padding:10px 0;text-align:center;}
#alllawvis_wrap .list li .btn img{height:100%;margin:0 2px;}

.main_middle_banner{}
.main_middle_banner img{width:100%;}

.main_inquriy_btn{background:#f6f6f6;padding:10px 0;text-align:center;}
.main_inquriy_btn a{display:inline-block;height:80px;margin:0 2px;}
.main_inquriy_btn img{height:100%;}

.main_lawyer_guide{background:#FFF;padding:20px 10px;}
.main_lawyer_guide img{width:100%;}

/** 서브 **/

#pTitle{border-bottom:1px solid #dcdcdc;}
#pTitle h2{height:18px;padding:11px 0;text-align:center;}
#pTitle h2 img{height:100%;}
#pTitle h2 span{display:none;}
#pTitle .pTxt{display:none;}


/* For smartphones */
#intro{width:100%; min-width:320px; margin:0 auto}
@media (min-width: 1200px){
#intro{width:420px}
}

#intro h1{background:#201c1b;height:40px;text-align:center;border-bottom:1px solid #413e3d;}
#intro h1 img{height:40px;}
#intro .nav1{background:#201c1b;text-align:center;}
#intro .nav1 ul{display:inline-block;zoom:1;.display:inline;overflow:hidden;}
#intro .nav1 li{float:left;display: inline-block;}
#intro .nav1 img{height:50px;}

#intro .conts{overflow:hidden;}
#intro .conts img{width:100%;}

#intro .intro1{}
#intro .intro2{}
#intro .intro3{width:50%;float:left;}
#intro .intro4{width:50%;float:left;overflow:hidden;background:#dd3107;}
#intro .intro4 .c2{width:50%;float:left;}
#intro .intro4 .c3{width:50%;float:left;}


#intro .footer{text-align:center;background:#000;}
#intro .footer .fmenu{padding:15px 0 0 0;}
#intro .footer .fmenu img{height:20px;}
#intro .footer .copy{font-size:10px;padding:5px 10% 15px 10%;line-height:150%;}



/*** 상단디자인변경 2017-09-14 ***/
#wrap.mobile-v3 { width:auto; }
#wrap.mobile-v3 div#header { border-bottom:.3em solid #b4975a; }
#wrap.mobile-v3 div#header div.top { background-color:#252423; height:4.43em; }
#wrap.mobile-v3 div#header div.top a.allmenu { z-index:8; width:14.06%; height:inherit; border-right:1px solid #2e2d2c; }
#wrap.mobile-v3 div#header div.top a.allmenu span,
#wrap.mobile-v3 div#header div.top a.allmenu span:before,
#wrap.mobile-v3 div#header div.top a.allmenu span:after { display:block; height:.3em; background-color:#fff; position:absolute; }
#wrap.mobile-v3 div#header div.top a.allmenu span { color:transparent; width:44.44%; left:27.78%; top:31.03%; }
#wrap.mobile-v3 div#header div.top a.allmenu span:before,
#wrap.mobile-v3 div#header div.top a.allmenu span:after { content:""; width:100%; left:0; top:0; }
#wrap.mobile-v3 div#header div.top a.allmenu span:before { margin-top:37%; }
#wrap.mobile-v3 div#header div.top a.allmenu span:after { margin-top:73%; }
#wrap.mobile-v3 div#header div.top a.btn-logo { display:block; height:inherit; background:transparent url(/mobile/images/common/logo_v3.png) no-repeat center center; /*background-size:44.68% auto;*/ background-size:auto 100%; }
#wrap.mobile-v3 div#header div.top a.btn-logo h1 { height:inherit; color:transparent; font-size:200%; }
#wrap.mobile-v3 div#header div.top a.btn-call { z-index:9; display:block; width:14.06%; height:inherit; position:absolute; right:0; top:0; border-left:1px solid #2e2d2c; background:transparent url(/mobile/images/common/top_icon_call.png) no-repeat center center; background-size:auto 50%; }
#wrap.mobile-v3 div#header div.top a.btn-call span { font-size:0; color:transparent; }
#wrap.mobile-v3 div.main_container,
#wrap.mobile-v3 div.sub_container { padding-top:4.73em; }		/* `#wrap.mobile-v3 div#header` border-width + `#wrap.mobile-v3 div#header div.top` height */

#wrap.mobile-v3 div#allmenuArea div.menu { top:4.73em; }		/*header height 변경*/

#wrap.mobile-v3 #footer_wrap {
	background-image: none;
	background-color: #2f3134;
}
#wrap.mobile-v3 #footer_wrap div.fLink,
#wrap.mobile-v3 #footer_wrap div.fCopy { border-color:#3a3c3e; border-color:rgba(255,255,255,.05); }
#wrap.mobile-v3 #footer_wrap div.fCopy copyright { display:block; margin-top:2%; }

#wrap.mobile-v3 div#footer_wrap { padding-bottom:0; }
#wrap.mobile-v3 div#footer_menu,
#wrap.mobile-v3 div.footer-bottom-call { display:none; visibility:hidden; }

#wrap.mobile-v3 div#footer_wrap div.fCents div.ars_tel a { color:#fff; }
#wrap.mobile-v3 div#footer_wrap div.fCents div.share { height:auto; top:inherit; bottom:8px; }

.call{
	position: fixed;
	right: 15px;
	bottom: 82px;
	border-radius: 100px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 28px;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 15px 5px;
	transition: 0.2s ease opacity, 0.2s ease transform;
	background: rgb(28, 55, 115);
	transform: scale(1);
	visibility: visible;
	opacity: 1;
	z-index: 9900000000;
	width: 55px;
	height: 55px;
  }