@font-face {
	font-family: 'Nanum Barun Gothic';
	src : url('/fonts/NanumBarunGothic/NanumBarunGothic.eot');
	src : url('/fonts/NanumBarunGothic/NanumBarunGothic.eot') format('embedded-opentype'),
	url('/fonts/NanumBarunGothic/NanumBarunGothic.woff') format('woff');
}

@font-face {
	font-family: 'NanumGothic';
	src: url('/fonts/NaumGothic/NanumGothic.eot');
	src: url('/fonts/NaumGothic/NanumGothic.eot') format('embedded-opentype'),
	url('/fonts/NaumGothic/NanumGothic.woff') format('woff');
}

@font-face {
	font-family: 'yanoljaR';
	src: url("../fonts/ya-Regular.eot");
	src: url("../fonts/ya-Regular.woff");
}

body {
	font-family: 'Nanum Gothic',  sans-serif !important;
	color: #000;
	background: #fff !important;
}

i {
	font-family : 'Nanum Barun Gothic' !important;
}

h1, h2, h3, h4, h5, h6 {
	color: #000;
}

.ui-overlay-a, .ui-page-theme-a, .ui-page-theme-a .ui-panel-wrapper {
	background: #fff !important;
}

input:FOCUS {
	outline: none;
	border-color: #117EAF !important
}

input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button
	{
	-webkit-appearance: none;
	margin: 0;
}

select:FOCUS {
	border-color: #00ffff !important
}

textarea:FOCUS {
	outline: none;
	border-color: #117EAF !important
}

h2, h3, h4, h5, h6 {
	font-family: 'Nanum Barun Gothic' !important;
}

h1 {
	font-family: 'Nanum Barun Gothic' !important;
	font-weight: bold;
}

p {
	font-family: 'Nanum Barun Gothic' !important;
	line-height: 24.7px;
	font-size: 16px;
	font-weight: 300;
}

ul {
	padding-left: 0;
}

ul li {
	list-style: none;
}

h2 {
	font-size: 26px;
}


a:hover {
	text-decoration: none;
}

.section-heading {
	text-align: center;
	margin-bottom: 65px;
}

.community_img {
    max-width : 100%;
}

.issue_subject {
	text-align: right;
   font-size : 13px;
}

.main_issue_img {
	border-radius: 10px;
	margin: 5px 5%;
	width:90%;
}

.text-right-mo-hidden {
    text-align: right;
}

@media(max-width:767px) {
  .issue_subject {
      font-size: 13px;
  }
  .text-right-mo-hidden{
       text-align : left;
    }
}


.issue_img {
	position: relative;
	display: inline-block;
	border-color: #fff;
	width: 100%;
	height: 350px;
	background-size: 100% 100%;
}

.height_3 {
	height: 3px;
}

.progress {
	margin-bottom: 0px;
}

.progress p {
	margin-bottom: 10px; 
	margin-top: 3px; 
	text-align: right; 
	font-size: 16px;
}

.issue_img_main_wid {
	float: left;
	height: 670px;
}

@media ( max-width : 767px) {
	.issue_img_main_wid {
		height: 630px;
	}
}



@media (max-width: 767px) and (min-width:441px) {
	.issue_img_main_wid {
		height: 15%;
	}
}


.mobile-hidden-css {
	display :  block;
}

.web-hidden-css {
	display : none;
}

.mobile-hidden-table-cell-css {
	display : table-cell;
}

.web-hidden-table-cell-css {
	display : none;
}

.mobile-hidden-table-css {
	display : table;
}

.mobile-hidden-table-css td {
	text-align : left;
}

.web-hidden-table-css {
	display : none;
}

.web-hidden-table-row-css {
	display : none;
}

.table-wid-8-mo-10 {
	width : 80%;
}

.span-wid-inh-mo-80 {
	width : 45%;
}

.mp5 {
	padding : 0px
}

@media(max-width:767px) {
	.mobile-hidden-css {
		display :  none !important;
	}
	.web-hidden-css {
		display : block;
	}
	.mobile-hidden-table-cell-css {
		display : none;
	}
	.web-hidden-table-cell-css {
		display : table-cell;
	}
	
	.mobile-hidden-table-css {
		display : none;
	}
	
	.web-hidden-table-css {
		display : table;
	}
	.web-hidden-table-row-css{
		display : table-row;
	}
	.table-wid-8-mo-10 {
		width : 100%;
	}
	.span-wid-inh-mo-80 {
		width : 80% !important;
	}
	.mp5 {
		padding : 5px
	}
}



#myPage table {
	width : 80%;
}

#myPage #buttons {
	width : 80%;
}

@media ( max-width : 767px) {
	#myPage table {
		width : 100%;
	}
	#myPage #buttons {
		width : 100%;
	}
}



.main_img_swiper {
	width: 100%;
	height: 700px;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.mo-footer {
	display: none;
}

@media ( max-width : 767px) {
	.main_img_swiper {
		height: 850px;
	}
	.mo-footer {
		display: block;
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 40px;
		background: #595959;
		z-index: 11111111;
	}
	.mo-footer a{
		color: #eee !important;
	}
	.footer-login {
		position: relative;
		width: auto;
		padding: 0 40px 10px 20px;
	}
	.footer-top {
		position: absolute;
		right: 20px;
		top: 0;
		width: auto;
		height: 40px;
		padding: 0;
		line-height: 40px;
	}
	.mo-footer-btn {
		float: none;
		width: auto;
		height: 40px;
		padding: 0 10px 0 0;
		line-height: 40px;
		width: auto;
	}
}

.swiper-container {
	width: 100%;
	height: 100%;
}

.swiper-slide {
	/* text-align: center; */
	font-size: 18px;
	background: #fff;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.effect_skin {
	position: relative;
	display: inline-block;
	border-radius: 50%;
	border-color: #fff;
	width: 130px;
	height: 130px;
	background-size: cover;
}

.effect_coordination {
	position: relative;
	display: inline-block;
	border-radius: 50%;
	border-color: #fff;
	width: 130px;
	height: 130px;
	background-size: cover;
}

.effect_curator {
	position: relative;
	display: inline-block;
	border-radius: 50%;
	border-color: #fff;
	width: 130px;
	height: 130px;
	background-size: cover;
}

.effect_nurse {
	position: relative;
	display: inline-block;
	border-radius: 50%;
	border-color: #fff;
	width: 130px;
	height: 130px;
	background-size: cover;
}

.step-img {
	width: 16.666666%;
}

@media ( max-width :768px) {
	.step-img {
		width: 30%;
	}
}

@media ( max-width :767px) {
	.step-img {
		width: 50%;
	}
}

#pop {
	left: 65%;
}

#pop2 {
	left:36%;
}

#pop, #pop2 {
	width: 28%;
	height: auto;
	background: #fff;
	color: #000;
	position: absolute;
	top: 150px;
	z-index: 1029;
	text-align: center;
	border-radius: 10px;
}

#pop img, #pop2 img {
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}

@media ( max-width :767px) {
	#pop, #pop2 {
		width: 90%;
		left: 5%;
	}
	 
	#pop {
      top: 12%;
	}
	#pop2 {
      top: 58%;
	}
}

#join_table {
	width: 80%;
	margin: 0 auto;
}

#join_table .phone {
	width: 80px;
	padding-left: 20px
}

#join_table th {
	text-align: right;
	padding-right: 10px;
}

@media ( max-width : 767px) {
	#join_table {
		width: 100%;
		margin: 0 auto;
	}
	#join_table .phone {
		width: 33.33333%;
		padding-left: 0px;
	}
}

.section-heading p {
	font-size: 14px;
	font-weight: 300;
	color: #727272;
	line-height: 20px;
}

.limit_table{
	table-layout:fixed;
	word-break:break-all;
}

.img-circle_i_make {
	border: 1px solid #fff;
	border-radius: 100px;
}

.col-xs-3 {
	padding: 0px;
}

.reservate-box {
	border: 1px solid gray;
}

.reservation .col-md-12 {
	padding: 0px 0px !important;
}

.reservation .dontCare_checkbox {
	margin-top: 30px;
}

.reservation .padding-up {
	padding-top: 10px !important;
}

.reservation .padding-up label {
	padding: 0 3px;
}

.reservation label {
	font-size: 14px;
}

#register-issue table tr th {
	padding: 1vmin 2vmin
}

#register-issue table tr td {
	padding: 1vmin 2vmin
}

@media ( max-width :767px) {
	.reservation .dontCare_checkbox {
		margin-top: 0px;
	}
}

.input-box {
	line-height: 3vmin;
	margin: 1vmin;
	background-color: transparent;
	border: none;
	size: 1vmin;
	width: 95%;
	font-size: 2vmin;
}

@CHARSET "UTF-8";

.join-info .size {
	width: 100%;
}

.join-info fieldset .rem-ch {
	width: auto !important;
}

#manager_go_btn, #logout_go_btn {
	display: none;
}

