::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }

/* 초기화 */
@-ms-viewport {
  width: device-width;
}

html, body, form, div, p, dl, dt, dd, ul, ol, li, h1 {
	border: 0;
	margin: 0;
	// padding: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

table {
	border-spacing: 0;
	border-collapse: collapse;
	margin: 0;
	padding: 0;
	th {
		vertical-align: middle !important;
		text-align: center !important;
	}
	a {
		color: #000;
		text-align: center !important;
	}
	// td, th {
	// 	display: table-cell !important;
	// }
}

input {
	margin: 0;
}

a img {
	border: 0;
}

 
/* COMMMON */
textarea {
	resize:none;
}

h1, h2, h3, h4, h5, h6{
	font-weight: normal;
	margin: 0;
}

/* site */
@main-color: #fff;
@text-color : #424242;
@url: '/resources/img/site/';
@container: 100%;
@side: 205px;
@bg-color: #fff;
@font-size: 13px;


input, select, label { font-size: @font-size; }

select {
	width: 100%;
}

html {
	overflow-y: scroll;
	background: @bg-color;
	height: 100%;
}

body {
	font-family: '나눔고딕',NanumGothic,Helvetica,sans-serif !important;
	line-height: normal;
	font-size: @font-size;
	min-width: @container;
	color: @text-color;
}

.container {  
	width: @container !important;
	height: 100%;
	clear: both;
	overflow: hidden;
	position: relative;
	padding: 0 20px;
	-webkit-box-sizing: border-box;
		 -moz-box-sizing: border-box;
					box-sizing: border-box;	
}

.content {
	clear: both;
	overflow: hidden; 
}
#mobile_header {
	position: relative;
	overflow: hidden;
	padding: 13px 0;
	height: 60px;	
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	// margin: 20px 0;
	border-top: 1px #e2e2e2 solid ;
	border-bottom: 1px #e2e2e2 solid ;
	background: #fff !important;
	.header_right {
		position: absolute;
		top: 0px;
		right: 0px;
		height: 59px;
		width:  50px;
		border-left: 1px #e2e2e2 solid;
	}
}

#mobile_body {
	background: #fff;
	overflow: hidden;
}

.cd-main-content {
	background: #fff;
}

.main_links {
	margin: 20px 0;
	div {
		margin: 20px 0;
	}
}
.subpage {
	padding: 0 20px;
}

.sub_visual {
	overflow: hidden;
	margin: 20px 0;
	padding: 0;
	h2 {
		color: #000;
		font-size: 20px;
		font-weight: bold;
	}
}

h3 {
	color: #000;
	font-weight: bold !important;
	font-size: 15px !important;
	padding-left: 10px;
	span {
		padding-top: 10px;
		border-top: 2px #946a40 solid; 
	}
}
.impact {
color : #946a40;
}
.red_color {
color: #c62020;
}
.blue_color {
color: #0f5ab5;
}
.green_color {
color: #55b50f;
}
.orange_color {
	color: #e78c4f;
}
.purple_color{
	color: #9b5fbb;
}
.skyblue_color {
	color: #96d1da;
}
.deepblue_color {
	color: #1c729e;
}
.oceanblue_color {
	color: #749ae0;
}

h4 {
	color: #727272;
	font-weight: bold;
	font-size: 15px;
	line-height: 20px;
	padding-left: 10px;
	margin-bottom: 10px;
}

h5 {
	padding: 10px 0;
	font-weight: bold;
	color: #727272;
}
h6 {
	padding-left: 10px;
	font-size: 15px;
	margin-bottom: 10px;
	font-weight: bold;
}

p {
	padding-left: 10px;
	color: #727272;
	line-height: 25px;
	margin-bottom: 20px;
	font-size: 15px;
}
.location {
	padding: 10px;
	border-bottom: 1px solid #ddd;
	text-align: left;
	span {
		font-weight: bold;
		color: #bb0a0a;
	}
	// margin-bottom: 10px;
}
.bus_table {
	font-size: 15px;
	line-height: 20px;
	margin-bottom: 10px;
	th {
		text-align: left !important;
		vertical-align: top !important;
		padding-left: 10px;
	}
	td {
		color: #727272;
	}
}

.verticalSlideWrap {
	width:100%;
	background: url('@{url}/mobile/notice_bg.png') repeat-x;
	font-size:12px;
	padding: 15px 0;
	li {
		height: 20px;
		a {
			font-size: 15px;
			color: #fff !important;
		}
	}
}
.bx-wrapper {
  position:relative;
  .bx-controls.bx-has-pager {
	position:absolute;
	.bx-pager.bx-default-pager {
	  /*overflow:hidden;*/
	  .bx-pager-item {
		float: center;
		a {
		  background-color:#f3f3f3;
		  border-radius:10px;
		  width:10px;
		  height:10px;
		  text-indent:-9999px;
		  display:block;
		  box-shadow:0 0 2px #f3f3f3;
		}
		a.active {
		  background-color:#835e27;
		}
	  }
	}
  }
}

.mainVisual {
	text-align: center;
}

.mobile_mainVisual {
	text-align: center;
	overflow: hidden;
	&>li {
		-webkit-box-sizing: border-box;
	   		-moz-box-sizing: border-box;
	        	box-sizing: border-box;
		list-style: none;
		float: left;
		overflow: hidden;
	}
}

