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

/* 초기화 */

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;;
	}
}

input {
	margin: 0;
}

a img {
	border: 0;
}

 
/* COMMMON */
ul {
	list-style: none;
}

.hidden_file {
/*	display: none !important; */
	display: inline-block;
	*zoom:1; *display: inline;
}

.cover_file {
}

.upload_file button,.upload_file div,.upload_file input {
	display: inline-block;
	*zoom:1; *display: inline;
}

.upload_file  div.input-append {
	vertical-align: top;
}

textarea {
	resize:none;
}

.only_eng {
	ime-mode:inactive !important;
}

.only_kor {
	ime-mode:active !important;
}

.txt_center {
	text-align: center !important;
}

.txt_left {
	text-align: left !important;
}

.txt_right {
	text-align: right !important;
}

.shadow_box {
	padding: 30px 20px 50px;
	border: 1px solid #b3b3b3;
	border-radius: 4px;
	box-shadow: 0 1px 10px #a7a7a7, inset 0 1px 0 #fff;
}

/* margins */
.btn_w_input { /* 인풋 옆의 스몰 버튼 마진 */
	margin-bottom: 10px;
}

/* basic */

/* 게시판 테이블 */
.comment_list > li {
	clear: both;
	overflow: hidden;
	display: block;
	padding: 10px 0;
	margin-bottom: 10px;
	border-bottom: 1px dashed #ebebeb;
	// .photo {
	// 	float: left;
	// 	margin-right: 20px;
	// }
	// .detail {
	// 	margin-left: 100px;
	// }
	.writer {
		.name { 
			color: #000 !important;
		}
		.date {
			color: #aaa !important;
			margin-left:10px;
		}
	}
	.comment_content {
		padding: 10px 0;
	}
}

.bbs_wrapper{
	// width: @container;
}

.bbs {
}

.bbs thead {
	background: #fff;
	border-bottom: 1px solid #fff;
}

.board {
	border-top: 2px solid #fff;
	border-bottom: 1px solid #fff;
}

.bbs th, .board th, .bbs_head {
	background: #fff !important;
	text-align: center!important;
	font-weight: normal !important;
}

.bbs_title_in_view {
	color: #84286a !important;
	font-size: 20px;	
	text-align: center;
}

.bbs_view_title {
	color: #777;
}

.bbs_view_detail {
	font-weight: bold;
	color: #666;
	margin-left: 5px;
	margin-right: 30px;
}
.div4board {
	// width: 650px;
	// float: right;
	// background: white;
	// max-height: 400px;
	// border-top: 2px solid #e02d2c;
	// border-bottom: 2px solid #e02d2c;
	// overflow: auto;
	// margin-right: 35px;
	input {
		margin: 0;
		padding: 0 8px;
	}
	select {
		margin:0;
		height: auto;
		font-size: 11px;
		padding: 2px;
	}
}

.bbs_date {
	background: url('/resources/images/sogong/bbs_icon/icon_date.gif') no-repeat 0 2px;
	padding-left:20px;
	color: #888;
	/*line-height: 30px;*/
	height: 30px;
	display: inline-block;
}

.box {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 10px 0 10px 0;
	background: #fff;
	color: #505050;
	font-weight: bold;
	word-break: break-all;
	font-size: 1.2em;
	border-top: 1px solid #999;
}

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

	/*color: #505050;*/
}
.bbs_title_liner {
	margin-top: -3px;
	width: 100px;
	height: 3px;
	background: #eb34b8;
}


.bbs_content {
	padding: 20px 0 0 0;
	/*border-bottom: 1px solid #999;*/
}


.bbs_title {
	margin-top: -70px;
	margin-bottom: 30px;
}

/* join */
.mb_join {
	width: 80%;
	clear:both;
	background: #fff;
	padding: 20px 30px;
	margin: 50px auto !important;
	h3 {
		text-align: center;
	}
}

.mb_join .control-group {
	clear: both;
	overflow: hidden;
}
.mb_join label.control-label {
	margin-left: 100px;
	font-weight:  bold;
	vertical-align: top;
	padding-top: 7px;
	padding-right:20px;
	width: 130px;
	text-align: right;
	display: block;
	float: left;
}
.mb_join .controls { display: block; float: left; width:500px;}

.personal {
	text-align: left;
	height: 200px;
	width: 485px;
	overflow-y: scroll;
	margin: 0 auto;
}