.join-info form {
	margin: 0 auto;
	width: 500px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	counter-reset: fieldsets;
	padding: 20px;
}

@media ( max-width : 767px) {
	.join-info form {
		width: auto;
	}
}

.join-info form fieldset {
	border: none;
	margin-bottom: 10px;
}

.join-info form fieldset:last-of-type {
	margin-bottom: 0;
}

.join-info form legend {
	color: #384313;
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 10px;
	text-shadow: 0 1px 1px #595959;
}

.join-info h3 {
	text-shadow: 0 1px 1px #595959;
}

.join-info form>fieldset>legend:before {
	content: "Step " counter(fieldsets) ": ";
	counter-increment: fieldsets;
}

.join-info form fieldset fieldset legend {
	color: #111111;
	font-size: 13px;
	font-weight: normal;
	padding-bottom: 0;
}

.join-info form ol li {
	background: #595959;
	background: rgba(255, 255, 255, .3);
	border-color: #e3ebc3;
	border-color: rgba(255, 255, 255, .6);
	border-style: solid;
	border-width: 2px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	line-height: 30px;
	list-style: none;
	padding: 5px 10px;
	margin-bottom: 2px;
}

.join-info form ol ol li {
	background: none;
	border: none;
	float: left;
}

.join-info form label {
	float: left;
	font-size: 2vmin;
	width: 110px;
}

@media ( max-width : 767px) {
	.join-info form label {
		font-size: 5vmin;
	}
}

.join-info form fieldset fieldset label {
	background: none no-repeat left 50%;
	line-height: 20px;
	padding: 0 0 0 30px;
	width: auto;
}

.join-info form fieldset fieldset label:hover {
	cursor: pointer;
}

.join-info form input :not([type=radio]) {
	background:#ffffff;
	border:1px solid black;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-khtml-border-radius:3px;
	border-radius:3px;
	font:13px 맑은고딕;
	padding:5px;
	width:200px;
}

.join-info form input:not([type=submit]):focus{
	background:#eaeaea;
}

.join-info form button {
	background: #7e7e7e;
	border: none;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	border-radius: 20px;
	color: #ffffff;
	display: block;
	font: 16px 맑은고딕;
	letter-spacing: 1px;
	margin: auto;
	padding: 7px 25px;
	text-shadow: 0 1px 1px #000000;
	text-transform: uppercase;
}

.join-info form button:hover {
	background: #595959;
	cursor: pointer;
}

#timeAr {
	padding-bottom: 50px;
}

#timeAr .intro-time {
	font-size: 19px;
}

#timeAr .intro-time span {
	font-weight: bold;
	font-size: 19px;
	color: #595959;
	display:inline-flex;
	width: 100px;
	justify-content: space-between;
	margin-right: 15px;
}

#timeAr .intro-time span i {
	font-style: normal;
	font-family: 'Nanum Gothic',  sans-serif !important;
}

#timeAr .intro-week {
	padding-top: 15px;
	font-size: 16px;
	line-height: 1.5;
}

#timeAr .intro-week .notice {font-size: 14px;}

#timeAr .intro-road .col-sm-6 {
	padding: 0;
}

#timeAr .intro-road {
	padding: 0 7%;
	font-size: 14px;
	color: #908f8f;
}

#timeAr .intro-road p {
	font-size: 19px;
}

#timeAr .intro-road h2 {
	color: #595959;
}

#timeAr .intro-road span {
	font-size: 19px;
	color: #595959;
}

#timeAr .intro-road .blue-font {
	color: #3556A7 !important;
}

#timeAr .intro-road .purple-font {
	color: #A845CE !important;
}

#timeAr .pd-top {
	padding-top: 30px;
}

#timeAr #mapbox {
	padding: 0;
}

#timeAr .mapbox {
	margin: 0 5%;
}

#timeAr .info .img { display: flex; align-items: center;}

.reservation .textarea-div {
	height: 20vmin;
	resize: none;
}

.clock {
	width: 80% !important;
}

.select-box {
	margin: 1vmin;
	background-color: transparent;
	border: none;
	padding: 1px 0;
	height: 3vmin;
	width: 95%;
	font-size: 2vmin;
	-moz-appearance: none;
	appearance: none;
}

.reservation .padding-right-no-mobile {
	padding-right: 45px;
}

.reservation .col-xs-4 {
	padding: 0 15px;
}

.reservation .reser-btn {
	height: 5vmin;
	font-size: 3vmin;
	width: 100%;
}

.reservation .reservation-padding {
	padding: 5vmin 3vmin;
}

.reservation .hope-time {
	padding-top: 10px;
}

@media ( max-width : 767px) {
	#phone {
		padding-bottom: 47px;
		margin-top: 5px
	}
	.input-box {
		line-height: 10vmin;
		size: 5vmin;
		font-size: inherit;
	}
	#phone .col-sm-4 {
		padding: 0px 0px;
		width: 30%;
	}
	#hope-date .col-sm-4 {
		padding: 0px 0px;
		width: 30%;
	}
	.reservation .mar-rl {
		margin: 0 2.5%
	}
	.reservation .mar-l {
		margin-left: 2.5%
	}
	.reservation .mar-r {
		margin-right: 2.5%
	}
	.select-box {
		height: 10vmin;
		size: 5vmin;
		font-size: inherit;
	}
	.selct-box:AFTER {
		content: "<";
	}
	.reservation .col-sm-6 {
		padding: 0px 0px;
	}
	.reservation .hope-time {
		margin-top: 53px
	}
	.reservation .col-xs-4 {
		padding: 0 0px;
	}
	.reservation .mobile-padding-down {
		padding-bottom: 13vmax;
	}
	.reservation .mobile-padding-top {
		margin-top: 34px;
	}
	.reservation .mobile-padding-top-12 {
		margin-top: 70px;
	}
	.reservation .padding-right-no-mobile {
		padding-right: 0px;
	}
	.reservation .reservation-padding {
		padding: 20px 0;
	}
	.reservation .textarea-div {
		height: 200px;
	}
	.reservation label {
		font-size: 16px;
	}
	.mobile-padding-none {
		padding: 0 0;
	}
	.reservation .reser-btn {
		width: 100%;
		height: 45px;
		font-size: 16px;
	}
	#timeAr .intro-time {
		width: 100%;
		font-size: 15px;
	}
	#timeAr .intro-time span, #timeAr .intro-road span {
		font-size: 16px;
	}
	#timeAr .mapbox {
		padding: 0;
		margin: 0;
	}
}

@media ( max-width : 1024px) and (min-width: 768px) {
	.padding-none-1024 {
		padding: 0 0 !important;
	}
	.padding-right-no-mobile {
		padding-right: 0px !important;
	}
}

#dta-councel .board_view, #detail-issue .board_view, #dta-reservation .board_view
	{
	width: 100%;
	border-top: 2px solid #252525;
	border-bottom: 2px solid #252525;
}

#dta-councel .comment-border {
	border-top: 2px solid #252525 !important;
}

#dta-councel .board_view tbody th, #detail-issue .board_view tbody th,
	#dta-reservation .board_view tbody th {
	text-align: left;
	background: #f7f7f7;
	color: #3b3a3a
}

#dta-councel .board_view tbody th.list_tit, #detail-issue .board_view tbody th.list_tit,
	#dta-reservation .board_view tbody th.list_tit {
	font-size: 13px;
	color: #000;
	letter-spacing: 0.1px
}

#dta-councel .board_view tbody .no_line_b th, .board_view tbody .no_line_b td,
	#detail-issue .board_view tbody .no_line_b th, .board_view tbody .no_line_b td,
	#dta-reservation .board_view tbody .no_line_b th, .board_view tbody .no_line_b td
	{
	border-bottom: none
}

#dta-councel .board_view tbody th, .board_view tbody td, #detail-issue .board_view tbody th,
	.board_view tbody td, #dta-reservation .board_view tbody th {
	padding: 16px;
	border-bottom: 1px solid #ccc
}

#dta-councel .board_view tbody td.view_text, #detail-issue .board_view tbody td.view_text,
	#dta-reservation .board_view tbody td.view_text {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 45px 18px 45px 18px
}

#dta-councel #comment .comment-list {
	width: 100%;
	margin: 10px 0 !important;
}

#dta-councel #comment .col-sm-12 {
	padding: 0 0
}

#dta-councel .board_view tbody th.th_file {
	padding: 0 0 0 15px;
	vertical-align: middle
}

#dta-councel .wdp_90 {
	width: 90%
}

#dta-councel .padding {
	width: 100%;
	padding: 4vmin 0;
}

#dta-councel .councel-state, #dta-reservation .councel-state {
	padding: 5px;
	color: #fff;
}

#dta-councel .comment {
	height: 8vmin;
}

#dta-councel .comment-textarea {
	resize: none;
}

#dta-councel .submit-btn {
	color: #000;
	background-color: #fff !important;
}

#dta-councel .padding-up-down {
	padding: 3vmin 0;
}

#dta-councel .padding-left {
	padding-left: 10vmin;
	padding-right: 15px;
}

