@charset "utf-8";

/* Landscape tablet to portrait tablet */
@media (max-width: 1200px) {
	/* 공통 */
	.only-desktop {display:none;}
	.only-tablet {display:block;}
	.only-mobile {display:none;}
	.desktop-tablet {display:block;}


	/* header */

	

	/* main */
	.main-visual li {padding-bottom:44.2%;}
	.main-visual .bt-prev a {left:20px;}
	.main-visual .bt-next a {right:20px;}
	
	.section1 {padding:20px 15px 0;}
	.section1 .bnr ul {margin:0 -5px;}
	.section1 .bnr ul li {padding:0 5px;}
	.section1 .bnr ul li .label-tit {top:5px; left:5px; width:60px; height:60px;}
	.section1 .bnr ul li .label-tit .tit {height:60px;}
	.section1 .bnr ul li .label-tit .tit p {font-size:16px; padding-left:7px;}
	.section1 .bnr ul li .title-wrap {font-size:18px; line-height:50px;}
	.section1 .clinic-bnr {padding-left:10px;}
	.section1 .clinic-bnr ul li .tit {font-size:18px; line-height:50px;}


	.section2 {padding:20px 15px;}
	.section2 .contain {padding:20px 0;}
	.section2 .notice {padding-right:40px;}
	.section2 .notice h2 {font-size:17px;}
	.section2 .bnr {padding:0 18px 0 20px;}
	.section2 .bnr .box .tit {font-size:25px;}
	.section2 .qna-bnr ul li .icon {height:45px; margin-bottom:10px; background-size:60px;}
	.section2 .qna-bnr ul li .tit {font-size:15px;}

	.section3 {margin-bottom:20px; padding:0 15px;}
	.section3 .location .title-box .box {padding:20px 12px;}
	.section3 .location .title-box .box .title {font-size:24px;}
	.section3 .bnr {padding:0 30px;}
	.section3 .bnr ul li {margin-bottom:15px;}
	.section3 .time .item h2 {font-size:18px;}
	.section3 .time .tel {background-size:40px; background-position:0 5px; height:auto; padding-left:50px; font-size:28px;}



	
	/* sub page */
	#container {padding:0 15px;}

	#lnb {margin:0 0 50px;}

	
	/* footer */
	#footer {padding:30px 15px}
	#footer .bar {padding:0 5px;}
	.foot-info {margin-left:200px; padding-top:0;}

	.foot-logo {left:0;}

	
	
	/* doc */
	

	/* board */
	.board-form {display:none;}
	.m-board-form {display:block;}
	.mailform table {font-size:14px;}
	.mailform table thead th {padding:7px 5px; height:30px;}
	.mailform table tbody th {padding:7px 5px;}
	.mailform table tbody td {padding:7px 10px;}


	/* board */
	.product-list ul {margin:0 -20px;}
	.product-list ul li {padding:0 20px; margin-bottom:30px;}
	.product-list ul li .thumb {margin-bottom:10px;} 
	



}