.mb_join input {
}


//faq

.total_faq {
	margin-bottom: 0px !important;
}

.accordion-group .pluma_img {
	display: inline-block;
	vertical-align: top;
	zoom: 1; /* Fix for IE7 */
	*display: inline; /* Fix for IE7 */
	width: 22px;
	height: 22px;
	margin-top: 2px;
	background: url('@{url}/icon_plus.png');
	overflow: hidden;
}
.accordion-group.active .pluma_img {
	background: url('@{url}/icon_minus.png');
}

.faq_title {
	background: url('@{url}icon_q.png') 10px 40% no-repeat;
	height: 39px !important;
	position: relative;
	a.accordion-toggle {
		overflow: hidden;
		padding-right: 80px;
		text-decoration: none;
		color: #565656;
		font-size: 16px;
		font-weight: bold;
		padding-left: 35px !important;
		float: left;

	}
	.buttons {
		position: absolute;
		top: 5px;
		right: 10px;
	}
	
}


.faq_content {
	// clear: both;
	background: #f9e5d5 url('@{url}icon_a.png') 10px 10px no-repeat;
	padding-left: 19px !important;
}



// 캘린더
.ui-datepicker-year, .ui-datepicker-month{
	width: 40% !important;
	padding: 0 !important;
}

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

h2 {
	margin: 20px 0;
}

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


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

@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 400;
  src: local('Nanum Barun Gothic Regular'), local('Nanum Barun Gothic-Regular'), local('NanumBarunGothic Regular');
  src: url(./NanumBarunGothic.eot);
  src: url(./NanumBarunGothic.eot?#iefix) format('embedded-opentype'),
       url(./NanumBarunGothic.woff) format('woff'),
       url(./NanumBarunGothic.ttf) format('truetype');
}

@import "https://cdn.rawgit.com/openhiun/hangul/14c0f6faa2941116bb53001d6a7dcd5e82300c3f/nanumbarungothic.css";
@import "http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css";

// 'Nanum Myeongjo'
.myungjo {
	font-family: 'Nanum Myeongjo', Arial, sans-serif !important;
}

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

body {
	// background: url('@{url}body_bg.png') repeat;
	// font-family: tahoma, "segoe UI", "Microsoft JhengHei", "Microsoft Yahei", meiryo, "malgun gothic" !important;
	font-family: 'NanumBarunGothic', Arial, sans-serif;
	// font-family: Helvetica, Arial, sans-serif, "MingLiU", '新細明體' !important;
	// font-family: Helvetica, Arial, "Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif !important;
	// font-family: Arial, Helvetica, tahoma, verdana, 宋体, SimSun, 华文细黑, STXihei, sans-serif !important;
	line-height: normal;
	font-size: @font-size;
	min-width: @container;
	color: @text-color;
}
// .bbs_title_list {
// 	font-family: "Microsoft MingLiU", '新細明體', Helvetica, Arial, sans-serif !important;
// }


h1{
	font-size: 2em;
	font-weight: bold;
}

h2{
	margin: 20px 0 0 0;
	color: #000;
	font-weight: bold;
	.smaller {
		font-size: 0.5em;
		font-weight: normal !important;
	}
}
h3{
	color: #000;
	font-weight: bold;
	font-size: 20px;
	line-height: 25px;	
	margin-bottom: 20px;
	margin-top: 40px;
}

h4{

}

p {
	margin-top: 10px;
	margin-bottom: 30px;
	font-size: 16px;
	line-height: 25px;
	text-align: justify;
}

section {
	margin-bottom: 30px;
}

.impact {
	color: #e47011;
}

.black {
	color: #000;
}
.bold {
	font-weight: bold;
}


.blue {
	color: #486fa6;
}

.joint_blue {
	color: #1c729e;
}

.light_grey {
	color: #9b9b9b;
}
.bold_grey {
	color: #444444;
}

.brown {
	color: #9c571e;
}

.age_mint {
	color: #78c1c6;
}
.age_green {
	color: #4e9297;
}
.secret_red {
	color: #d77c6a;
}
.invisalign_red {
	color: #ba4b35;
}

.whitening_yellow {
	color: #f2c332;
}
.whitening_orange {
	color: #eb9e6e;
	font-size: 17px;
}