#dta-councel .padding-up-1 {
	padding-top: 2vmin;
}

#dta-councel .border-down-1 {
	border-bottom: 1px solid #ccc;
}

#dta-councel .name {
	font-size: 2.5vmin;
}

@media ( max-width :767px) {
	#dta-councel .padding-up-down {
		padding-top: 3vmax;
		padding-bottom: 7vmax;
	}
	#dta-councel .name {
		font-size: inherit;
	}
	#dta-councel .board_view tbody th, .board_view tbody td {
		padding: 10px;
	}
	#dta-councel .padding-left {
		padding-right: 15px;
	}
	#dta-councel .comment-textarea:FOCUS {
		height: 100px;
	}
	#dta-councel .container {
		padding: 0px 5px;
	}
}

@media ( max-width :325px) {
	#dta-councel table {
		font-size: 14px;
	}
	#dta-councel .board_view tbody th, .board_view tbody td {
		padding: 8.5px;
	}
}

@media ( max-width :1024px) and (min-width:768px) {
	#dta-councel .padding-left {
		padding: 0 15px;
	}
}

.manager_btn {
	width: 100%;
	margin: 5px;
	padding: 15px;
	background-color: #fff;
	border: 0px;
	border-bottom: 1px solid black;
}

.manager_btn:FOCUS, .manager_btn:ACTIVE {
	background-color: #117EAF;
	color: #FFF;
}

#board-list ul {
	list-style: none;
	display: inline-block;
}

#board-list ul li {
	float: left;
	padding: 4px;
	margin-right: 10px;
}

#board-list ul li a {
	width: 15px;
	color: #000;
	font: bold 12px tahoma;
	text-align: center;
	text-decoration: none;
}

#board-list ul li a:hover, #board-list ul li a:focus {
	color: #fff;
	border: 1px solid #117EAF;
	background-color: #117EAF;
}

#board-list table {
	width: 100%;
	border-top: 2px;
	border-bottom: 2px;
	border-left: 0;
	border-right: 0;
	border-color: black;
	border-style: solid;
}

#board-list .search-bar {
	text-align: right;
	margin-bottom: 2vmin;
}

#board-list .search-sel {
	border: 0px
}

#board-list table tbody tr {
	border-top: 0.5px;
	border-bottom: 0.5px;
	border-left: 0;
	border-right: 0;
	border-color: #cfcfcf;
	border-style: solid;
}

#board-list .state-f {
	padding: 5px;
	color: #fff;
	background-color: #595959;
}

#board-list .state-t {
	padding: 5px;
	color: #fff;
	background-color: #117EAF;
}

#board-list .regist-btn {
	float: right;
	color: #fff;
}

#board-list table tbody tr td {
	padding: 13px 10px !important;
}

@media ( max-width : 767px) {
	#board-list .col-sm-12 {
		padding: 0 0;
	}
	#board-list table a {
		font-size: inherit;
	}
	#board-list ul li a {
		font-size: 15px;
	}
	#board-list table tbody tr td {
		padding: 13px 5px !important;
	}
}

.file_input_textbox {
	float: left;
	height: 29px;
}

.file_input_div {
	position: relative;
	width: 80px;
	height: 36px;
	overflow: hidden;
}

.file_input_img_btn {
	padding: 0 0 0 5px;
}

.file_input_hidden {
	font-size: 29px;
	position: absolute;
	right: 0px;
	top: 0px;
	opacity: 0;
	filter: alpha(opacity = 0);
	-ms-filter: alpha(opacity = 0);
	cursor: pointer;
}

.reg-dta-councel .table {
	width: 100%;
	border-top: 2px solid gray;
	border-bottom: 2px solid gray;
	padding: 3vmin 0;
}

@media ( max-width :320px) {
	.reg-dta-councel select {
		width: 32% !important;
	}
	.reg-dta-councel table tbody tr th {
		font-size: 10px;
	}
	
	.reg-dta-councel .reg-ph-4 {
		padding:1px 10px !important;
	}
}

.reg-dta-councel table {
	width: 100%;
}

.reg-dta-councel table span {
	color: #117EAF;
}

.reg-dta-councel .text-area {
	resize: none;
	width: 100%;
	overflow: auto;
	height: 40vmin;
	padding: 1px 15px;
}

.reg-dta-councel table tbody td {
	padding: 1vmin 2vmin;
}

.reg-dta-councel table tr {
	width: 100%;
}

.reg-dta-councel .table-padding {
	padding: 1vmin 5vmin;
}

.reg-dta-councel .padding {
	width: 100%;
	padding-right: 6.5vmin;
	padding-bottom: 4vmin;
}

.reg-dta-councel .reg-ph-4 {
	padding: 1px 15px;
}

#password .center-7 {
	width: 50%;
	margin: auto;
}

#password .password-area {
	border-top: 2px solid gray;
	border-bottom: 2px solid gray;
	padding: 30px 3vmin;
}

#password .list-btn-area {
	padding: 60px 3vmin;
}

#password .right {
	float: right;
}

#password input {
	height: 30px
}

@media ( max-width :767px) {
	#password .center-7 {
		width: 100%;
	}
}

.btn-info {
	background-color: #117EAF !important;
	border-color: #117EAF !important;
}

@media ( max-width : 767px) {
	.reg-dta-councel .table-padding {
		padding: 0;
	}
	
	.reg-dta-councel table th {
		width: 20%;
	}
	.reg-dta-councel table span {
		display: none;
	}
	.reg-dta-councel table tbody .col-sm-6 {
		width: 100%;
	}
	.reg-dta-councel .padding {
		padding-right: 0px;
	}
}

@media (max-width : 768px){
	.reg-dta-councel .reg-ph-4 {
		width: 32.333%;
	}
}

@media ( max-width :1366px) and (min-width:768px) {
	.reg-dta-councel .table-padding {
		padding: 0;
	}
	.reg-dta-councel table tbody .col-sm-6 {
		width: 100%;
	}
	.reg-dta-councel .padding {
		padding-right: 0px;
	}
}

#intro .doctor {
	margin: 30px 0
}

#intro .doctor span {
	font-size: 17px
}

.step-area {
	padding: 15px 10vmin;
}

@media ( max-width :768px) {
	.step-area {
		padding: 15px 0px;
	}
}

#intro .ma-cet {
	margin-left: 8vmin;
}

.step-ct-8 {
	position: relative;
	min-width: 1px;
	width: 80%;
	margin: auto;
	padding: 5px 15px;
}

.step .name {
	position: absolute;
	top: 80px;
}

.column {
	margin: 15px 15px 0;
	padding: 0;
}

.column:last-child {
	padding-bottom: 60px;
}

.column::after {
	content: '';
	clear: both;
	display: block;
}

.column div {
	position: relative;
	margin: 25px 0;
	padding: 0;
}

.column div .yfl {
	float: left;
}

.column div:first-child {
	margin-left: 0;
}

#intro .column div span {
	position: absolute;
	bottom: -10px;
	left: 0;
	z-index: -1;
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
	color: #444;
	font-size: 18px;
	text-decoration: none;
	text-align: center;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	opacity: 0;
}

#intro figure, #step figure {
	margin: 0;
	padding: 0;
	background: #fff;
	overflow: hidden;
	box-shadow: none;
}

.step_img {
	max-width: 120px;
	max-height: 120px;
	min-width: 100px;
	min-height: 100px;
}

@media ( max-width :767px) {
	.step_img {
		max-height: none;
		width: 100%;
	}
}

.fl_le {
	float: left;
	width: 100%
}

#intro figure:hover+span {
	bottom: -10px;
	opacity: 1;
}

#intro .intro-text {
	padding: 3vmin 0;
}

#intro .intro-text span {
	font-size: 19px;
}

@media ( max-width : 767px) {
	#intro .column {
		margin: 0px
	}
	#intro .ma-cet {
		margin-left: 0vmin;
	}
}

@media ( min-width : 768px) and (max-width: 1366px) {
	#intro .ma-cet {
		margin-left: 0vmin;
	}
}

#photo .pad-10-ct {
	padding: 3vmin 10vmin
}

#photo .mar-uad {
	margin: 2vmin 0;
}

#photo .fl-left-12 {
	width: 100%;
}

#photo .mar-45 {
	margin: 45px 0
}

#photo .web-pad-t-19 {
	padding-top: 19px
}

#photo .photo-btn {
	width: 95%;
	background-color: #595959;
	color: #fff;
	border: 0px;
	padding: 0 5px;
	height: 50px
}

#photo .m-12 {
	padding-left: 0px;
}

@media ( max-width :767px) {
	#photo .m-fl-left-6 {
		width: 50% !important;
		padding: 0 0;
		position: relative;
		min-height: 1px;
		margin: 0
	}
	#photo .m-12 {
		padding: 0;
		width: 100% !important
	}
	#photo .web-pad-t-19 {
		padding-top: 0px
	}
	#photo .m-pad-t-15 {
		padding-top: 15px
	}
	#photo .m-pad-lr-5 {
		padding: 0 5px
	}
	#photo .photo-btn {
		height: 25px
	}
}

