@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css);
/*
 파일명:			  default.css
 작성자:			  dm-p
 최초작성일:   2013.10.23
 @import url("https://fonts.googleapis.com/earlyaccess/nanumgothic.css");
 @import url("common.css");
 @import url("content.css");
 */

 /*body,table,input,textarea,button,select{font-family:'Nanum Gothic',AppleGothic,Apple Gothic,Apple-Gothic,AppleGothic,'Dotum','돋움','gulim','굴림',Helvetica,sans-serif;font-size:13px;font-weight:400;color:#7e7e7e;letter-spacing:-.7px; font-weight: 200;}*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 1em;
	line-height: 1.313em; /*vertical-align:baseline; */
	background: transparent;
	-webkit-text-size-adjust: none
}
body {
	line-height: 1;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
ul, li, ol, li, dl, dd, dt {
	list-style: none
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	text-decoration: none;
	color: #797979;
}
/* change colours to suit your needs */
ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}
/* change colours to suit your needs */
mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;
}
del {
	text-decoration: line-through;
}
abbr[title], dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* change border colour to suit your needs */
input, select {
	vertical-align: middle;
	-webkit-border-radius: 0;
}
.c_doc {
	background-color: #568039;
	color: #fff;
	width: 100%;
}
.onlineBtn {
	text-align: center;
	margin-bottom: 30px;
}
.onlineBtn a {
	display: inline-block;
*display: inline;
*zoom: 1;
	width: 49%;
	text-align: center;
}
.joinF a, .joinF select {
	display: inline-block;
*display: inline;
*zoom: 1;
	margin: 7px 0;
}
.c1 {
	color: #063;
}
.c2 {
	color: #f63;
}
.c3 {
	color: #069;
}
.c4 {
	color: #616161;
	font-size: 0.9em;
}
.c5 {
	color: #666;
}
.paragraphs {
	margin-bottom: 35px;
}
.tmap-c {
	width: 280px;
	margin: 0 auto;
}
/*.tmap-c iframe{ margin:0 auto; }*/
.strong1 {
	font-size: 1.2em;
}
.mb10 {
	margin-bottom: 10px;
}
.mb30 {
	margin-bottom: 30px;
}
.tabArea {
	margin: 0 0 30px;
*zoom:1;
}
.tabArea img {
	width: 99%;
}
.tabArea:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: "";
}
.tabArea li {
	float: left;
	width: 33.332%;
}
.tabArea.l2 li {
	width: 49.999%;
}
.tabArea.l3 li {
	width: 33.332%;
}
.tabArea.l4 li {
	width: 19.999%;
}
.tabArea li:first-child {
	margin-left: 0;
}
.tabArean {
	margin: 0 0 30px;
*zoom:1;
}
.tabArean img {
	width: 100%;
}
.tabArean:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: "";
}
.tabArean li {
	float: left;
	width: 33.333%;
}
.tabArean.l5 li {
	width: 33.333%;
}
.kakao {
	margin: 0 20px 30px;
*zoom:1;
}
.kakao:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: "";
}
.kakao li {
	width: 49.9%;
	float: left;
}
.kakao img {
	width: 98%;
}
img {
	vertical-align: middle;
	-ms-interpolation-mode: bicubic !important;
	max-width: 100%;
	height: auto;
}
caption {
	visibility: hidden;
	z-index: -1;
	width: 0;
	height: 0;
	font-size: 0;
	line-height: 0
}
legend, hr {
	visibility: hidden;
	position: absolute;
	left: -999px;
	z-index: -1;
	width: 0;
	height: 0;
	font-size: 0
}
hr {
	display: none
}
/*legend{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;padding:0;font-size:0;line-height:0}*/
/* form */
label, button {
	cursor: pointer
}
input.t1 {
	width: 50%;
	border-style: solid;
	border-width: 1px;
	border-color: #adafb4 #adafb4 #e7e8ed #e7e8ed;
	border-radius: 2px;
	height: 22px;
	line-height: 22px;
	padding: 0 1%;
}
input.t2 {
	width: 50%;
	border-style: solid;
	border-width: 1px;
	border-color: #adafb4 #adafb4 #e7e8ed #e7e8ed;
	border-radius: 2px;
	height: 27px;
	line-height: 27px;
	padding: 0 1%;
}
input.title {
	width: 90%;
}
input.tel1 {
	width: 20%;
	max-width: 50px;
}
textarea.textarea {
	width: 90%;
	height: 100px;
	border-style: solid;
	border-width: 1px;
	border-color: #adafb4 #adafb4 #e7e8ed #e7e8ed;
	border-radius: 2px;
	padding: 1%;
}
textarea.textarea.w100 {
	width: 98%;
}
/*bbs*/
.bbs_title {
	border-top: 2px solid #c4c4c4;
	padding: 10px 10px 15px;
}
.bbs_view {
	border-top: 1px dashed #ddd;
	border-bottom: 1px dashed #ddd;
	padding: 20px 10px;
	line-height: 1.5em;
}
.attach {
	padding: 10px;
}
.attach > a {
	display: block;
	padding-left: 15px;
	background-color: #fff;
	text-decoration: none;
	margin-bottom: 5px;
}
.attach > a.link {
	background: url(../images/btn/ico_link.gif) 0 3px no-repeat;
}
.attach > a.file {
	background: url(../images/btn/ico_file.gif) 0 3px no-repeat;
}
.bbs_re {
	background-color: #f5f5f5;
	padding: 10px 10px 0;
}
.bbs_re .name {
	color: #000;
	font-weight: bold;
	margin-bottom: 5px;
}
.bbs_re .cont {
	margin-bottom: 10px;
	font-size: 0.9em;
}
.bbs_re .name .data {
	font-size: 0.9em;
	color: #a5a5a5;
	font-weight: normal;
}
.bbs_re .btns {
	margin-bottom: 10px;
}
.bbs_re .fild {
	padding-top: 10px;
	border-top: 1px solid #e5e5e5;
}
.bbs_re .fild > * {
	margin-bottom: 5px;
}
.btn_bot {
	text-align: center;
	margin: 30px 0px 10px 0px;
}
.btn_bot2 {
	position: relative;
	height: 30px;
	margin-top: 10px;
	margin-bottom: 30px;
}
.btn_bot2 .listPage {
	position: absolute;
	right: 0;
	top: 0;
}
.btn_bot2 .btns {
	position: absolute;
	left: 0;
	top: 0;
}
.btn_bot3 {
	text-align: center;
	margin: 30px 0
}
.btn_bot3 a {
	display: inline-block;
*display: inline;
*zoom: 1;
	width: 18.66666666666667%;
	text-align: center;
}
/* Button */
button {
	margin: 0;
	padding: 0;
	border: none;
	background: none
}
button.btn {
	display: inline-block;
*overflow:visible;
	cursor: pointer
}
button, button.btn {
	vertical-align: middle
}
button.btnt1 {
	background-color: #8497a4;
	padding: 9px 34px;
	border-radius: 4px;
	color: #fff;
	font-weight: bold;
}
/*button{overflow:visible;margin:0;padding:0;border:none;background:none;vertical-align:top;cursor:pointer}
button::-moz-focus-inner{padding:0;border:0}
*/

span.selectbox_title {
	background: url("../images/bg/bu_select.png") no-repeat scroll 98% 0 #fff;
	border: 1px solid #eee;
	padding: 5px 13px 4px 13px;
	text-align: left;
	min-width: 65px;
	margin-right: 3px;
}
span.selectbox_title strong {
	color: #7E7E7E;
	display: block;
	font-size: 14px;
	font-weight: normal;
	height: 1em;
	line-height: 14px;
	overflow: hidden;
	padding: 1px 0 2px;
	position: relative;
	width: 100%;
	word-break: break-all;
}
span.selectbox_title_focus {
	border-color: #333333;
}
span.selectbox_title_focus strong {
	color: #000000;
}
span.selectbox_title_disabled {
	background-color: #EEEEEE;
}
span.selectbox_title_disabled strong {
	color: #999999;
}
div.selectbox_option {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #999999;
	overflow: hidden;
	padding: 0 0 10px;
	min-width: 91px;
}
div.selectbox_option li {
	list-style: none outside none;
}
div.selectbox_option a {
	color: #888888;
	display: block;
	font-size: 13px;
	height: 1em;
	line-height: 1.4em;
	overflow: hidden;
	padding: 5px;
	text-decoration: none;
	word-break: break-all;
}
div.selectbox_option a.on, div.selectbox_option a:hover {
	background: none repeat scroll 0 0 #FFFFFF;
	color: #000000;
}
span.selectbox_multiple {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #999999;
	display: inline-block;
	overflow: hidden;
}
span.selectbox_multiple ul li {
	color: #666666;
	display: block;
	font-size: 11px;
	height: 1em;
	line-height: 1.4em;
	overflow: hidden;
	padding: 1px 3px 4px;
	word-break: break-all;
}
span.selectbox_multiple ul li.on {
	background: none repeat scroll 0 0 #CCCCCC;
	color: #000000;
}
span.selectbox_multiple_focus {
	border-color: #333333;
}
span.selectbox_multiple_focus ul li.on {
	background: none repeat scroll 0 0 #BBBBBB;
	color: #000000;
}
span.selectbox_multiple_disabled {
	background-color: #EEEEEE;
}
span.selectbox_multiple_disabled ul li {
	color: #999999;
}
.blind {
	visibility: hidden;
	font-size: 0;
	width: 0;
	height: 0;
	line-height: 0;
	margin: 0;
	padding: 0;
	background: none;
	position: absolute;
	left: 0;
	top: 0;
}
#wrapper {
	max-width: 1024px;
	margin: 0 auto;
}
#header {
	position: relative;
	z-index: 100;
	background-color: #fff;
}
#header:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: "";
}
#header.subHeader {
	border-bottom: 1px solid #cfcfcf;
}
.main_new img {
	width: 100%;
	padding-bottom: 20px
}
#header p {
	float: left;
	width: 47%;
	padding: 7px 0px 15px 10px;
}/*w253*/