.care_yellow {
	color: #ffb027;
}
.care_orange {
	color: #ef6832;
	font-size: 30px;
	font-weight: bold;
}
.care_grey {
	color: #7c7b7b;
	font-size: 25px;
	line-height: 40px;
}
.care_bold_grey {
	color: #545454;
	font-weight: bold;
	font-size: 18px;
}

.speed_red {
	color: #99171e;
}

.high_yellow {
	color: #d16f39;
	margin-bottom: 10px;
	font-weight: bold;
}

.high_orange {
	color: #ce2700;
	margin-bottom: 10px;
	font-weight: bold;
}

.high_red {
	color: #99171e;
	margin-bottom: 10px;
	font-weight: bold;
}

.type_orange {
	color: #ce5313;
}

.container {	
	width: @container !important;
	height: 100%;
	clear: both;
	overflow: hidden;
	position: relative;
}

header {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	position: relative;
	width: 100%;
	// height: 135px;	
	// background: url('@{url}header_bg.png') 50% top repeat-x;
	.logo {
		padding: 20px 0;
	}	
	.header_top_wrap {
		background: #f39667;
		height: 35px;
	}
	.header_member_ul {
		padding: 8px 0;
		li a{
			text-decoration: none;
			color: #fff;
			text-align: right;
			padding-right: 15px;
			border-right: 2px solid #fff;
		}
		li.last a {
			border-right: 0px !important;
			padding: 0px !important;
		}
	}
}

.header_bottom_wrap {
	height: 100px;
	.container {
		overflow: visible !important;
	}
}

.gnb_wrap {
	// overflow: hidden;
	@gnb: 800px;
	width: @gnb;
	position: relative;
	.gnb {
		// overflow: hidden;
		position: relative;
		padding: 0 0 0 5px;
		margin: 0;

		&>li {
			margin: 0;
			position: relative;
			float: left;
			text-align: center;
			&>a {
				padding: 42px 0 40px 0;
				display: block;
				color: #000;
				text-decoration: none;
				font-size: 1.2em;
				text-align: center;
				div {
					margin: 0 auto;
					background: url('@{url}gnb.png'); 
					max-width: 180px;
					height: 18px;
				}
			}
			&.introduction {
				width: 215px;
				div { width: 170px; }
			}
			&.program {
				width: 190px;
				div { width: 154px; }
			}
			&.clinic {
				width: 150px;
				div { width: 105px; }
			}
			&.photo_gallery {
				width: 130px;
				div { width: 100px; }
			}
			&.community {
				width: 110px;
				div { width: 62px; }
			}
			&:hover {
				background: url('@{url}header_top_line.png') top repeat-x; 
			}			
			&:hover {
				.gnb_sub {					
					display: block;
					color: #000;
				}
				&>a {
					border-left: 1px solid #d3d3d3;
					border-right: 1px solid #d3d3d3;					
				}
			}
			&.active, &:hover {
				&>a div{
					background-position-x: -171px;
				}
				
			}		
		}
	}
	.gnb_sub {
		position: absolute;
		top: 100px;
		left: 0;
		display: none;
		background: #F9F9F9;
		z-index: 999;
		&.introduction {
			width: 215px;
		}
		&.program {
			width: 190px;
		}
		&.clinic {
			width: 150px;
		}
		&.photo_gallery {
			width: 130px;
		}
		&.community {
			width: 110px;
		}
		&>li {
			border-top: 1px solid #d3d3d3;
			margin: 0;
			padding: 0 10px;
			height: 40px;
			&.last {
				border-bottom: 2px solid #6a6c75;
			}
			&>a {
				line-height: 40px;
				color: #565656;
			}
			&.active, &:hover {
				&>a {
					color: #f39667;
					text-decoration: none !important;
				}
			}
		}
	}			
}


#bodyarea {
	clear: both;
	margin: 0 auto;
	min-height: 800px;
	overflow: hidden;
	position: relative;
}

.content {
	clear: both;
	overflow: hidden;	
}

#pageHome {
	margin-top: 5px;
	margin-bottom: 15px;
	overflow: hidden;
	.pull-left {
		margin: 5px 0 0 5px;
	 	float: left;
	}
	.half {
		width: 595px;
		height: 692px !important;
		overflow: hidden;
	}
	.banner_slider {
		width: 590px;
		background: #fff;
		height: 234px;
		.title img {
			padding: 20px 0 0 20px;
		}
	}
	.quarter {
		width: 292px;
		background: #fff;
	}
	.quarter_db {
		width: 295px;
		height: 167px !important;
		background: #fff;
		img{
			padding: 17px 0 0 15px;
		}
	}
}
.main_slider {
	padding: 15px 22px;
}
		