#photo .prev-btn {
	position: absolute;
	float: left
}

#photo .next-btn {
	position: absolute;
	float: right
}

@media ( max-width : 767px) {
	#photo .inside-photo {
		margin: 25px 0 !important;
	}
}

.border-down-gray {
	border-bottom: 1px solid gray;
}

.col-xs-4 {
	padding: 0px;
}

.container .col-xs-6 {
	padding: 0px;
}

#feature .container {
	padding: 0px
}

@media ( max-width : 767px) {
	#works .col-xs-3 {
		width: 100%;
	}
	.mobile-harf {
		width: 100%;
	}
}

#intro .doctor .pos-ab {
	position: absolute;
}

#intro .doctor .pos-re {
	position: relative;
}

#intro .doctor .col-xs-6 {
	padding: 0 0
}

.float-right {
	float: right
}

.float-left {
	float: left
}

.wid-12 {
	width: 90%
}

#intro .doctor .bottom-0 {
	bottom: 25px;
}

@media ( max-width : 767px) {
	#intro .doctor .pos-re {
		height: 300px
	}
}

.title {
	font-size: 30px;
	line-height: 1.1;
	font-weight: 300;
	color: #333;
	text-transform: uppercase;
	margin-bottom: 20px;
}

.subtitle {
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 18px;
	text-transform: uppercase;
}

.first-img {
	max-width: 100%;
	margin: auto;
}

.subtitle-des {
	color: #727272;
	font-size: 14px;
	margin-bottom: 35px;
	font-weight: 300;
}

.law {
	text-align: right;
}

@media ( max-width : 767px) {
	.law {
		text-align: center;
	}
}

.pages {
	padding: 80px 0 40px;
}

.first-main-img {
	max-width: 100%;
	max-height: 800px;
	width: 100%;
	height: 100%;
	margin: auto;
}

.img-carousel {
	width: 100%;
	max-height: auto;
	margin-bottom: 150px;
}

.navbar-default .navbar-nav>li>a:hover {
	color: #117EAF;
}

.navbar.navbar-default {
	border: 0;
	border-radius: 0;
	margin-bottom: 0;
}

.navbar.navbar-default .navbar-toggle {
	margin-top: 32px;
}

.navbar-header .navbar-brand {
	padding: 5px 0;
}

.navbar-header .navbar-brand a {
	height: auto;
	width: 25%;
	margin-top: 8px;
	float: left;
	display: inline-block;
}

@media ( max-width :500px) {
	.navbar-header .navbar-brand a {
		width: 100%;
	}
}

@media ( min-width :500px) and (max-width:767px) {
	.navbar-header .navbar-brand a {
		width: 60%;
	}
}

.manager-page-btn {

	text-align: right;
	font-size: 12px;
	color: #000;
	border-right: 2px solid #117eaf;
}

.logo-vi {
	width: 100%
}

@media ( max-width :767px) {
	.mo-50 {
		width: 50%;
	}
	.logo-vi {
		width: 100%
	}
}

.text-right-mo-hidden{
	text-align: right;
}

.br-r-m-h {
	border-right: 0.5px dashed gray;
}

.br-l-m-h {
	border-left: 0.5px solid black
}

@media ( max-width :767px) {
	.br-r-m-h {
		border-right: 0
	}
	.br-l-m-h {
		border-left: 0px
	}
	#ptosis .mo-he {
		height: 18vmax;
	}
	.text-right-mo-hidden{
		text-align : left;
	}
}

.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle {
	background: #444;
}

#top-bar {
	background: #fff;
	color: #fff;
	-webkit-transition: all 0.2s ease-out 0s;
	transition: all 0.2s ease-out 0s;
	-webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid #dedede;
}

#same-hieght {
	background: #fff;
	color: #fff;
	-webkit-transition: all 0.2s ease-out 0s;
	transition: all 0.2s ease-out 0s;
	-webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid #dedede;
}

@media (max-width:767px ){
	#top-bar {
		/* padding: 0 0 20px 0px; */
	}
	
	header .container .navbar-header { padding-bottom: 20px; }
	
	#same-hieght {
		padding: 20px 0px;
		max-height:100px;
	}
}

#top-bar .navbar-nav>li>a:hover {
	background: transparent;
}

#same-hieght .navbar-nav>li>a:hover {
	background: transparent;
}

#top-bar.animated-header {
	background: #ffffff;
	box-shadow: none;
}

#same-hieght.animated-header {
	background: #ffffff;
	box-shadow: none;
}

#top-bar .main-menu li>a {
	color: #000;
}
#same-hieght .main-menu li>a {
	color: #fff;
}

#top-bar .main-menu li {
	position: relative;
}
#same-hieght .main-menu li {
	position: relative;
}

#top-bar .main-menu li a {
	font-size: 15px;
	font-weight: 500;
	border-bottom: 2px solid transparent;
	-webkit-transition: .3s all;
	-o-transition: .3s all;
	transition: .3s all;
	text-transform: uppercase;
}
#same-hieght .main-menu li a {
	font-size: 12px;
	font-weight: 500;
	border-bottom: 2px solid transparent;
	-webkit-transition: .3s all;
	-o-transition: .3s all;
	transition: .3s all;
	text-transform: uppercase;
	margin-left:15px;
}

@media ( max-width : 767px) {
	#top-bar .main-menu li a {
		font-size: 14px;
	}
	#same-hieght .main-menu li a {
		font-size: 13px;
	}
	#top-bar nav {
		z-index: 1030;
		position: fixed;
		width: 100%;
		max-height: none;
	}
}

#top-bar .main-menu li a:hover {
	color: #117EAF;
}

#same-hieght .main-menu li a:hover {
	color: #117EAF;
}

#top-bar .user-tap {
	width: 100%;
	height: 15px;
	text-align: right;
	font-size: 1.5vmin;
}

#same-hieght .user-tap {
	width: 100%;
	height: 15px;
	text-align: right;
	font-size: 1.5vmin;
}

#top-bar .user-tap .color {
	color: #000;
}

#same-hieght .user-tap .color {
	color: #000;
}

#top-bar .user-tap .padding-left {
	padding-left: 5px;
}

#same-hieght .user-tap .padding-left {
	padding-left: 5px;
}

#top-bar .user-tap .padding-right {
	padding-right: 5px;
}

#same-hieght .user-tap .padding-right {
	padding-right: 5px;
}

#top-bar .user-tap .border-right {
	border-right: 1px solid gray;
}

#same-hieght .user-tap .border-right {
	border-right: 1px solid gray;
}



.navbar-custom .nav li>a {
	position: relative;
	color: #000;
}

.navbar-right .dropdown-menu {
	right: auto;
	left: 0;
	z-index:1030 !important;
}

.navbar-custom .dropdown-menu {
	position: absolute;
	display: block;
	visibility: hidden;
	opacity: 0;
}

#hero-area {
	background: url('../images/slider.jpg') no-repeat 50%;
	background-size: cover;
	background-attachment: fixed;
	padding: 230px 0;
	color: #fff;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
	position: relative;
}

#hero-area:before {
	content: '';
	z-index: 9;
	background: rgba(255, 255, 255, 0.78);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

#hero-area .block {
	position: relative;
	z-index: 999;
}

#hero-area h1 {
	font-size: 40px;
	line-height: 50px;
	color: #333;
	font-weight: 700;
	margin-bottom: 15px;
	text-transform: uppercase;
}

#hero-area h2 {
	font-size: 18px;
	font-weight: 300;
	margin-bottom: 38px;
	line-height: 27px;
	text-transform: uppercase;
	color: #666;
	font-family: 'Nanum Barun Gothic' !important;
	margin-top: 25px;
}

#hero-area .btn {
	background: #414141;
	border: none;
	color: #fff;
	padding: 20px 35px;
	margin-top: 30px;
	font-size: 16px;
	font-size: 13px;
	line-height: 1em;
	text-transform: uppercase;
	letter-spacing: normal;
	border-radius: 0;
}

#call-to-action {
	background: #117EAF;
	background-size: cover;
	background-attachment: fixed;
	padding: 160px 0;
	text-align: center;
	position: relative;
	color: #fff;
	background-image: url('../images/keepson/bottom-girl-4.jpg');
	background-position: center center;
}

@media ( max-width : 767px) {
	.mobile-4 {
		width: 25%;
		padding: 0px 5px 0 5px;
	}
}

.cursor {
	cursor: pointer;
}

.margin-center {
	margin: auto;
}

#skin-care-1 .skin-select-box {
	width: 50%;
	float: left;
}

#skin-care-2 .result-box {
	width: 20%;
	padding: 15px;
	margin: 0 3vmin;
	float: left;
}

#skin-care-2 .result-wid-box {
	padding: 15px 0;
}

#call-to-action .block {
	position: relative;
	z-index: 99;
	color: #fff;
}