#header .gnb {
	width: 33%;
	float: right;
	max-width: 268px;
	text-align: right;
	padding-right: 5px; margin-bottom:10px !important
	
}/*w268*/
#header .gnb > ul > li {
	float: left;
	text-align: right
}/*w86*/
.gnb > ul > li.first-child { padding-right:10px !important 
}
#lnb {
	position: relative;
	z-index: 100;
}
#lnb .lnb_inner {
	position: absolute;
	right: -84.12698412698413%;
	top: 0;
	width: 84.12698412698413%;
	display: none;
}
#lnb .list > li > a > span {
	display: inline-block;
*display: inline;
*zoom: 1;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-image: url(../images/header/bg_se.png);
	padding-left: 20px;
}
#lnb .list > li a {
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 30px 30px;
	font-size: 1.188em;
}
#lnb .list > li > a {
	background-image: url(../images/header/ioc_arr_off.png);
	background-position: 94% 34px;
	background-repeat: no-repeat;
	-webkit-background-size: 3.75%;
	background-size: 21px;
}
#lnb .list > li.on > a {
	background-image: url(../images/header/ioc_arr_on.png);
}
#lnb .list > li .depth2 {
}
#lnb .list > li .depth2 ul {
*zoom:1;
}
#lnb .list > li .depth2 ul:after {
	display: block;
	clear: both;
	content: "";
	height: 0;
	visibility: hidden;
}
#lnb .list > li .depth2 li {
	float: left;
	width: 50%;
	border-color: #000;
	border-width: 1px 0px 0px 0px;
	border-style: solid;
}
#lnb .list > li.m1 > a {
	background-color: #0083b2;
}
#lnb .list > li.m1 .depth2 {
	background-color: #29b7e6;
}
#lnb .list > li.m1 .depth2 li {
	border-color: #1da7d6;
}
#lnb .list > li.m1 .depth2 li:nth-child(odd) a {
	border-right: 1px solid #1da7d6;
}
#lnb .list > li.m2 > a {
	background-color: #007848;
}
#lnb .list > li.m2 .depth2 {
	background-color: #31ac7c;
}
#lnb .list > li.m2 .depth2 li {
	border-color: #229c6c;
	letter-spacing: -1px
}
#lnb .list > li.m2 .depth2 li:nth-child(odd) a {
	border-right: 1px solid #229c6c;
}
#lnb .list > li.m3 > a {
	background-color: #507802;
}
#lnb .list > li.m3 .depth2 {
	background-color: #84ac36;
}
#lnb .list > li.m3 .depth2 li {
	border-color: #749c26;
}
#lnb .list > li.m3 .depth2 li:nth-child(odd) a {
	border-right: 1px solid #749c26;
}
#lnb .list > li.m4 > a {
	background-color: #b44305;
}
#lnb .list > li.m4 .depth2 {
	background-color: #e87739;
}
#lnb .list > li.m4 .depth2 li {
	border-color: #d86729;
}
#lnb .list > li.m4 .depth2 li:nth-child(odd) a {
	border-right: 1px solid #d86729;
}
#lnb .list > li.m5 > a {
	background-color: #4c5563;
}
#lnb .list > li.m5 .depth2 {
	background-color: #79879c;
}
#lnb .list > li.m5 .depth2 li {
	border-color: #6b788b;
}
#lnb .list > li.m5 .depth2 li:nth-child(odd) a {
	border-right: 1px solid #6b788b;
}
#lnb .list > li .depth2 li:nth-child(1), #lnb .list > li .depth2 li:nth-child(2) {
	border-width: 0px;
}
.rollview {
	margin: 0 auto 50px auto;
	width: 93.75%;
}
.rollview .bigphoto {
	text-align: center;
	margin-bottom: 10px;
}
.rollview .list:after {
	display: block;
	clear: both;
	content: "";
	height: 0;
	visibility: hidden;
}
.rollview .list li {
	text-align: center;
	float: left;
	position: relative;
	width: 17.03125%;
	margin: 0 1% 2%;
}
.rollview .list li a {
	display: block;
}
.spot_sub {
	margin: 0 20px 20px;
}
#spot_main {
	position: relative;
	z-index: 1;
	background-color: #fff;
	position: relative;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
}
#spot_main img {
	width: 100%;
}
#spot_main a {
	width: 100%;
}
#spot_main .visual_main {
	width: 100%;
	float: left;
	overflow: hidden;
}
.banner {
}
.banner ul {
	list-style-type: none;
	margin: 0;
	padding: 0; padding-top:5px !important;
}
.banner li {
	float: left;
	width: 45%;
}
.banner ul li:nth-child(odd) {
	padding: 1% 1% 1% 4%
}
.banner ul li:nth-child(even) {
	padding: 1% 4% 1% 1%
}
.spot_txt {
	position: relative;
	top: -2px;
	clear: both;
	z-index: 10;
	margin-bottom: 0px;
	background: url(../images/main/bg_tel.jpg) 0 0 repeat-x;
	padding-top: 3px;
}
.spot_txt p {
	margin: 0 auto;
	text-align: center;
}
.spot_txt p img {
	width: auto;
}
.spot_txt2 {
	position: relative;
	clear: both;
	z-index: 10;
	padding: 23px 4%; 
}
.spot_txt2 p {
	margin: 0 auto;
	text-align: center;
	padding-bottom: 7px
}
.spot_txt2 p img {
	width: auto;
	width: 100%
}
.container_main {
	margin: 0 auto;
	max-width: 640px;
}
.container_main .mid_banner { /*t : w640*/
*zoom:1;
}
.container_main .mid_banner:after {
	display: block;
	clear: both;
	content: "";
	height: 0;
	visibility: hidden;
}
.container_main .mid_banner .mid {
	width: 40%;
	float: left;
}
.container_main .mid_banner .mid2 {
	width: 100%;
	float: right;
}
.container_main .mid_banner .mid2 li {
	width: 25%;
	margin-bottom: 9px;
	float: left;
	margin-top: 10px
}
.container_main .mid_banner .mid2 li img {
	width: 100%
}
.container_main .mid_banner .mid2 li.rgh {
	float: right;
}
.container_sub {
	max-width: 640px;
	margin: 0 auto;
	padding: 0 20px;
}
.container2_sub {
	max-width: 640px;
	margin: 0 auto;
	padding: 0 0px;
	background-image: url(../test/img/bg.jpg);
	background-position: top center;
	background-size: 100%
}
#footer {
	background-color: #f3f0f1;
	padding: 20px 40px;  /* pt20 40*/
	position: relative;
}
#footer h1 {
	width: 154px;
	float: left;
	display: none;
}
#footer .copyright { /*margin-left: 185px;  */
	letter-spacing: -1px; /* margin-right: 34.65625%; */
	;
	text-align: center
}
#footer .copyright strong {
	display: block;
	margin-bottom: 5px;
}
#footer .btns { /*position: absolute; right: 5%; top: 20%; width: 360px; text-align: right; */
	text-align: center;
	margin-bottom: 10px;
	border-bottom: 1px solid #b5b5b5;
	padding-bottom: 5px;
}
#footer .btns a {
	display: inline-block;