.slider_arrow_wrap {
	overflow: hidden;
	padding: 28px 24px 0 0;
	&>div {
		overflow: hidden;
		// position: absolute;
		// top: 84%;
	}
	img {
		padding: 0px !important;
		margin: 0px !important;
	}
	li {
		margin: 0px !important;
	}
}





#quickMenu {
    position:absolute;
    top:0px;
    right:0px;
    bottom:0px;
    width:80px;
    background-color:#6a6c75;
    ul {
      text-align:center;
      li {
        height:65px;
        line-height:65px;
        margin-bottom:2px;
        a {
          display:block;
        }
      }
      li.quick01 {
        background-color:#f38d39;
      }
      li.quick02 {
        background-color:#d77c6a;
      }
      li.quick03 {
        background-color:#937156;
      }
      li.quick04 {
        background-color:#fdd70d;
      }
      li.quick05 {
        background-color:#9698a6;
      }
      li.quick06 {
        background-color:#9698a6;
      }
    }
  }


.board_ul {
	padding: 0 10px;
	overflow: hidden;	
	li {
		width: 100%;
		border-left: none !important;
		display: block;
		clear: both;
		margin-bottom: 10px;
		a {
			text-decoration: none;
			color: #49381f;
		}
		span {
			color: #aeaead;
			margin-top: 7px;
		}
	}	
}




.summary_ul {
	list-style: inherit;
	margin-left: 20px;
	margin-top: 15px;
	li {
	    font-size: 16px;
	    line-height: 25px;
	    text-align: left;
	}
}


.location {
	padding: 12px 0 12px 10px;
	background: #efefef;
	color: #565656;
}

.location_img {
	position: relative;
}
.location_btn_img{
	position: absolute;
	top: 525px;
	left: 625px;
}

.location_box {
	padding: 20px; 
	border-top: 1px solid #c9c9c9; 
	border-bottom: 1px solid #c9c9c9;
}

.location_desc {
	font-size: 18px;
	line-height: 25px;
	color: #606060;
}

.sub_num5 {
	color: #fff;
	background: #787fc4;
	padding: 5px 15px;
	text-align: center;
	border-radius: 5px;
}


.bus_desc {
	line-height: 35px;
}
.gan {
	color: #fff;
	background: #2674bf;
	padding: 5px 15px;
	text-align: center;
	border-radius: 5px;
	margin-right: 15px;
}

.ji {
	color: #fff;
	background: #319912;
	padding: 5px 15px;
	text-align: center;
	border-radius: 5px;
	margin-right: 15px;
}


.ma {
	color: #fff;
	background: #56c834;
	padding: 5px 15px;
	text-align: center;
	border-radius: 5px;
	margin-right: 15px;
}


.h1_wrap{
	border-bottom: 1px solid #d3d3d3;
	padding: 20px 0;
}

.title_wrap {
	margin: 50px 0;
}

.top_title {
	margin: 0 auto;
	font-size: 35px;
	color: #000;
	font-weight: 100;
}
.center_title {
	color: #486fa6;
	font-size: 75px;
	font-weight: bold;
	line-height: 120px;
}
.bottom_title {
	color: #d1d1d1;
	font-size: 19px;
	padding: 5px 0;
	border-top: 1px solid #d1d1d1;
	border-bottom: 1px solid #d1d1d1;
	letter-spacing: 12px;
}


//증상별
#symptom_program_tab {
	overflow: hidden;
	width: 100%;
	height: 100px!important;
	&.symptom_tab {
		&>li.active > a {
			background: #9c571e;
			color: #fff;
		}
		&>li:hover > a {
			background: #9c571e;
			color: #fff;
		}
		&>li > a {
			color: #fff;
			background: #d0d0d0;
			padding: 0 !important;
			margin: 0 !important;
			border-radius: 0;
			height: 40px;
			line-height: 40px;
			vertical-align: middle;
		}
		
		li { 
			width: 16.1%;
			padding: 0 !important;
			margin: 0 8px 6px 0 !important;
			text-align: center;
			font-weight: bold;
			font-size: 18px;
			-webkit-box-sizing: border-box;
			   -moz-box-sizing: border-box;
			        box-sizing: border-box;
		}
		&>li.last {
			margin-right: 0 !important;
		}
		&>li.mid {
			margin-right: 0 !important;
		}
		.tab_top { width: 19.5% !important; margin-right: 7px !important; }
		
	}
}


