@charset "utf-8";


/*************************
		MAIN
*************************/
/*SLICK DOT & ARROW*/
.slick-dots {font-size:0; text-align:center}
.slick-dots li {display:inline-block; height:10px; margin:0 11px}
.slick-dots li button {position:relative; width:10px; height:10px; padding:0; border:1px solid #5a3232; border-radius:50%; background:none; outline: none; cursor:pointer; -webkit-transition:.3s; transition:.3s}
.slick-dots li button span {font-size:0}
.slick-dots li button:before {position:absolute; left:50%; top:50%; width:20px; height:20px; margin:-10px 0 0 -10px; content:''}
.slick-dots li.slick-active button {background:#5a3232}
.slick-arrow {padding:0; border:0}
.slick-list, .slick-slide:focus, .slick-slide a { outline: none; }
/* CYCLE PAGER*/
.cycle-pager {font-size:0; text-align:center}
.cycle-pager li {display:inline-block; height:10px; margin:0 11px}
.cycle-pager li button {position:relative; width:10px; height:10px; padding:0; border:1px solid #5a3232; border-radius:50%; background:none; outline: none; cursor:pointer; -webkit-transition:.3s; transition:.3s}
.cycle-pager li button span {font-size:0}
.cycle-pager li button:before {position:absolute; left:50%; top:50%; width:20px; height:20px; margin:-10px 0 0 -10px; content:''}

#mainContainer {overflow:hidden}

/*MAIN TITLE*/
.main_title {position:relative; text-align:center}
.main_title h1 {line-height:1.33; font-size:45px; color:#3a3a3a; font-weight:500}
.main_title h1 b {font-size:1em; color:#bd3232; font-weight:500}
.main_title h2 {margin-top:30px; font-size:18px; color:#585858}
.main_title h2 em {display:inline-block; line-height:27px; font-size:1em; color:#fff; background:url('/img/point_color.png') no-repeat; background-size:0 100%}
.main_title h2 b {font-size:1em; color:#000}
.main_title h3 {margin-top:30px; font-size:23px; color:#5f5050}
.main_title h3 em {display:inline-block; line-height:30px; font-size:1em; color:#fff; background:url('/img/point_color.png') no-repeat; background-size:0 100%}
.main_title h2.animated em {background-size:100% 100%; transition:.5s .2s}
.main_title h3.animated em {background-size:100% 100%; transition:.5s .2s}

/*MAIN VISUAL*/
.main_visual {position:relative; height:790px; background:#5a3232}
.main_visual .call_box {position:absolute; z-index:2; right:50%; bottom:42px; margin-right:-600px; padding:29px 50px; background:#b2813d; border-radius:60px}
.main_visual .call_box > * {display:inline-block; vertical-align:middle}
.main_visual .call_box dt {margin-right:10px}
.main_visual .call_box h3 {line-height:1; font-size:26px; color:#492b00}
.main_visual .call_box p {line-height:1; margin-top:12px }
.main_visual .call_box p a {position:relative; padding:0 10px; font-size:22px; color:#fff}
.main_visual .call_box p a + a:after {position:absolute; left:-1px; top:50%; width:2px; height:16px; margin-top:-8px; background:#fff; content:''}
.main_visual .cycle-pager {position:absolute; z-index:2; bottom:30px; left:0; width:100%}
.main_visual .cycle-pager li button {border:1px solid #fff}
.main_visual .cycle-pager li.cycle-pager-active button {background:#fff}
.main_visual_slider {z-index:1; height:100%}
.main_visual_slider .slide {display:none; position:absolute; top:0; left:0; width:100%; height:100%; box-sizing:border-box; padding-top:80px }
.main_visual_slider .slide:first-child {display:block}
.main_visual_slider .slide01 {background:url('/img/2022/main_visual01_bg.jpg') center; background-size:cover}
.main_visual_slider .slide02 {background:url('/img/2022/main_visual02_bg.jpg') center; background-size:cover}
.main_visual_slider .slide03 {background:url('/img/2022/main_visual03_bg.jpg') center; background-size:cover}
.main_visual_slider .slide04 {background:url('/img/2022/main_visual04_bg.jpg') center; background-size:cover}
.main_visual_slider .slide .txt {width:94%; max-width:1200px; margin:0 auto; padding-top:135px}
.main_visual_slider .slide01 .txt { padding-top: 200px;}
.main_visual_slider .slide .txt.center {padding-top:10px; text-align:center}
.main_visual_slider .slide .txt.right { text-align:right}
.main_visual_slider .slide .txt  > * {position:relative; top:30px; opacity:0}
.main_visual_slider .slide .txt.center  > * {text-align:center}
.main_visual_slider .slide .txt.right  > * {text-align:right}
.main_visual_slider .slide .txt h1 {font-size:18px; color:#fff; font-weight:300}
.main_visual_slider .slide .txt.center h1 {display:none}
.main_visual_slider .slide .txt h2 {line-height:1.26; font-size:50px; color:#ffb400; font-weight:700}
.main_visual_slider .slide .txt h3 {line-height:1.33; font-size:45px; color:#ffffff; font-weight:700}
.main_visual_slider .slide .txt.center h3 {font-size:40px}
.main_visual_slider .slide .txt ul {margin-top:10px}
.main_visual_slider .slide .txt ul li {line-height:1.43; font-size:23px; color:#fff}
.main_visual_slider .slide .txt.center ul li {text-align:center}
.main_visual_slider .slide .txt.right ul li {text-align:right}
.main_visual_slider .slide .txt ul + h2 {margin-top:20px}
.main_visual_slider .cycle-slide-prev .txt  > * {top:0; opacity:0; transition:0s .5s}
.main_visual_slider .cycle-slide-active .txt  > * {top:0; opacity:1}
.main_visual_slider .cycle-slide-active .txt  > h1 {transition:.5s .3s}
.main_visual_slider .cycle-slide-active .txt  > h2 {transition:.6s .6s}
.main_visual_slider .cycle-slide-active .txt  > h3 {transition:.6s .9s}
.main_visual_slider .cycle-slide-active .txt  > ul {transition:.5s 1.2s}
.main_visual_slider .cycle-slide-active .txt  > ul + h2 {transition:.6s 1.6s}
.main_visual_slider .cycle-slide-active .txt  > ul ~ ul {transition:.5s 2s}

/*MAIN SUCCESS*/
.main_success {padding:100px 0}
.main_success .main_title h2 {margin-top:10px}
.main_success_slider_wrap {margin:70px 0 0; }
.main_success_slider_wrap .btn_wrap {margin-bottom:10px; text-align:right}
.main_success_slider_wrap .btn_wrap a {font-size:23px;   text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 2px;     
  text-underline-position: under;  }
.main_success_slider {margin:0 -6px}
.main_success_slider .slick-dots {margin-top:44px}
.main_success_slider .slide {box-sizing:border-box; padding:0 6px}
.main_success_slider .slide a {position:relative; display:block; box-sizing:border-box; padding:25px 22px 20px; border:1px solid #d6d6d6; -webkit-transition:.3s; transition:.3s}
.main_success_slider .slide .lawyer > * {display:inline-block; vertical-align:bottom}
.main_success_slider .slide .lawyer > .thumb {}
.main_success_slider .slide .lawyer > .name {font-size:16px; color:#7f7f7f}
.main_success_slider .slide .txt {margin-top:20px}
.main_success_slider .slide .txt > * {-webkit-transition:.3s; transition:.3s}
.main_success_slider .slide .txt > span {font-size:15px; color:#7f7f7f}
.main_success_slider .slide .txt > h3 {line-height:30px; height:60px; margin-top:5px; font-size:23px; color:#272727; overflow:hidden}
.main_success_slider .slide .txt > p {line-height:20px; height:40px; margin-top:8px; font-size:16px; color:#7f7f7f; overflow:hidden}
.main_success_slider .slide .icon_plus {position:absolute; top:30px; right:18px; width:18px; height:2px; background:#6d6d6d}
.main_success_slider .slide .icon_plus:after {position:absolute; top:0; left:0; width:100%; height:100%; background:#6d6d6d; transform:rotate(90deg); content:''}
.main_success_slider .slide a:hover {background:#5a3232}
.main_success_slider .slide a:hover .txt > span {color:#d7d0d0}
.main_success_slider .slide a:hover .txt > h2 {color:#ffffff}
.main_success_slider .slide a:hover .txt > h3 {color:#ffffff}
.main_success_slider .slide a:hover .txt > p {color:#d7d0d0}
.main_success_slider .slide a:hover .icon_plus {background:#fff}
.main_success_slider .slide a:hover .icon_plus:after {background:#fff}

/*MAIN MEMBER*/
.main_member {position:relative; padding-top:100px}
.main_member .bg {position:absolute; top:0; left:0; width:100%; height:100%}
.main_member .bg img {z-index:1; position:absolute; top:220px; right:50%; margin-right:-600px}
.main_member .bg:after {position:absolute; top:0; right:0%; left:-1.5%; height:70%; background:#f3f3f3; transform:rotate(-10deg) skew(-10deg); transform-origin:top right; content:''}
.main_member .bg:before {position:absolute; top:0; right:0%; left:0; height:50%; background:#f3f3f3; content:''}
.main_member_slider_wrap {z-index:1; position:relative}
.main_member_show {max-width:1200px; margin:0 auto}
.main_member_show .slide {height:600px}
.main_member_show .slide .member_img {position:absolute; bottom:0; right:145px}
.main_member_show .slide .member_info {position:absolute; top:95px; left:18%; right:300px}
.main_member_show .slide .member_info > h1 {position:relative}
.main_member_show .slide .member_info > h1:before {position:absolute; left:0; top:50%; width:100%; height:1px; background:#6a6a6a; content:''}
.main_member_show .slide .member_info > h1 > span {position:relative; display:inline-block; padding-right:10px; font-size:20px; color:#313131; background:#f3f3f3; font-weight:400}
.main_member_show .slide .member_info > h2 {line-height:1; margin:5px 0 20px; font-size:50px; color:#313131; font-weight:700}
.main_member_show .slide .member_info > ul > li {font-size:18px; color:#6d6d6d}
.main_member_show .slide .member_info > .btn_more {display:inline-block; padding:5px 30px; margin-top:10px; border-radius:20px; background:#761c29; -webkit-transition:.3s; transition:.3s}
.main_member_show .slide .member_info > .btn_more span {font-size:18px; color:#fff}
.main_member_show .slide .member_info > .btn_more:hover {background:#b4253b}
.main_member_nav.slick-slider {position:absolute; left:50%; bottom:33px; width:1058px; margin-left:-529px; transition:.3s}
.main_member_nav .slick-slide {width:257px; margin-right:10px; cursor:pointer}
.main_member_nav .slick-slide > div {font-size:0}
.main_member_nav .slide {box-sizing:border-box; }
.main_member_nav .slide .inner {position:relative; box-sizing:border-box; height:180px; margin-top:50px; background:#e8d9d9; -webkit-transition:background .3s; transition:background .3s}
.main_member_nav .slide img {position:absolute; bottom:0; right:5px; width:170px; transition:.3s}
.main_member_nav .slide img.on {opacity:0}
.main_member_nav .slide img.off {opacity:1}
.main_member_nav .slide .border {position:absolute; left:0; right:0; bottom:0; top:0; border:0px solid #5a3232; -webkit-transition:.3s; transition:.3s}
.main_member_nav .slide .name {position:absolute; left:26px; bottom:33px}
.main_member_nav .slide .name span {font-size:15px; color:#393939}
.main_member_nav .slide .name h3 {line-height:1; font-size:33px; color:#5a3232; font-weight:500}
.main_member_nav .slick-arrow {position:absolute; top:50%; width:41px; height:41px; text-indent:9999px; overflow:hidden; cursor:pointer}
.main_member_nav .slick-prev {right:100%; margin-right:22px; background:url('/img/slider_btn_prev.png') no-repeat center}
.main_member_nav .slick-next {left:100%; margin-left:22px; background:url('/img/slider_btn_next.png') no-repeat center}
.main_member_nav .slick-current .slide .inner {background:#fff}
.main_member_nav .slick-current .slide .inner .border {border:10px solid #5a3232}
.main_member_nav .slick-current .slide .inner img.on {opacity:1}
.main_member_nav .slide .inner:hover {background:#fff}
.main_member_nav .slide .inner:hover .border {border:10px solid #5a3232}
.main_member_nav .slide .inner:hover img.on {opacity:1}
.main_member_nav .slide .inner:hover img.off {}

/*MAIN MEDIA*/
.main_media {padding:120px 0 60px}
.main_media_con {position:relative; margin-top:45px}
.main_media_con .video_wrap {width:52.83%; box-shadow:15px 15px 15px #d7d7d7}
.main_media_con .video_box {position:relative; padding-top:56.466%}
.main_media_con .video_box iframe {position:absolute; left:0; top:-50%; bottom:-50%; margin:auto}
.main_media_con .intro {position:absolute; right:0; bottom:0; box-sizing:border-box; width:47.17%; padding:0 45px}
.main_media_con .intro p img + img {margin-left:40px}
.main_media_con .intro ul {margin-top:50px}
.main_media_con .intro ul li {font-size:18px; color:#585858}
.main_media_con .intro ul li:before {display:inline-block; width:3px; height:3px; margin-right:5px; background:#6c6c6c; vertical-align:middle; content:''}

/*MAIN KAKAOTALK*/
.main_kakaotalk {padding:60px 0 80px}
.main_katalk_slider {margin:50px auto 0}
.main_katalk_slider .slide {box-sizing:border-box; padding:0 0; margin-right:12px}
.main_katalk_slider .slide a {position:relative; display:block; width:291px; box-sizing:border-box; padding-top:149%; border:1px solid #d6d6d6; background:url('/img/img_katalk_chat.jpg') no-repeat center; background-size:cover}
.main_katalk_slider .cont {position:absolute; bottom:0; box-sizing:border-box; width:100%; padding:0 20px 20px; border-top:1px solid #d6d6d6; background:#fff}
.main_katalk_slider .cont .lawyer {position:relative; margin-top:-23px}
.main_katalk_slider .cont .lawyer .name_box {position:absolute; left:95px; bottom:0; width:156px; height:48px; line-height:48px; box-sizing:border-box; padding-left:12px; text-align:center; background:url('/img/name_bubble.png') no-repeat; background-size:100% 100%}
.main_katalk_slider .cont .lawyer .name_box em {font-size:20px; color:#5a3232}
.main_katalk_slider .cont h1 {line-height:1.35; height:2.7em; margin:10px 0 8px; font-size:23px; color:#272727; overflow:hidden}
.main_katalk_slider .cont p {line-height:1.25; height:2.5em; font-size:16px; color:#7f7f7f; overflow:hidden}
.main_katalk_slider .slick-dots {margin-top:44px}
.main_katalk_slider .slide a:hover .cont h1 {text-decoration:underline}

/*MAIN CONSULTATION 온라인상담*/
.main_consultation .wrap {box-sizing:border-box; *height:311px; padding:60px 54px 50px 70px; background:url('/img/main_consultation_bg.jpg') no-repeat center; background-size:cover; overflow:hidden}
.main_consultation .txt {float:left}
.main_consultation .txt h1 {line-height:1; font-size:35px; color:#fff; font-weight:500;}
.main_consultation .txt h2 {display:inline-block; line-height:2; padding:0 16px; margin:15px 0; font-size:20px; color:#f3f3f3; background:#000; border-radius:20px}
.main_consultation .txt h2 em {display:inline-block; font-size:1em; color:#ffa800}
.main_consultation .txt h3 {font-size:18px; color:#fff; font-weight:300; opacity:.7}
.main_consultation .txt p {margin-top:10px}
.main_consultation .txt p > * {display:inline-block; vertical-align:middle}
.main_consultation .txt p img {margin-right:8px}
.main_consultation .txt p a {font-size:20px; color:#fff}
.main_consultation .txt p em {width:2px; height:13px; margin:0 10px; background:#fff}
.main_consultation .txt p em {width:2px; height:13px; margin:0 10px; background:#fff}
.main_consultation .form_wrap {float:right; width:519px}
.main_consultation .form_wrap .frm_input {box-sizing:border-box; width:100%; padding:10px 15px; border:1px solid #d7d7d7; font-size:15px; color:#585858}
.main_consultation .form_wrap input.frm_input {height:40px}
.main_consultation .form_wrap textarea.frm_input {height:119px; margin-top:9px; resize:none; border-radius:0}
.main_consultation .form_wrap .btn_submit {float:right; display:block; width:170px; height:50px; margin:13px auto 0; font-size:20px; color:#fff; background:#000}
.main_consultation .form_wrap .captcha_wrap {float:left; margin-top:13px; }
.main_consultation .form_wrap #captcha_info {color:#fff}

/*MAIN SNS 유튜브&블로그*/
.main_sns {padding:110px 0 70px }
.main_sns .wrap {}
.main_sns .wrap:after {display:block; clear:both; content:''}
.main_sns .con {float:left; width:50%; box-sizing:border-box}
.main_sns .con .tit {position:relative; padding-left:75px}
.main_sns .con:last-child .tit {margin-left:18px}
.main_sns .con .tit img {position:absolute; left:0; top:-18px}
.main_sns .con .tit h1 {line-height:1; font-size:35px; color:#3a3a3a; font-weight:500}
.main_sns .con .tit p {line-height:1.4; margin-top:10px; font-size:18px; color:#585858}
.main_sns .con ul {margin-top:25px; box-sizing:border-box; overflow:hidden}
.main_sns .con:first-child ul {padding-right:18px; border-right:1px solid #9d9d9d}
.main_sns .con:last-child ul {padding-left:18px}
.main_sns .con ul li {float:left; width:49%}
.main_sns .con ul li.empty {width:100%; padding:2em 0; text-align:center; font-size:1.5em}
.main_sns .con ul li + li {margin-left:2%}
.main_sns .con ul li .thumb {position:relative; padding-top:70.1754%; overflow:hidden}
.main_sns .con ul li .thumb:before {position:absolute; left:0; top:0; right:0; bottom:0; border:5px solid #731725; content:''}
.main_sns .con ul li .thumb a {display:block}
.main_sns .con ul li .thumb img {position:absolute; left:-50%; right:-50%; top:-50%; bottom:-50%; width:100%; margin:auto; transition:.3s}
.main_sns .con ul li .txt {min-height:6.5em}
.main_sns .con ul li .txt a {display:block; line-height:1.3; margin:10px 0; max-height:2.6em; font-size:23px; color:#272727; overflow:hidden}
.main_sns .con ul li .txt p {line-height:1.25; max-height:2.5em; font-size:16px; color:#7f7f7f; overflow:hidden}
.main_sns .con ul li .thumb a:hover img {width:108%}
.main_sns .con ul li .txt a:hover {text-decoration:underline}

/*MAIN LOCATION*/
.main_location .map {height:360px}
.main_location .info {position:relative; padding:55px 0; overflow:hidden}
.main_location .info:before {position:absolute; top:55px; left:50%; width:1px; height:118px; margin-left:-.5px; background:#bfbfbf; content:''}
.main_location .info dl {float:left; width:50%; box-sizing:border-box; padding:0 2% 0 5%}
.main_location .info dl dt {line-height:1; margin-bottom:25px; font-size:35px; color:#161616}
.main_location .info dl dt b {font-size:1em; font-weight:500}
.main_location .info dl dd {position:relative; padding-left:32px; font-size:18px; color:#585858}
.main_location .info dl dd.color2 {color:#191919}
.main_location .info dl dd + dd {margin-top:5px}
.main_location .info dl dd img {position:absolute; left:0; top:4px}
.main_location .info dl dd a {font-size:1em; color:inherit}
.main_location .info dl dd em {display:inline-block; width:2px; height:12px; margin:0 5px; background:#282828}

@media screen and (max-width:1300px){
	/*MAIN KAKAOTALK*/
	.main_katalk_slider {width:897px}
}

@media screen and (max-width:1250px){
	/*MAIN VISUAL*/
	.main_visual .call_box {right:3%; margin-right:0}

	/*MAIN MEDIA*/
	.main_media_con .video_wrap {width:630px; margin:0 auto}
	.main_media_con .intro {position:relative; width:570px; margin:0 auto}
	.main_media_con .intro p {margin-top:30px}
	.main_media_con .intro ul {margin-top:30px}

	/*MAIN MEMBER*/
	.main_member_nav.slick-slider {width:791px; margin-left:-395.5px}
}

@media screen and (max-width:1100px){
	/*MAIN CONSULTATION 온라인상담*/
	.main_consultation .form_wrap {width:60%; max-width:519px}
}

@media screen and (max-width:1024px){
	code {clear:both; display:block}

	/*MAIN TITLE*/
	.main_title h1 {font-size:2em}
	.main_title h2 {margin-top:.75em; font-size:1em}
	.main_title h2 em {line-height:1.3em}
	.main_title h3 {margin-top:.8em; font-size:1.2em}
	.main_title h3 em {line-height:1.3em}

	/*MAIN VISUAL*/
 	.main_visual .call_box {left:6%; right:auto; bottom:3.33em; margin-right:0; padding:.67em .9em}
	.main_visual .call_box dt {margin-right:.3em}
	.main_visual .call_box dt img {width:2em}
	.main_visual .call_box h3 {font-size:1em}
	.main_visual .call_box p {margin-top:.3em; text-align:center}
	.main_visual .call_box p a {padding:0 .5em; font-size:.85em}
	.main_visual .call_box p a:first-child {padding-left:0}
	.main_visual .call_box p a + a:after {left:-.5px; width:1px; height:1em; margin-top:-.5em; }
	.main_visual_slider .cycle-pager {bottom:1.75rem}
	.main_visual_slider .slide {padding-top:0}
	.main_visual_slider .slide01 {background:url('/img/2022/m_main_visual01_bg.jpg') center; background-size:cover}
	.main_visual_slider .slide02 {background:url('/img/2022/m_main_visual02_bg.jpg') center; background-size:cover}
	.main_visual_slider .slide03 {background:url('/img/2022/m_main_visual03_bg.jpg') center; background-size:cover}
	.main_visual_slider .slide04 {background:url('/img/2022/m_main_visual04_bg.jpg') center right; background-size:cover}
	.main_visual_slider .slide .txt {width:88%; padding-top:5.5em}
	.main_visual_slider .slide01 .txt { padding-top: 5.5em;}
	.main_visual_slider .slide .txt.center,
	.main_visual_slider .slide .txt.right {padding-top:5.5em; text-align:left}
	.main_visual_slider .slide .txt.center  > *,
	.main_visual_slider .slide .txt.right  > * {text-align:left}
	.main_visual_slider .slide .txt.center ul li,
	.main_visual_slider .slide .txt.right ul li {text-align:left}
	.main_visual_slider .slide .txt  > * {top:20px}
	.main_visual_slider .slide .txt h1 {font-size:.825em}
	.main_visual_slider .slide .txt.center h1 {display:block}
	.main_visual_slider .slide .txt h2 {font-size:2em}
	.main_visual_slider .slide .txt h3 {font-size:1.8em !important}
	.main_visual_slider .slide .txt ul {margin-top:.6em}
	.main_visual_slider .slide .txt ul li {font-size:.85em}
	.main_visual_slider .slide .txt ul + h2 {margin-top:1em}
	.main_visual_slider .slide04 .txt h2 {font-size:1.85em}
	.main_visual_slider .slide04 .txt h3 {font-size:1.32em}
	.main_visual_slider .cycle-slide-prev .txt  > * {top:0; opacity:0; transition:0s .5s}
	.main_visual_slider .cycle-slide-active .txt  > * {top:0; opacity:1;}
	.main_visual_slider .cycle-slide-active .txt  > h1 {transition:.5s .3s}
	.main_visual_slider .cycle-slide-active .txt  > h2 {transition:.6s .6s}
	.main_visual_slider .cycle-slide-active .txt  > h3 {transition:.6s .9s}
	.main_visual_slider .cycle-slide-active .txt  > ul {transition:.5s 1.2s}
	.main_visual_slider .cycle-slide-active .txt  > ul + h2 {transition:.6s 1.6s}
	.main_visual_slider .cycle-slide-active .txt  > ul ~ ul {transition:.5s 2s}

	/*MAIN SUCCESS*/
	.main_success {padding:4em 0}
	.main_success .main_title h2 {margin-top:.5em}
	.main_success_slider_wrap {margin:2.5em 0 0}
	.main_success_slider_wrap .btn_wrap {margin-bottom:.5em}
	.main_success_slider_wrap .btn_wrap a {font-size:1rem;}
	.main_success_slider {margin:-.35em}
	.main_success_slider .slick-dots {margin-top:25px; margin-top:1.5rem}
	.main_success_slider .slide {padding:.35em}
	.main_success_slider .slide a {padding:1.1em 1em }
	.main_success_slider .slide .icon_plus {top:1.25em; right:.5em; width:1.25em}
	.main_success_slider .slide .lawyer {position:relative}
	.main_success_slider .slide .lawyer > .thumb img {width:4.8em}
	.main_success_slider .slide .lawyer > .name {position:absolute; left:0; bottom:0; line-height:1.3; padding-left:6.3em; font-size:.875em}
	.main_success_slider .slide .txt {margin-top:1em}
	.main_success_slider .slide .txt > span {font-size:.825em}
	.main_success_slider .slide .txt > h3 {line-height:1.25; height:2.5em; font-size:1em}
	.main_success_slider .slide .txt > p {line-height:1.3; height:2.6em; font-size:.875em}

	/*MAIN MEMBER*/
	.main_member {padding-top:4em}
	.main_member_nav.slick-slider {padding:0}
	.main_member_show .slide .member_info {left:10%; right:20%}
	.main_member_show .slide .member_img {right:5%}
	.main_member_nav .slide .inner {margin-top:2em}
	.main_member_nav .slick-arrow {top:6em; z-index:2; width:1.6em; height:1.6em}
	.main_member_nav .slick-prev {right:50%; margin-right:112px; background:#fff url('/img/slider_btn_prev.png') no-repeat center; background-size:.8em auto}
	.main_member_nav .slick-next {left:50%; margin-left:112px; background:#fff url('/img/slider_btn_next.png') no-repeat center; background-size:.8em auto}

	/*MAIN MEDIA*/
	.main_media {padding:4em 0 2em}

	/*MAIN KAKAOTALK*/
	.main_kakaotalk {padding:3em 0 4em}
	.main_kakaotalk .wrap {width:94%}
	.main_katalk_slider {margin-top:2em}
	.main_katalk_slider .cont {padding:0 1.25em 1.25em}
	.main_katalk_slider .cont .lawyer {margin-top:-1.6em}
	.main_katalk_slider .cont .lawyer img {width:5em}
	.main_katalk_slider .cont .lawyer .name_box {left:5.5em; right:.1em; width:auto; height:2.575em; line-height:2.575em; padding-left:.8em}
	.main_katalk_slider .cont .lawyer .name_box em {font-size:1em}
	.main_katalk_slider .cont h1 {line-height:1.3; height:2.6em; font-size:1.2em}
	.main_katalk_slider .cont p {font-size:.9em}
	.main_katalk_slider .slick-dots {margin-top:20px; margin-top:1rem}


	/*MAIN CONSULTATION 온라인상담*/
	.main_consultation .wrap {height:auto; width:100%; padding:2em 5% 1em; background:#4c3535}
	.main_consultation .txt h1 {font-size:1.5em}
	.main_consultation .txt h2 { padding:0 1em; margin:.8em 0; font-size:.85em}
	.main_consultation .txt h3 {font-size:.8em}
	.main_consultation .txt p img {width:1em; margin-right:.5em}
	.main_consultation .txt p a {font-size:.85em}
	.main_consultation .txt p em {width:1px; height:.6em; margin:0 .5em}
	.main_consultation .form_wrap {width:60%}
	.main_consultation .form_wrap .frm_input {padding:.5em; font-size:.875em}
	.main_consultation .form_wrap input.frm_input {height:2.18em}
	.main_consultation .form_wrap textarea.frm_input {height:7em; margin-top:.5em; }
	.main_consultation .form_wrap .btn_submit {width:30%; max-width:8em; height:2.46em; margin:.7em auto 0; font-size:1em; background:#000000}

	/*MAIN CONSULTATION 온라인상담*/
	.main_consultation .wrap {padding:2em 3% 2em}
	.main_consultation .txt {float:none}
	.main_consultation .txt > div {display:inline-block; vertical-align:middle}
	.main_consultation .txt .txt1 {margin-right:.5em}
	.main_consultation .txt h2 {margin-bottom:0}
	.main_consultation .txt h3 {line-height:1.3}
	.main_consultation .txt p {margin-top:.3em}
	.main_consultation .form_wrap {float:none; width:100%; max-width:100%; margin-top:.8em}


	/*MAIN SNS 유튜브&블로그*/
	.main_sns {padding:4.75em 0 2.875em }
	.main_sns .con {width:100%}
	.main_sns .con + .con {margin-top:2.4em}
	.main_sns .con .tit {padding-left:3em}
	.main_sns .con:last-child .tit {margin-left:2%}
	.main_sns .con .tit img {top:-.5em; width:2.8em}
	.main_sns .con .tit h1 {font-size:1.5em}
	.main_sns .con .tit p {margin-top:.5em; font-size:.85em}
	.main_sns .con ul {margin-top:1em}
	.main_sns .con:first-child ul {padding-right:0; border:0}
	.main_sns .con:last-child ul {padding-left:0}
	.main_sns .con ul li .txt a {margin:.5em 0 .4em; font-size:1.25em}
	.main_sns .con ul li .txt p {line-height:1.35; height:2.7em; font-size:.875em}

	/*MAIN LOCATION*/
	.main_location .map {height:18em}
	.main_location .info {padding:1.33em 0 4em}
	.main_location .info:before {display:none}
	.main_location .info dl {width:100%; padding:0}
	.main_location .info dl + dl {margin-top:1em}
	.main_location .info dl dt {margin-bottom:.6em; font-size:1.25em}
	.main_location .info dl dd {padding-left:1.7em; font-size:1em}
	.main_location .info dl dd + dd {margin-top:.2em}
	.main_location .info dl dd img {left:.2em; top:.2em; width:1em}
	.main_location .info dl dd em {height:.7em; margin:0 .5em}
}

@media screen and (max-width:980px){
	/*MAIN KAKAOTALK*/
	.main_katalk_slider {width:594px}
}

@media screen and (max-width:768px){
	/*MAIN MEMBER*/
	.main_member_show .slide {height:28em}
	.main_member_show .slide .member_img {width:18em}
	.main_member_show .slide .member_img img {width:100%}
	.main_member_show .slide .member_info {top:3em}
	.main_member_show .slide .member_info > h1 > span {font-size:.8em}
	.main_member_show .slide .member_info > h2 {margin:.3em 0; font-size:1.8em}
	.main_member_show .slide .member_info > ul li {font-size:.8em}
	.main_member_show .slide .member_info > .btn_more {padding:.1em 1.5em .3em; margin-top:.5em}
	.main_member_show .slide .member_info > .btn_more span {display:inline-block; line-height:1; font-size:.8em}
	.main_member_nav.slick-slider {bottom:0; width:43em; margin-left:-21.55em}
	.main_member_nav .slick-slide {width:14em; margin-right:.5em}
	.main_member_nav .slide .inner {height:0; padding-bottom:66%}
	.main_member_nav .slide .name {bottom:1.25em; left:1em; font-size:1.1em}
	.main_member_nav .slide .name span {font-size:.625em}
	.main_member_nav .slide .name h3 {font-size:1.375em}
	.main_member_nav .slide img {right:.2em; width:65%}
	.main_member_nav .slick-arrow {top:5.2em}
	.main_member_nav .slick-next {margin-left:5.1em}
	.main_member_nav .slick-prev {margin-right:5.1em}
	.main_member_nav .slide .inner:hover .border {border:.5em solid #5a3232}
	.main_member_nav .slick-current .slide .inner .border {border:.5em solid #5a3232}

	/*MAIN MEDIA*/
	.main_media_con {margin-top:2em}
	.main_media_con .video_wrap {width:100%; max-width:630px}
	.main_media_con .intro {width:100%; padding:0}
	.main_media_con .intro p {margin-top:2em; text-align:center}
	.main_media_con .intro p img {height:2.3em; }
	.main_media_con .intro p img + img {margin-left:.8em}
	.main_media_con .intro ul {margin-top:1.5em}
	.main_media_con .intro ul li {font-size:.875em}



	/*MAIN SNS 유튜브&블로그*/
	.main_sns .con ul li {width:100%}
	.main_sns .con ul li + li {display:none}
	.main_sns .con ul li .txt {height:auto; min-height:auto}
}
@media screen and (max-width:650px){
	/*MAIN KAKAOTALK*/
	.main_katalk_slider {width:94%; max-width:291px}
  .main_kakaotalk .slick-dots li {margin: 0 5px;}
	.main_katalk_slider .slide a {width:100%}

	/*MAIN MEMBER*/
	.main_member_show .slide {height:21em}
	.main_member_show .slide .member_img {right:2%; width:14em}
	.main_member_show .slide .member_info {left:3%; top:2em}
	.main_member_nav.slick-slider {bottom:-1.5em; width:37em; margin-left:-18.5em}
	.main_member_nav .slick-slide {width:12em; margin-right:.5em}
	.main_member_nav .slide .name {font-size:1em}
}

@media screen and (max-width:500px){
	/*MAIN CONSULTATION 온라인상담*/
	.main_consultation .form_wrap .captcha_wrap {float:none}
	.main_consultation .form_wrap .btn_submit {float:none}
}