*display: inline;
*zoom: 1; /*width: 86px;*/
	margin-right: 15px;
	margin-bottom: 5px;
	font-weight: bold;
	color: #000000;
	font-size: 1.2em;
}
.inlin_h {
	width: 120px;
	display: inline-block;
*display: inline;
*zoom: 1;
	color: #000;
	font-weight: bold;
	text-align: justify;
}
.ty1 {
	font-size: 1.5em;
	font-weight: bold;
	margin-bottom: 17px;
	background: #ececec url(../images/bg/bg_hdot_.gif) 0 0 no-repeat;
	padding: 7px 20px 7px;
}
.ty1_1 {
	font-size: 1.6em;
	padding: 5px 20px 0;
	background: url(../images/bg/bg_hdot.gif) 20px 0 no-repeat;
	margin-bottom: 20px;
}
.ty2 {
	font-size: 1.4em;
	font-weight: bold;
	margin-bottom: 7px;
	background: url(../images/bg/bg_hdot2.gif) 0 8px no-repeat;
	padding-left: 15px;
	margin: 0 20px 7px;
}
.tarea {
	padding-left: 15px;
	margin: 0 20px 30px;
}
.about_ji {
	margin: 0 20px;
}
.about_ji li {
	margin-bottom: 10px;
}
/*서브 타이틀*/
h1.path {
	margin: 30px 0 30px;
}
h1.path img {
}
.arr2list {
	margin: 0 20px 20px;
}
.arr2list dt {
	background-repeat: no-repeat;
	background-position: 0 3px;
	background-image: url(../images/bg/bg_arrow.gif);
	padding-left: 20px;
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 5px;
}
.arr2list dd {
	padding-left: 20px;
	line-height: 1.2em;
	color: #666;
}
.arr2list dd strong {
	color: #000;
}
/*게시판*/
.bbs_table {
	border-top: 2px solid #c4c4c4;
	border-bottom: 1px solid #c4c4c4;
	margin: 0 20px;
}
.bbs_table table {
	width: 100%;
}
.bbs_table table th, .bbs_table table td {
	font-family: 'Nanum Gothic';
	font-size: 13px;
	border-bottom: 1px solid #e3cfbf;
	text-align: center;
	height: 36px;
	padding: 2px 5px;
}
.bbs_table table thead th {
	background-color: #f6f6f6;
	text-align: center;
	color: #797979;
	border-bottom: 1px solid #e7e7e7;
}
.bbs_table table td {
	text-align: center;
	color: #666;
}
.bbs_table table td.lft {
	text-align: left;
	padding: 2px 5px 2px 20px;
}
.bbs_table table td a {
	color: #666;
	text-decoration: none;
}
.bbs_table table td a:hover {
	color: #000;
	text-decoration: none;
}
.bbs_table table td em {
	font-style: normal;
}
.bbs_table.view {
	border: 1px solid #e7e7e7;
	margin-bottom: 40px;
}
.bbs_table.view table th, .bbs_table.view table td {
	text-align: left;
	padding: 0 10px;
	border-bottom: 1px solid #e2e2e2;
}
.bbs_table.view th {
	background-color: #f6f6f6;
	text-align: center;
	color: #797979;
	border-bottom: 1px solid #e2e2e2;
}
.passwordBox {
	text-align: center;
	font-size: 12px;
	color: #797979;
}
.passwordBox label {
	display: inline-block;
*display: inline;
*zoom: 1;
	margin-right: 5px;
}
.passwordBox input {
	width: 100px;
}
.passwordBox p {
	margin-bottom: 10px;
}
.bbs_table2 {
	margin: 0 20px;
}
/* UI Object */
.paginate_regular {
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
	line-height: normal;
}
.paginate_regular a, .paginate_regular strong {
	display: inline-block;
	position: relative;
	margin: 0 1px;
	padding: 0 6px;
	font-size: 12px;
	font-family: Tahoma, Sans-serif;
	color: #333;
	line-height: 23px;
	text-decoration: none;
	vertical-align: middle;
	border: 1px solid #c4c4c4;
	vertical-align: top;
}
.paginate_regular a:hover, .paginate_regular a:active, .paginate_regular a:focus {
	background-color: #f8f8f8
}
.paginate_regular strong {
	color: #fff;
	background-color: #568039;
}
.paginate_regular .direction {
	white-space: nowrap;
	background: none;
	font-size: 0;
	line-height: 0;
	border: 0;
	vertical-align: top;
}
.paginate_regular .direction span {
	font-weight: bold;
	font-size: 14px;
}
.paginate_regular .prev {
	background-position: right 4px;
	padding-right: 5px;
	margin-right: 5px;
}
.paginate_regular .next {
	background-position: left 4px;
	padding-left: 5px;
	margin-left: 5px;
}
.paginate_regular .direction:hover, .paginate_regular .direction:active, .paginate_regular .direction:focus {
	background-color: #fff;
	color: #333
}
.searchBasic select {
	height: 29px;
}
.searchBasic {
	text-align: center;
	position: relative;
	left: 0;
	top: 0;
	margin: 0 20px;
x
}
.searchBasic .lft {
	position: absolute;
	left: 0;
	top: 0;
	margin-bottom: 5px;
	text-align: left;
}
.searchBasic .rgh {
	position: absolute;
	right: 0;
	bottom: 0;
}
.searchBasic .txt {
	margin: 0 140px 0 184px;
}
.searchBasic .txt2 {
	margin: 0 141px 0 100px;
}
.searchBasic .txt3 {
	margin: 0 70px 0 62px;
}
.searchBasic .txt .t2, .searchBasic .txt2 .t2, .searchBasic .txt3 .t2 {
	width: 100%;
	padding: 0 5px;
}
.btn_top {
	text-align: center;
	margin-top: 20px;
	margin-bottom: 40px;
}
/* //UI Object */

/*상담폼*/
.onlineArea {
}
.onlineArea > p {
	padding: 0 20px;
}
.customerForm, .onlineArea {
	background-image: url(../images/customer/bg_customer_line.gif);
	padding-top: 42px;
	background-repeat: repeat-x;
}
.customerForm .h {
	margin-bottom: 24px;
}
.tt1 {
	border-color: #e4e4e4;
	border-style: solid;
	border-width: 1px 0;
}
.tt1 table {
	width: 100%;
}
col.t1 {
	width: 110px;
}
.tt1 table tbody td, .tt1 table tbody th {
	border-top: 1px solid #e4e4e4;
	padding: 2%;
}
.tt1 table tbody th {
	background-color: #f7f7f8;
	color: #626262;
}
.tt1 table tbody tr:first-child th, .tt1 table tbody tr:first-child td {
	border-top: 0;
}
/*option*/
.tt1.gray tbody th {
	background-color: #8497a4;
	color: #fff;
}
/* 소개 인사 */
.about1Top {
	max-width: 640px;
	margin-left: auto;
	margin-right: auto;
*zoom:1;
}
.about1Top:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: "";
}
.about1Top .txt {
	float: left;
	width: 301px;
}
.about1Top .photo {
	float: right;
	width: 265px;
}
/*의료진 소개*/
/*.bocterlist{*zoom:1;}
.bocterlist:after{ display: block; clear: both; height: 0; visibility: hidden; content: ""; }
.bocterlist .list{ float: left; width: 46%; padding: 0 2% 20px; text-align: center; }*/
.bocterlist {
	text-align: left;
	padding-left: 20px;
}
.bocterlist .list {
	width: 270px;
	min-height: 547px;
	height: auto !important;
*height: 547px;
	margin: 0 10px 15px 0;
	padding-top: 50px;
	border: 1px solid #e8e8e8;
	display: inline-block;
*display: inline;
*zoom: 1;
	vertical-align: top;
	text-align: center;
}
.bocterlist .list .photo {
	margin-bottom: 10px;
}
.bocterlist .list ul {
	text-align: left;
	width: 224px;
	display: inline-block;
*display: inline;
*zoom: 1;
}
.bocterlist .list ul li {
	background-image: url(../images/about/bg_dot.gif);
	padding-left: 5%;
	background-repeat: no-repeat;
	background-position: 2px 8px;
	margin-bottom: 5px;
}
.bgClock {
	background-image: url(../images/about/bg_clock.jpg);
	background-position: 90% 0px;
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
}
.bgClock p {
	margin-bottom: 7px;
}
.bgClock .inlin_h {
	width: 120px;
}
.bgClock .inlin_h.w2 {
	letter-spacing: 0.8px;
}
/* 비수술 치료센터 */

p.regular {
	font-size: 1.25em;
	color: #444;
	margin: 0 20px 8px
}
p.regular.mb0 {
	margin-bottom: 0;
}
p.regular span {
	color: #568039;
}
p.regular strong {
	color: #000000;
}
ul.dot_list {
	margin: 0 20px 15px;
}
ul.dot_list li {
	font-size: 1.25em;
	margin-bottom: 7px;
	background: url(../images/bg/bg_hdot3.gif) 0 top no-repeat;
	padding-left: 25px;
	background-size: 22px;
	color: #666;
}
ul.dot_list.fc44 li {
	color: #444;
}
.healing_list {
	display: inline-block;
	width: 49%;
	padding-bottom: 5%;
	vertical-align: top;
}
.dot1 {
	display: block;
	font-size: 1.4em;
	font-weight: bold; /*margin:0 20px 7px;*/
	background: url(../images/bg/bg_hdot2.gif) 0 7px no-repeat;
	padding-left: 15px;
	background-size: 10px;
}
.dot2 {
	display: block;
	font-size: 1.4em;
	font-weight: bold; /*margin:0 20px 7px;*/
	background: url(../images/bg/bg_hdot3.gif) 0 top no-repeat;
	padding-left: 25px;
	background-size: 22px;
}
.dot1.mb5 {
	display: block;
	margin-bottom: 5%;
}
.healing_list dd {
	font-size: 1.188em;
	color: #444;
}
strong.heal_strong {
	display: block;
	margin: 0 20px 10px;
	color: #4c5563;
	font-size: 1.25em;
	letter-spacing: -1px;
}
strong.heal_strong2 {
	display: block;
	margin: 0 20px 10px;
	color: #000000;
	font-size: 1.438em;
}
.healing_list2 {
	display: block;
	margin: 0 20px 10%;
	vertical-align: top;
}
.double_list {
	margin: 0 20px;
}
.double_list li.dot1 {
	color: #666;
	font-size: 1.25em;
	margin-bottom: 3%;
	display: inline-block;
	width: 45%;
}
.healing_list2 dt.fc33 {
	color: #333;
}
.healing_list2 dd {
	font-size: 1.188em;
	color: #444;
	line-height: 1.5em;
}
.healing_list2 dt.fc4c {
	color: #4c5563;
}
.healing_list2 dd.fs18 {
	font-size: 1.125em;
}
.w70 {
	width: 70%;
}
.b_txt {
	padding: 0 5%;
	font-size: 1.188em;
	color: #000;
	margin-bottom: 3%;
}
.arrow {
	color: #568039;
}
.img1 {
	background: url(../images/bg/bg_healing1_1.jpg) right 0 no-repeat;
	background-size: contain;
}
.img2 {
	background: url(../images/bg/bg_healing1_2.jpg) right 0 no-repeat;
	background-size: contain;
}
.img3 {
	background: url(../images/bg/bg_healing1_3.jpg) right 0 no-repeat;
	background-size: contain;
}
.img4 {
	background: url(../images/bg/bg_healing1_4.jpg) right 0 no-repeat;
	background-size: contain;
}
.img5 {
	background: url(../images/bg/bg_healing1_5.jpg) right 0 no-repeat;
	background-size: contain;
}
.img6 {
	background: url(../images/bg/bg_healing1_6.jpg) right 0 no-repeat;
	background-size: contain;
}
/*지점별 소개 */