#call-to-action .block h2 {
	margin-bottom: 15px;
	color: #fff;
}

#call-to-action .block p {
	font-size: 15px;
	font-weight: 300;
	font-family: 'Nanum Barun Gothic' !important;
	margin-top: 20px;
}

#call-to-action .block .btn-contact {
	background: #fff;
	border: none;
	color: #117EAF;
	padding: 16px 35px;
	margin-top: 20px;
	font-size: 12px;
	letter-spacing: 2px;
	text-transform: uppercase;
	border-radius: 0;
}

#call-to-action .block .btn-contact i {
	margin-right: 10px;
}

#about {
	padding: 20px 0;
}

#about .container {
	padding: 0px;
}

#about .block {
	padding: 15px;
	height: 100%;
}

#about .col-md-12 {
	height: 33.33333333%
}

#about .landscape {
	max-height: 20em;
}

#feature .size-bp {
	width: 100%;
	height: auto;
	padding-top: 3vmin;
}

@media ( max-width : 767px) {
	#feature .col-xs-2 {
		width: 33.33333%;
	}
	#feature .blog-border {
		border-right: 0px;
	}
	#coment .col-xs-4 {
		width: 100%;
	}
}

#feature i {
	font-size: 40px;
	color: #494545;
}

#feature h4 {
	font-size: 1.7vmin;
}

@media ( max-width : 767px) {
	#feature h4 {
		font-size: 4vmin;
	}
}

.border-right {
	border-right: 1px solid #e5e5e5;
}


.post-it {
	width: 100%;
	background-image: url("../images/common/yellow-post-it.jpg");
	background-size: contain;
	background-attachment: fixed;
}

.post-it h3 {
	margin: 0px;
}

#coment figcaption {
	padding: 15px;
	border-radius: 7px;
	background-color: #e3e3e3;
}

#coment .set-padding {
	padding: 0 3vmin 12vmin 3vmin;
}


.blog {
	background-color: #3EAF0E
}

.facebook {
	background-color: #3b5998
}

.main-color {
	background-color: #117EAF
}

.kakao {
	background-color: #fff33f
}

.blue {
	background-color: #2e70d1;
}

.pink {
	background-color: #e992bf;
}

.radius {
	border-radius: 12px;
}

@media ( max-width : 767px) {
	#about .col-xs-6 {
		width: 50%;
	}
}

#about .block h2 {
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 30px;
	text-transform: uppercase;
}

#about .block p {
	color: #727272;
	font-size: 16px;
	line-height: 28px;
	margin-bottom: 35px;
}

#about .block img {
	max-width: 100%;
}

#works {
	padding-top: 30px;
}

@media ( max-width : 767px) {
	#works {
		padding-top: 30px;
	}
}

.works {
	padding: 80px;
	background: #FCFCFC;
}

.work {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	position: relative;
	height: 270px;
	width: 100%;
	display: table;
	overflow: hidden;
	margin-bottom: 30px;
}

.works .block {
	position: relative;
	z-index: 99;
}

.works .block:hover .img-overly .overly {
	opacity: 1;
}

.works .block h4 {
	padding: 20px 15px;
	margin-top: 0;
	color: #666;
}

.works .block .img-overly {
	position: relative;
	background: rgba(0, 0, 0, 0.85);
}

.works .block .img-overly img {
	border-radius: 0;
}

.works .block .img-overly .overly {
	background: rgba(57, 181, 74, 0.9);
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	opacity: 0;
	-webkit-transition: .3s all;
	-o-transition: .3s all;
	transition: .3s all;
}

.works .block .img-overly .overly a {
	position: absolute;
	top: 45%;
	left: 22%;
}

.hr-color-gray {
	border-color: gray;
}

.coment {
	padding-left: 8vmin;
	padding-right: 8vmin;
}

.works .block .img-overly .overly a i {
	font-size: 30px;
	color: #fff;
}

figure {
	background: #fff;
	margin-bottom: 0px;
}

.set-padding {
	padding: 20px;
}

.more-btn-span {
	padding: 20px 50px;
	margin-top: 10px;
	border: 2px solid #ceccc3;
	font-size: 16px;
	font-weight: 550;
	border-radius:10px;
}


#login .margin {
	margin-top: 3vmin;
	margin-bottom: 3vmin;
	margin-left: 8vmin;
	margin-right: 8vmin;
}

@media ( max-width : 767px) {
	#login .margin {
		margin: 3vmin 5vmin;
	}
}

@media ( max-width : 849px) {
	#login .margin {
		margin: 3vmin 5vmin;
	}
}

#login h2 {
	margin-bottom: 2em;
}

.sns-login {
	font-size: 2vmin;
	padding: 3vmin;
}

.sns-login-box {
	padding: 0 15vmin;
}

#login .inp-bor {
	border: 1px solid #ffffff;
}

#login .login-in {
	margin: 1em 0.5em;
}

#login .login-in:FOCUS, #login .login-in:ACTIVE {
	border-color: #117EAF
}

@media ( max-width : 767px) {
	.sns-login {
		font-size: 5vmin;
		padding: 5vmin;
	}
	#login .sns-login-box {
		padding: 0 0vmin;
	}
	#login .sns-login-box .col-xs-3 {
		width: 50%;
	}
	#login .wid-full-12 {
		width: 100%;
	}
	#login .col-sm-8 {
		width: 100%;
	}
	#login .col-sm-10 {
		width: 100%;
	}
}

#issue .issue-list {
	background-image: url("../images/issue/issue-back.png");
	background-repeat: no-repeat;
	background-size: contain;
	padding: 4% 3.8%
}

#issue a {
	color: black;
}

#issue .event-each {
	position: relative;
	border: 0px;
	padding: 5px 0px;
	margin: 1% 1%;
	width: 31%;
	float: left;
}

#issue .event-comment {
	width: 100%;
	float: left;
	padding: 15px 15px
}

#detail-issue {
	margin: 15px 0;
}


#notice #board-list table tbody tr td {
	padding: 2vmin 15px;
}

@media ( max-width : 767px) {
	#issue .event-each {
		width: 100%;
		margin: 0;
	}
}

.facebook {
	color: #fff;
	background-color: #5048e3;
}

.naver {
	color: #fff;
	background-color: #2fd61d;
}

.kakao {
	background-color: #f3e638;
}

#login .keepson-join {
	background-color: #09b3a6;
}

#login .login-form {
	margin: 10vmin 20vmin;
}

@media ( max-width : 767px) {
	#login .login-form {
		margin: 5vmin 2vmin;
	}
}

.more-btn-div {
	padding: 45px;
	margin-bottom: 30px;
}

.subject {
	padding-bottom: 10px;
}

.ma-20-l {
	width: 30%;
	padding: 0 5px;
	margin: 0 1vmin;
	float: left;
}

.h-a-o-h {
	overflow: hidden;
	height: auto;
}

@media ( max-width :767px) {
	.ma-20-l {
		width: 100%
	}
	#keepsons-good-by-ud .col-sm-8 {
		padding: 6% 0
	}
	#doubleEyelid-3 .col-sm-9 {
		padding: 6% 0
	}
	#wad .col-md-6 {
		padding: 6% 45px !important;
	}
	.subject {
		font-size : 32px;
	}
}

@media ( max-width : 768px) {
	#gaft-3 .col-sm-6, #gaft .col-sm-6 {
		width: 100%
	}
	#wad .col-md-6 {
		padding: 6% 3% !important;
	}
}

@media ( max-width : 1024px) {
	.ma-ct {
		margin: 7% 0 !important;
	}
	#gaft-3 .col-sm-9 {
		width: 100%
	}
}

#gaft-3 .col-sm-9 {
	min-height: 100px
}

.pad-nm {
	padding: 10% 4%;
}

.ma-ct {
	margin: 20px 10%;
}

.ma-ct-2 {
	margin: 20px 4%;
}

#wad .col-md-6 {
	padding: 1% 3%;
}

@media ( max-width : 991px) {
	#wad .col-md-6 {
		padding: 6% 3%;
	}
}

.subject-all {
	padding-left: 15px;
	border-bottom: 1px solid gray
}

.content-skin {
	padding: 30px 45px
}

#machine .container {
	padding-top: 35px;
}

@media ( max-width : 767px) {
	#machine .col-xs-3 {
		width: 50%;
	}
}

#tap {
	margin-top: 1.5em;
	margin-bottom: 1.3em;
	border-bottom: 1px solid #eee;
}

#tap .now {
	font-size: 4vmin;
	margin: 1em 1.2em;
}

#tap .menu {
	font-size: 3vmin;
}

@media ( max-width : 767px) {
	#tap .now {
		font-size: 4vmax;
	}
	#tap .menu {
		font-size: 3vmax;
	}
}

#tap .menu a {
	margin: 0 1vmin;
}


.wid-100 {
	width: 100%;
	float: left;
}

#gimi .mar-4 {
	margin: 20px 0;
}

figure .img-wrapper {
	position: relative;
	overflow: hidden;
}