.crossbite_box {
	background: #f3dfdf;
	height: 235px;
	.crossbite_box_title {
		text-align: center;
		padding-top: 20px;
	}
	p.crossbite_box_desc {
		padding: 20px;
	}
}


.preprosthetic_fix {
	position: relative;
	max-width: 1200px;
	width: 100%;
}
.preprosthetic_fix_img {
	position: absolute;
	bottom: -223px;
	right: 0;
}

//교정치료의 순서
.bottom_step_img {
	position: relative;
	text-align: center;
}

.top_step_img {
	position: absolute;
	top: 265px;
	left: 710px;
}

.bottom_step_img_2 {
	position: relative;
	text-align: center;
}

.top_step_img_2 {
	position: absolute;
	top: 265px;
	left: 1115px;
}

//연령별 프로그램
#age_program_tab {
	overflow: hidden;
	width: 100%;
	height: 55px;
	&.age_tab {
		&>li.active > a {
			background: #78c1c6;
			color: #fff;
		}
		&>li:hover > a {
			background: #78c1c6;
			color: #fff;
		}
		&>li > a {
			color: #fff;
			background: #d0d0d0;
			padding: 0 !important;
			margin: 0 !important;
			border-radius: 0;
			height: 40px;
			line-height: 40px;
			vertical-align: middle;
		}
		li { 
			width: 24.5%;
			padding: 0 !important;
			margin: 0 7.5px 0 0 !important;
			text-align: center;
			font-weight: bold;
			font-size: 20px;
			-webkit-box-sizing: border-box;
			   -moz-box-sizing: border-box;
			        box-sizing: border-box;
		}
		&>li.last {
			margin: 0 !important;
		}
	}
}
.growth_ul {
	li {
		background: url('@{url}growth_2.png') no-repeat; 
		padding-left: 30px;
		line-height: 42px;
		color: #000; 
		font-size: 16px;
	}
}

p.age_desc_p {
	font-size: 15px;
}


//보이지 않는 교정 프로그램
#invisible_program_tab {
	overflow: hidden;
	width: 100%;
	height: 55px;
	&.invisible_tab {
		&>li.active > a {
			background: #d77c6a;
			color: #fff;
		}
		&>li:hover > a {
			background: #d77c6a;
			color: #fff;
		}
		&>li > a {
			color: #fff;
			background: #d0d0d0;
			padding: 0 !important;
			margin: 0 !important;
			border-radius: 0;
			height: 40px;
			line-height: 40px;
			vertical-align: middle;
		}
		li { 
			width: 24.5%;
			padding: 0 !important;
			margin: 0 7.5px 0 0 !important;
			text-align: center;
			font-weight: bold;
			font-size: 20px;
			-webkit-box-sizing: border-box;
			   -moz-box-sizing: border-box;
			        box-sizing: border-box;
		}
		&>li.last {
			margin: 0 !important;
		}
	}
}


//인비절라인
.invisalign_step {
	width: 100%;
	height: 500px;
	li {
		text-align: center;
		width: 20%;
		height: 442px;
		float: left;
		border-right: 1px solid #e5d6ed;
		border-style: dotted;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
		padding: 0 10px;
	}
	li.last {
		border: 0px !important;
	}
}

.invisalign_table {
	width: 100%;
	thead {
		border-top: 1px solid #999;
		border-bottom: 1px solid #999;
		th {
			font-size: 20px;
			padding: 20px 0;
		}
	}
	tbody {
		font-size: 15px;
		font-weight: bold;
		background: #faeeeb;
		text-align: center;
		tr {
			padding: 15px 0;
			height: 50px;
			border-bottom: 1px solid #999;
		}
		td.cate_center {
			border-right: 1px solid #999;
			border-left: 1px solid #999;
		}
	}
}

.invisalign_ul {
	li {
		background: url('@{url}invisalign_13.png') no-repeat; 
		padding-left: 30px;	
		line-height: 40px;
		color: #000; 
		font-size: 16px;	
	}
}