.doctorInfo {
	background-repeat: no-repeat;
	margin: 0 20px 30px;
}
.doctorInfo:after {
	clear: both;
	display: block;
	content: "";
	height: 0;
	visibility: hidden;
}
.doctorInfo dl {
}
.doctorInfo dl dt {
	margin-bottom: 10px;
}
.doctorInfo dl dt span {
	display: inline-block;
*display: inline;
*zoom: 1;
	background-color: #31ac7c;
	padding: 2px;
	color: #fff;
	font-size: 1.5em;
}
.doctorInfo dl li {
	margin-bottom: 3px;
}
.doctorInfo.t1 {
	background-image: url(../images/about/img_about411_.jpg);
}
.doctorInfo.t2 {
	background-image: url(../images/about/img_about421_.jpg);
}
.doctorInfo.t3 {
	background-image: url(../images/about/img_about431_.jpg);
}
.doctorInfo.t4 {
	background-image: url(../images/about/img_about441_.jpg);
}
.doctorInfo.t5 {
	background-image: url(../images/about/img_about451_.jpg);
}
.doctorInfo.t6 {
	background-image: url(../images/about/img_about461_.jpg);
}
.doctorInfo.t7 {
	background-image: url(../images/about/img_about471_.jpg);
}
.doctorInfo.t8 {
	background-image: url(../images/about/img_about481_.jpg);
}
.doctorInfo.t9 {
	background-image: url(../images/about/img_about491_.jpg);
}
.doctorInfo.t10 {
	background-image: url(../images/about/img_about4101_.jpg);
}
.doctorInfo.t11 {
	background-image: url(../images/about/img_about4111_.jpg);
}
.doctorInfo.t2 dt span {
	background-color: #00b8fc
} /*하늘*/
.doctorInfo.t2 dl {
	margin-left: 42%;
}
.doctorInfo.t4 dl {
	margin-left: 52%;
}
.doctorInfo.t11 dl {
	margin-left: 50%;
}
.join_name {
	margin-bottom: 5px;
}
.join_tel_num {
	width: 40px !important;
}
.join_tel_num02 {
	width: 40px !important;
}
.email1 {
	width: 20% !important;
}
.email2 {
	width: 20% !important;
}
.handsdf {
	display: block;
	margin-top: 10px;
	font-weight: normal;
}
/* 로그인 */       
.loginBox {
	position: relative;
	margin: 0 10px 0 10px;
	padding: 0;
	padding-top: 0;
}
.loginBox .inputForm {
	padding-left: 20%;
	padding-right: 100px;
	position: relative;
}
.loginBox .inputForm label {
	position: absolute;
	width: 18%;
	left: 0;
	top: 4px;
	margin-right: 2%;
	font-weight: bold;
	text-align: right;
}
.loginBox .inputForm .t1 {
	width: 100%;
}
.loginBox .btnLogin {
	position: absolute;
	right: 0;
	top: 0;
	width: 83px;
}
.loginBox .inputForm.pwd {
	padding-top: 5px;
}
.loginBox .inputForm.pwd label {
	top: 7px;
}
.loginBox .inputForm .inputSmc {
	width: 248px;
	padding: 4px 2px
}
.loginBox .idSave {
	margin-top: 5px;
	padding: 0 0 0 136px;
}
.loginBox .idSave * {
	vertical-align: middle;
}
.loginBox .loginList {
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 100px;
}
.loginBox .loginList li {
	padding-left: 0;
	line-height: 22px;
	padding-right: 100px;
	margin-bottom: 5px;
	position: relative;
	color: #2a2a2a;
	font-weight: normal;
	text-align: right;
}
.loginBox .loginList li a {
	position: absolute;
	right: 0;
	top: 0;
}
/* 랜딩페이지 */
#rendingArea {
	max-width: 640px;
	margin: 50px auto 0;
}
#rendingArea .lending {
	margin: 0 0 30px;
	text-align: center;
}
#rendingArea .lending2 {
	margin: 0 0 15px;
	text-align: center;
}
#rendingArea .h_len {
	background: url(../images/lending/h_len.jpg) 0 0 no-repeat;
	padding-left: 20px;
	height: 24px;
	line-height: 24px;
	margin-bottom: 15px;
}
#rendingArea .lenfrom1 {
	max-width: 470px;
	margin: 0 auto;
	padding: 0 10px;
}
#rendingArea .lenfrom1 h1 {
	margin-bottom: 15px;
}
#rendingArea .lenfrom1 .input_len, #rendingArea .lenfrom1 .input_tel, #rendingArea .tt_from textarea {
	width: 70%;
	background-color: #f8f8f8;
	border: 1px solid #cbcbcb;
	height: 22px;
	line-height: 22px;
}
#rendingArea .lenfrom1 .input_tel {
	width: 20%;
}
#rendingArea .lenfrom1 .select {
	width: 70%;
	background-color: #f8f8f8;
	border: 1px solid #cbcbcb;
	height: 22px;
	line-height: 22px;
}
#rendingArea .lenfrom1 .tt_from {
}
#rendingArea .lenfrom1 .tt_from textarea {
	width: 90%;
	height: 100px;
}
#rendingArea .lenfrom1 .tt_from p {
	color: #ea7515;
	font-weight: bold;
}
#rendingArea .lenfrom1 .tt_from table {
	width: 100%;
	border-bottom: 1px solid #ccc;
	margin-bottom: 5px;
}
#rendingArea .lenfrom1 .tt_from table th, #rendingArea .lenfrom1 .tt_from table td {
	padding: 5px 5px;
	border-top: 1px solid #ccc;
}
#rendingArea .lenfrom1 .tt_from table th {
	background-color: #444;
	color: #fff;
	font-weight: bold;
	text-align: left;
	padding-left: 10px;
}
#rendingArea .btn_len1 {
	text-align: center;
	margin: 20px 0 40px;
}
#rendingArea .lenfrom2 {
	background-color: #4c5563;
	padding: 20px 0;
	margin-bottom: 40px;
}
#rendingArea .lenfrom2 table {
	margin: 40px 6.25% 10px;
	padding: 20px 0 0;
}
#rendingArea .lenfrom2 table th, #rendingArea .lenfrom2 table td {
	color: #fff;
	padding: 5px;
}
#rendingArea .lenfrom2 table th {
	width: 30%;
	text-align: left;
}
#rendingArea .lenfrom2 table td input {
	width: 100%;
	height: 22px;
	line-height: 22px;
}
#rendingArea .lenfrom2 table td input.input_tel {
	width: 24%;
}
#rendingArea .lenfrom2 table td select {
	height: 24px;
	line-height: 24px;
}
#rendingArea .lenfrom2 table td select.ji {
	width: 100%;
}
#rendingArea .lenfrom2 .btn_len1 {
	margin: 0 6.25%;
	padding: 20px 0;
}
#rendingArea .jih {
	margin-bottom: 20px;
}
 @media all and (max-width:639px) {
body {
	font-size: 0.938em;
	line-height: 1.313em;
}
.tabArea {
	margin: 0 20px 10px;
}
.tabArean {
	margin: 0 21px 0px;
}
.ty2 {
	margin: 0 20px 7px;
	background: url(../images/bg/bg_hdot2.gif) 0 8px no-repeat;
	padding-left: 3%;
	-webkit-background-size: 10px;
	background-size: 10px;
}
.tarea {
	padding-left: 3%;
	margin: 0 20px 7%;
}
.container_sub {
	max-width: inherit;
	padding: 0;
}
.paragraphs {
	margin-bottom: 5.46875%; /*mb35*/
	padding: 0 20px;
}
#spot_main {
	background-color: #4c5563;
	position: relative;
	overflow: hidden;
}
#header {
	padding: 1.25%;/*p8*/
	margin-bottom: 1.5625%; /*mb10*/
}
#header.subHeader {
	padding-bottom: 2.34375%;
}
.spot_txt {
margin-bottom: %;  /*mb46*/
}
.spot_txt p {
	margin: 0 auto;
	text-align: center;
	position: relative;
}
#lnb .list > li a {
	padding: 5.660377358490566% 7.547169811320755%;
}/*w530*/
#lnb .list > li > a {;
	-webkit-background-size: 3.75%;
	background-size: 3.75%;
	background-position: 94% 50%;
}
#lnb .depth2 li a {
	padding: 11.2781954887218% 5.03759398496241% 11.2781954887218% 15.03759398496241%;
}/*w530*/
.container_main {
	margin: 0 2%;
}/*m0 40*/
.container_main .mid_banner { /*t : w640*/
}
.container_main .mid_banner .mid {
	width: 42%;
}/*w264*/
.container_main .mid_banner .mid2 {
	width: 100%;
}/*w265*/
.container_main .mid_banner .mid2 li {
	width: 25%;
	margin-bottom: 9px;
}/*w113 mb29*/
#footer {
	padding: 3.125% 6.25%;  /* pt20 40*/
	position: relative;
}
#footer h1 {
	width: 24.0625%;/*w154*/
	display: none;
}
#footer .copyright { /*margin-left: 28.90625%; */
}
#footer .btns { /*position: absolute; right: 5%; top: 20%; width: 27.65625%; text-align: right; */
	text-align: center;
	margin-bottom: 10px;
	border-bottom: 1px solid #b5b5b5;
	padding-bottom: 5px;
}
#footer .btns a {
	display: inline-block;