@media (max-width: 1024px) {
	.only-desktop {display:none;}
	.only-tablet {display:block;}
	.only-mobile {display:none;}
	.desktop-tablet {display:block;}

	/* header */
	#wrapper {padding-top:60px;}
	#header {position:fixed;top:0;left:0;width:100%; height:60px; background:#fff; box-shadow:2px 2px 2px rgba(0,0,0,.1)}
	#header .top-bar {height:auto;}
	#header .contain {height:auto;}
	#header .sitelogo {position:relative; top:0; padding-top:13px;}
	#header .sitelogo img {height:35px;}
	#header .top-tel {top:25px; left:15px; background-size:25px; background-position:0 3px;font-size:22px; line-height:25px; padding-left:35px;}
	#header .util {display:none;}

	#gnb {display:none;}

	.nav {display:block;}
	
	/* main */
	.main-visual .bt-prev a {left:20px; width:46px; height:46px; margin-top:-23px; background-size:12px;}
	.main-visual .bt-next a {right:20px; width:46px; height:46px; margin-top:-23px; background-size:12px;}
	
	.section1 .bnr {float:none; width:100%; margin-bottom:10px;}
	.section1 .bnr ul li .label-tit {width:55px; height:55px;}
	.section1 .bnr ul li .label-tit .tit {height:55px;}
	.section1 .bnr ul li .label-tit .tit p {font-size:15px;padding-left:6px;}
	.section1 .bnr ul li .title-wrap {font-size:16px; line-height:45px;}
	.section1 .clinic-bnr {float:none; width:100%; padding-left:0;}
	.section1 .clinic-bnr ul li .tit {font-size:17px; line-height:45px;}

	.section2 .notice {padding-right:10;}
	.section2 .notice h2 {font-size:16px;}
	.section2 .bnr {padding:0 15px;}
	.section2 .bnr .box .tit {padding:12% 0 0 48%; font-size:22px; }
	.section2 .qna-bnr ul li {padding-top:0;}
	.section2 .qna-bnr ul li .icon {height:50px; margin-bottom:7px; background-size:50px;}
	.section2 .qna-bnr ul li .tit {font-size:15px;}

	.section3 .location {float:none; width:100%; margin-bottom:10px;}
	.section3 .location .title-box {height:250px;}
	.section3 .location .title-box .box {padding:20px 12px;}
	.section3 .location .title-box .box .title {font-size:22px; padding-bottom:15px; margin-bottom:15px;}
	.section3 .location .jido .kakao {height:250px !important;}
	.section3 .location .jido .kakao .wrap_map {height:250px !important;}
	.section3 .bnr {width:50%; padding:0 20px 0 0;}
	.section3 .bnr ul li {margin-bottom:5px;}
	.section3 .bnr ul li .box {height:120px;}
	.section3 .bnr ul li .box .icon {height:40px;}
	.section3 .bnr ul li .box .tit {font-size:15px;}
	.section3 .time {width:50%; padding-left:10px;}
	.section3 .time .item {margin-bottom:10px;}
	.section3 .time .item h2 {font-size:16px;}
	.section3 .time .item ul li {font-size:14px}


	/* sub page */

	#container {padding:0;}

	.real-cont {min-height:300px; _height:300px; padding:0 15px 60px;}
	
	#contArea {margin-left:0;}


	#lnb {display:none;}
	.m-lnb {display:block;position:relative; background:#fff; border-bottom:1px solid #ddd; margin-bottom:20px;}
	.m-lnb .submenu {width:100%; position:relative; z-index:50}
	.m-lnb .submenu:after {content:"";position:absolute; top:15px; right:20px; transform:rotate(45deg); border:solid #fff;border-width:0 2px 2px 0; padding:5px;}
	.m-lnb .submenu > a {display:block; color:#fff; background:#d29169; font-size:15px; line-height:50px; font-weight:700; transition:none; padding-left:15px;}
	.m-lnb .submenu.active:after {top:22px; transform:rotate(-135deg);}
	.m-lnb .submenu ul {display:none; position:absolute; top:51px; left:0; width:100%; background:#fff; z-index:50;}
	.m-lnb .submenu ul li a {display:block; padding:5px 0 5px 15px; color:#333; font-size:15px; line-height:30px; text-decoration:none; border-bottom:1px solid #ddd;}
	.m-lnb .submenu ul li a:hover {color:#d29169;}

	.sub-title {padding:15px 15px 20px; margin-bottom:30px;}
	.sub-title h2 {font-size:40px;}

	.m-lnb-menu {display:block;}

	/* footer */
	#footer {padding:25px 15px}
	.foot-info {margin-left:180px;}
	
	
	/* board */
	
	/* doc */
	.promise ul li {margin-bottom:25px;}
	.promise ul li .thumb {margin-bottom:5px;}
	.promise ul li .info .title {font-size:20px; line-height:24px; margin-bottom:5px;}

	.medical-team dl {float:none; margin-bottom:15px;}
	.medical-team dl dt {font-size:22px; margin-bottom:10px;}
	.medical-team dl dd {padding-left:10px; font-size:15px; line-height:25px}
	.medical-team dl dd:after {top:8px;}
	.medical-team .img {margin-left:0;}


	.quality-cnt {font-size:16px; line-height:25px;}
	.quality-cnt .txt {margin-bottom:30px; }
	.quality-cnt .img {margin-bottom:20px; padding-bottom:20px;}
	.quality-assurance {padding-left:140px; margin-top:25px;background-position:15px 0; background-size:100px; min-height:153px;}
	.quality-assurance ul li {padding-left:10px; font-size:15px; line-height:25px;}
	.quality-assurance ul li:after {top:11px; width:4px; height:4px;}

	.table01 table thead th {height:50px; font-size:18px;}
	.table01 table tbody th {padding:15px 0; font-size:16px;}
	.table01 table tbody td {padding:15px 0;  font-size:16px;}

	.map-point {padding:20px 0 25px; font-size:16px ;}

	.kakao-map {height:300px !important;}
	.kakao-map .wrap_map {height:300px !important;}
	.map-info {margin-top:20px; font-size:16px;}
	.map-info p {font-size:18px;}


	.implant-kind .introduce {min-height:auto; padding-left:200px; background-size:150px; font-size:15px;}
	.implant-kind .img {margin-bottom:40px;}
	.implant-kind ul {margin-bottom:-25px;}
	.implant-kind ul li {margin-bottom:25px;}
	.implant-kind ul li .info .title {font-size:20px; line-height:24px; margin-bottom:5px;}

	.implant-title {margin:20px 0 20px;}
	.implant-title .title {font-size:30px;}
	.implant-title p {font-size:15px; line-height:20px; padding-left:0;}

	.implant-qna dl {padding-bottom:20px; margin-bottom:20px}
	.implant-qna dl dt {padding:0 0 0 30px; background-position:0 3px; font-size:15px;}
	.implant-qna dl dd {padding:0 0 0 30px; background-position:0 3px; font-size:15px;}

	.brace-meaning {margin-bottom:30px; padding-bottom:30px;}
	.brace-meaning .photo {width:250px;}
	.brace-meaning .info {margin-left:270px;}
	.brace-meaning .info .tit {font-size:15px;}
	.brace-meaning .info .cnt {font-size:15px;}


	.brace-process {margin-bottom:30px;}
	.brace-process .col {padding-bottom:20px; margin-bottom:20px;}
	.brace-process .info {padding:0 20px 0 0;}
	.brace-process .info dl dt {font-size:20px;}
	.brace-process .photo ul {margin:0 -4px;}
	.brace-process .photo ul li {padding:0 4px;}

	.brace-step ul {margin:0 -20px;}
	.brace-step ul li {padding:0 20px; margin-bottom:30px;}
	.brace-step ul li .box {width:140px; height:140px;}
	.brace-step ul li .box .cell {padding-top:25px;}
	.brace-step ul li .tit {font-size:25px;}
	.brace-step ul li .cnt {font-size:16px; margin-top:5px;}

	.doc-title {font-size:30px; margin-bottom:15px;}
	.doc-cnt {font-size:15px; line-height:20px; padding-bottom:30px; margin-bottom:30px;}
	.doc-cnt .cnt {margin-bottom:20px;}

	.brace-photo ul li .tit {font-size:15px; line-height:40px;}

	.vline-cnt {margin-bottom:30px; padding-bottom:30px;} 
	.vline-cnt dl dt {font-size:18px;}
	.vline-cnt dl dd {font-size:15px; line-height:22px;}
	.vline-cnt .info {width:60%; padding-right:20px;}

	.vline-photo {margin-top:30px;}
	.vline-photo ul{margin:0 -20px;}
	.vline-photo ul li {padding:0 20px;}
	.vline-photo ul li .tit {font-size:22px; line-height:50px;}

	.vline-check {padding:20px 15px 15px;}
	.vline-check .tit {font-size:18px ; margin-bottom:20px;}
	.vline-check .box {padding:15px 0;}
	.vline-check .box ul {padding-left:30px;}
	.vline-check .box li {background-size:25px; background-position:0 3px; padding:0 30px 0 35px; font-size:15px;}

	.nose-check {padding:25px 20px;}
	.nose-check .tit {font-size:18px; margin-bottom:20px;}
	.nose-check .box {padding:20px 20px; margin-bottom:30px; text-align:left;}
	.nose-check .box ul li {width:100%; padding:0 0 0 35px;  background-size:25px; font-size:15px; line-height:25px; margin-bottom:10px;}
	.nose-check .box ul li:last-child {margin-bottom:0;}

	.orthod-head {margin-bottom:30px;}
	.orthod-head .photo {width:200px;}
	.orthod-head .info {margin-left:220px;}
	.orthod-head .info .cnt {font-size:15px; line-height:20px;}

	.orthod-box {margin-bottom:30px; padding:15px 10px;}
	.orthod-box .col {padding:0 10px; font-size:15px; line-height:20px;}
	.orthod-box .col .title {font-size:30px; margin-bottom:5px;}

	.teeth-cnt {padding-bottom:15px;margin-bottom:30px;}
	.teeth-cnt ul {margin:0 -5px;}
	.teeth-cnt ul li {padding:0 5px; margin-bottom:20px;}
	.teeth-cnt ul li .thumb {margin-bottom:7px;}
	.teeth-cnt ul li .tit {font-size:20px;}

	.teeth-before ul {margin:0 -30px;}
	.teeth-before ul li {padding:0 30px;}
	.teeth-before ul li:after {top:50%; margin-top:-27px; background-position:0 50%; left:-12px; width:30px;background-size:30px;}
	.teeth-before ul li .tit {font-size:20px; line-height:45px;}
	.teeth-before ul li .thumb {margin-bottom:7px;}
	.before-title {font-size:20px; margin:30px 0;}

	.period-head {margin-bottom:30px; padding-bottom:30px;}
	.period-head .photo {width:200px;}
	.period-head .info {margin-left:220px;}
	.period-head .info .cnt {font-size:15px; line-height:20px;}

	.period-cnt {margin-bottom:45px; padding-left:10px;}
	.period-cnt .tit {font-size:20px; margin-bottom:10px;}
	.period-cnt ol {padding-left:10px; margin-bottom:20px;}
	.period-cnt ol li .num {font-size:15px;}

	.teeth-tit {font-size:20px; padding-left:0; margin-bottom:15px;}

	.check-list .col {padding-bottom:25px; margin-bottom:25px;}
	.check-list .col .photo {width:300px;}
	.check-list .col .info {margin-left:320px;}
	.check-list .col .info .title {font-size:18px; margin-bottom:10px;}
	.check-list .col .info .cnt {font-size:15px; line-height:20px;}

	.shop-cnt {margin-top:25px; font-size:15px; line-height:30px;}


	.invi-text {font-size:17px; margin-bottom:35px;}
	.doc-line {padding-top:40px; margin-bottom:40px;}

	.invi-cnt ul {margin-left:-22px;}
	.invi-cnt ul li {width:calc(33.333333% - 22px); margin-left:22px; border-top-width:5px; padding:18px}
	.invi-cnt .title {font-size:22px;margin-bottom:12px; }
	.invi-cnt .title .gray {font-size:17px;}
	.invi-cnt .cnt {height:150px; padding-top:20px; font-size:18px;}

	.invi-step ul {margin-left:-45px; margin-bottom:-30px;}
	.invi-step ul li {padding-left:45px; margin-bottom:30px;}
	.invi-step ul li .box {width:180px; height:180px;}
	.invi-step ul li .box .cell {padding-top:35px;}
	.invi-step ul li .tit {font-size:30px;}
	.invi-step ul li .cnt {font-size:22px;}

	.invi-head .photo {flex:1 1 300px; max-width:300px;}
	.invi-head .info {padding-left:20px;}
	.invi-head .info .tit {font-size:18px ; margin-bottom:12px;}
	.invi-head .info .cnt {font-size:15px ;}

	.track-cnt .info {width:60%}
	.track-cnt .info dl {margin-bottom:18px;}
	.track-cnt .info dl dt {padding-left:30px; font-size:22px;}
	.track-cnt .info dl dt .num {top:5px; width:22px; height:22px ; font-size:14px; line-height:22px;}
	.track-cnt .info dl dd {padding-left:30px;}
	.track-cnt .photo {padding-left:20px;}

	.track-stage ul {margin-left:-20px;}
	.track-stage ul li {padding-left:20px;}
	.track-stage .pic {margin-bottom:20px;}
	.track-stage .tit {font-size:22px;}

	.track-movie .head {margin-bottom:40px;}
	.track-movie .head .tit {font-size:30px;}
	.track-movie .head p {font-size:15px;}

	.invi-merit {padding:30px 20px;} 
	.invi-merit .title {font-size:22px ; margin-bottom:25px;}
	.invi-merit .row {display:flex; margin-left:-11px;}
	.invi-merit .col {width:calc(50% - 11px); margin-left:11px; padding:25px 20px;}
	.invi-merit .col .tit {font-size:24px; padding-bottom:12px; margin-bottom:30px;}
	.invi-merit .col .tit:after {width:40px; height:4px; margin-left:-20px;}
	.invi-merit .col ul li {font-size:15px; margin-bottom:20px; padding-left:36px;}
	.invi-merit .col ul li:after {top:-1px; width:25px}

	.invi-before .group {margin-bottom:40px; padding-bottom:40px;}
	.invi-before dl {margin-bottom:25px;}
	.invi-before dl dt {font-size:22px ; margin-bottom:10px;}
	.invi-before ul {display:flex; margin:0 -20px; padding:0 5px;}
	.invi-before ul li {width:50%; padding:0 20px;}
	.invi-before ul li:after {left:-14px; width:25px;}
	.invi-before ul li .tit {font-size:22px; line-height:40px}

	.invi-test-box .title {margin-bottom:30px;}
	.invi-test-box .title .tit {font-size:28px;}
	.invi-test-box .title p {font-size:15px ;}
	.invi-test-box .box {padding:40px;}
	.invi-test-box .box .txt {font-size:20px ; margin-bottom:30px;}
	.invi-test-box .box dl {margin-bottom:30px;}
	.invi-test-box .box dl dt {font-size:20px ;}
	.invi-test-box .box dl dd {font-size:22px ;}




	
}

@media (max-width: 768px) {
	/* 공통 */
	.only-desktop {display:none;}
	.only-tablet {display:block;}
	.only-mobile {display:none;}
	.desktop-tablet {display:block;}


	#header .sitelogo {text-align:left; padding:13px 0 0 15px;}
	#header .top-tel {display:none;}


	/* footer */
	#footer {text-align:center; padding:20px 15px;}
	.foot-info {margin-left:0;}

	.foot-logo {top:0; position:relative; margin-bottom:10px;}
	

	/* doc */
	

}
/* Landscape phone */
@media (max-width: 767px) {

	/* 공통 */
	.only-desktop {display:none;}
	.only-tablet {display:none;}
	.only-mobile {display:block;}
	.desktop-tablet {display:none;}

	body,input,textarea,select,button,table {font-size:14px;}
	
	

	/* main */
	.main-visual li {padding-bottom:90.9%;}
	.main-visual .bt-prev a {left:15px; width:40px; height:40px; margin-top:-20px; background-size:10px;}
	.main-visual .bt-next a {right:15px; width:40px; height:40px; margin-top:-20px; background-size:12px;}
	

	.section2 .notice {float:none; width:100%; margin-bottom:15px;}
	.section2 .bnr {float:none; width:100%; padding:0; margin-bottom:15px;}
	.section2 .bnr:after {display:none;}
	.section2 .bnr .box {padding-bottom: ;}
	.section2 .bnr .box .tit {padding:15% 0 0 48%; font-size:20px; }
	.section2 .qna-bnr {float:none; width:100%;}
	.section2 .qna-bnr ul li {padding-top:0;}
	.section2 .qna-bnr ul li .icon {height:50px; margin-bottom:0; background-size:50px;}
	.section2 .qna-bnr ul li .tit {font-size:14px;}

	.section3 .location .title-box {float:none; width:100%; height:auto;}
	.section3 .location .title-box .box {padding:15px;} 
	.section3 .location .title-box .box .title {font-size:20px; padding-bottom:5px; margin-bottom:5px;} 
	.section3 .location .title-box .box .title  br {display:none}
	.section3 .location .jido {margin-left:0;}
	.section3 .location .jido .kakao {height:200px !important;}
	.section3 .location .jido .kakao .wrap_map {height:200px !important;}
	.section3 .bnr {float:none; width:100%; padding:0; margin-bottom:15px;}
	.section3 .bnr ul  {margin:0 -5px;;}
	.section3 .bnr ul:after {content:"";display:block;clear:both;}
	.section3 .bnr ul li {margin-bottom:0; float:left; width:50%; padding:0 5px;}
	.section3 .bnr ul li .box {height:120px; border-width:2px;}
	.section3 .bnr ul li .box .icon {height:40px;}
	.section3 .bnr ul li .box .tit {font-size:15px;}
	.section3 .time {float:none; width:100%; padding-left:10px;}
	.section3 .time .tel {background-size:30px; background-position:0 10px;padding-left:40px; font-size:25px;}
	
	

	/* sub page */
	.sub-visual {height:auto; padding-bottom:0;}
	.sub-visual .background {position: static;}
	.sub-visual .background img {width:100%;}

	.real-cont {min-height:250px; _height:250px; padding:0 15px 40px;}
	
	
	
	.sub-title {margin-bottom:25px;}
	.sub-title h2 {font-size:30px;}

	
	

	/* footer */
	#footer .br {display:block;}
	#footer .br .bar {padding:0;}
	

	/* doc */
	.promise ul li {width:50%; margin-bottom:20px;}
	.promise ul li:nth-child(3n+1) {clear:none}
	.promise ul li:nth-child(2n+1) {clear:left}
	.promise ul li .info .title {font-size:18px; line-height:20px;}

	.quality-cnt {font-size:15px; line-height:22px;}
	.quality-cnt .txt {margin-bottom:20px; }
	.quality-cnt .img {margin-bottom:15px; padding-bottom:15px;}
	.quality-assurance {padding-left:100px; margin-top:20px;background-position:0 0; background-size:80px; min-height:auto;}
	.quality-assurance ul li {padding-left:10px; font-size:15px; line-height:22px; margin-bottom:5px;}
	.quality-assurance ul li:after {top:11px; width:4px; height:4px;}

	.table01 table thead th {height:45px; font-size:16px;}
	.table01 table tbody th {padding:12px 0; font-size:15px;}
	.table01 table tbody td {padding:12px 0; font-size:15px;}

	.map-point {padding:15px 0 20px; font-size:15px;}

	.kakao-map {height:250px !important;}
	.kakao-map .wrap_map {height:250px !important;}
	.map-info {margin-top:15px; font-size:15px;}
	.map-info p {font-size:16px;}

	.implant-kind .introduce {padding-left:150px; background-size:110px; font-size:15px;}
	.implant-kind .introduce br {display:none;}
	.implant-kind .img {margin-bottom:40px;}
	.implant-kind ul li {width:50%;}
	.implant-kind ul li .info {padding:5px 10px;}
	.implant-kind ul li .info .title {font-size:18px; line-height:20px;}

	.implant-title {margin:15px 0;}
	.implant-title .title {font-size:25px; margin-bottom:5px;}

	
	.implant-qna dl {padding-bottom:15px; margin-bottom:15px}

	.brace-meaning {margin-bottom:25px; padding-bottom:25px;}
	.brace-meaning .photo {width:200px;}
	.brace-meaning .info {margin-left:220px;}
	.brace-meaning .info .tit {font-size:15px; line-height:1.4em;}
	.brace-meaning .info .cnt {font-size:15px; line-height:1.4em;}

	.brace-process {margin-bottom:25px;}
	.brace-process .info {float:none; width:100%; padding:0; margin-bottom:15px;}
	.brace-process .info dl dt {font-size:18px; margin-bottom:5px;}
	.brace-process .photo {float:none; width:100%;}

	.brace-step ul {margin:0 -10px;}
	.brace-step ul li {width:33.333%; padding:0 10px; margin-bottom:20px;}
	.brace-step ul li:nth-child(4n+1) {clear:none;}
	.brace-step ul li:nth-child(3n+1) {clear:left;}

	.doc-title {font-size:25px;}
	.doc-cnt {padding-bottom:25px; margin-bottom:25px;}

	.brace-photo ul li .tit {font-size:14px; line-height:35px;}

	
	.vline-cnt {margin-bottom:25px; padding-bottom:25px;} 
	.vline-cnt dl dt {font-size:17px;}
	.vline-cnt dl dd {line-height:20px;}
	.vline-cnt .info {float:none; width:100%; margin-bottom:10px;}
	.vline-cnt .img {float:none; text-align:center;}
	

	.vline-photo {margin-top:20px;}
	.vline-photo ul{margin:0 -10px;}
	.vline-photo ul li {padding:0 10px;}
	.vline-photo ul li .tit {font-size:20px; line-height:40px;}

	.vline-check {padding:15px 15px 15px;}
	.vline-check .tit {font-size:16px; margin-bottom:15px;}
	.vline-check .box {padding:10px 0; text-align:left;}
	.vline-check .box ul {padding-left:15px;}
	.vline-check .box li {background-size:20px; background-position:0 3px; padding:0 15px 0 25px; font-size:15px; line-height:1.6em; margin-bottom:10px;}
	.vline-check .box li:last-child {margin-bottom:0;}

	.nose-check {padding:15px 15px;}
	.nose-check .tit {font-size:16px; margin-bottom:15px;}
	.nose-check .box {padding:15px 15px; margin-bottom:15px;}
	.nose-check .box ul li {padding:0 0 0 25px;  background-size:20px; font-size:15px; line-height:20px;}

	.orthod-head {margin-bottom:25px;}
	.orthod-head .photo {width:180px;}
	.orthod-head .info {margin-left:200px;}

	
	.orthod-box {margin-bottom:20px;}
	.orthod-box .col {float:none; width:100%; padding:0; margin-bottom:15px;}
	.orthod-box .col .title {font-size:25px;}
	.orthod-box .col:last-child {margin-bottom:0;}

	.teeth-cnt {margin-bottom:20px;}
	.teeth-cnt ul li .tit {font-size:18px;}

	
	.teeth-before ul {margin:0 -20px;}
	.teeth-before ul li {padding:0 20px;}
	.teeth-before ul li:after {left:-10px; width:25px;background-size:20px;}
	.teeth-before ul li .tit {font-size:18px; line-height:40px;}
	.teeth-before ul li .thumb {margin-bottom:5px;}
	.before-title {font-size:18px; margin:25px 0;}

	.period-head {margin-bottom:20px; padding-bottom:20px;}
	.period-head .photo {width:180px;}
	.period-head .info {margin-left:200px;}
	.period-head .info .cnt {font-size:15px; line-height:20px;}

	.period-cnt {margin-bottom:30px; padding-left:0;}
	.period-cnt .tit {font-size:18px;}
	.period-cnt ol {padding-left:0; margin-bottom:15px;}

	.teeth-tit {font-size:18px; margin-bottom:10px;}

	.check-list .col {padding-bottom:20px; margin-bottom:20px;}
	.check-list .col .photo {width:220px;}
	.check-list .col .info {margin-left:240px;}
	.check-list .col .info .title {font-size:16px;}

	.shop-cnt {margin-top:20px; line-height:25px;}


	.invi-text {font-size:15px; margin-bottom:25px;}
	.doc-line {padding-top:30px; margin-bottom:30px;}

	.invi-cnt ul {display:block; margin-left:0; margin-bottom:-10px;}
	.invi-cnt ul li {width:100%; margin-left:0;  margin-bottom:10px;border-top-width:3px; padding:12px}
	.invi-cnt .title {font-size:18px;margin-bottom:7px; }
	.invi-cnt .title .gray {font-size:15px;}
	.invi-cnt .cnt {height:auto; padding-top:15px; font-size:16px;}

	.invi-step ul {margin-left:0; margin-bottom:-20px;}
	.invi-step ul li {width:50%; padding-left:20px; margin-bottom:20px;}
	.invi-step ul li .box {width:140px; margin:0 auto; height:140px;}
	.invi-step ul li .box .cell {padding-top:20px;}
	.invi-step ul li .tit {font-size:25px;}
	.invi-step ul li .cnt {font-size:18px;}
	
	.invi-head {display:block;}
	.invi-head .photo {flex:1 1 auto; max-width:100%; margin-bottom:15px;}
	.invi-head .info {padding-left:0; width:100%;}
	.invi-head .info .tit {font-size:16px ; margin-bottom:7px;}
	.invi-head .info .cnt {font-size:14px ;}
	
	.track-cnt {display:block;}
	.track-cnt .info {width:100%; margin-bottom:15px;}
	.track-cnt .info dl {margin-bottom:10px;}
	.track-cnt .info dl dt {font-size:18px;}
	.track-cnt .info dl dt .num {top:3px;}
	.track-cnt .photo {padding-left:0; text-align:center;}

	.track-stage ul {display:block; margin-left:0; margin-bottom:-25px;}
	.track-stage ul li {width:100%; padding-left:0; margin-bottom:25px;}
	.track-stage .pic {margin-bottom:15px;}
	.track-stage .tit {font-size:18px;}

	.track-movie .head {margin-bottom:30px;}
	.track-movie .head .tit {font-size:22px;}
	.track-movie .head p {font-size:14px;}

	.invi-merit {padding:20px 10px;} 
	.invi-merit .title {font-size:20px; margin-bottom:25px;}
	.invi-merit .row {display:block; margin-left:0; margin-bottom:-10px;}
	.invi-merit .col {width:100%; margin-left:0; margin-bottom:10px; padding:15px 10px;}
	.invi-merit .col .tit {font-size:20px; padding-bottom:12px; margin-bottom:25px;}
	.invi-merit .col ul li {font-size:15px; margin-bottom:10px; padding-left:25px;}
	.invi-merit .col ul li:after {top:-1px; width:20px}

	.invi-before .group {margin-bottom:30px; padding-bottom:30px;}
	.invi-before dl {margin-bottom:20px;}
	.invi-before dl dt {font-size:20px;}
	.invi-before ul {margin:0 -15px; padding:0 5px;}
	.invi-before ul li {padding:0 15px;}
	.invi-before ul li:after {left:-8px; width:18px;}
	.invi-before ul li .tit {font-size:18px; line-height:30px}

	.invi-test-box .title {margin-bottom:20px;}
	.invi-test-box .title .tit {font-size:20px;}
	.invi-test-box .title p {font-size:14px;}
	.invi-test-box .box {padding:20px;}
	.invi-test-box .box .txt {font-size:18px ; margin-bottom:20px;}
	.invi-test-box .box dl {margin-bottom:20px;}
	.invi-test-box .box dl dt {font-size:16px ;}
	.invi-test-box .box dl dd {font-size:18px ;}
	
	.serafin-ad {display:block; margin:0;}
	.serafin-ad .img {width:100%; padding:0; margin-bottom:10px; text-align:center;}
	.serafin-ad .img:last-child {margin-bottom:0;}

	.serafin-qna .img {margin-bottom:10px;}	
	.serafin-qna .wrap {display:block; margin:0; text-align:center;}
	.serafin-qna .item-sizer, .serafin-qna .item {width:100%; padding:0; margin-bottom:10px;}
	.serafin-qna .item:last-child {margin-bottom:0;}

	/* board */
	.board-search .total-page {display:none;}
	.board-search .search {float:none; text-align:center;}
	.board-search .search .select {min-width:75px;}
	.board-search .search .input {width:calc(100% - 170px);}
	.board-search .search .btn-pack {padding:0 10px;}


	/* 리스트 */
	.board-list {display:none;}
	.m-board-list {display:block !important; border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin-bottom:10px;}
	.m-board-list li {border-top:1px solid #ddd; font-size:1em; letter-spacing:-.25px; padding:10px 10px}
	.m-board-list li:first-child {border-top:0;}
	.m-board-list li a {display:block;}
	.m-board-list li strong {font-size:1em; font-weight:normal; line-height:1.4em; color:#333; word-wrap:break-word; word-break:break-all; vertical-align:top;}
	.m-board-list li img {vertical-align:middle;}
	.m-board-list li .info {display:inline-block; position:relative; padding:4px 0 0 0; font-size:1em; line-height:1.4em; color:#888;}
	.m-board-list li .bar {color:#ccc; margin:0 6px;}
	.m-board-list .answer {border-top:1px solid #999; background:#f4f4f4; padding:10px; font-size:12px;}
	.m-board-list .answer .q {color:#666; padding:0 0 8px 18px; text-indent:-18px;}
	.m-board-list .answer .q span {font-weight:bold; font-size:1em; margin-right:6px;}
	.m-board-list .answer .a {color:#d15a13; padding:0 0 0 18px; text-indent:-18px;}
	.m-board-list .answer .a span {font-weight:bold; font-size:1em; margin-right:6px;}
	.m-board-list .none {padding:50px; text-align:center;}


	.board-write {border-top:0;}
	.board-write .group {padding-left:68px;}
	.board-write .title {left:0; width:65px;}
	.board-write #title {display:block; width:100% !important; margin-bottom:3px;}
	.board-write #contentA {height:380px;}
	.board-write #etc_3 {width:100%;}
	.board-write .editar-wrap {display:none;}
	.board-write .grade-wrap {display:inline-block; width:48%;}
	.board-write .files_table .input {width:55% !important; margin-right:3px !important;}

	.board-view .head .tit {padding:10px 5px;}
	.board-view .head .info {padding:10px 5px;}
	.board-view .head .files {padding:10px 5px 0;}
	.board-view .head .files .fileLayer {right:5px;}
	.board-view .body {padding:10px 0 20px;}

	.prev_next dl {padding:6px 0 6px 68px;}
	.prev_next dl dt {margin-left:-68px; margin-right:0; padding:0 15px 0 5px;}
	.prev_next dl dd a {display:block; overflow:hidden; width:100%; text-overflow:ellipsis; white-space:nowrap;}

	.comment-area {padding:5px;}
	.comment-write .write {height:50px; margin-top:5px; padding:0 90px 0 0;}
	.comment-write .write textarea {height:50px;}

	.buttons {margin:15px 0;}
	

	.btn-pack.xlarge {height:36px; padding:0 12px; text-align:center; font-size:15px; line-height:34px;}
	.btn-pack.comment {width:85px; height:50px; line-height:48px; font-size:14px;}
	.btn-pack.submit,
	.btn-pack.cancel {width:85px; height:42px; line-height:40px; font-size:14px;}



	
	/* 모바일팝업 */
	.m-popup {top:20px !important; left:0 !important;}
	.m-popup table {width:100% !important; height:auto !important; padding:20px;}



	

	

}	

/* Landscape phones and down */
@media (max-width: 480px) {

	/* 	main */

	.section1 .bnr ul li .title-wrap {font-size:12px; line-height:30px;}
	.section1 .clinic-bnr ul li .tit {font-size:12px; line-height:30px;}
		
	.sub-title {padding:15px;}
	.sub-title h2 {font-size:25px;}

	/* doc */
	.promise ul li {width:100%; float:none; margin-bottom:15px;}
	.promise ul li:nth-child(2n+1) {clear:none}
	.promise ul li .info .title {font-size:18px; line-height:20px;}
	.promise ul li .info .title br {display:none;}

	.quality-assurance {padding-left:0; margin-top:20px;background-position:50% 0; background-size:60px; padding-top:90px; min-height:auto;}
	.quality-assurance ul li:after {top:7px;}

	
	.table01 table thead th {font-size:15px;}
	.table01 table tbody th {padding:10px 0; font-size:14px;}
	.table01 table tbody td {padding:10px 0; font-size:14px;}

	.implant-kind .introduce {padding:90px 0 0 0; background-position:50% 0; background-size:90px;}
	.implant-kind .img {margin-bottom:20px;}
	.implant-kind ul {display:block; margin-bottom:-20px;}
	.implant-kind ul li {width:100%; float:none; margin-bottom:20px;}
	.implant-kind ul li .info .title {font-size:18px; line-height:20px;}

	.implant-title .title {font-size:20px;}

	.brace-meaning {margin-bottom:20px; padding-bottom:20px;}
	.brace-meaning .photo {width:100%; float:none; margin-bottom:15px;}
	.brace-meaning .info {margin-left:0}
	.brace-process .info dl dt {font-size:16px;}

	
	.brace-step ul {margin:0 -5px;}
	.brace-step ul li {width:50%; padding:0 5px; margin-bottom:20px;}
	.brace-step ul li:nth-child(3n+1) {clear:none;}
	.brace-step ul li:nth-child(2n+1) {clear:left;}
	.brace-step ul li .box {width:130px; height:130px;}
	.brace-step ul li .box .cell {padding-top:30px;}
	.brace-step ul li .tit {font-size:22px;}
	.brace-step ul li .cnt {font-size:15px; margin-top:0;}
	.brace-step ul li:nth-child(7) .box .cell {padding-top:15px;}

	.doc-title {font-size:20px;}
	.doc-cnt {padding-bottom:20px; font-size:14px; margin-bottom:20px;}
	.doc-cnt .cnt {margin-bottom:15px;}

	.brace-photo ul li {width:50%; margin-bottom:1px;}
	.brace-photo ul li:nth-child(3n+1) {clear:none;}
	.brace-photo ul li:nth-child(2n+1) {clear:left;}
	.brace-photo ul li:nth-child(3) {width:100%;}

	.vline-cnt {margin-bottom:20px; padding-bottom:20px;} 
	.vline-cnt dl dt {font-size:15px;}

	.vline-photo {margin-top:15px;}
	.vline-photo ul{margin:0 -5px;}
	.vline-photo ul li {padding:0 5px;}
	.vline-photo ul li .tit {font-size:18px; line-height:35px;}

	.orthod-head {margin-bottom:20px;}
	.orthod-head .photo {float:none; width:100%; margin-bottom:15px;}
	.orthod-head .info {margin-left:0;}

	.orthod-box .col .title {font-size:20px;}

	.teeth-cnt {margin-bottom:15px;}
	.teeth-cnt ul {margin:0;}
	.teeth-cnt ul li {float:none; width:100%; padding:0; margin-bottom:15px;}
	.teeth-cnt ul li .thumb {margin-bottom:5px;}
	.teeth-cnt ul li .tit {font-size:16px;}
	.teeth-cnt ul li .cnt {padding-left:0;}

	.teeth-before ul {margin:0 -15px;}
	.teeth-before ul li {padding:0 15px;}
	.teeth-before ul li:after {left:-8px; width:20px;background-size:18px;}
	.teeth-before ul li .tit {font-size:16px; line-height:30px;}
	.teeth-before ul li .thumb {margin-bottom:5px;}
	.before-title {font-size:16px; margin:20px 0;}

	
	.period-head {margin-bottom:20px; padding-bottom:20px;}
	.period-head .photo {float:none; width:100%; margin-bottom:15px;}
	.period-head .info {margin-left:0;}

	.period-cnt {margin-bottom:20px;}
	.period-cnt .tit {font-size:16px;}
	.period-cnt ol {margin-bottom:10px;}

	.teeth-tit {font-size:16px;}

	.check-list .col {padding-bottom:20px; margin-bottom:20px;}
	.check-list .col .photo {float:none; width:100%; margin-bottom:15px;}
	.check-list .col .info {margin-left:0;}

	.shop-cnt {margin-top:15px;}




}