//콤비네이션
.combi_p {
	margin-bottom: 10px !important;
	font-weight: bold;
	font-size: 17px;
}


//인코그니토 
.incognito_table {
	width: 100%;
	margin: 40px 0;
	thead {
		background: #d47664;
		color: #fff;
		font-size: 18px;
		tr th {
			padding: 10px 0;
		}
	}
	tbody tr {
		height: 80px;
		padding: 10px 0;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
	}
	tbody tr.hol {
		background: #f7e2de;
	}
	tbody tr.jak {
		background: #ffedea;
	}
	tbody tr th {
		font-size: 18px;
		color: #000;
		width: 200px;
	}
	tbody tr td {
		text-align: center;
		color: #5a5959;
		font-size: 16px;
		border-left: 1px solid #d47664;
		padding: 0 10px;
	}
	tbody tr td.incognito_td {
		color: #892d1b;
	}
}

.incognito_p_title {
	font-weight: bold;
	font-size: 27px;
	padding-top: 60px;
	padding-left: 60px;
}
.incognito_p_desc {
	font-size: 20px;
	padding-left: 60px;
}

.faq_box {
	padding: 10px 0;
	border-bottom: 1px solid #e9e9e9;
	border-style: dotted;
	overflow: hidden;
	margin: 10px 0;
	.question{
		background: url('@{url}incognito_harmony_q.png') no-repeat; 
		padding: 10px 0 10px 40px;
		color: #d77c6a;
		font-size: 17px;
		font-weight: bold;
		min-height: 32px;
	}
	.answer {
		background: url('@{url}incognito_harmony_a.png') no-repeat; 
		padding: 5px 0 10px 40px;
		color: #676767;
		font-size: 15px;
		line-height: 25px;
		min-height: 32px;
	}
}



//스피드 교정

#speed_program_tab {
	overflow: hidden;
	width: 100%;
	height: 40px;
	&.speed_tab {
		&>li.active > a {
			background: #99171e;
			color: #fff;
		}
		&>li:hover > a {
			background: #99171e;
			color: #fff;
		}
		&>li > a {
			color: #fff;
			background: #d0d0d0;
			padding: 0 !important;
			margin: 0 !important;
			border-radius: 0;
			height: 40px;
			line-height: 40px;
			vertical-align: middle;
		}
		li { 
			width: 19.5%;
			padding: 0 !important;
			margin: 0 7px 0 0 !important;
			text-align: center;
			font-weight: bold;
			font-size: 18px;
			-webkit-box-sizing: border-box;
			   -moz-box-sizing: border-box;
			        box-sizing: border-box;
		}
		&>li.last {
			margin: 0 !important;
		}
	}
}

.speed_p_title {
	font-weight: bold;
	font-size: 25px;
	padding-top: 30px;
	padding-left: 60px;
}
.speed_p_desc {
	padding-left: 60px;
}

.speed_box {
	border: 1px solid #e2e2e2;
	height: 360px;
	position: relative;
}

.speed_box_title {
	position: absolute;
	top: -33px;
	left: 250px;
	width: 66px;
	height: 66px;
	border-radius: 66px;
	background: #99171e;
	p {
		color: #FFF;
		text-align: center;
		font-size: 25px;
		padding-top: 13px;
	}
}
.speed_box_desc {
	padding-top: 40px;
	margin-bottom: 10px !important;
	span {
		font-size: 18px;
		font-weight: bold;
	}
	span.red {
		color: #99171e;
		font-size: 17px;
		font-weight: bold;
	}
}
.fix_img {
	position: absolute;
	bottom: 0; 
	right: 0;
}
.fix_img_2 {
	background: url('@{url}triple_5.png') no-repeat;
	width: 544px;
	height: 209px;
	position: absolute;
	bottom: 0;
	left: 10px;
	p.fix_title {
		text-align: center;
		color: #99171e;
		font-weight: bold;
		font-size: 24px;
		line-height: 30px;
		padding-top: 35px;
		margin-bottom: 10px;
	}
	p.fix_desc {
		width: 300px;
		margin-left: 100px;
		color: #000;
		font-size: 15px;
	}
}