.banner_list {
	overflow: hidden;
	&>li {
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;

		list-style: none;
		padding: 20px;
		text-align: center;
		width: 25%;
		float: left;
		overflow: hidden;
	}
	&>li.sky_blue { background: #95cded; }
	&>li.deep_blue { background: #005b94; }
	&>li.ka_yellow { background: #ffde00; }
}
.section_3rd {
	overflow: hidden;
	.left_section {
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
		overflow: hidden;
		// border: 1px solid red;
		width: 50%;
		float: left;
		padding: 10px 10px 9px 10px;
		img {
			// max-height: 100%;
		}
		.left_section_item01 {
			overflow: hidden;
			width: 45%;
			padding-top: 5px;
			padding-bottom: 8px;
		}
		.left_section_item02 {
			text-align: center;
			// max-height: 153px;
		}

	}
	.right_section {
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
		overflow: hidden;
		// border: 1px solid #000;
		width: 50%;
		float: right;
		
		.banner_list_2 {
			overflow: hidden;
			
			&>li {
				-webkit-box-sizing: border-box;
				   -moz-box-sizing: border-box;
				        box-sizing: border-box;
				list-style: none;
				text-align: center;
				width: 100%;
				float: left;
				overflow: hidden;
				min-height: 90px;
				padding: 0 30px;
				display: table;
				a {
					display: table-cell;
					vertical-align: middle;
				}
			}
			&>li.item_01 { background: #f6aeaf ; }
			&>li.item_02 { background: #9d9d9d ; }
		}
	}
}

.center_content {
	margin: 10px 0;

}

.grey_box {
	background: #f2f2f2;
	padding: 20px 10px;
	margin: 10px 0;	
}

.whitening_table {
	width: 100%;
	margin: 30px 0;
	th {
		padding: 10px;
		text-align: center;
		width: 50%;
	}
	td {
		padding: 10px;
		text-align: center;
		font-size:15px; 
		color:#727272;
	}
}

.purple_table {
	width: 100%;
	margin: 10px 0;
	border-spacing: 10px;
	th {
		text-align: left !important;
		vertical-align: top !important;
		padding-top: 10px;
		padding-left: 5px;
		.mini_box {
			background: #9b5fbb;
			color : #fff;
			padding: 5px;
			font-weight: bold !important;			
		}
	}
	td {
		color: #727272;
		padding: 10px;
	}
}
.invisalign_table {
	width: 100%;
	margin: 10px 0;
	thead {
		th { 
			padding: 5px;
			font-weight: bold !important;
		}
		th.item01 {
			background: #f2f2f2;
			color: #727272;
		}
		th.item02 {
			background: #555555;
			color: #fff;
		}
		th.item03 {
			background: #9b5fbb;
			color: #fff;
		}
	}
	tbody {
		tr {
			border-bottom: 1px #f2f2f2 solid;
		}
		th {
			color: #727272 !important;
			font-weight: bold !important;
			padding: 5px;
		}
		td { 
			font-weight: bold !important;
			text-align: center; 
			padding: 5px;
		}
		td.item_yousa {
			color: #727272;
			border-left: 1px solid #f2f2f2;
		}
		td.item_invi {
			color: #9b5fbb;
			border-left: 1px solid #f2f2f2;
		}
	}
}

.speed_table {
	width:100%;
	margin: 10px 0;
	th {
		text-align: left !important;
		vertical-align: top !important;
		padding: 15px 5px 5px 5px;
		.mini_box {
			background: #96d1da;
			color : #fff;
			padding: 5px;
		}
	}
	td {
		color: #727272;
		padding: 10px;
		line-height: 25px;
	}
}

.kakao_table {
	border-top: 3px solid #f3a039;
	width: 100%;
	font-size: 15px;
	tr {
		border-bottom: 1px solid #e9e9e9;
		height: 35px;
	}
	tr th {
		text-align: left !important;
		padding-left: 10px;
	}
}


.modal span { color:red; }
.modal input { height:32px; }
.modal-backdrop {
	z-index: 0 !important;
}
.modal {
	width: 90%;
	left: 5%;
	margin-left: 0;			
}

#mobile_footer {
	background: #4d4d4d;
	/*.footer_quick {
		clear: both;
		overflow: hidden;
		border-top:1px solid #ddd;
		border-bottom:1px solid #ddd;
		background: #f3f3f3;
		div {
			width: 33.3%;
			float: left;
			-webkit-box-sizing: border-box;
			   -moz-box-sizing: border-box;
					box-sizing: border-box;
			background: #fff url('@{url}/mobile/footer_btn_bg.png') repeat-x;
			border-right: 1px solid #ddd;
		}
		div:last-child { border-right: 0 none !important; }
	}*/
	p {
		line-height:20px;
		margin-bottom: 20px;
		padding-bottom: 10px;
		color:#fff;
		font-size:10px;
		text-decoration: none;
	}
	.footer_click {
		padding: 10px 0;
		color: #fff;
		text-decoration: none !important;
	}
	.footer_click a {
		color: #fff;
		text-decoration: none !important;
	}
	.footer_click img {
		width: 32px;
	}
	.footer_pc img {
		width: 64px;
	}
	.footer_online img {
		width: 64px;
	}
	.footer_blog img {
		width: 64px;
	}
}

.bbs_title_img {
	display: none;
}
.bbs_list {
	li:before {
	    position: absolute;
	    content: "• ";
	    color: #bb0a0a;
	    left: 1em;
	}	
	li {
		padding-left: 2em; 
		padding-bottom: 10px;
		margin: 10px 0;
		font-size: 1.3em;
		line-height: 1.6;
		border-bottom: 1px solid #eeeeee;
		.title {
			
		}
		.desc {
			color: #7d7d7d;
		}
	}
}

.bbs_head {
	text-align: center;
	font-size: 1.6em;
	margin: 20px 0;
}

.bbs_mb_info {
  color: #969696;
  padding: 10px 0 10px 0;
  margin-bottom: 30px;
  text-align: center;
  border-bottom: solid 1px #c6c6c6;

  /*color: #505050;*/
}