#intro figure .img-wrapper {
	padding-top: 0 !important;
}

#about .img-wrapper {
	position: relative;
	overflow: hidden;
	padding-top: 17%;
}

.img-wrapper-con {
	position: relative;
	overflow: hidden;
	padding-top: 41%;
}

@media ( max-width : 767px) {
	.first-img .img-wrapper-con {
		padding-top: 59%;
	}
}

figure:hover .overlay {
	opacity: 1;
}

#intro .overlay {
	opacity: 1;
}

.contaner-img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	max-width: 100%;
	height: auto;
}

.contaner-img-gear {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	max-width: 100%;
	height: auto;
}

img.portrait {
	width: auto;
	height: 100%;
}

img.portrait-gear {
	width: auto;
}

img.landscape {
	width: 100%;
	height: auto;
}

figure:hover .overlay .buttons a {
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
}

figure .overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 10px;
	text-align: center;
	background: rgba(0, 0, 0, 0.7);
	opacity: 0;
	-webkit-transition: opacity 400ms;
	transition: opacity 400ms;
}

figure .overlay a {
	display: inline-block;
	color: #fff;
	padding: 10px 23px;
	line-height: 1;
	border: 1px solid #fff;
	border-radius: 0px;
	margin: 4px;
	-webkit-transform: scale3d(0, 0, 0);
	transform: scale3d(0, 0, 0);
	-webkit-transition: all 400ms;
	transition: all 400ms;
}

figure .overlay a:hover {
	text-decoration: none;
}

figure .overlay:hover a {
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
}

figure .buttons {
	position: absolute;
	top: 45%;
	left: 24%;
}

figure figcaption {
	padding: 0px 25px;
	margin-top: 0;
	color: #000;
}

figure figcaption h4 {
	margin: 0;
}

figure figcaption h4 a {
	color: #117EAF;
	font-size: 13px;
}

figure figcaption p {
	font-size: 1.5vmin;
	margin-bottom: 0;
	margin-top: 5px;
}

@media ( max-width : 767px) {
	figure figcaption h4 a {
		font-size: 5vmin;
	}
	figure figcaption p {
		font-size: 4vmin;
	}
}

#feature {
	padding: 20px 0;
}

#feature .media {
	margin: 0px 0 70px 0;
}

#feature .media .media-left {
	padding-right: 25px;
}

#feature h3 {
	color: #000;
	font-size: 18px;
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 20px;
	margin: 0px 0px 15px;
	font-weight: 400;
}

#feature p {
	line-height: 25px;
	font-size: 14px;
	color: #777777;
}

#feature .icon {
	text-decoration: none;
	color: #fff;
	background-color: #117EAF;
	height: 100px;
	text-align: center;
	width: 100px;
	font-size: 50px;
	line-height: 100px;
	overflow: hidden;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	text-shadow: #00a4ba 1px 1px, #00a4ba 2px 2px, #00a4ba 3px 3px, #00a4ba
		4px 4px, #00a4ba 5px 5px, #00a4ba 6px 6px, #00a4ba 7px 7px, #00a4ba
		8px 8px, #00a4ba 9px 9px, #00a4ba 10px 10px, #00a4ba 11px 11px,
		#00a4ba 12px 12px, #00a4ba 13px 13px, #00a4ba 14px 14px, #00a4ba 15px
		15px, #00a4ba 16px 16px, #00a4ba 17px 17px, #00a4ba 18px 18px, #00a4ba
		19px 19px, #00a4ba 20px 20px, #00a4ba 21px 21px, #00a4ba 22px 22px,
		#00a4ba 23px 23px, #00a4ba 24px 24px, #00a4ba 25px 25px, #00a4ba 26px
		26px, #00a4ba 27px 27px, #00a4ba 28px 28px, #00a4ba 29px 29px, #00a4ba
		30px 30px, #00a4ba 31px 31px, #00a4ba 32px 32px, #00a4ba 33px 33px,
		#00a4ba 34px 34px, #00a4ba 35px 35px, #00a4ba 36px 36px, #00a4ba 37px
		37px, #00a4ba 38px 38px, #00a4ba 39px 39px, #00a4ba 40px 40px, #00a4ba
		41px 41px, #00a4ba 42px 42px, #00a4ba 43px 43px, #00a4ba 44px 44px,
		#00a4ba 45px 45px, #00a4ba 46px 46px, #00a4ba 47px 47px, #00a4ba 48px
		48px, #00a4ba 49px 49px, #00a4ba 50px 50px, #00a4ba 51px 51px, #00a4ba
		52px 52px, #00a4ba 53px 53px, #00a4ba 54px 54px, #00a4ba 55px 55px,
		#00a4ba 56px 56px, #00a4ba 57px 57px, #00a4ba 58px 58px, #00a4ba 59px
		59px, #00a4ba 60px 60px, #00a4ba 61px 61px, #00a4ba 62px 62px, #00a4ba
		63px 63px, #00a4ba 64px 64px, #00a4ba 65px 65px, #00a4ba 66px 66px,
		#00a4ba 67px 67px, #00a4ba 68px 68px, #00a4ba 69px 69px, #00a4ba 70px
		70px, #00a4ba 71px 71px, #00a4ba 72px 72px, #00a4ba 73px 73px, #00a4ba
		74px 74px, #00a4ba 75px 75px, #00a4ba 76px 76px, #00a4ba 77px 77px,
		#00a4ba 78px 78px, #00a4ba 79px 79px, #00a4ba 80px 80px, #00a4ba 81px
		81px, #00a4ba 82px 82px, #00a4ba 83px 83px, #00a4ba 84px 84px, #00a4ba
		85px 85px, #00a4ba 86px 86px, #00a4ba 87px 87px, #00a4ba 88px 88px,
		#00a4ba 89px 89px, #00a4ba 90px 90px, #00a4ba 91px 91px, #00a4ba 92px
		92px, #00a4ba 93px 93px, #00a4ba 94px 94px, #00a4ba 95px 95px, #00a4ba
		96px 96px, #00a4ba 97px 97px, #00a4ba 98px 98px, #00a4ba 99px 99px,
		#00a4ba 100px 100px;
}

#contact-section {
	padding: 90px 0;
}

#contact-section .contact-form {
	margin-top: 42px;
}

#contact-section .contact-form .btn-send {
	margin-top: 35px;
	color: #fff;
	outline: none;
	background: #117EAF;
}

#contact-section .contact-form .btn-send:hover {
	border: 1px solid #117EAF;
}

#contact-section input {
	display: block;
	height: 40px;
	padding: 6px 12px;
	font-size: 13px;
	line-height: 1.428571429;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border-color ease-in-out 0.15s, box-shadow
		ease-in-out 0.15s;
	-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out
		0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	border-radius: 1px;
	border: 1px solid rgba(111, 121, 122, 0.3);
	box-shadow: none;
	-webkit-box-shadow: none;
}

#contact-section textarea {
	display: block;
	border-radius: 0;
	width: 100%;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555555;
	background-color: #ffffff;
	background-image: none;
	border: 1px solid #cccccc;
	box-shadow: none;
	-webkit-transition: border-color ease-in-out 0.15s, box-shadow
		ease-in-out 0.15s;
	-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out
		0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

#contact-section .address, #contact-section .email, #contact-section .phone
	{
	text-align: center;
	background: #F7F7F7;
	padding: 20px 0 40px 0;
	margin-bottom: 20px;
}

#contact-section .address i, #contact-section .email i, #contact-section .phone i
	{
	font-size: 45px;
	color: #117EAF;
}

#contact-section .address h5, #contact-section .email h5,
	#contact-section .phone h5 {
	font-size: 16px;
	line-height: 1.4;
}

#contact-section .address-details {
	padding-top: 70px;
}

#map-canvas {
	width: 100%;
	height: 350px;
	background-color: #CCC;
}

#footer {
	background: #595959;
	padding: 25px 0;
	color: #fff;
}

#footer .copyright {
	font-size: 14px;
	margin-bottom: 0;
	margin-top: 10px;
}

@media ( max-width : 767px) {
	#footer .copyright {
		font-size: 14px;
	}
}

#footer .copyright a {
	color: #fafafa;
}

#footer a:focus, #footer a:hover {
	color: #fafafa;
}

#footer a {
	color: #fafafa;
}

#footer .social {
	text-align: right;
	margin-bottom: 0;
}

#footer .social li {
	display: inline-block;
	margin-right: 15px;
}

#footer .info p {
	border-right: 2px solid #117EAF;
	padding-right: 10px;
	font-size: 14px;
	margin-bottom: 5px;
}

#footer .social li a {
	font-size: 22px;
	color: #117EAF;
}

.cd-headline.slide .cd-words-wrapper {
	color: #117EAF;
}

ul.social-icons {
	height: auto;
	overflow: hidden;
	list-style: none !important;
	margin-bottom: 10px;
}

ul.social-icons li {
	float: none;
	display: inline-block;
	height: 36px;
}

#copyright a:hover, #copyright nav .menu li a:hover {
	color: #e4e4e4 !important;
}