*display: inline;
*zoom: 1; /* width: 30%; */
	margin-right: 15px;
	font-weight: bold;
	color: #000000;
	font-size: 1.2em;
}
/*서브 타이틀*/
h1.path {
	height: 25px;
	margin-bottom: 4.6875% 0 3.125%;
	padding: 0 20px; /*m30 20*/
}
/*상담폼*/
.customerForm {
	padding: 6.5625% 20px 0;
}
.customerForm .h {
	margin-bottom: 3.75%;/*mb24*/
}
/* 소개 인사 */
.about1Top .txt {
	float: left;
	width: 47.03125%; /*w301*/
}
.about1Top .photo {
	float: right;
	width: 41.40625%; /*w265*/
}
/*의료진 소개*/
.bocterlist {
	text-align: left;
}
.bocterlist .list ul {
	width: 96.962963%;
}
.bocterlist .list {
	width: 42.1875%;
	min-height: 470px;
	height: auto !important;
*height: 470px;
	margin: 0 1.5625% 2.34375% 0;
	padding: 10.63829787234043% 1.5625% 0;
	border: 1px solid #e8e8e8;
	display: inline-block;
*display: inline;
*zoom: 1;
	vertical-align: top;
	text-align: center;
}
}
 @media all and (max-width:560px) {
body {
	font-size: 0.875em;
	line-height: 1.313em;
}
h1.path {
	height: 23px;
}
.bgClock .inlin_h {
	width: 100px;
}
.arr2list dt {
	background-position: 0 1px;
	padding-left: 14px;
	-webkit-background-size: 8px;
	background-size: 8px;
}
.arr2list dd {
	padding-left: 14px;
	color: #666;
}
.arr2list dd strong {
	color: #000;
}
#lnb .list > li > a > span {
	padding-left: 25px;
	-webkit-background-size: 18px;
	background-size: 18px;
}
}
 @media all and (max-width:480px) {
body {
	font-size: 0.813em;
	line-height: 1.25em;
}
h1.path {
	height: 21px;
}
.ty1 {
	-webkit-background-size: 26px;
	background-size: 26px;
	padding: 7px 20px 7px;
}
.ty2 {
	padding-left: 4%;
	-webkit-background-size: 8px;
	background-size: 8px;
	background-position: 0 center;
}
.tarea {
	padding-left: 4%;
	margin-bottom: 7%;
}
.searchBasic {
	text-align: center;
	position: relative;
	left: 0;
	top: 0;
}
.searchBasic .lft {
	position: static;
}
.searchBasic .noLft.lft {
	position: absolute;
}
.searchBasic .txt {
	margin: 0 70px 0 0;
}
.searchBasic .txt .t2 {
	width: 100%;
	padding: 0 5px;
}
.searchBasic .txt2 {
	margin: 0 65px 0 0;
}
/*의료진 소개*/
.bocterlist .list {
	width: 90%;
}
.bocterlist .list ul {
	text-align: left;
	width: 224px;
	display: inline-block;
*display: inline;
*zoom: 1;
}
.doctorInfo {
	background-position: 50% 0;
}
.doctorInfo dl {
	margin-left: 0;
	padding-top: 56.9375%;
	color: #666;
}
.doctorInfo.t2 dl {
	margin-left: 0%;
}
.doctorInfo.t4 dl {
	margin-left: 0%;
}
.doctorInfo.t11 dl {
	margin-left: 0%;
}
}
 @media all and (max-width:400px) {
body {
	font-size: 0.75em;
	line-height: 1.125em;
}
#lnb .list > li > a > span {
	padding-left: 20px;
	-webkit-background-size: 14px;
	background-size: 14px;
}
col.t1 {
	width: 70px;
}
h1.path {
	height: 19px;
}
#footer {
	padding: 3.125% 6.25%;  /* pt20 40*/
}
#footer h1 {
	width: 24.0625%;/*w154*/
	display: none;
}
#footer .copyright {/* margin-left: 28.90625%; */
}
.ty1 {
	-webkit-background-size: 22px;
	background-size: 22px;
	padding: 7px 20px;
}
.ty2 {
	padding-left: 3%;
	-webkit-background-size: 5px;
	background-size: 6px;
}
.healing_list {
}
.dot1 {
	font-size: 1.4em;
	font-weight: bold;
	margin-bottom: 7px;
	background: url(../images/bg/bg_hdot2.gif) 0 7px no-repeat;
	background-size: 7px;
	padding-left: 10px;
}
.bgClock {
	-webkit-background-size: 90px;
	background-size: 90px;
	background-image: url(../images/about/bg_clock.jpg);
	background-position: 90% 10px;
}
.bgClock .inlin_h {
	width: 90px;
}
}
 @media all and (max-width:320px) {
body {
	font-size: 0.70em;
	line-height: 1em;
}
.ty1 {
	-webkit-background-size: 17px;
	background-size: 17px;
	padding: 7px 20px;
}
.ty2 {
	padding-left: 3%;
	-webkit-background-size: 5px;
	background-size: 7px;
	background-position: 0 center
}
.healing_list {
}
.dot1 {
	font-size: 1.4em;
	font-weight: bold;
	margin-bottom: 7px;
	background: url(../images/bg/bg_hdot2.gif) 0 7px no-repeat;
	background-size: 7px;
	padding-left: 10px;
}
.dot2 {
	font-size: 1.4em;
	font-weight: bold;
	margin-bottom: 7px;
	background: url(../images/bg/bg_hdot3.gif) 0 7px no-repeat;
	background-size: 7px;
	padding-left: 10px;
}
.img1 {
	background: url(../images/bg/bg_healing1_1.jpg) right 0 no-repeat;
	background-size: 30%;
}
.img1 {
	background: url(../images/bg/bg_healing1_1.jpg) right 0 no-repeat;
	background-size: 30%;
}
.img2 {
	background: url(../images/bg/bg_healing1_2.jpg) right 0 no-repeat;
	background-size: 30%;
}
.img3 {
	background: url(../images/bg/bg_healing1_3.jpg) right 0 no-repeat;
	background-size: 30%;
}
.img4 {
	background: url(../images/bg/bg_healing1_4.jpg) right 0 no-repeat;
	background-size: 30%;
}
}
/*자가진단*/
.test_title { /*background:#5f5f5f;height:40px;*/
	text-align: center;
	line-height: 40px;
	padding-bottom: 10px;
	border-bottom: 1px solid #cfcfcf;
	background: #efefef;
	padding: 25px 0;
	color: #333132;
	font-family: "Nanum Gothic", dotum, sans-serif;
}
.test_title .title {
	font-size: 30px;
	margin-bottom: 10px;
	font-weight: bold;
}
.test_title .title2 {
	font-size: 30px;
	margin-bottom: 10px;
	font-weight: bold;
	letter-spacing: 1.3em;
	margin-left: 43px
}
.form_title {
	background: #fafafa;
	font-family: "Nanum Gothic", dotum, sans-serif; /* padding:20px 0; */
	text-align: center;
}
.form_title span {
	font-weight: normal;
	display: block; /* margin-top:10px; */
}
.check_policy {
	margin-top: 10px;
}
.check_policy p, .check_policy int-decoration: none;
}
put, .check_policy a {
	vertical-align: middle;
}
.check_policy a {
	color: #515151;
}
.check_policy2 {
	text-align: center;
	margin-bottom: 20px
}
check_policy  .question_box {
	margin: 20px 10px;
}
.question_box .question_title {
	background: url('../images/self_test/q_icon.png') left center no-repeat;
	font-size: 16px;
	height: 42px;
	line-height: 42px;
	padding-left: 30px;
	letter-spacing: -1px;
	font-weight: bold;
	color: #2f2f2f;
}
.question_box .question_title span {
	color: #4ba921;
}
.question_box ul {
	overflow: hidden;
	margin: 10px 0;
}
.question_box ul li {
	border: 0px solid #dfdfdf;
	border-radius: 10px;
	padding: 1px 7px;
	color: #717171;
	font-size: 15px;
}
.question_box ul.type1 {
	margin-left: 30px;
}
.question_box ul.type1 li {
	float: left;
	margin-right: 15px;
}
.question2_box {
	margin: 20px 20px;
}
.question2_box .question2_title {
	background: url('/test/img/q_icon.jpg') left center no-repeat;
	font-size: 20px;
	height: 42px;
	line-height: 42px;
	padding-left: 30px;
	letter-spacing: -2px;
	font-weight: bold;
	color: #2f2f2f;
}
.question2_box .question_title span {
	color: #4ba921;
}
.question2_box ul {
	overflow: hidden;
	margin: 5px 0;
}
.question2_box ul li {
	padding: 1px 7px;
	color: #717171;
	font-size: 15px;
}
.question2_box ul.type1 {
	margin-left: 30px;
}
.question2_box ul.type1 li {
	float: left;
	margin-right: 15px;
}
.question2_box ul li input[type=radio] {
	width: 24px;
	height: 24px;
	background: url('../images/self_test/radio_btn.png') no-repeat 0 0;
	-webkit-appearance: none;
	border: 0;
}
.question2_box ul li input[type=radio]:checked {
	background-position: 0 -24px;
}
.question_imgbox {
	overflow: hidden;
	margin: 10px 0;
}
.question_imgbox p {
	float: left;
	width: 30%;
}
.question_imgbox p img {
}
.question_imgbox ul {
	width: 60%;
	float: left;
	margin: 0 0 0 5% !important;
}
.question_imgbox ul li {
	margin-bottom: 10px;
	font-size: 15px !important;
	letter-spacing: -2px;
}
.question2_imgbox {
	overflow: hidden;
	margin: 10px 0;
}
.question2_imgbox p {
	float: left;
	width: 60%;
}
.question2_imgbox p img {
}
.question2_imgbox ul {
	width: 30%;
	float: left;
	margin: 0 0 0 1% !important;
}
.question2_imgbox ul li {
	margin-bottom: 10px;
	font-size: 15px !important;
	letter-spacing: -2px;
}
.question3_imgbox {
	overflow: hidden;
	margin: 10px 0;
}
.question3_imgbox p {
	float: left;
	width: 30%;
}
.question3_imgbox p img {
}
.question3_imgbox ul {
	width: 60%;
	float: left;
	margin: 0 0 0 1% !important;
}
.question3_imgbox ul li {
	margin-bottom: 10px;
	font-size: 15px !important;
	letter-spacing: -2px;
}
.question2_form_box {
	background-image: url(../test/img/db_title.jpg);
	background-position: top center;
	background-size: 100%;/*border:1px solid #e2e2e2; */
	padding: 2%; /*margin:0 3% */
	;
	width: 96%;
}
.question_form_box {
	background: #f8f8f8; /*border:1px solid #e2e2e2; */
	padding: 2%; /*margin:0 3% */
	;
	width: 96%;
}
.question1_form_box { /*border:1px solid #e2e2e2; */
	padding: 2%; /*margin:0 3% */
	;
	width: 96%;
}
.form_title {
	color: #404040;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: -2px; /* margin:10px 0; */
}
.form_box {
	overflow: hidden;
	height: 60px;
	margin: 0px 0;
}
.form_box .form_label {
	width: 30%;
	font-size: 16px;
	color: #606060;
	float: left;
	line-height: 60px;
}
.form_box .form_input {
	width: 65%;
	margin-left: 10px;
	float: left;
	overflow: hidden;
	line-height: 60px;
}
.form_box .form_input2 {
	width: 70%;
	overflow: hidden;
	;
	text-align: right;
}
.form_box .form_input input.input_number {
	background-color: #ffd3d3
}
.form_box .form_input input {
	width: 95%;
	padding-left: 5%;
	height: 30px;
	background: #fff;
	border: 1px solid #e2e2e2;
	font-size: 14px !important;
}
.form_box .form_input input.input1 {
	width: 80% !important;
	margin-right: 5px;
}
.form_box .form_input input.input2 {
	width: 20% !important;
	margin-right: 5px;
}
.form_box .form_input input.input3 {
	width: 20% !important;
}
.form_box .form_input select {
	font-size: 14px;
	width: 95%;
	height: 33px;
	padding: 0 0 0 5%;
	border: 1px solid #e2e2e2;
	background: url('../images/self_test/bg_select.gif') right center no-repeat #fff;
	-webkit-appearance: none
}
.question_form_box2 {
	background-color: #fff;
	width: 95%;
	margin: 6% 7% 2% 2%
}
.question_form_box3 {
	background-color: #fff;
	width: 95%;
	margin: 3% 2.5% 2% 2.5%;
}
.form_box2 {
}
.form_box2 span {
	color: #F00
}
.form_box2 label {
	width: 100%;
	font-size: 16px;
	color: #606060;
	float: left;
	line-height: 2em;
	font-weight: bold
}
.form_box2 .input1 {
	width: 100%;
	border: 1px solid #222;
	height: 50px;
	line-height: 50px;
	background-color: #FFF;
	box-sizing : border-box;
	font-size: 20px;
	letter-spacing: -0.7px
}
.form_box2 .input2 {
	width: 98%;
	border: 1px solid #222;
	height: 50px;
	line-height: 50px;
	background-color: #FFF;
	box-sizing : border-box;
	font-size: 20px
}
.form_box2 .input3 {
	width: 100%;
	border: 1px solid #222;
	height: 100px;
	background-color: #FFF;
	box-sizing : border-box;
	font-size: 18px;
}
.form_box2 .input5 {
	width: 30%;
	border: 1px solid #222;
	height: 50px;
	line-height: 50px;
	background-color: #FFF;
	box-sizing : border-box;
	font-size: 20px;
	letter-spacing: -0.7px
}
.form_box2 .input6 {
	width: 30%;
	border: 0px solid #222;
	height: 50px;
	line-height: 50px;
	background-color: #FFF;
	box-sizing : border-box;
	font-size: 20px;
	letter-spacing: -0.7px;
	outline: none;
	text-align: center
}
.form_box2 {
	margin-bottom: 30px
}
.form_box2 .form_label {
	width: 30%;
	font-size: 16px;
	color: #606060;
	float: left;
	line-height: 25px;
	height: 100px;
}
.form_box2 .form_input {
	width: 65%;
	margin-left: 10px;
	float: left;
}
.form_box2 .form_input textarea {
	width: 100%;
	height: 98px;
	background: #fff;
	border: 1px solid #e2e2e2;
	font-size: 14px !important;
}
.form_box3 {
	overflow: hidden;
	height: 35px;
	margin: 8px 30px;
}
.form_box3 .form_label {
	width: 30%;
	font-size: 14px;
	color: #606060;
	float: left;
	line-height: 35px;
}
.form_box3 .form_input {
	width: 60%;
	margin-left: 10px;
	float: left;
	overflow: hidden;
}
.form_box3 .form_input2 {
	width: 70%;
	overflow: hidden;
	;
	text-align: right;
}
.form_box3 .form_input input {
	width: 95%;
	padding-left: 5%;
	height: 33px;
	background: #fff;
	border: 1px solid #e2e2e2;
	font-size: 14px !important;
}
.form_box3 .form_input input.input2 {
	width: 20% !important;
	margin-right: 5px;
}
.form_box3 .form_input input.input3 {
	width: 20% !important;
}
.form_box3 .form_input select {
	font-size: 14px;
	width: 95%;
	height: 33px;
	padding: 0 0 0 5%;
	border: 1px solid #e2e2e2;
	background: url('../images/self_test/bg_select.gif') right center no-repeat #fff;
	-webkit-appearance: none
}
.form_box4 {
	overflow: hidden;
	height: 100px;
	margin: 8px 30px;
}
.form_box4 .form_label {
	width: 30%;
	font-size: 14px;
	color: #606060;
	float: left;
}
.form_box4 .form_input {
	width: 55%;
	margin-left: 10px;
	float: left;
}
.form_box4 .form_input textarea {
	width: 100%;
	height: 98px;
	background: #fff;
	border: 1px solid #e2e2e2;
	font-size: 14px !important;
}
.formbtn_box {
	font-size: 17px;
	margin: 20px 3%;
	width: 94%;
	text-align: center;
	color: #858585;
	font-weight: bold;
}
.formbtn_box span {
	color: #00b1d7;
}
.formbtn1_box {
	font-size: 13px;
	margin: 0px 3%;
	width: 94%;
	text-align: center;
	color: #858585;
	font-weight: bold;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.formbtn1_box span {
	color: #4e8716;
}
.result_wrap {
	width: 94%;
	margin: 3% 3%;
}
.result_title {
	font-size: 22px;
	color: #555;
}
.result_title span {
	color: #41a200;
}
.result_text_box {
	background: #fafafa;
	border: 1px solid #eaeaea;
	width: 92%;
	margin: 3% 0%;
	padding: 4%;
	font-size: 21px;
}
.result_text_box span {
	color: #41a200;
}
.middle {
	vertical-align: middle
}
/*!
 * Bootstrap v3.0.0
 *
 * Copyright 2013 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world by @mdo and @fat.
 */

/*! normalize.css v2.1.0 | MIT License | git.io/normalize */
.carousel-indicators {
	left: 50%;
	z-index: 15;
	width: 100%;
	text-align: center;
	list-style: none;
	right: 50%;
	padding-top: 30px
}
.carousel-indicators li {
	display: inline-block;
	width: 15px;
	height: 15px;
	text-indent: -999px;
	cursor: pointer;
	background-color: #000 \9;
	background-color: rgba(0, 0, 0, 0);
	background-color: #2a5355;
	border-radius: 10px;
}
.carousel-indicators .active {
	width: 15px;
	height: 15px;
	margin: 0;
	background-color: #d1dcd1;
}
.thumbnail {
	display: inline-block;
	display: block;
	height: auto;
	max-width: 100%;
	padding: 4px;
	line-height: 1.428571429;
	background-color: #ffffff;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.thumbnail > img {
	display: block;
	height: auto;
	max-width: 100%;
}
a.thumbnail:hover, a.thumbnail:focus {
	border-color: #428bca;
	cursor: pointer
}
.thumbnail > img {
	margin-right: auto;
	margin-left: auto;
}
.thumbnail .caption {
	padding: 9px;
	color: #333333;
}
.carousel {
	position: relative;
}
.carousel-inner3 {
	position: relative;
	width: 100%;
	overflow: hidden;
}
.carousel-inner3 > .item {
	position: relative;
	display: none;
	-webkit-transition: 0.6s ease-in-out left;
	transition: 0.6s ease-in-out left;
}
.carousel-inner3 > .item > img, .carousel-inner3 > .item > a > img {
	display: block;
	height: auto;
	max-width: 100%;
	line-height: 1;
}
.carousel-inner3 > .active, .carousel-inner3 > .next, .carousel-inner3 > .prev {
	display: block;
}
.carousel-inner3 > .active {
	left: 0;
}
.carousel-inner3 > .next, .carousel-inner3 > .prev {
	position: absolute;
	top: 0;
	width: 100%;
}
.carousel-inner3 > .next {
	left: 100%;
}
.carousel-inner3 > .prev {
	left: -100%;
}
.carousel-inner3 > .next.left, .carousel-inner3 > .prev.right {
	left: 0;
}
.carousel-inner3 > .active.left {
	left: -100%;
}
.carousel-inner3 > .active.right {
	left: 100%;
}
.carousel-control2 {
	position: absolute;
	top: 35%;
	bottom: 0;
	left: 0;
	width: 64px;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-control2.left {
}
.carousel-control2.right {
	right: 0;
	left: auto;
}
.carousel-control3 {
	position: absolute;
	top: 40%;
	bottom: 0;
	left: 0;
	width: 10%;
	color: #ffffff;
	text-align: center; width:15px !important
}
.carousel-control3.left {left: 10px;
}
.carousel-control3.right {
	right: 10px;
	left: auto;
}
#carousel-text {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
	bottom: 0;
	color: #FFFFFF;
	left: 0;
	line-height: normal;
	position: absolute;
	width: 100%;
	z-index: 0;
	padding: 8px;
	height: 80px;
}
#carousel-text1 > .active {
	display: block;
}
#carousel-text1 {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
	bottom: 0;
	color: #FFFFFF;
	left: 0;
	line-height: normal;
	position: absolute;
	width: 100%;
	z-index: 0;
	padding: 8px;
	height: 80px;
}
#carousel-text > .active {
	display: block;
}
#carousel-text1 h2 {
	color: #FFFFFF;
	font-size: 1.1em;
	position: absolute;
	border-right: 1px solid #FFF;
	line-height: 80px;
	padding-right: 10px;
	text-align: right;
	width: 150px
}
#carousel-text1 h3 {
	color: #FFFFFF;
	font-size: 1em;
	position: absolute;
	border-right: 1px solid #FFF;
	line-height: 40px;
	padding-right: 10px;
	text-align: right;
	width: 150px;
	letter-spacing: -1px
}
#carousel-text1 p {
	color: #FFFFFF;
	position: absolute;
	padding-left: 180px;
	font-size: 0.8em;
	letter-spacing: -1px;
	padding-right: 30px;
	line-height: 1.2em;
}
#carousel-text h2 {
	color: #FFFFFF;
	font-size: 1.1em;
	position: absolute;
	border-right: 1px solid #FFF;
	line-height: 80px;
	padding-right: 10px;
	text-align: center;
	width: 150px
}
#carousel-text h3 {
	color: #FFFFFF;
	font-size: 1em;
	position: absolute;
	border-right: 1px solid #FFF;
	line-height: 40px;
	padding-right: 10px;
	text-align: right;
	width: 150px;
	letter-spacing: -1px
}
#carousel-text p {
	color: #FFFFFF;
	position: absolute;
	padding-left: 180px;
	font-size: 0.8em;
	letter-spacing: -1px;
	padding-right: 30px;
	line-height: 1.2em;
}
.title002 {
	background-image: url("../img/m_bg.png");
	line-height: 1.3em;
	color: #FFF;
	text-align: center;
	padding: 10px
}
.doctitle01 {
	background-color: #d6571b;
	color: #FFF;
	text-align: center
}
.doctitle02 {
	background-color: #4677a7;
	color: #FFF;
	text-align: center
}
.tab1 h1 {
	position: absolute;
	font-size: 1.8em;
	padding: 30px 0px 0px 40px;
	font-family: 'Nanum Myeongjo', serif;
	font-weight: bold; 
}
.tab1 h1 small{ color:#3f7b31; font-size:15px !important;font-family: 'Nanum Gothic' !important; font-weight:bold }
.tab1 h2 {
	width: 150px;
	color: #FFF;
	background-color: #85a2ad;
	position: absolute;
	font-size: 0.9em;
	text-align: center;
	margin-top: 55px;
	margin-left: 40px;
	line-height: 17px;
	height: 17px
}
.tab1 h3 {
	width: 150px;
	color: #FFF;
	background-color: #a67d93;
	position: absolute;
	font-size: 0.9em;
	text-align: center;
	margin-top: 55px;
	margin-left: 40px;
	line-height: 17px;
	height: 17px
}
.tab1 p {
	position: absolute;
	padding: 70px 0 0 35px;
	font-size: 1em;
	letter-spacing: -1px;
	line-height: 1.3em;
	color: #000
}
.doc {
	position: absolute;
	padding: 40px 0 0 90px
}
s  .doc h1 {
	font-size: 1.6em;
	font-family: 'Jeju Myeongjo', serif;
	font-weight: bold;
}
.doc p {
	font-size: 0.8em;
	line-height: 1.3em;
	padding-top: 10px
}
.doc h2 {
	width: 220px;
	height: 22px;
	color: #FFF;
	font-size: 0.8em;
	font-weight: bold;
	text-align: center;
	background-color: #d8692a;
	margin-top: 10px;
	line-height: 22px
}
.doc h3 {
	width: 314px;
	height: 44px;
	color: #FFF;
	font-size: 1.7em;
	font-weight: bold;
	text-align: center;
	background-color: #517f39;
	margin-top: 25px;
	line-height: 44px
}
.doc small {
	font-size: 50%;
	color: #d8692a;
	font-family: 'Jeju Myeongjo', serif;
	font-weight: bold;
}
.doc1 {
	position: absolute;
	padding: 40px 0 0 90px
}
.doc1 h1 {
	font-size: 1.6em;
	font-family: 'Jeju Myeongjo', serif;
	font-weight: bold;
}
.doc1 p {
	font-size: 0.8em;
	line-height: 1.3em;
	padding-top: 10px
}
.doc1 h3 {
	width: 220px;
	height: 22px;
	color: #FFF;
	font-size: 0.8em;
	font-weight: bold;
	text-align: center;
	background-color: #4677a7;
	margin-top: 10px;
	line-height: 22px
}
.doc1 h2 {
	width: 314px;
	height: 44px;
	color: #FFF;
	font-size: 1.7em;
	font-weight: bold;
	text-align: center;
	background-color: #517f39;
	margin-top: 25px;
	line-height: 44px
}
.doc1 small {
	font-size: 50%;
	color: #4677a7;
	font-family: 'Jeju Myeongjo', serif;
	font-weight: bold;
}
#STATICMENUBanner {
	margin: 0pt;
	padding: 0pt;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 600px;
	z-index: 1000;
}
.tab {
	position: relative;
	padding-top: 40px;
}
.tab>li>a {
	display: block;
	position: absolute;
	top: 0;
	height: 40px;
	line-height: 40px;
	background-color: #b798a8;
	color: #fff;
	text-align: center;
	width: 50%;
	font-size: 18px
}
.tab>li.on>a {
	background-color: #bcd4bc;
	color: #000
}
.tab>li:first-child>a {
	left: 0;
	background: #3e7c33;
	color: #fff;
}
.tab>li+li>a {
	left: 50%;
	background-color: #bcd4bc;
	color: #000;
	font-weight: bold
}
.tab>li>div {
	height: 0;
	overflow: hidden;
	position: absolute;
}
.tab>li.on>div {
	height: auto;
	position: static;
}
.d_bg01 {
	background-color: #e8eeec;
	height: 500px
}
.d_bg02 {
	background-color: #e8eeec;
	height: 500px
}
.d_bg01 img {
	width: 100%
}
.d_bg02 img {
	width: 100%
}
.slider {
	user-select: none;
	display: inline-block;
	position: relative;
	background-color: #fff;
	border: 1px solid #d5d5d5
}
.slider_first {
// width: 610px;
}
.slider_second {
}
.slider_viewport {
	position: relative;
	overflow: hidden;
}
.slider_list {
}
.animate {
	transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
}
.slider_item {
	float: left;
}
.slider_item_bg {
	background-image: url(../img/main/slider_item_bg.png);
	background-position: right
}
.slider_item img {
	display: block;
	max-width: 100%;
	height: auto;
	background-size: cover;
}
.slider_nav.is-disabled {
	display: none;
}
.slider_control-nav {
	z-index: 998;
	left: 0;
	right: 0;
	text-align: center;
	background-color: #e6e6e6;
	height: 65px;
	border: 1px solid #d5d5d5;
}
.slider_control-nav-item {
	-webkit-transition: all 0.5s linear;
	transition: all 0.5s linear;
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	margin: 25px 5px;
	cursor: pointer;
	background: #595a55;
}
.slider_control-nav-item:hover {
	opacity: 0.3;
}
.slider_control-nav-item.is-active {
	width: 40px;
	height: 10px;
	width: 40px;
	height: 10px;
	position: relative;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background: #595a55;
 //cursor: default;
}
.slider_arrow {
	position: absolute;
	width: 65px;
	height: 65px;
	z-index: 999;
	cursor: pointer;
	text-align: center;
}
.slider_arrow__right {
	margin-left: 534px;
	font-size: 2.5em;
	border-left: 1px solid #d5d5d5;
	line-height: 1.2em
}
.slider_arrow__left {
	float: left;
	font-size: 2.5em;
	border-right: 1px solid #d5d5d5;
	line-height: 1.2em
}
.slider_item h1 {
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1.5em;
	padding-left: 20px
}
.slider_item p {
	font-size: 0.7em;
	letter-spacing: -1px;
	line-height: 1.2em;
	padding: 20px 0px 0px 20px
}
.shoulder_review {
	text-align: center;
	width: 100%;
}
.shoulder_review:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: ""
}
.shoulder_review h3 {
	color: #FFF;
	font-size: 1.6em;
	position: absolute;
	margin-top: 75px;
	left: 50%;
	transform: translateX(-50%);
	line-height: 1.2em
}
.shoulder_review .before {
	float: left;
	width: 50%;
	margin-bottom: 20px;
}
.shoulder_review .before h1 {
	color: rgb(250,250,250);
	position: absolute;
	line-height: 3.4em;
	left: 26%;
	transform: translateX(-26%)
}
.shoulder_review .before h2 {
	color: rgb(250,250,250);
	position: absolute;
	margin-top: 28px;
	font-weight: lighter;
	font-size: 13px;
	left: 24%;
	transform: translateX(-24%)
}
.shoulder_review .after {
	float: left;
	width: 50%;
	margin-bottom: 20px;
}
.shoulder_review .after h1 {
	color: rgb(250,250,250);
	position: absolute;
	line-height: 3.4em;
	left: 74%;
	transform: translateX(-74%)
}
.shoulder_review .after h2 {
	color: rgb(250,250,250);
	position: absolute;
	margin-top: 28px;
	font-weight: lighter;
	font-size: 13px;
	left: 77%;
	transform: translateX(-77%)
}
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.video-container iframe, .video-container object, .video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.shoulder_review .login_text {
	position: absolute;
	background-color: rgba(255,255,255,0.8);
	color: #000;
	font-family: 돋움;
	width: 300px;
	left: 50%;
	transform: translateX(-50%);
	margin-top: 50px;
	padding: 15px 0px;
	z-index: 10
}
.shoulder_review .login_text h4 {
	font-size: 12px
}
.shoulder_review .login_text p {
	font-size: 10px
}
.self_test_ok2 {
	background-color: #164bd5;
	border: 1px solid #164bd5;
	display: inline-block;
	cursor: pointer;
	color: #ffffff;
	font-size: 30px;
	padding: 15px 30px;
	text-decoration: none;
	width: 100%;
	font-weight: bold
}
.self_test_ok2:hover {
	background: #0f138e;
}
.self_test_ok2:active {
	position: relative;
	top: 1px;
}
.self_test_ok {
	background-color: #222;
	border: 1px solid #000000;
	display: inline-block;
	cursor: pointer;
	color: #ffffff;
	font-size: 20px;
	padding: 15px 30px;
	text-decoration: none;
}
.self_test_ok:hover {
	background: #4D4D4D;
}
.self_test_ok:active {
	position: relative;
	top: 1px;
}
.doc_time {
	width: 100%;
	border: 1px solid #b6b6b6;
	border-left: none;
	border-bottom: none
}
.doc_time th {
	background: #e9f6fe;
	border-left: 1px solid #b6b6b6;
	color: #222;
	padding: 10px 0px;
	letter-spacing: -1px;
	border-bottom: 1px solid #b6b6b6
}
.doc_time td {
	border-left: 1px solid #b6b6b6;
	border-bottom: 1px solid #b6b6b6;
	text-align: center;
	font-weight: bold;
	height: 30px;
	width: 25px
}
.doc_name {
	background-color: rgba(0,0,0,0.6);
	color: #fff;
	border-radius: 4px;
	position: absolute;
	z-index: 10;
	width: 80px;
	text-align: center;
	margin-top: 65px;
	margin-left: 7px;
	font-size: 13px
}
.circle {
	width: 5px;
	height: 5px;
	background-color: #fff;
	border: 3px solid #1f7c29;
	border-radius: 100%;
	margin: 0 auto;
	display: block
}
.circle2 {
	width: 5px;
	height: 5px;
	background-color: #fff;
	border: 3px solid #1f7c29;
	border-radius: 100%;
	margin-right: 5px;
	display: inline-block
}
.time_left {
	float: left;
	padding-bottom: 10px
}
.time_right {
	float: right;
	padding-bottom: 10px
}
.text_right {
	text-align: right
}
.dayButton {
	background: linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
	background-color: #ffffff;
	border-radius: 5px;
	border: 1px solid #dcdcdc;
	display: inline-block;
	cursor: pointer;
	color: #666666;
	font-size: 11px;
	padding: 3px 18px;
	text-decoration: none;
	margin-bottom: 10px;
	font-weight: bold
}
.dayButton:hover {
	background: linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
	background-color: #f6f6f6;
}
.dayButton:active {
	position: relative;
	top: 1px;
}
.Button {
	background: linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
	background-color: #ffffff;
	border-radius: 5px;
	border: 1px solid #4bacd3;
	display: inline-block;
	cursor: pointer;
	color: #4bacd3;
	font-size: 11px;
	padding: 3px 18px;
	text-decoration: none;
	margin-bottom: 10px;
	font-weight: bold
}
.Button:hover {
	background: linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
	background-color: #f6f6f6;
}
.Button:active {
	position: relative;
	top: 1px;
}
.call_btn img {
	width: 70px
}
.call_btn {
	position: fixed;
	bottom: 10px;
	right: 10px;
	width: 70px;
	height: 70px;
	color: #fff;
	text-align: center;
	font-size: 12px;
	z-index: 90;
	background-color: #3f7c33;
	border-radius: 50%;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	;
	border: 3px solid #fff;
	font-weight: bold;
	line-height: 1.3em;
}
.mobile-popup-wrapper {
	position: fixed;
	/* 중앙 정렬 */
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 90%;
	max-width: 450px;
	z-index: 99999;
	background-color: #fff;
	box-shadow: 0 0 15px rgba(0,0,0,0.5);
	display: none; /* JS로 제어 */
	border-radius: 5px;
	overflow: hidden;
}
.mobile-popup-wrapper .slides img {
	width: 100%;
	display: block;
}
/* FlexSlider 네비게이션(닷) 커스텀 스타일 */
.mobile-popup-wrapper .flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: 15px; /* 푸터 위쪽, 이미지 하단에 더 가깝게 배치 (기존 50px -> 15px로 하향 조정) */
	text-align: center;
	z-index: 10;
	margin: 0;
	padding: 0;
	list-style: none;
}
.mobile-popup-wrapper .flex-control-nav li {
	display: inline-block;
	margin: 0 5px;
}
.mobile-popup-wrapper .flex-control-nav li a {
	display: block;
	width: 12px;
	height: 12px;
	background: rgba(255, 255, 255, 0.5);
	border-radius: 50%;
	cursor: pointer;
	text-indent: -9999px;
	border: 1px solid rgba(0,0,0,0.1);
}
.mobile-popup-wrapper .flex-control-nav li a.flex-active {
	background: #007aff; /* 활성 상태 색상 (파란색) */
	width: 14px;
	height: 14px;
}
.mobile-popup-footer {
	padding: 10px;
	background: #fff;
	border-top: 1px solid #eee;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 16px;
	position: relative; /* z-index 적용을 위해 */
	z-index: 20;
}
.mobile-popup-footer label {
	margin: 0;
	cursor: pointer;
	font-weight: normal;
}
.mobile-popup-footer button {
	background: transparent;
	border: none;
	font-weight: bold;
	padding: 5px 10px;font-size: 16px;
}

.main-flexslider .flex-control-nav {
    bottom: 30px;
    z-index: 2;
    width: 100%;
    text-align: center;
    position: absolute;
}
.main-flexslider .flex-control-nav li {
    display: inline-block;
    margin: 0 5px;
}
.main-flexslider .flex-control-nav li a {
    display: block;
    width: 10px;
    height: 10px;
    background: rgba(255, 255, 255, 0);
    border-radius: 50%;
    cursor: pointer;
    text-indent: -9999px;
    border: 1px solid #FFF; 
}
.main-flexslider .flex-control-nav li a.flex-active {
    background: #fff;
    border: 1px solid #fff;
}
.main_new { position: relative; }