//치아 미백
.whitening_box {
	color: #000; 
	padding: 25px 35px; 
	font-size: 24px; 
	font-weight: bold; 
	margin: auto 0 !important;
}

.whitening_type_box {
	border: 1px solid #d1d0d0;
	margin-top: 80px;
	height: 380px;
	p {
		text-align: center !important;
	}
}
.whitening_type_title {
	position: absolute;
	top: 1600px;
	left: 215px;
	width: 155px;
	height: 155px;
	background: #efbf2b;
	border-radius: 155px;
	p {
		padding-top: 57px;
		font-size: 25px;
		font-weight: bold;
		color: #fff;
		text-align: center;
	}
}
.whitening_type_title_2 {
	position: absolute;
	top: 1600px;
	left: 830px;
	width: 155px;
	height: 155px;
	background: #efbf2b;
	border-radius: 155px;
	p {
		padding-top: 57px;
		font-size: 25px;
		font-weight: bold;
		color: #fff;
		text-align: center;
	}
}

.whitening_p_title {
	font-size: 27px;
	margin-top: 100px;
	padding-left: 100px;
	font-weight: bold; 
	color: #000;
}
.whitening_p_desc {
	font-size: 23px;
	padding-left: 100px;
	color: #000;
	line-height: 40px;
}

.w_sub_box_title {
	font-size: 20px;
	font-weight: bold;
	padding-top: 90px;
}
.w_check {
	width: 300px;
	color: #000;
	font-weight: bold;
	margin: 0 auto;
	font-size: 17px;
}
.w_check_r {
	width: 420px;
	color: #000;
	font-weight: bold;
	margin: 0 auto;
	font-size: 17px;
}

.whitening_bling {
	background: url('@{url}whitening_4.png') no-repeat; 
	margin: 80px 60px;
	padding-left: 100px;
	font-size: 18px;
	font-weight: bold;
	color: #000;
	line-height: 35px;
}


//수술없는 양악교정
.yellow_box {
	width: 100%;
	height: 60px;
	background: #ed9701;
	color: #fff;
	.care_number {
		font-size: 46px;
		font-style: italic;
		padding-top: 5px;
		padding-left: 5px;
	}
	p {
		margin: 5px !important;
		padding-left: 15px;
	}
}

.care_box {
	border: 1px solid #e1e1e1;
	position: relative;
	height: 685px;
}
.care_box_title {
	position: absolute;
	width: 443px;
	height: 63px;
	top: -9px;
	left: 70px;
	background: url('@{url}care_07.png') no-repeat;
	p {
		color: #FFF;
		font-size: 20px;
		text-align: center;
	}
}

.care_box_2 {
	border: 1px solid #e1e1e1;
	position: relative;
	height: 600px;
}

.care_bottom_box {
	width: 100%;
	height: 245px;
	background: url('@{url}care_16.png') no-repeat;
	padding: 20px 30px;
	p {
		margin-bottom: 20px !important;
	}
	p.care_desc {
		font-size: 15px !important;
	}
}

//교정장치의 종류

.type_box {
	width: 100%;
	border: 11px solid #f8f8f8; 
	padding: 50px 30px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	p {
		margin-bottom: 10px !important;
	}
	.sub_title {
		color: #bc5019;
		font-size: 20px;
		font-weight: bold;
		padding-top: 10px;
	}

	.sub_desc {
		color: #939393;
		font-size: 14px;
	}
}

h3.type_title {
	font-size: 2em; 
	line-height: 40px; 
	font-weight: normal; 
	margin: 0 !important;
} 

.sub_desc_ul {
	li {
		background: url('@{url}ul_dot.png') no-repeat; 
		padding-left: 15px;		
	}
}

.li_impact {
	color: #d74a00; 
	font-size: 15px; 
	font-weight: bold;
}

.type_p {
	font-size: 0.9em; 
	color: #6f6f6f;
}

#footer {
	clear: both;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	height: 120px; 
	padding: 25px 0;
	background: #404040;
	.footer_logo {
		margin-top: 5px;
		padding-left: 10px;
		color: #fff;
		p {
			text-align: left;
			line-height: 20px;
			font-size: 13px;
		}
	}
	.admin_login a {
		color: #b2b2b2 !important;
	}
}

#k_popup {display:none !important;}

#pageHome .banner_slider {width:588px !important;}
#pageHome .quarter {width:292px !important;}
.care_box {height:900px;}