#copyright a, #copyright a:hover {
	text-decoration: none;
}

.global-page-header {
	background-attachment: fixed;
	background-size: cover;
	padding: 120px 0 25px 0;
	position: relative;
	background: #117EAF;
	color: #fff;
}

.global-page-header h2 {
	font-size: 42px;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
}

.global-page-header .breadcrumb {
	background: none;
	font-size: 16px;
	padding: 8px 0;
}

.global-page-header .breadcrumb .active {
	color: #fff;
}

.global-page-header .breadcrumb li a {
	color: #fff;
}

.global-page-header .block {
	position: relative;
	z-index: 99;
	text-align: center;
}

#product-showcase-banner {
	padding-top: 160px;
}

#product-showcase-banner .block {
	padding: 20px 0 20px 50px;
}

#product-showcase-banner .block h2 {
	font-size: 40px;
	color: #117EAF;
	margin-bottom: 20px;
	margin-top: 0;
}

#product-showcase-banner .block p {
	color: #666;
	line-height: 25px;
}

#product-showcase-banner .block .buttons {
	margin-top: 25px;
}

#product-showcase-banner .block .buttons .btn {
	color: #fff;
	border: none;
	padding: 12px 40px;
	-webkit-transition: .2s all;
	-o-transition: .2s all;
	transition: .2s all;
	letter-spacing: 2px;
	font-size: 15px;
}

#product-showcase-banner .block .buttons .btn-demo {
	background: #5abd4f;
	margin-right: 8px;
	border-bottom: 3px solid #429E38;
}

#product-showcase-banner .block .buttons .btn-demo:hover {
	background: #429E38;
}

#product-showcase-banner .block .buttons .btn-buy {
	background: #00AEDA;
	border-bottom: 3px solid #0190B5;
}

#product-showcase-banner .block .buttons .btn-buy:hover {
	background: #0190B5;
}

#product-showcase-banner .block .buttons .btn-buy span {
	margin-right: 8px;
	font-weight: bold;
}

#product-description {
	padding-top: 80px;
}

#product-description .block {
	height: 400px;
	overflow: hidden;
	margin-top: 35px;
	border-bottom: 1px solid #dedede;
	padding-top: 30px;
	position: relative;
	webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
}

#product-description .block:hover img {
	-webkit-transform: translateY(20px);
	-moz-transform: translateY(20px);
	-ms-transform: translateY(20px);
	-o-transform: translateY(20px);
	transform: translateY(20px);
}

#product-description .block img {
	position: absolute;
	top: 10px;
	left: 0;
	-webkit-transform: translateY(60px);
	-moz-transform: translateY(60px);
	-ms-transform: translateY(60px);
	-o-transform: translateY(60px);
	transform: translateY(60px);
	-webkit-transition: -webkit-transform 0.35s
		cubic-bezier(0.645, 0.045, 0.355, 1);
	-moz-transition: -moz-transform 0.35s
		cubic-bezier(0.645, 0.045, 0.355, 1);
	-o-transition: -o-transform 0.35s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: transform 0.35s cubic-bezier(0.645, 0.045, 0.355, 1);
}

#product-description .block .content {
	width: 60%;
	padding-top: 70px;
}

#product-description .block .content h3 {
	font-size: 32px;
	color: #5c5c5c;
}

#product-description .block .content p {
	color: #787f8c;
	line-height: 25px;
}

#related-items {
	padding: 60px 0 110px;
}

#related-items .title {
	border-bottom: 1px solid #dedede;
	padding: 10px 0;
	margin: 5px 15px 30px 15px;
	text-align: left;
	color: #777;
}

#related-items .product-details {
	margin-bottom: 0;
}

#related-items .block {
	position: relative;
	background: #fff;
	margin-bottom: 45px;
	box-shadow: 0 0px 1px rgba(0, 0, 0, 0.14);
}

#related-items .block:hover .img-overly .overly {
	opacity: 1;
}

#related-items .block h4 {
	padding: 20px 15px;
	margin-top: 0;
	color: #666;
}

#related-items .block h4 span {
	float: right;
	color: #117EAF;
}

#related-items .block .img-overly {
	position: relative;
	background: rgba(0, 0, 0, 0.85);
}

#related-items .block .img-overly img {
	border-radius: 0;
}

#related-items .block .img-overly .overly {
	background: rgba(57, 181, 74, 0.9);
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	opacity: 0;
	-webkit-transition: .3s all;
	-o-transition: .3s all;
	transition: .3s all;
}

#related-items .block .img-overly .overly a {
	position: absolute;
	top: 45%;
	left: 45%;
}

#related-items .block .img-overly .overly a i {
	font-size: 30px;
	color: #fff;
}

.service-page .service-parts .block {
	margin-bottom: 40px;
	text-align: center;
}

.service-page .service-parts .block i {
	font-size: 35px;
	color: #117EAF;
}

.service-page .service-parts .block p {
	padding: 0 8px;
	font-size: 14px;
	color: #777;
	line-height: 1.7;
}

.works.service-page figure .buttons {
	position: absolute;
	top: 45%;
	left: 13%;
}

#clients {
	padding: 30px 0 60px;
}

#clients .owl-carousel .owl-item img {
	display: block;
	width: 100%;
	-webkit-transform-style: preserve-3d;
}

#clients .owl-carousel .owl-item {
	margin-right: 10px;
}

.works-fit {
	padding: 40px 0;
}

.works-fit figure .buttons {
	left: 14%;
}

.fancybox-close {
	background: url("../images/icons/close.png") no-repeat scroll 0 0
		transparent;
	height: 50px;
	right: 0;
	top: 0;
	width: 50px;
}

.fancybox-next span {
	background: url("../images/icons/right.png") no-repeat scroll center
		center #009ee3;
	height: 50px;
	width: 50px;
	right: 0;
}

.fancybox-prev span {
	background: url("../images/icons/left.png") no-repeat scroll center
		center #009ee3;
	height: 50px;
	width: 50px;
	left: 0;
}

.fancybox-title h3 {
	font-size: 15px;
	margin: 0;
}

.fancybox-title {
	padding: 15px 8px;
}

.wrapper_404 h1 {
	font-size: 200px;
	color: #117EAF;
	line-height: 1;
}

.wrapper_404 h2 {
	font-size: 50px;
	margin-top: 0;
}

.wrapper_404 .btn-home {
	background: #414141;
	border: none;
	color: #fff;
	padding: 20px 35px;
	margin-top: 10px;
	font-size: 16px;
	font-size: 13px;
	line-height: 1em;
	text-transform: uppercase;
	letter-spacing: normal;
	border-radius: 0;
}

.company-description {
	margin-top: 80px;
}

.company-description .block h3 {
	margin-top: 0;
}

.company-description .block p {
	color: #727272;
}

#team {
	margin: 50px 0;
}

.team-member {
	margin-top: 30px;
}

.team-member:hover .team-img img {
	opacity: .8;
}

.team-member .team-img {
	position: relative;
}

.team-member .team-img .team-pic {
	width: 100%;
}

.team-member .team_designation {
	font-size: 13px;
}

.team-member h3 {
	color: #117EAF;
	margin-bottom: 0;
	font-size: 20px;
}

.team-member p {
	font-size: 14px;
}

.team-member .social-icons a {
	background: #117EAF;
	color: #fff;
	padding: 4px 8px;
	display: inline-block;
	font-size: 15px;
}

.team-member .social-icons .facebook {
	padding: 4px 12px;
}

.about-feature {
	margin-top: 50px;
}

.about-feature .block {
	color: #fff;
	width: 33.33%;
	padding: 5%;
	float: left;
}

.about-feature .block p {
	font-weight: 300;
}

.about-feature .about-feature-1 {
	background: #117EAF;
}

.about-feature .about-feature-2 {
	background: #00B0C7;
}

.about-feature .about-feature-3 {
	background: #00A6BB;
}

#blog-full-width {
	padding: 40px 0 80px;
}

article {
	padding: 30px 0;
}

.blog-content h2 {
	font-family: 'Nanum Barun Gothic' !important;
}

.blog-content h2 a {
	color: #444;
	font-weight: 400;
	font-size: 30px;
}

.blog-content .blog-meta {
	color: #9a9a9a;
	font-weight: 300;
	margin-bottom: 25px;
}

.blog-content .blog-meta span:after {
	content: '/';
	padding: 0 3px 0 6px;
}

.blog-content .blog-meta a {
	color: #acacac;
}

.blog-content .blog-meta p {
	margin-top: 20px;
}

.blog-content .btn-details {
	color: #117EAF;
	padding: 0;
	background: #117EAF;
	color: #fff;
	padding: 8px 18px;
	border-radius: 0;
	margin-top: 15px;
	border: 1px solid #fff;
	box-shadow: 0px 0px 0px 1px #117EAF;
}

.blog-post-image {
	margin-top: 30px;
}

.sidebar {
	padding-top: 60px;
}

