@charset "utf-8";

@media (max-width: 1700px) {
	/* layout */
		#gnb>ul>li {padding:0 20px;}
	/* main */
		.section05 .col {display:block;}
		.section05 .txt-box {margin:0 auto 60px;}
		.section05 .img-box {margin:0 auto;}		
		.section05 .content-box .tit p br {display:none;}
		
		.section06 .sec-tit {position:relative; transform:translateX(0); left:0;}
		
}

@media (max-width: 1430px) {
	/* layout */
		#gnb {margin-left:260px;}
		#gnb>ul {justify-content:normal;}
		#gnb>ul>li {padding:0 12px;}
		#gnb>ul>li>a {font-size:17px;}
		.search-icon {right:50px;}
	/* main */
}

@media (max-width: 1024px) {
	/* layout */
		/* header */
		#header {position:absolute !important; height:100px !important;}
		#header.active {transform:translateY(0) !important;}
		#header.hide {transform:translateY(0) !important;}
		#header .sitelogo a {background-size:contain; height:60px; margin-top:-30px;}
		#gnb {display:none;}
		/* footer */
		.foot-btn {padding:20px 0;}
		.foot-btn ul li {padding-right:30px;}
		.foot-btn ul li:after {right:13px;} 
		.foot-btn ul li a {font-size:16px;}
		.foot-cnt {padding:80px 0 130px; /* padding:40px 0 100px; */ align-items:normal;}
		.foot-box {max-width:410px; flex-direction:column; align-items:normal;}
		.foot-box .foot-logo {width:100%; max-width:none; margin-bottom:40px;}
		.foot-box .foot-info {width:100%;}
		.foot-box .foot-info p {font-size:16px; }
		.foot-box .foot-info p strong {max-width: 90px;}
		.foot-box .foot-info p span {display:none;}
		.foot-box .foot-info p br {display:block;}
		.foot-link {max-width:260px; margin:0;}
		.foot-link .family .open {line-height:60px; padding:0 15px; font-size:15px;}
		.foot-link .family .open:after {right:15px;}
		.foot-link .family ul {top:60px;}
		.foot-link .family.family-open ul {height:124px;}
		.foot-link .family ul li a {line-height:40px; font-size:14px; padding:0 15px;}
		.foot-link .location {line-height:60px; padding:0 15px; font-size:26px;}
		.foot-link .tel {line-height: 40px; font-size:26px; padding: 0 15px;}
		.scrolltop {bottom:80px; width:50px; height:50px; right:15px;}
		.scrolltop:after {width:24px; height:24px; margin-top:-12px; margin-left:-12px; background-size:cover;}
		.quick-menu {top: auto; bottom: 0; transform: none; right: auto; left: 0; width: 100%;}
		.quick-menu .wrap {width: 100%;}
		.quick-menu .title {display: none;}
		.quick-menu ul {display: flex; width: 100%; padding: 7px 0;}
		.quick-menu ul li {width: 33.33333%; border-bottom: none; padding: 0;}
		.quick-menu ul li .icon {width: 35px; height: 35px; background-size: 35px auto; margin: 0 auto 5px;}
		.quick-menu ul li p {font-size: 12px;}
		/* .quick-menu {right: -80px;}
		.quick-menu .wrap {width: 80px;}
		.quick-menu ul li {padding: 10px 5px;}
		.quick-menu ul li .icon {width: 50px; height: 50px; background-size: 50px auto; margin: 0 auto 8px;}
		.quick-menu ul li p {font-size: 14px;}
		.quick-menu .quick-btn {left: -40px; width: 40px; height: 40px;} */
	/* main */
		.main-visual video {max-height:none; object-fit:cover; height:700px;}
		.main-visual .txt-box h2 {font-size:50px; margin-bottom:20px;}
		.main-visual .txt-box p {font-size:32px;}
		.main-visual .scrolldown {font-size:13px; padding-bottom:60px;}
		.main-visual .scrolldown:before {height:40px;}
		.main-visual .scrolldown:after {height:20px;}
		/* banner */
		.banner {height:auto; padding:80px 0;}
		/* section */
		.sec-tit {margin-bottom:70px;}
		.sec-tit p {font-size:28px; margin-bottom:10px;}
		.sec-tit h3 {font-size:48px;}
		.sec-tit .btns {position:relative; margin-top:30px; justify-content:flex-end;}
		/* section01 */
		.section01 {padding:100px 0 120px;}
		.section01 .items {margin:0 -10px;}
		.section01 .item {padding:0 10px;}
		.section01 .inner .txt-box {padding:30px;}
		.section01 .inner .txt-box p {display: none; font-size:18px; margin-bottom:10px;}
		.section01 .inner .txt-box h4 {font-size:28px;}
		.section01 p.mob-only {display: block; font-size: 18px; color: #666; margin-top: 10px; text-align: center;}
		/* section02 */
		.section02 {padding:100px 0 120px;}
		.section02 .row {padding:20px; width:33.333333%; height:100px;}
		.section02 .row:nth-child(3n) {border-right:0;}
		.section02 .row:nth-child(6n) {border-right:0;}
		.section02 .row:nth-child(n+13) {border-bottom:1px solid rgba(255,255,255,0.2);}
		.section02 .row:nth-child(n+16) {border-bottom:0;}
		.section02 .row:hover {border:0;}
		.section02 .row:before {display:none;}
		.section02 .row:after {width:10px; height:10px; top:20px; right:20px;}
		.section02 .row p {font-size:18px;}
		.section02 .row p br {display:none;}
		/* section03 */
		.section03 {padding:100px 0 120px; background-position:center right;}
		.section03 .inner .img-box {max-width:320px;}
		.section03 .inner .txt-box {padding:30px 40px;}
		.section03 .inner .txt-box span {padding:0 10px; font-size:16px; line-height:32px; margin-bottom:18px;}
		.section03 .inner .txt-box h4 {font-size:26px; margin-bottom:18px;}
		.section03 .inner .txt-box p {font-size:18px;}
		/* section04 */
		.section04 {padding:100px 0 120px;}
		.section04 .items {margin:0 -10px;}
		.section04 .item {padding:0 10px;}
		.section04 .inner .txt-box {padding:30px;}
		.section04 .inner .txt-box span {font-size:16px; margin-bottom:10px;}
		.section04 .inner .txt-box h4 {font-size:20px; margin-bottom:10px;}
		.section04 .inner .txt-box p {font-size:16px;}
		/* section05 */
		.section05 {padding:80px 0;}
		.section05 .sec-tit {margin-bottom:30px; padding-top:0;}
		.section05 .content-box .tit {margin-bottom:24px;}
		.section05 .content-box .tit h4 {font-size:28px;}
		.section05 .content-box .tit p {font-size:20px; min-height:calc(1.5em * 1 * 2);}
		.section05 .content-box .tit a {width:20px; height:20px; top:0; right:0;}
		.section05 .content-box .tit a:before {width:20px; margin-left:-10px;}
		.section05 .content-box .tit a:after {height:20px; margin-top:-10px;}
		.section05 .content-box .img {margin-bottom:30px;}
		.section05 .content-box dl {padding:12px 0;}
		.section05 .content-box dt {max-width:170px; padding-left:30px; font-size:20px;}
		.section05 .content-box dt:before {width:20px; height:20px; margin-top:-10px;}
		.section05 .content-box dd {font-size:20px;}
		.section05 .img-box {max-width:600px;}
		.section05 .img-box .btn span:before,
		.section05 .img-box .btn span:after {width:40px; height:40px; margin-top:-20px; margin-left:-20px;}
		.section05 .img-box .btn {width:45px;}
		.section05 .img-box .btn p {font-size:20px;}
		.section05 .img-box .btn.active p {font-size:24px; transform:translateY(-50px);}
		.section05 .img-box .btn01 {left:27.5%;}
		.section05 .img-box .btn02 {left:18.5%;}
		.section05 .img-box .btn03 {left:37%;}
		.section05 .img-box .btn04 {left:27%; top:28%;}
		.section05 .img-box .btn05 {left:37.4%;}
		.section05 .img-box .btn06 {left:70%;}
		.section05 .img-box .btn07 {left:84.3%;}
		.section05 .img-box .btn08 {left:81.5%; top:69%;}
		.section05 .img-box .btn09 {left:25%;}
		/* section06 */
		.section06 .sec-tit {top:0; left:0; transform:translateX(0); padding-top:100px; margin-bottom:0;}
		/* section07 */
		.section07 {padding:100px 0 120px;}
		.section07 .sec-tit p {margin-bottom:20px;}
		.section07 .col {display:block;}
		.section07 .txt-box {max-width:none; margin-bottom:60px;}
		.section07 .txt-box:after {display:none;}
		.section07 .txt-box .txt h4 {font-size:28px; margin-bottom:12px;}
		.section07 .txt-box .txt p {font-size:20px;}
		.section07 .txt-box .txt br {display:none;}
		.section07 .fut-box {max-width:none; padding-left:0;}
		.section07 .fut-box .put {line-height:58px; height:60px; font-size:18px;}
		.section07 .fut-box .put::placeholder {font-size:18px;}
		.section07 .fut-box textarea.put {height:120px;}
		.section07 .fut-box .check {margin-bottom:24px;}
		.section07 .fut-box .check .checkbox label {font-size:18px;}
		.section07 .fut-box .check a {font-size:16px;}
		.section07 .fut-box button {line-height:60px; font-size:20px; width:100%; max-width:300px; margin:0 auto; display:block;}
		.section07 .fut-box button:after {width:20px; height:20px; margin-left:20px;}
		/* section08 */
		.section08 {padding:50px 0;}
		.section08 .col {margin:0 0 -20px; flex-wrap:wrap;}
		.section08 .col .row {padding:0 10px; width:20%; margin-bottom:20px;}
	/* sub */ 	
		/* sub-visual */
		.sub-visual {height:300px; margin-top:100px;}
		.sub-visual .tit-box p {font-size:24px; margin-bottom:24px;}
		.sub-visual .tit-box h2 {font-size:50px;}
		.sub-visual .img {width:300px;}
		/* lnb */
		.lnb {margin-top:60px;}
		.lnb ul li {width:33.3333333%;}
		.lnb ul li a {min-height:auto; padding:15px; font-size:16px;}
		/* sub */
		.real-cont {padding:100px 0 120px;}
		.doc-tit {margin-bottom:30px; padding-top:24px;}
		.doc-tit:before {width:40px; height:3px;}
		.doc-tit h4 {font-size:36px;}
		/* sub 01 */
		.our .img-box {margin-bottom:60px;}
		.our .doc-tit p {font-size:24px; margin-bottom:16px;}
		.our .col {display:block;}
		.our .col .tit-box {max-width:none; padding-right:0;}
		.our .col .img-box2 {margin-top: 30px; text-align: center;}
		.our .col .txt-box {width:100%; margin-top: 25px;}
		.our .col .txt-box h5 {font-size:24px; margin-bottom:20px;}
		.our .col .txt-box p {font-size:20px; margin-bottom:20px;}

		.about .cnt-tit p {font-size:24px; padding-top:24px; margin-bottom:12px;}
		.about .cnt-tit p:before {width:40px; height:3px;}
		.about .cnt-tit h4 {font-size:32px;}
		.about .cnt02 {padding:100px 0 120px;}
		.about .cnt02 .cnt-tit {margin-bottom:40px;}
		.about .cnt02 .col:before,
		.about .cnt02 .col:after {display:none;}
		.about .cnt02 .col .row {padding:40px 20px;}
		.about .cnt02 .col .row:before {display:none;}		
		.about .cnt02 .col .row .num {font-size:60px;}
		.about .cnt02 .col .row p {font-size:24px;}
		/* sub 03 */
		/* 검색바 */
		.search_bar {margin:0 auto 80px; max-width:600px;}
		.search_bar .sch_input {font-size:18px;}
		.search_bar .sch_input::placeholder {font-size:18px;}
		/* members-list */
		.members-list .col {padding:0; margin:0 -30px;}
		.members-list .col .row {padding:0 30px; margin-bottom:80px;}
		.members-list .inner .txt-box {padding-right:40px; height:70px;}
		.members-list .inner .txt-box .name {font-size:28px;}
		.members-list .inner .txt-box .txt {font-size:20px;}
		/* members-visual */
		.members-visual {height:100%; padding-top:140px;}
		.members-visual .col {display:block; height:100%;}
		.members-visual .txt-box {max-width:none; padding-top:0; margin-bottom:40px;}
		.members-visual .txt-box .tit {padding-bottom:20px; margin-bottom:30px;}
		.members-visual .txt-box .tit:after {width:50px;}
		.members-visual .txt-box .tit p {font-size:20px; margin-bottom:18px;}
		.members-visual .txt-box .tit h2 {font-size:50px;}
		.members-visual .txt-box .tit h2 span {font-size:28px; margin-left:24px;}
		.members-visual .txt-box .txt li {font-size:18px; padding-left:10px;}
		.members-visual .txt-box .txt li:before {top:13px; left:0;}
		.members-visual .img-box {width:100%; max-width:300px; margin:0 0 0 auto;}
		/* members-view */
		.members-view .tit-box {padding-bottom:24px; margin-bottom:24px;}
		.members-view .tit-box h3 {font-size:32px;}
		.members-view .tit-box h3:before {display:none;}
		.members-view .txt-box {margin-bottom:30px;}
		.members-view .txt-box p {font-size:16px;}
		/* sub 04 */
		.practice .cnt {margin-bottom:100px;}
		.practice .title {margin-bottom:60px;}
		.practice .title h3 {font-size:40px; margin-bottom:12px;}
		.practice .title p {font-size:24px;}
		.practice .img-box {margin-bottom:80px;}
		.practice .txt-box {margin-bottom:80px;}
		.practice .txt-box p {font-size:20px;}
		.practice .cnt-tit {margin-bottom:24px;}
		.practice .cnt-tit h5 {font-size:24px; padding-left:20px;}
		.practice .cnt-tit h5:before {width:12px; height:12px; border:3px solid #c4a46e; top:8px;}
		.practice .table table thead th {font-size:20px; padding:15px 5px;}
		.practice .table table tbody th {font-size:20px; padding:15px 5px;}
		.practice .table table tbody td {font-size:20px; padding:15px 5px;}
		.practice .work {padding:30px 0; }
		.practice .work p {width:50%; font-size:20px; padding:0 15px;}
		.practice .work p:nth-child(2n) {border-right:0;}
		/* sub 04 06 */
		.practice06 .box {margin-bottom:80px;}
		.practice06 .cnt01 .box ul li {width:50%;}
		.practice06 .cnt01 .box ul li .inner {padding:10px; font-size:20px; min-height:auto; height:100%;}
		.practice06 .cnt01 .box ul li .inner span {font-size:16px;}
		.practice06 .cnt02 .txt {padding:20px;}
		.practice06 .cnt02 .txt.right {width:calc(100% - 40px); margin:20px 0 30px auto;}
		.practice06 .cnt02 .txt.right:before {display:none;}
		.practice06 .cnt02 .txt p {font-size:20px;}
		.practice06 .cnt02 .col {margin:0 -10px;}
		.practice06 .cnt02 .col .row {padding:0 10px;}
		.practice06 .cnt02 .inner {padding:40px 20px;}
		.practice06 .cnt02 .inner .icon {margin-bottom:16px;}
		.practice06 .cnt02 .inner .icon img {width:80px;}
		.practice06 .cnt02 .inner .ti {margin-bottom:20px; padding-bottom:20px;}
		.practice06 .cnt02 .inner .ti p {font-size:20px;}
		.practice06 .cnt02 .inner .ti h6 {font-size:28px;}
		.practice06 .cnt02 .inner .tx li {font-size:18px; padding-left:8px;}
		.practice06 .cnt02 .inner .tx li:before {top:10px;}
		.practice06 .cnt03 .img-box {height:280px; margin-bottom:60px;}
		.practice06 .cnt03 .img-box p {font-size:24px;}
		.practice06 .cnt03 .col {margin:0 -10px -30px;}
		.practice06 .cnt03 .col .row {padding:0 10px; margin-bottom:30px; width:50%;}
		.practice06 .cnt03 .inner .ti {font-size:18px; padding:12px 10px;}
		.practice06 .cnt03 .inner .tx {font-size:18px; padding:12px 10px;}
		/* sub 04 07 */
		.practice07 .cnt02 .txt-box {margin-bottom:40px;}
		.practice07 .cnt02 .col {margin:0 -10px;;}
		.practice07 .cnt02 .col .row {padding:0 10px;}
		.practice07 .cnt02 .inner .ti {font-size:18px; padding:12px 10px;}
		.practice07 .cnt02 .inner .tx {font-size:18px; padding:20px 15px;}
		.practice07 .cnt03 .col {margin:0 -10px;}
		.practice07 .cnt03 .col .row {padding:0 10px;}
		.practice07 .cnt03 .inner .txt {padding:20px;}
		.practice07 .cnt03 .inner .txt p {font-size:18px;}
		.practice07 .cnt03 .inner .txt span {font-size:16px;}
		.practice07 .cnt06 .box {margin-bottom:80px;}
		/* sub 04 08 */
		.practice08 .wrap .col {padding:50px 0;}
		.practice08 .wrap .col .icon {max-width:80px;}
		.practice08 .wrap .col .txt {padding-left:30px;}
		.practice08 .wrap .col .txt h5 {font-size:24px; margin-bottom:10px;}
		.practice08 .wrap .col .txt h5 span {font-size:20px; margin-left:0; display:block; margin-top:12px;}
		.practice08 .wrap .col .txt p {font-size:18px;}
		.practice08 .wrap .col .txt li {font-size:18px; padding-left:10px;}
		.practice08 .wrap .col .txt li:before {width:6px; top:12px;}
		/* sub 04 09 */
		.practice09 .txt-box {margin-bottom:40px;}
		.practice09 .cnt02 .col .row {width:50%;}
		.practice09 .cnt02 .inner {min-height:auto;}
		.practice09 .cnt02 .inner p {font-size:18px;}
		.practice09 .cnt03 .col {margin:0 -10px;}
		.practice09 .cnt03 .col .row {padding:0 10px;}
		.practice09 .cnt03 .inner {padding:40px 30px 80px; min-height:auto; height:100%;}
		.practice09 .cnt03 .inner h5 {font-size:24px; margin-bottom:20px;}
		.practice09 .cnt03 .inner p {font-size:18px;}
		.practice09 .cnt03 .inner .icon {bottom:30px; right:30px;}
		.practice09 .cnt03 .inner .icon img {width:50px; height:50px;}
		.practice09 .cnt04 .box {padding:40px 20px;}
		.practice09 .cnt04 .box p {font-size:20px;}
		.practice09 .cnt04 .txt {padding:20px;} 
		.practice09 .cnt04 .txt p {font-size:18px;}
		/* sub 04 10 */
		.practice10 .box {margin-bottom:60px;}
		.practice10 .wrap .col {padding:50px 0;}
		.practice10 .wrap .col .icon {max-width:80px;}
		.practice10 .wrap .col .txt {padding-left:30px;}
		.practice10 .wrap .col .txt h6 {font-size:24px; margin-bottom:12px;}
		.practice10 .wrap .col .txt span {font-size:18px; margin-bottom:12px;}
		.practice10 .wrap .col .txt p {font-size:18px;}
		.practice10 .wrap .col .txt ul li {font-size:18px;}
		/* sub 04 12 */
		.practice12 .wrap {margin-bottom:100px;}
		/* sub 04 13 */
		.practice13 .wrap .col .txt ul {margin-bottom:36px;}
		/* sub 04 14 */
		.practice14 .wrap .col .txt ul {margin-top:16px;}
		/* sub 04 15 */
		.practice15 .txt-box.mb {margin-bottom:32px;}
		/* sub 04 16 */
		.practice16 .cnt02 .col {margin:0 -10px;}
		.practice16 .cnt02 .col .row {padding:0 10px; margin-bottom:20px;}
		.practice16 .cnt02 .col .row:after {width:40px; height:40px; margin-top:-20px; right:-20px; background-size:cover;}
		.practice16 .cnt02 .inner {padding:30px 20px;}
		.practice16 .cnt02 .inner span {font-size:18px; margin-bottom:10px;}
		.practice16 .cnt02 .inner p {font-size:18px;}
		.practice16 .cnt05 .col {margin:0 -10px;}
		.practice16 .cnt05 .col .row {padding:0 10px;}
		.practice16 .cnt05 .inner {height:320px; padding:20px;}
		.practice16 .cnt05 .inner h5 {font-size:28px;}
		.practice16 .cnt05 .inner p {font-size:18px; min-height:auto;}
		/* sub 04 17 */
		.practice17 .cnt02 .col .row {width:50%; padding:50px 20px;}
		.practice17 .cnt02 .icon {margin-bottom:16px;}
		.practice17 .cnt02 .icon img {width:80px;}
		.practice17 .cnt02 h5 {font-size:24px; margin-bottom:12px;}
		.practice17 .cnt02 p {font-size:18px;}
		/* sub 04 18 */
		.practice18 .box {margin-bottom:80px;}
		.practice18 .col {margin-bottom:24px;}
		.practice18 .col .ti {width:100px; height:100px; border:3px solid #d2cec8; font-size:24px;}
		.practice18 .col .tx {margin-left:30px; font-size:18px; min-height:auto; height:100%; padding:20px;}
		.practice18 .col .tx:before {width:30px; left:-30px;}
		.practice18 .txt h5 {font-size:24px; margin-bottom:20px;}
		.practice18 .txt p {font-size:18px;}
		/* sub 04 19 */
		.practice19 .cnt02 .col .row {width:50%;}
		.practice19 .cnt02 .col .txt {padding:20px;}
		.practice19 .cnt02 .col .txt p {font-size:20px; margin-bottom:20px;}
		.practice19 .cnt02 .col .txt p:last-child {margin-bottom:0;}
		/* sub 05 */
		.notable-list .col{margin:0 -15px;}
		.notable-list .row {padding:0 15px; width:50%;}
		.notable-list .inner {padding:25px;}
		.notable-list .inner .tit-box {margin-bottom:20px;}
		.notable-list .inner .tit-box p {font-size:18px; line-height:30px; margin-bottom:18px;}
		.notable-list .inner .tit-box h4 {font-size:24px;}
		.notable-list .inner .img-box {padding-bottom:30px;}
		.notable-list .inner .txt-box {padding-top:20px;}
		.notable-list .inner .txt-box p {font-size:18px; width:90px;}
		.notable-list .inner .txt-box ul li .img {width:50px; height:50px;}
		/* sub05 view */
		.notable-view .title p {font-size:18px; line-height:30px;}
		.notable-view .title h3 {font-size:32px;}
		.notable-view .content {min-height:200px; padding:24px 0; margin-bottom:60px;}
		.notable-view .content p {font-size:18px;}
		.notable-view .people {padding-bottom:80px;}
		.notable-view .people h4 {font-size:28px; margin-bottom:40px;}
		.notable-view .people .col {display:block;}
		.notable-view .people .txt-box {max-width:none; margin:0 0 40px;}
		.notable-view .people .txt-box p {font-size:60px;}
		.notable-view .people .txt-box p br {display:none;}
		.notable-view .people .img-box {max-width:none;}
		.notable-view .people ul {justify-content:flex-end;}
		.notable-view .people ul li {margin-left:15px;}
		.notable-view .people ul li .pic {width:160px; height:160px;}
		
}

@media (max-width: 640px) {
	.only-pc {display:none;}
	.only-mob {display:block;}
	/* layout */
		/* header */
		#header {height:80px !important;}
		#header .sitelogo a {height:50px; margin-top:-25px; width:200px;}
		/* footer */
		.foot-btn {padding:15px 0;}
		.foot-btn ul {flex-wrap:wrap; margin-bottom:-10px; justify-content:center;}
		.foot-btn ul li {padding-right:0; padding-left:0; padding:0 5px; margin-bottom:10px;}
		.foot-btn ul li:after {display:none;} 
		.foot-btn ul li a {font-size:14px;}

		.foot-cnt {padding:80px 0 130px; /* padding:30px 0 100px; */ flex-direction:column-reverse;}
		.foot-box {max-width:none; width:100%; text-align:center;}
		.foot-box .foot-logo {width:100%; max-width:none; margin:30px 0;}
		.foot-box .foot-logo img {/* width:100px; */}
		.foot-box .foot-info p {font-size:16px;}
		.foot-box .foot-info p.copyright {font-size: 13px;}
		.foot-box .foot-info p strong {max-width: none; width: auto;}

		.foot-link {max-width:none; width:100%;}
		.foot-link .family {max-width:240px; width:100%; margin:0 auto 10px;}
		.foot-link .family .open {line-height:50px; padding:0 15px; font-size:13px;}
		.foot-link .family .open:after {right:15px;}
		.foot-link .family ul {top:50px;}
		.foot-link .family.family-open ul {height:124px;}
		.foot-link .family ul li a {line-height:40px; font-size:14px; padding:0 15px;}

		.foot-link .location {max-width:240px; width:100%; margin: 0 auto 10px; line-height:50px; padding:0 15px; font-size:22px; font-weight: 600;}
		.foot-link .tel {max-width:240px; width:100%; margin: 0 auto 10px; line-height:30px; padding:0 15px; font-size:22px; text-align: center; font-weight: 600;}
		
		.scrolltop {bottom:80px; width:40px; height:40px;}
		.scrolltop:after {width:20px; height:20px; margin-top:-10px; margin-left:-10px;}

		.quick-menu ul {display: flex; width: 100%; padding: 7px 0;}
		.quick-menu ul li {/* width: 33.33333%; */ border-bottom: none; padding: 0;}
		.quick-menu ul li:nth-child(1) {width: 60%;}
		.quick-menu ul li:nth-child(2) {width: 20%;}
		.quick-menu ul li:nth-child(3) {width: 20%;}
		.quick-menu ul li:nth-child(1) a {max-width: 120px; width: 100%; margin-left: 20px;}
		.quick-menu ul li .icon {width: 35px; height: 35px; background-size: auto 35px; margin: 0 auto 5px;}
		.quick-menu ul li:nth-child(1) .icon {width: 120px; background-image: url('../img/layout/quick-tel-mob.png');}
		.quick-menu ul li p {font-size: 12px;}
	/* main */
		.main-visual video {height:500px;}
		.main-visual .txt-box h2 {font-size:32px; margin-bottom:12px;}
		.main-visual .txt-box p {font-size:24px;}
		.main-visual .scrolldown {font-size:12px; padding-bottom:60px;}
		.main-visual .scrolldown:before {height:50px;}
		.main-visual .scrolldown:after {height:10px;}
		/* banner */
		.banner {padding:60px 0;}
		/* section */
		.sec-tit {margin-bottom:50px;}
		.sec-tit p {font-size:24px;}
		.sec-tit h3 {font-size:32px;}
		.sec-tit .btns {margin-top:20px;}
		/* section01 */
		.section01 {padding:80px 0 100px;}
		.section01 .inner .txt-box {padding:20px;}
		.section01 .inner .txt-box p {font-size:16px;}
		.section01 .inner .txt-box h4 {font-size:24px;}
		.section01 p.mob-only {font-size: 16px;}
		/* section02 */
		.section02 {padding:80px 0 100px;}
		.section02 .row {padding:15px; width:50%; height:80px; background:rgba(0,0,0,.5);}
		.section02 .row:nth-child(3n) {border-right:1px solid rgba(255,255,255,0.2);;}
		.section02 .row:nth-child(2n) {border-right:0;}
		.section02 .row:nth-child(n+16) {border-bottom:1px solid rgba(255,255,255,0.2);}
		.section02 .row:nth-child(n+17) {border-bottom:0;}
		.section02 .row:after {width:10px; height:10px; top:15px; right:15px;}
		.section02 .row p {font-size:18px;}
		.section02 .row p br {display:none;}
		/* section03 */
		.section03 {padding:80px 0 100px;}
		.section03 .inner {display:block;}
		.section03 .inner .img-box {margin:0 auto; max-width:400px;}
		.section03 .inner .txt-box {width:100%; padding:20px;}
		.section03 .inner .txt-box span {font-size:14px; line-height:28px; margin-bottom:12px;}
		.section03 .inner .txt-box h4 {font-size:22px; margin-bottom:10px;}
		.section03 .inner .txt-box p {font-size:16px;}
		/* section04 */
		.section04 {padding:80px 0 100px;}
		.section04 .items {margin:0;}
		.section04 .item {padding:0;}
		.section04 .inner .txt-box {padding:20px;}
		.section04 .inner .txt-box span {font-size:14px;}
		.section04 .inner .txt-box h4 {font-size:18px;}
		.section04 .inner .txt-box p {font-size:14px;}
		/* section05 */
		.section05 {padding:60px 0;}
		.section05 .sec-tit {margin-bottom:20px; padding-top:0;}
		.section05 .content-box .tit {margin-bottom:20px;}
		.section05 .content-box .tit h4 {font-size:24px;}
		.section05 .content-box .tit p {font-size:16px;}
		.section05 .content-box .img {margin-bottom:20px;}
		.section05 .content-box dl {padding:10px 0;}
		.section05 .content-box dt {max-width:140px; padding-left:24px; font-size:18px;}
		.section05 .content-box dt:before {width:16px; height:16px; margin-top:-8px;}
		.section05 .content-box dd {font-size:18px;}
		.section05 .img-box .btn p {font-size:18px;}
		.section05 .img-box .btn.active p {font-size:20px; transform:translateY(-50px);}
		/* section06 */
		.section06 .sec-tit {padding-top:60px; margin-bottom:-30px;}
		/* section07 */
		.section07 {padding:80px 0 100px;}
		.section07 .sec-tit p {margin-bottom:12px;}
		.section07 .txt-box {margin-bottom:40px;}
		.section07 .txt-box .txt h4 {font-size:24px;}
		.section07 .txt-box .txt p {font-size:18px;}
		.section07 .fut-box .put {line-height:48px; height:50px; font-size:16px;}
		.section07 .fut-box .put::placeholder {font-size:16px;}
		.section07 .fut-box .check {margin-bottom:16px;}
		.section07 .fut-box .check .checkbox label {font-size:16px;}
		.section07 .fut-box .check a {font-size:14px;}
		.section07 .fut-box button {line-height:50px; font-size:16px; max-width:200px;}
		.section07 .fut-box button:after {display:none;}
		/* section08 */
		.section08 {padding:50px 0;}
		.section08 .col {margin:0 0 -20px; flex-wrap:wrap;}
		.section08 .col .row {padding:0 10px; width:auto; margin-bottom:20px;}
		.section08 .col .row a {width:80px;}
	/* sub */	
		/* sub-visual */
		.sub-visual {height:240px;}
		.sub-visual .tit-box p {font-size:20px; margin-bottom:18px;}
		.sub-visual .tit-box h2 {font-size:32px;}
		.sub-visual .img {width:200px;}
		/* lnb */
		.lnb {margin-top:40px;}
		.lnb ul li {width:50%;}
		.lnb ul li a {padding:10px; font-size:14px;}
		/* sub */
		.real-cont {padding:60px 0 80px;}
		
		.doc-tit {margin-bottom:20px; padding-top:20px;}
		.doc-tit:before {width:30px; height:2px;}
		.doc-tit h4 {font-size:24px;}
		/* sub 01 */
		.our .img-box {margin-bottom:40px;}
		.our .doc-tit p {font-size:20px; margin-bottom:10px;}
		.our .col .img-box2 {margin-top: 10px;}
		.our .col .txt-box {margin-top: 20px;}
		.our .col .txt-box h5 {font-size:22px; margin-bottom:12px;}
		.our .col .txt-box p {font-size:20px; margin-bottom:12px;}

		.about .cnt-tit p {font-size:20px; padding-top:20px; margin-bottom:10px;}
		.about .cnt-tit p:before {width:30px; height:2px;}
		.about .cnt-tit h4 {font-size:24px;}
		.about .cnt02 {padding:60px 0 80px; background: url('../img/sub/m-about02bg.jpg') center center no-repeat; background-size:cover;}
		.about .cnt02 .cnt-tit {margin-bottom:30px;}
		.about .cnt02 .col {display:block;}
		.about .cnt02 .col .row {padding:20px; width:100%;}
		.about .cnt02 .col .row:before {display:none;}		
		.about .cnt02 .col .row .num {font-size:40px;}
		.about .cnt02 .col .row p {font-size:20px;}
		/* sub 03 */
		/* 검색바 */
		.search_bar {margin:0 auto 60px; max-width:400px; padding:10px;}
		.search_bar .sch_input {font-size:16px; line-height:40px; width:calc(100% - 40px);}
		.search_bar .sch_input::placeholder {font-size:16px;}
		.search_bar .sch_btn {width:40px; height:40px;}
		/* members-list */
		.members-list .col {padding:0; margin:0 -10px;}
		.members-list .col .row {padding:0 10px; margin-bottom:40px; width:100%;}
		.members-list .inner .txt-box {padding:10px; height:100%; display:block;}
		.members-list .inner .txt-box span {display:none;}
		.members-list .inner .txt-box .name {font-size:24px; width:100%; margin-bottom:10px;}
		.members-list .inner .txt-box .txt {font-size:16px; width:100%; padding-left:0;}
		/* members-visual */
		.members-visual {padding-top:120px; background: url('../img/sub/m-members-visual.jpg') center center no-repeat; background-size:cover;}
		.members-visual .txt-box {margin-bottom:30px;}
		.members-visual .txt-box .tit {padding-bottom:15px; margin-bottom:20px;}
		.members-visual .txt-box .tit:after {width:40px;}
		.members-visual .txt-box .tit p {font-size:16px; margin-bottom:10px;}
		.members-visual .txt-box .tit h2 {font-size:32px;}
		.members-visual .txt-box .tit h2 span {font-size:24px; margin-left:20px;}
		.members-visual .txt-box .txt li {font-size:16px;}
		.members-visual .txt-box .txt li:before {top:12px; left:0;}
		.members-visual .img-box {max-width:240px; margin:0 auto;}
		/* members-view */
		.members-view .tit-box {padding-bottom:16px; margin-bottom:16px;}
		.members-view .tit-box h3 {font-size:26px;}
		.members-view .txt-box {margin-bottom:20px;}
		.members-view .txt-box p {font-size:14px;}
		/* sub 04 */
		.practice .cnt {margin-bottom:60px;}
		.practice .title {margin-bottom:40px;}
		.practice .title h3 {font-size:28px; margin-bottom:10px;}
		.practice .title p {font-size:18px;}
		.practice .img-box {margin-bottom:60px;}
		.practice .txt-box {margin-bottom:60px;}
		.practice .txt-box p {font-size:16px;}
		.practice .cnt-tit {margin-bottom:16px;}
		.practice .cnt-tit h5 {font-size:20px;}
		.practice .cnt-tit h5:before {width:10px; height:10px; border:2px solid #c4a46e; top:7px;}
		.practice .table table thead th {font-size:16px; padding:10px 5px;}
		.practice .table table tbody th {font-size:16px; padding:10px 5px;}
		.practice .table table tbody td {font-size:16px; padding:10px 5px;}
		.practice .work {padding:20px 0;}
		.practice .work p {width:100%; font-size:16px; padding:0 20px;}
		.practice .work p:nth-child(1n) {border-right:0;}
		/* sub 04 06 */
		.practice06 .box {margin-bottom:60px;}
		.practice06 .cnt01 .box ul li {width:100%;}
		.practice06 .cnt01 .box ul li .inner {font-size:16px;}
		.practice06 .cnt01 .box ul li .inner span {font-size:14px;}
		.practice06 .cnt02 .txt.right {width:calc(100% - 20px); margin:20px 0 30px auto;}
		.practice06 .cnt02 .txt p {font-size:16px;}
		.practice06 .cnt02 .col {margin:0 0 -30px; display:block;}
		.practice06 .cnt02 .col .row {padding:0; width:100%; margin-bottom:30px;}
		.practice06 .cnt02 .inner {padding:20px;}
		.practice06 .cnt02 .inner .icon {margin-bottom:10px;}
		.practice06 .cnt02 .inner .icon img {width:60px;}
		.practice06 .cnt02 .inner .ti {margin-bottom:12px; padding-bottom:12px;}
		.practice06 .cnt02 .inner .ti p {font-size:16px;}
		.practice06 .cnt02 .inner .ti h6 {font-size:20px;}
		.practice06 .cnt02 .inner .tx li {font-size:16px;}
		.practice06 .cnt02 .inner .tx li:before {top:8px;}
		.practice06 .cnt03 .img-box {height:200px; margin-bottom:40px;}
		.practice06 .cnt03 .img-box p {font-size:18px;}
		.practice06 .cnt03 .inner .ti {font-size:16px; padding:10px;}
		.practice06 .cnt03 .inner .tx {font-size:16px; padding:10px;}
		/* sub 04 07 */
		.practice07 .cnt02 .txt-box {margin-bottom:30px;}
		.practice07 .cnt02 .col {margin:0 0 -30px; display:block;}
		.practice07 .cnt02 .col .row {padding:0; width:100%; margin-bottom:30px;}
		.practice07 .cnt02 .inner .ti {font-size:16px; padding:10px;}
		.practice07 .cnt02 .inner .tx {font-size:16px; padding:15px 10px;}
		.practice07 .cnt03 .col {margin:0 auto -30px; max-width:400px; width:100%; display:block;}
		.practice07 .cnt03 .col .row {padding:0; margin-bottom:30px; width:100%;}
		.practice07 .cnt03 .inner .txt p {font-size:16px;}
		.practice07 .cnt03 .inner .txt span {font-size:14px;}
		.practice07 .cnt06 .box {margin-bottom:60px;}
		/* sub 04 08 */
		.practice08 .wrap .col {padding:30px 0; display:block;}
		.practice08 .wrap .col .icon {max-width:80px; margin-bottom:20px;}
		.practice08 .wrap .col .txt {padding-left:0; width:100%;}
		.practice08 .wrap .col .txt h5 {font-size:20px;}
		.practice08 .wrap .col .txt h5 span {font-size:16px; margin-top:10px;}
		.practice08 .wrap .col .txt p {font-size:16px;}
		.practice08 .wrap .col .txt li {font-size:16px;}
		.practice08 .wrap .col .txt li:before {height:1px; top:11px;}
		/* sub 04 09 */
		.practice09 .txt-box {margin-bottom:30px;}
		.practice09 .cnt02 .col .row {width:100%;}
		.practice09 .cnt02 .inner p {font-size:16px;}
		.practice09 .cnt03 .col {margin:0 0 -30px; display:block;}
		.practice09 .cnt03 .col .row {padding:0; width:100%; margin-bottom:30px;}
		.practice09 .cnt03 .inner {padding:20px 20px 80px;}
		.practice09 .cnt03 .inner h5 {font-size:20px; margin-bottom:12px;}
		.practice09 .cnt03 .inner p {font-size:16px;}
		.practice09 .cnt03 .inner .icon {bottom:20px; right:20px;}
		.practice09 .cnt03 .inner .icon img {width:40px; height:40px;}
		.practice09 .cnt04 .box {padding:30px 10px;}
		.practice09 .cnt04 .box p {font-size:16px;}
		.practice09 .cnt04 .txt {padding:15px 10px;} 
		.practice09 .cnt04 .txt p {font-size:16px;}
		/* sub 04 10 */
		.practice10 .box {margin-bottom:40px;}
		.practice10 .wrap .col {padding:30px 0; display:block;}
		.practice10 .wrap .col .icon {max-width:80px; margin-bottom:20px;}
		.practice10 .wrap .col .txt {padding-left:0; width:100%;}
		.practice10 .wrap .col .txt h6 {font-size:20px;}
		.practice10 .wrap .col .txt span {font-size:16px; margin-bottom:10px;}
		.practice10 .wrap .col .txt p {font-size:16px;}
		.practice10 .wrap .col .txt ul li {font-size:16px;}
		/* sub 04 12 */
		.practice12 .wrap {margin-bottom:80px;}
		/* sub 04 13 */
		.practice13 .wrap .col .txt ul {margin-bottom:20px;}
		/* sub 04 14 */
		.practice14 .wrap .col .txt ul {margin-top:10px;}
		/* sub 04 15 */
		.practice15 .txt-box.mb {margin-bottom:20px;}
		/* sub 04 16 */		
		.practice16 .cnt02 .col {margin:0; margin-bottom:60px; display:block;}
		.practice16 .cnt02 .col .row {padding:0; width:100%; margin-bottom:30px;}
		.practice16 .cnt02 .col .row:after {width:30px; height:30px; top:auto; margin-top:0; margin-bottom:-45px; right:auto; left:50%; margin-left:-15px; transform:rotate(90deg);}
		.practice16 .cnt02 .inner {padding:20px;}
		.practice16 .cnt02 .inner span {font-size:16px;}
		.practice16 .cnt02 .inner p {font-size:16px;}
		.practice16 .cnt05 .col {margin:0 0 -30px; display:block;}
		.practice16 .cnt05 .col .row {padding:0; width:100%; margin-bottom:30px;}
		.practice16 .cnt05 .inner {height:200px;}
		.practice16 .cnt05 .inner h5 {font-size:24px;}
		.practice16 .cnt05 .inner p {font-size:14px;}
		/* sub 04 17 */
		.practice17 .cnt02 .col .row {padding:30px 15px;}
		.practice17 .cnt02 .icon {margin-bottom:10px;}
		.practice17 .cnt02 .icon img {width:40px;}
		.practice17 .cnt02 h5 {font-size:20px; margin-bottom:10px;}
		.practice17 .cnt02 p {font-size:16px;}
		/* sub 04 18 */
		.practice18 .box {margin-bottom:60px;}
		.practice18 .col {margin-bottom:20px;}
		.practice18 .col .ti {width:80px; height:80px; border:2px solid #d2cec8; font-size:18px;}
		.practice18 .col .tx {margin-left:20px; font-size:16px; padding:10px;}
		.practice18 .col .tx:before {width:20px; left:-20px;}
		.practice18 .txt h5 {font-size:18px; margin-bottom:12px;}
		.practice18 .txt p {font-size:14px;}
		.practice18 .txt p br {display:none;}
		/* sub 04 19 */
		.practice19 .cnt02 .col {display:block;}
		.practice19 .cnt02 .col .row {width:100%;}
		.practice19 .cnt02 .col .txt p {font-size:16px; margin-bottom:12px;}
		.practice19 .cnt02 .col .txt p:last-child {margin-bottom:0;}
		/* sub 05 */
		.notable-list .col {margin:0 -10px;}
		.notable-list .row {padding:0 10px;}
		.notable-list .inner {padding:15px;}
		.notable-list .inner .tit-box p {font-size:16px; line-height:24px; margin-bottom:10px;}
		.notable-list .inner .tit-box h4 {font-size:20x;}
		.notable-list .inner .img-box {padding-bottom:20px;}
		.notable-list .inner .txt-box p {font-size:14px; width:90px;}
		.notable-list .inner .txt-box ul li .img {width:50px; height:50px;}
		.notable-list .col  {margin:0 -10px;}
		.notable-list .row {padding:0 10px;}
		.notable-list .inner {padding:20px; max-width:400px; margin:0 auto;}
		.notable-list .inner .tit-box p {font-size:16px; line-height:28px; margin-bottom:10px;}
		.notable-list .inner .tit-box h4 {font-size:20px;}
		.notable-list .inner .img-box {padding-bottom:20px;}
		.notable-list .inner .txt-box {display:block;}
		.notable-list .inner .txt-box p {font-size:16px; width:100%; margin-bottom:8px;}
		.notable-list .inner .txt-box ul {width:100%;}
		/* sub05 view */
		.notable-view .title p {font-size:16px; line-height:24px;}
		.notable-view .title h3 {font-size:24px;}
		.notable-view .content {min-height:160px; padding:20px 0; margin-bottom:40px;}
		.notable-view .content p {font-size:16px;}
		.notable-view .people {padding-bottom:60px;}
		.notable-view .people h4 {font-size:24px; margin-bottom:30px;}
		.notable-view .people .txt-box p {font-size:40px;}
		.notable-view .people ul li {margin-left:10px;}
		.notable-view .people ul li .pic {width:100px; height:100px;}
}

@media (max-width: 400px) {
	/* layout */
		.foot-cnt {padding:40px 0 90px;}
	/* main */
		.banner {padding:30px 0;}
		
		.section02 .row p {font-size:16px;}
		
		.section03 .inner .txt-box p {height:calc(1.5em * 1 * 3); -webkit-line-clamp:3;}
	/* sub */
		.practice .table {display:block; width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch;}
		.practice .table * {white-space:nowrap;}
		
		.practice09 .cnt04 .box p span {display:block;}
		
		.practice17 .cnt02 .col {display:block; margin:0;}
		.practice17 .cnt02 .col .row {width:100%;}
		
		.practice18 .col {flex-direction:column;}	
		.practice18 .col .ti {font-size:16px;}
		.practice18 .col .tx {width:100%; margin-left:0; margin-top:30px; font-size:14px; padding:15px;}
		.practice18 .col .tx:before {width:1px; height:30px; top:-30px; left:50%;}

		
}