.sidebar .widget {
	margin-bottom: 40px;
	padding: 15px;
	border: 1px solid #dedede;
}

.sidebar .widget h3 {
	margin-top: 8px;
}

.sidebar .search input.form-control {
	border-right: 0;
	border-radius: 0;
	box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
}

.sidebar .search button {
	border-left: 0;
}

.sidebar .search button:hover {
	background: transparent;
}

.sidebar .author .author-img img {
	width: 90px;
	border-radius: 100%;
	margin-top: -40px;
	border: 3px solid #fff;
}

.sidebar .author .author-bio p {
	font-size: 14px;
	color: #888;
}

.sidebar .categories ul li {
	border-bottom: 1px solid #f0f0f0;
	padding: 10px 0;
	list-style: none;
}

.sidebar .categories ul li span.badge {
	float: right;
	background: transparent;
	color: #444;
	border: 1px solid #dedede;
	border-radius: 0;
}

.sidebar .categories ul li a {
	color: #555;
}

.sidebar .categories ul li:last-child {
	border-bottom: none;
}

.sidebar .recent-post ul li {
	margin: 20px 0;
}

.sidebar .recent-post ul li a {
	color: #555;
	font-size: 15px;
}

.sidebar .recent-post ul li a:hover {
	color: #117EAF;
}

.sidebar .recent-post time {
	font-weight: 300;
	color: #999;
	font-size: 12px;
}

.gallery {
	padding: 100px;
}

.gallery figure .buttons {
	left: 40%;
}

.portfolio-meta span {
	margin: 5px 10px;
	font-weight: 300;
}

.portfolio-meta span a {
	color: #fff;
}

.portfolio-single {
	padding: 80px 0 20px;
}

.portfolio-single .portfolio-content {
	padding: 40px 0;
}

.single-post {
	padding: 80px 0 20px;
}

.single-post .post-content {
	padding: 40px 0;
}

.single-post .post-content ol li, .single-post .post-content ul li {
	color: #666;
}

.community_img {
	max-width : 80% !important;
}

@media (max-width : 767px) {
	.community_img {
		max-width : 100% !important;
	}
}

.single-post .media {
	border: 1px solid #dedede;
	padding: 30px 20px;
}

.single-post .media .media-body a {
	color: #117EAF;
	font-size: 12px;
}

.single-post .media .media {
	border: none;
}

.single-post .comments {
	margin-top: 40px;
}

.single-post .post-comment {
	margin-top: 40px;
}

.single-post .post-comment h3 {
	margin-bottom: 15px;
}

.single-post .post-comment .form-control {
	box-shadow: none;
	border-radius: 0;
}

.single-post .post-comment .btn-send {
	background: #117EAF;
	color: #fff;
	border-radius: 0;
}

.social-share li {
	display: inline-block;
	margin: 3px 1px;
}

.social-share a {
	font-size: 20px;
	color: #fff;
	background: #117EAF;
	padding: 4px 10px;
	display: inline-block;
}

.navbar-toggle .icon-bar {
	background: #fff;
}

.navbar-toggle {
	background: #000;
}

.dropdown-menu>ul {
	list-style: none;
	padding: 15px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	margin-top: -5px;
	background: #fff;
	background-color: #595959;
	box-shadow: 0 2px 0.09px rgba(0, 0, 0, 0.15);
}

.dropdown-menu-make {
	width: 30px;
	height: auto;
	position: relative;
	background-color: #fff2e6;
	display: none;
}

@media ( min-width :768px) {
	.dropdown-menu-make {
		display: none;
	}
}

.dropdown-menu-nav {
	border-right: 1px solid red;
	text-align: center;
	padding-right: 5px;
}

.dropdown-menu-logo {
	color: #000000;
}

.nav .open>a, .nav .open>a:focus {
	background-color: transparent;
}

#top-bar .dropdown-menu>ul>li>a {
	display: block;
	font-size: 11px;
	font-weight: 400;
	line-height: normal;
	text-decoration: none;
	padding: 8px 0;
	color: #fff;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

#same-hieght .dropdown-menu>ul>li>a {
	display: block;
	font-size: 11px;
	font-weight: 400;
	line-height: normal;
	text-decoration: none;
	padding: 8px 0;
	color: #fff;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.quote-badge {
	background-color: rgba(0, 0, 0, 0.2);
}

.quote-box {
	overflow: hidden;
	margin-top: -50px;
	padding-top: 70px;
	border-radius: 17px;
	background-color: #fafafa;
	margin-top: 25px;
	color:black;
	box-shadow: 2px 2px 2px 2px #E0E0E0;
	height: 200px;
	width: 30%;
	margin: 0px 1.5%;
}
	
.quotation-mark{
	margin-top: -10px;
	font-weight: bold;
	font-size:100px;
	visibility: hidden;
	color:black;
	font-family: "Times New Roman", Georgia, Serif;
}
	
.quote-text {
	font-size: 19px;
	margin-top: -65px;
	height: 90px;
}

#floatMenu {
	position: absolute;
	top: 10px;
	right:5%; 
	color:#000; 
	width:80px; 
	text-align:center; 
	height:440px;
}

#floatMenu h5 {
	width:100%; 
	background:#118eaf; 
	color:#fff; 
	height:40px; 
	margin:auto; 
	line-height:40px; 
	border-top-right-radius:5px; 
	border-top-left-radius:5px;
}

#floatMenu .remote_box {
	width:100%; 
	height:90px; 
	line-height:30px; 
	border:1px solid #e2e2e2; 
	border-top:0px; 
	margin:auto;
	background: #fff;
}

#floatMenu .remote_box p {
	font-size:12px; 
	color:#585858;
}

#floatMenu .remote_box img {
	margin:10px auto;
}

#floatMenu #top_btn {
	width:100%; 
	height:30px; 
	line-height:15px; 
	padding-top:10px;
}

#floatMenu #top_btn span {
	color:#fb8383;
}

@media ( max-width : 1285px) {
	#floatMenu {
		display:none;
	}
}

#floatMenu .remote_box_last{
	border-bottom-right-radius:5px; 
	border-bottom-left-radius:5px;
}

.swiper-issue { 
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: 1;
}

.swiper-slide-issue {
	width:31% !important;
	/* text-align: center; */
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.community_issue_box {
	width:31.1%;
	margin:0 10px;
}

@media (max-width:767px) {
	.community_issue_box {
		width:100%;
		margin:4% auto;
	}
}

@media (max-width:1024px) and (min-width:768px) {
	.swiper-slide-issue {
		width : 47.94% !important;
	}
	.community_issue_box {
		width:46.9%;
		margin: 10px 10px;
	}
}

@media (max-width: 767px) {
	.swiper-slide-issue {
		width : 100% !important;
	}
}

.issue-box {
	padding: 0px 25px;
	margin-top: 0;
	color: #000;
	display: block;
}

.issue-box h1 {
	font-size: 22px
}

#main-img, #main-img-mo {
	position : relative;
	z-index : 2;
}

.main-img {
	position : relative;
	z-index : 2;
}
	

.side_e {
	font-size:11px;
	font-weight:bold;
}



#timeAr .wrap {position: absolute;left: 0;bottom: 40px;width: 288px;height: 132px;margin-left: -144px;text-align: left;overflow: hidden;font-size: 12px;font-family: 'Malgun Gothic', dotum, '돋움', sans-serif;line-height: 1.5;}
   #timeAr  .wrap * {padding: 0;margin: 0;}
   #timeAr  .wrap .info {width: 286px;height: 120px;border-radius: 5px;border-bottom: 2px solid #ccc;border-right: 1px solid #ccc;overflow: hidden;background: #fff;}
   #timeAr  .wrap .info:nth-child(1) {border: 0;box-shadow: 0px 1px 2px #888;}
  #timeAr   .info .title {padding: 5px 0 0 10px;height: 30px;background: #eee;border-bottom: 1px solid #ddd;font-size: 18px;font-weight: bold;}
  #timeAr   .info .close {position: absolute;top: 10px;right: 10px;color: #888;width: 17px;height: 17px;background: url('http://t1.daumcdn.net/localimg/localimages/07/mapapidoc/overlay_close.png');}
   #timeAr  .info .close:hover {cursor: pointer;}
 #timeAr    .info .body {position: relative;overflow: hidden;}
   #timeAr  .info .desc {position: relative;margin: 13px 0 0 90px;height: 75px;}
 #timeAr    .desc .ellipsis {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
  #timeAr   .desc .jibun {font-size: 11px;color: #888;margin-top: -2px;}
   #timeAr  .info .img {position: absolute;top: 6px;left: 5px;width: 73px;height: 71px;border: 1px solid #ddd;color: #888;overflow: hidden;}
   #timeAr  .info:after {content: '';position: absolute;margin-left: -12px;left: 50%;bottom: 0;width: 22px;height: 12px;background: url('http://t1.daumcdn.net/localimg/localimages/07/mapapidoc/vertex_white.png')}
  #timeAr   .info .link {color: #5085BB;}