@charset "utf-8";

#skipnavigation {position:absolute;z-index:99999;}
#skipnavigation h1 {text-indent: -2000px; background:none;}
.sknavi{position:absolute;	top:-500px;}
.sknavi:focus, .sknavi:active{
	top:0px;left:0;
	display:block;
	border:solid 10px #ccc;
	width:200px;
	height:18px;
	padding:3px;
	margin-left:5px;
	text-align:center;
	font-size:100%;
	font-weight:bold;
	background-color:#eee;
	border: 1px solid #135;
	text-decoration:none;
}

body {margin: 0px; padding: 0px; clear: both; float: none; height: 100%; width: 100%; min-height:100%;}
#container {margin: 0px; padding: 0px; clear: both; float: none; height: 100%; width: 100%; min-height:100%;}
#wrap {margin: 0px; padding: 0px; clear: both; float: none; height: 100%; width: 100%;}
.container {margin:0 auto; position:relative;}

/* header */
header {width:100%; margin:0; padding:0; height:130px; background:transparent; position:absolute;; z-index:22;}
header #headlogo {position:absolute; top:15px; left:50%; transform:translateX(-50%); text-align:center; z-index:21;}
header #headlogo img {width: 110px;}
header .eng_btn {position:absolute;}
header .eng_btn a {color:#0672de;}

header .bg_white {background:#fff; position:relative; height:80px;}
header .header_button .header_left , header .header_button .header_right {width:49.8%; display:inline-block;}
header .header_button .header_left ul {text-align:left; margin:20px 0 20px 0;}
header .header_button .header_right ul {text-align:right; margin:20px 0 20px 0;}
header .header_button ul li {display:inline-block; width:18%; vertical-align:middle;}
header .header_button ul li a {font-weight:bold; color:#333;}
header .header_button ul li img {margin:0 5px 0 0; vertical-align:sub;}

/* GNB */
#gnbwrap {height:50px; overflow:hidden; position:absolute;left:0px; z-index:23;}
#gnbwrap #gnb .gnbinner > li {float:left; width:14.2857%; text-align:center;}
#gnbwrap #gnb .gnbinner > li > a {font-size:18px; font-weight:bold; display:block; color:#000; background:#fff;}
#gnbwrap #gnb .gnbinner > li:last-child > a {padding-right:0;}
#gnbwrap #gnb .gnbinner > li > a.on {color:#0692ec; border-bottom:3px solid #0692ec;}
#gnbwrap #gnb .gnbinner > li > a:hover, header #gnbwrap #gnb ul li.on > a {color:#0692ec; border-bottom:3px solid #0692ec;}
#gnbwrap #gnb ul {margin:0;}
#gnbwrap #gnb ul ul {position:absolute; margin-top:0; word-break:break-all;}
#gnbwrap #gnb ul ul li a {padding:6px 0px; display:block; letter-spacing:-1px; color:#fff; font-size:14px; line-height:1.5;}
#gnbwrap #gnb ul ul li a:hover, #gnbwrap #gnb ul ul li a:focus {text-decoration:underline;}
#headerOver {height:0; position:absolute; top:80px; left:0; width:100%; z-index:0; margin:0 auto; overflow:hidden; background:#3886e6; background-size:cover;}
#headerOver .headerOver {border:solid 0px #ccc; height:200px; position:relative; max-width:1550px; padding-top:0px; margin:0 auto; overflow:hidden; *zoom:1; padding-bottom:0; }
#headerOver .headerOver p {font-size:60px; line-height:52px; color:#ddd; position:absolute; left:0; bottom:20px;}
#headerOver .headerOver #location {text-align:right; margin:160px 0 0 0;}
#headerOver .headerOver #location span {margin:0 5px;}

/*footer_quick*/
#foot_quick_link {width: 100%; height: 80px; background-color: rgba(0,0,0,0.8); position: fixed; bottom: 0; z-index:12;}
#foot_quick_link ul::after {clear: both; content: ""; display: block;}
#foot_quick_link ul li {float: left;}
#foot_quick_link > div > ul {width: 500px; margin: 15px auto;}
#foot_quick_link > div > ul > li {margin-left: 60px;}
#foot_quick_link ul.icontxt li {color: #fff; line-height: 1.4;}
#foot_quick_link ul.icontxt li:last-child {margin: 5px 0 0 20px;}
#foot_quick_link ul.icontxt li span.l_blue {color: #55c2fa;}
#foot_quick_link ul li a:hover ul li{color :#55c2fa;}

/*footer_quick_view*/
#counseling {position: fixed; bottom: 80px; width: 80%; z-index: 9999; margin-left: -150px;}
#counseling .counselingwrap{position: relative; width: 410px; padding: 40px; background-color: #eee;}
.bottom #counseling {position:absolute; bottom:82px;}
#counseling ul li.clear {width: 100%;}
#counseling ul li img {margin: 0 auto;}
#counseling ul li h3 {margin: 20px 0 0 0; text-align: center;}
#counseling ul li.subtxt {font-size: 14px; text-align: center; margin-bottom: 20px;}
#counseling input{height: 35px; margin: 0 0 0 10px;}
#counseling label {font-weight: normal;}
#counseling ul li:nth-child(4) input{margin-left: 11px;}
#counseling ul::after {clear: both; content:""; display: block;}
#counseling ul li.fs14 {float: right;}
#counseling #request {width: 100%;}
#counseling #request input {width: 185px; height: 45px; line-height: 45px; color: #fff; background-color: #093975; position: relative; left: 50%; margin-left: -92.5px;}
#counseling .close {opacity: 1; position: absolute; top: 0; right: 0;}
#counseling .close a {padding: 20px; font-size: 0; display: block;}

#counseling ul li.phone input {width: 72px;}

/* footer */
footer {background:#272727; height:auto;}
footer .container {padding:31px 0;}
footer #footlogo {position:absolute; top:35px; right:0;}
footer #footerlink {padding-left:200px;}
footer #footerlink li {float:left;}
footer #footerlink li a {display:block; color:#fff; padding:0 25px;}
footer #footerlink li.first a {padding-left:0;}
footer #footerlink li.download a {color:#0692ec;}
footer #footerlink li a:hover {color:#67c4ff;}
footer #copyright {font-size:16px; color:#fff; display:inline-block;}
footer #copyright p a {color: #fff;}
footer #copyright strong {color:#aaa; margin:0 7px 0 0;}
footer #btn_top {position:absolute; right:0; top:0;}
footer #btn_top a {display:block;}
footer #sitemap {float:right;} 
footer #sitemap a {color:#0672de; font-size:16px;}
footer #copyright span.line {display:inline-block; border-left:1px solid #aaa; height:15px; margin:0 8px 2px 8px; vertical-align:middle;}
footer #download span.line {display:inline-block; border-left:1px solid #aaa; height:15px; margin:0 8px 2px 8px; vertical-align:middle;}
footer #download a {display: inline-block; font-size: 14px; color: #fff;}
footer #download a:hover {color: #55c2fa; text-decoration: underline;}

#guide_copy {font-size:16px; color:#555; height:60px;}
#guide_copy span.line {display:inline-block; border-left:1px solid #aaa; height:14px; margin:0 8px 2px 8px; vertical-align:middle;}
#guide_copy .guide {width:49.8%; float:left; margin:15px 0 0 0;}
#guide_copy .copy {width:49.8%; float:left; text-align:right; margin:15px 0 0 0;}
#guide_copy .guide a {color:#555; display:inline-block; font-weight:bold;}
#guide_copy .guide a.guide_blue {color:#3886e6;}


/* 비주얼 */
.visual {background-size:100% 100%; height:350px; padding:190px 0 0 0; position:relative;}
.visual .title h1 {text-align:center; color:#fff; text-shadow:0 0 11px rgba(0, 0, 0, 0.6)}

/* 현재 위치 표시 */
#locationwrap {width:100%; height:60px; position:relative; z-index:5; margin:-60px 0 0 0;}
#location {position:relative; background-color:#fff; height:100%; margin:auto; box-shadow: 5px 2px 15px 0 rgba(0,0,0,0.15);}
#location a {color:#999; font-size:14px; padding:18px;}
#location .home {position:absolute; top:0; margin:0; font-weight:bold; width:60px; height:60px; display:block; text-align:center; vertical-align:middle; background:#3886e6}
#location .home img {display:inline-block;}
#location #locationmenu {padding:0 0 0 60px;}
#location #locationmenu:after {content:"."; clear:both; display:block; height:0; visibility:hidden;}
#location .locationmenu {float:left;}
#location .locationmenu > a {text-align:left; border-right:1px solid #ccc; display:block; width:380px; background-image:url(../../img/layout/bg_location.png); background-position:right 20px center; background-repeat:no-repeat; overflow:hidden;}
#location .locationmenu:last-child > a {font-weight:bold; color:#3886e6;}
#location .locationmenu.depth3 > a {border-right:none;}
#location .locationmenu ul {display:none; height:auto; width:380px; overflow:hidden; border-left:1px solid #ccc; border-right:1px solid #ccc; position:absolute; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
#location .locationmenu ul li {display:block; width:100%; overflow:hidden; padding:0; background-color:#fff; display:block;}
#location .locationmenu ul li:focus, #location .locationmenu ul li:hover {background-color:#999;}
#location .locationmenu ul li a {display:block; width:100%; height:100%; text-align:left;}
#location .locationmenu ul li:focus a, #location .locationmenu ul li:hover a {color:#fff; font-weight:bold;}

#locationwrap2 {width:50%; position:relative; z-index:5; margin:20px 0 0 0; text-align:right; float:right;}
#location2 {position:relative; background-color:#fff; height:100%;}
#location2 .home {width:40px; display:inline;}
#location2 .location2 {width:40px; display:inline;}

#locationmenu {padding-top:10px;}

#location #locationmenu li.on a{color: #fff; background: #3886e6; font-weight: bold;}


/*contents*/
#main_contents {margin:40px auto;}

/* 회사소개 */
.company {margin-top:30px; width:100%;}
.company h2 {margin-bottom:20px;}
.company .introduce .img_div, .company .introduce .intro_div {float:left; width:50%; height:470px;}
.company .introduce .intro_div {padding:20px 30px 0 70px; text-align:left; font-size:18px; color:#333; line-height:32px; letter-spacing:-1px;}
.company .introduce .intro_div span.item {font-weight:bold; color:#0672de;}

.company .history {width:100%;}
.company .history ul.history_ul {width:100%;}
.company .history ul.history_ul li {width:33.3333%; height:60px; margin-left:-1px; border:1px solid #ddd; background:#eee; float:left;}
.company .history ul.history_ul li:first-child {margin:0;}
.company .history ul.history_ul li a {display:inline-block; width:100%; height:100%; color:#888; text-align:center; font-size:18px; line-height:60px; letter-spacing:-1px;}
.company .history ul.history_ul li.on {background:#083665;}
.company .history ul.history_ul li.on a {display:inline-block; width:100%; height:100%; color:#fff;}

/* 사이트맵 */
#sitemap_wrap {width:100%; margin:50px 0 0 0;}
#sitemap_in {width:100%; height:500px; margin:0 auto;}
.sitemap_title{width:100%; height:80px;}
.sitemap_title h1{text-align:left; padding-top:10px;}
.sitemap_con {width:100%; height:651px;}
.con1{float:left; width:30%; height:271px;}
.con1 h3 {color:#0672be; font-size:20px; margin:20px 0 15px; padding-bottom:15px; border-bottom:1px solid #858585;}
.con1 li a {background:url(/img/layout/sitemap_icon.jpg) no-repeat 0px 0px; padding:1px 0 0 13px; line-height:240%; color:#333;}
.con2 {float:left; width:30%; height:190px;}
.con2 h3 {color:#0672be; font-size:20px; margin-top:20px; padding-bottom:20px; border-bottom:1px solid #858585;}
.con2 li a {background:url(/img/layout/sitemap_icon.jpg) no-repeat 0px 0px; padding:1px 0 0 13px; line-height:270%; color:#333;}


/*카테고리*/
.board_category {margin:auto auto 20px auto;}
.board_category li {display:inline-block; margin-right:55px;}
.board_category li a {font-size:18px; color:#999; font-weight:bold;}
.board_category li a:hover {color:#3886e6; border-bottom:2px solid #3886e6;}
.board_category li.active a {color:#3886e6; border-bottom:2px solid #3886e6;}

/* 상단 ul */
.ul_select {width:100%;}
.ul_select li {float:left; border:1px solid #ddd; width:49%; height:55px; margin:0 0 0 -1px;}
.ul_select li a {color:#000; font-weight:bold; font-size:16px; display:block; width:100%; height:100%; text-align:center; line-height:55px;}
.ul_select li.active a {color:#fff; background:#3886e6; border:1px solid #3886e6;}
.ul_select li a:hover {color:#fff; background:#3886e6; border:1px solid #3886e6;}

/* 진료예약 */
#reservation h4 {padding:0 0 7px 0; margin:0 0 40px 0; border-bottom:1px solid #333;}
#reservation p {font-size:14px;}
#reservation #cancel_date {float:left;}
#reservation .date_select {height:380px;}
#reservation .clear {clear:both; margin-bottom:30px;}
#reservation .time_select {width:16%; border:1px solid #ddd; height:317px; float:left; text-align:center; font-size:15px; margin:0 28px;}
#reservation .time_select .time_title {background:#ddd; padding:8px;}
#reservation .time_select .time_title h5 {font-size:16px;}
#reservation .time_select ul {margin:22px 0 0 0;}
#reservation .time_select ul li {margin:9px 0 0 0;}
#reservation .time_select ul li a {font-weight:bold;}
#reservation .time_select ul li.time_active a {color:#3886e6;}
#reservation .time_info {width:35%; float:left; padding:10px 20px;}
#reservation .time_info tr {height: 10px;}
#reservation .time_info tr.blue_bg th {display: inline-block; background-color: #3886e6; width: 85px; height: 30px; text-align: center; line-height: 30px;}
#reservation .time_info th {color:#fff; vertical-align:top; position:relative;}
#reservation .time_info td {padding-left: 30px;}
/*#reservation .time_info th.ls4 {letter-spacing:29px;}*/
/*#reservation .time_info th.ls2 {letter-spacing:7px;}*/
/*#reservation .time_info th::before {content:'·'; position:absolute; top:0px; left:0; color:#666;}*/
#reservation .reserve_table th, #reservation .reserve_table td {padding:20px 40px 20px 0; font-size:16px;}
#reservation .reserve_table td.no-padding {padding:20px 0;}
#reservation .reserve_table th {padding:30px 40px 20px 0; vertical-align:top;}
#reservation .reserve_table td {}
#reservation .reserve_table td input, #reservation .reserve_table td select {border:1px solid #ddd; padding:0 0 0 10px;}
#reservation .reserve_table td textarea {padding:10px;}
#reservation .reserve_table td .input1 {width:100%; height:50px;}
#reservation .reserve_table td .input2 {width:31.24%; height:50px; margin:0 5px 0 0;}
#reservation .reserve_table td .input2:last-child {margin:0;}
#reservation .reserve_table td .input3 {width:100%; height:390px; border:1px solid #ddd;}

#reservation .confirm_form {width:50%; margin:80px auto 100px auto;}
#reservation .confirm_form h3 {font-size:20px; text-align:center; margin-bottom:30px;}
#reservation .confirm_form h3 span {color:#f58220}
#reservation .confirm_form h3 span.name {color:#3886e6}
#reservation .confirm_form th, #reservation .reserve_table td {padding:20px 40px 20px 0; font-size:16px;  color:#000;}
#reservation .confirm_form td.no-padding {padding:20px 0;}
#reservation .confirm_form th {padding:30px 40px 20px 0; vertical-align:top;}
#reservation .confirm_form td input, #reservation .confirm_form td select {border:1px solid #ddd; background:none; padding:0 0 0 10px;}
#reservation .confirm_form td .input1 {width:100%; height:50px;}
#reservation .confirm_form td .input2 {width:32.1%; height:50px; margin:0 4px 0 0;}
#reservation .confirm_form td .input2:last-child {margin:0;}
#reservation .confirm_form td .input3 {width:100%; height:390px; border:1px solid #ddd;}

#reservation .under_line {border-bottom:1px solid #000;}
#reservation .reserve_wrap .button_wrap {margin-top:30px;}
#reservation .reserve_wrap .button_wrap .button_reset {width:190px; height:50px; color:#000; background:#cccccc; font-size:16px; font-weight:bold; text-align:center; line-height:50px; position:relative; left:0;}
#reservation .reserve_wrap .button_wrap .button_submit {width:190px; height:50px; color:#fff; background:#3886e6; font-size:16px; font-weight:bold; text-align:center; line-height:50px; float:right;}

#reservation .confirm_form .button_wrap {text-align:center; margin:30px auto auto auto;}
#reservation .confirm_form .button_wrap .button_submit {width:130px; height:50px; color:#fff; background:#3886e6; font-size:16px; font-weight:bold; text-align:center; line-height:50px;}

#reservation .result_form {text-align:center; width:60%; margin:80px auto 80px auto;}
#reservation .result_form h3 {font-size:20px; margin-bottom:20px;}
#reservation .result_form h3 span {color:#3886e6;}
#reservation .result_form ul {width:100%; margin:40px 0;}
#reservation .result_form ul li {width:25%; float:left; border-right:1px solid #ddd;}
#reservation .result_form ul li:last-child {border:none;}
#reservation .result_form ul li p.title {font-weight:bold; font-size:18px; color:#000; margin-top:15px;}
#reservation .result_form ul li p.cont {font-size:16px;}
#reservation .result_form ul li p.ublue {color:#3886e6;}
#reservation .result_form .cont_message {width:100%; min-height:50px; background:#ddd; word-break:break-all;}
#reservation .result_form .notice {margin:30px 0 50px 0; font-size:16px;}
#reservation .result_form .notice span {font-weight:bold; color:#000;}
/* datepicker */
.ui-datepicker {border-radius:0; padding:0; display:block; width:484px; height:306px; border:none;}
.ui-datepicker .ui-datepicker-title {font-weight:normal;}
.ui-datepicker .ui-datepicker-header {padding:.1em 0;}
.ui-datepicker table {border:1px solid #ddd;}
.ui-datepicker th {padding:0.3em .3em; border:1px solid #ddd;}
.ui-datepicker th:first-child {border-left:none;}
.ui-datepicker th:last-child {border-right:none;}
.ui-datepicker td {padding:0; border:1px solid #ddd;}
.ui-datepicker td:first-child {border-left:none;}
.ui-datepicker td:last-child {border-right:none;}
.ui-datepicker-calendar thead {font-size:12px;}
.ui-datepicker-header {border-radius:0; border:none; background:#ddd;}
.ui-datepicker-year, .ui-datepicker-month {font-size:14px;}
th.ui-datepicker-week-end {padding:3px 0; text-align:center; font-weight:bold; font-size:12px; border:1px solid #ddd;}
th.ui-datepicker-week-end:first-child {color:#ff3030;}
th.ui-datepicker-week-end:last-child {color:#0a448b;}
.ui-datepicker-td {padding:0; border:1px solid #ddd;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {font-weight:bold; color:#555555; font-size:12px; background:none; border:none;}
.ui-datepicker td span, .ui-datepicker td a {display:block; text-align:center; text-decoration:none; padding:14px 24px;}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {color:#555555; font-weight:bold;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {color:#3886e6;}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {border:0; background:none; font-weight:bold; color:#3886e6;}

/* 온라인상담 */
#qna pre {font-family:'Helvetica', NotoSans, 'Helvetica Neue', 'Montserrat', Arial, malgun gothic, '돋움', dotum, AppleGothic, sans-serif; word-break:keep-all; background:#fff; color:#888; padding:15px; height:140px; overflow-y:auto; border:1px solid #ddd;}
#qna .agree {text-align:right;}
#qna .agree label {margin:0;}
#qna .agree input[type=checkbox] {display:none;}
#qna .agree input[type=checkbox] + label.check_box {display:inline-block; width:18px; height:18px; border:1px solid #ddd; position:relative; top:3px;}
#qna .agree input[type=checkbox]:checked + label.check_box::after {content:'\2714'; font-size:16px; position:absolute; bottom:-6px; left:1px; clear:both;}
#qna .agree label.check_contents {display:inline-block;}

#qna table {border-top:2px solid #333; border-bottom:2px solid #333; width:100%; margin:50px 0 0 0;}
#qna table th, #qna table td {padding:20px 40px; font-size:16px;}
#qna table th {background:#f8f9fc; font-weight:bold; color:#000;}
#qna table td input, #qna table td textarea, #qna table td select {border:1px solid #ddd; font-size:16px;}
#qna table td .qna_input1 {width:515px; height:45px; padding:0 0 0 10px;}
#qna table td .qna_input2 {width:280px; height:45px; padding:0 0 0 10px;}
#qna table td .qna_input3 {width:190px; height:45px; padding:0 0 0 10px;}
#qna table td select {padding:0 0 0 10px;}
#qna table td textarea {width:100%; height:250px; padding:10px;}
#qna table td label {font-size:14px; color:#999; font-weight:normal;}
#qna table td span.red_dot::before {content:'*'; margin:0 4px 0 160px; color:#f35757;}
#qna table td.phone span.red_dot::before {content:'*'; margin:0 4px 0 0; color:#f35757;}
#qna table td.phone span.red_dot {display: block;}
#qna table td span {font-size:14px; color:#999;}
#qna table td label.uploadBtn {background:#999; color:#fff; padding:11px 18px; margin:0; vertical-align:middle;}

#qna .button_wrap {text-align:center; margin:40px 0 80px 0;}
#qna .button_wrap .button_reset {width:145px; height:50px; color:#fff; background:#073b6f; font-size:17px; font-weight:bold; text-align:center; line-height:50px; margin:auto 36px auto auto;}
#qna .button_wrap .button_submit {width:145px; height:50px; color:#fff; background:#3886e6; font-size:17px; font-weight:bold; text-align:center; line-height:50px; margin:auto 0 auto auto;}

/* 안구건조클리닉 */
#green .pdt25 {padding-top:25px;}
#green .pdl20 {padding-left:20px;}
.care p {color:#333;}
.care .care_info {width:100%; float:left; padding:10px 20px;}
.care .care_info tr {}
.care .care_info th {color:#000; vertical-align:top; position:relative; padding:0 0 0 10px; margin:0 0 15px 0; font-weight:normal; font-size:15px;}
.care .care_info th.ls4 {letter-spacing:26px;}
.care .care_info th.ls2 {letter-spacing:6.5px;}
.care .care_info th::before {content:'·'; position:absolute; top:0px; left:0; color:#666;font-weight:bold;}

.care .care_step {width:100%;}
.care .care_step li {width:30%; margin-right:3%; float:left; padding:20px 0 25px 0; border-top:1px solid #ddd;}
.care .care_step li:last-child {margin:0;}
.care .care_step li p {font-size:16px; color:#333;}
.care .care_step li p.title {font-weight:bold;}
.care .care_step li p.contents {margin-top:5px;}
.care .care_step h5 {color:#3886e6; line-height:28px;}

.care .care_step2 {width:100%;}
.care .care_step2 li {width:23%; margin-right:2.4%; float:left; padding:20px 0 25px 0; border-top:1px solid #ddd;}
.care .care_step2 li img {width:100%;}
.care .care_step2 li:nth-child(4n) {margin:0;}
.care .care_step2 li:nth-child(4n+1) {clear:both;}
.care .care_step2 li p {font-size:16px; color:#333;}
.care .care_step2 li p.title {font-weight:bold; margin-top:10px;}
.care .care_step2 li p.contents {margin-top:5px;}
.care .care_step2 h5 {color:#3886e6; line-height:28px;}

.care .machine_info {padding:10px 40px;}

/* 안성형 클리닉 */
.what_is1 > div > div:nth-child(2) {background: #f2f6f9; padding: 40px; height: 331px;}
.what_is2 > div > div:nth-child(2) {background: #f2f6f9; padding: 40px; height: 331px;}

/*.care .care_kind {width:100%;}*/
.care .care_kind li {width:47.5%; margin-right:5%; float:left;}
.care .care_kind li img {width:100%; margin-bottom:10px;}
.care .care_kind li:last-child {margin:0;}
.care .care_kind li p {color:#333;}
.care .care_kind li p.title {font-size:18px; font-weight:bold;}
.care .care_kind li p.contents {margin-top:5px;}

.care .care_kind2 {width:100%;}
.care .care_kind2 li {width:47.5%; margin-right:5%; float:left;}
.care .care_kind2 li img {width:100%; margin-bottom:10px;}
.care .care_kind2 li:last-child {margin:0;}
.care .care_kind2 li p {color:#333;}
.care .care_kind2 li p.title {font-size:18px; font-weight:bold;}
.care .care_kind2 li p.contents {margin-top:5px; height:90px;}
#relative_link {position:relative;}

@media(max-width:767px)
{

	.container {padding:0; width:100%;}
	.last_container {margin-bottom: -35px;}
	#visual_main {padding: 0 10px;}
	#visual_main  #main {margin: 0 -10px;}

	/* 헤더 */
	header {height:48px;}
	header #headlogo {position:absolute; top:53px; left: 53px; text-align:center;}
	header #headlogo a {display:inline-block; margin:auto; height:auto;}
	header #headlogo img {display:block; margin:auto; width: 90px;}
	header h1.header_logo {position:absolute; top:15px; left:50%; z-index:1; margin-left:-27px; width:55px; height:28px;}
	header #gnbwrap .language {margin-top:55px;}
	header #gnbwrap .language ul {border-top:1px solid #ddd; margin:0 -10px;}
	header #gnbwrap .language ul li {float:left; width:50%; text-align:center; border-right:1px solid #ddd;}
	header #gnbwrap .language ul li:last-child {border-right:none;}
	header #gnbwrap .language ul li a {font-size:12px; display:block; padding:2px 0;}
	header .eng_btn {left:10px; top:12px}
	header .header_button .header_left {width:51%;}
	header .header_button .header_right {width:47%;}
	header .header_button ul li {width:auto;}
	header .header_button ul li a {font-size:12px;}
	header .header_button ul li img {width:16px;}
	header .bg_white {height:50px;}
	header .header_button {padding: 0;}

	header .header_button .header_left ul {text-align:left; margin:10px 0 10px 0;}
	header .header_button .header_right ul {text-align:right; margin:10px 0 10px 0;}

	/* 주메뉴 */
	header #m_gnb {display:block; right:10px; top:15px; width:26px; height:20px; background:url(/img/layout/btn_header_all.png) center center no-repeat; position:absolute; z-index:99;}
	header #m_gnb span {display:none;}
	header #m_gnb_close {position:absolute; display:none; right:10px; top:15px; width:26px; height:20px; background:url(/img/layout/btn_header_close.png) center center no-repeat; z-index:99;}
	header #m_gnb_close span {display:none;}
	header #gnbwrap {position:relative; height:0; overflow-y:scroll; overflow-x:hidden; top:66px;}
	header #gnbwrap #gnb .gnbinner > li > a {margin:0;}
	header #gnbwrap #gnb .gnbinner > li > a.on {color:#0692ec; border-bottom:none;}
	header #gnbwrap #gnb .gnbinner > li > a:hover {color:#0692ec; border-bottom:none;}

	header #gnbwrap #gnb {}
	header #gnbwrap #gnb ul li {width:100% !important; border:1px solid #ddd; border-left:none; border-right:none; margin-top:-1px;}
	header #gnbwrap #gnb ul li:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
	header #gnbwrap #gnb ul ul {position:relative;}
	header #gnbwrap #gnb ul ul li {border:none;}
	header #gnbwrap #gnb > ul > li > a {font-size:18px; font-weight:bold; color:#333; display:block; text-align:center; padding:10px 0;}
	header #gnbwrap #gnb ul li a:hover, header #gnbwrap #gnb ul li.on > a {color:#0692ec; border:none;}
	header #gnbwrap #gnb ul ul {background:#f5f5f5; margin:0 -10px; box-shadow:0 0 15px rgba(0,0,0,0.1) inset; padding:10px 0;}
	header #gnbwrap #gnb ul ul:after {content:""; clear:both; height:0; display:block; visibility:hidden;}
	header #gnbwrap #gnb ul ul li {width:50% !important; float:left; padding:0 5px;}
	header #gnbwrap #gnb ul ul li a {font-size:14px; color:#666; display:block; text-align:center; padding:5px;}
	header #gnbwrap #gnb ul ul li a:hover, header #gnbwrap #gnb ul ul li a.on {color:#0692ec;}
	header #gnbwrap #gnb .header_copy {position:absolute; bottom:34px; color:#ddd; font-size:36px; line-height:1; font-weight:bold; text-align:center; left:50%; margin-left:-138px;}
	header #gnbwrap #gnb .header_copy span {color:#0692ec;}

	#gnbwrap::-webkit-scrollbar {width: 8px; height: 8px; border: 3px solid #fff; }
	#gnbwrap::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display: block; height: 10px; background:#efefef}
	#gnbwrap::-webkit-scrollbar-track {background: #efefef; -webkit-border-radius: 10px; border-radius:10px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.2)}
	#gnbwrap::-webkit-scrollbar-thumb {height: 50px; width: 50px; background: rgba(0,0,0,.2); -webkit-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.1)}

	/*foot_quick_link(빠른상담)*/
	#foot_quick_link {position: relative; height: 55px;}
	#foot_quick_link > div > ul {position: absolute; width:285px; left: 50%; margin: 10px 0 10px -135px;}
	#foot_quick_link ul.icontxt li img {width: 30px;}
	#foot_quick_link ul.icontxt li:last-child {margin: 0 0 0 10px;}
	#foot_quick_link > div > ul > li {margin-left: 0;}
	#foot_quick_link > div > ul > li:last-child {margin-left: 15px;}

	.bottom #counseling {bottom: 48px;}
	#counseling {margin-left: -15px; bottom:55px;}
	#counseling .counselingwrap {width: 300px; padding: 30px 15px;}
	#counseling .counselingwrap .clear img {width: 50px;}
	#counseling input {margin: 0;}
	#counseling ul li:nth-child(4) input{margin-left: 0;}
	#counseling ul li.phone label {display: block;}
	#counseling ul li.phone input {width: 76px; margin-left: 5px;}
	#counseling ul li.phone input.required01 {margin-left: 0;}
	#counseling ul li.subtxt {font-size: 14px; text-align: center; margin-bottom: 10px; margin-left: 5px; letter-spacing: -1px; }
	#counseling ul li.fs14 {margin-right: 5px;}
	#counseling #request {margin-top: 20px;}
	#relative_link {height:55px; z-index: 99999;}

	/* 푸터 */
	footer {background:#000; color:#999; padding:15px 0; height:auto;}
	footer .container {padding:20px 15px;}
	footer #footer {position:relative;}
	footer #footlogo {position:static;}
	footer #footlogo a {display:inline-block;}
	footer #footlogo a img {display:inline-block;}
	footer #footerlink ul {margin-top:10px;}
	footer #footerlink ul li {float:left; margin-right:30px;}
	footer #footerlink ul li a {color:#fff; display:block; font-weight:bold; letter-spacing:-1px; font-size:12px;}
	footer #copyright {font-size:14px;}
	footer #copyright p {margin:10px 0 0 0;}
	footer #copyright strong {margin:0 5px 0 0;}
	footer #copyright a {color:#999;}
	footer #copyright span.line {display:block; visibility:hidden; height:5px;}
	footer #sitemap {position:absolute; right:15px; top:40px;}
	.btn_top {position:absolute; right:10px; bottom:10px; z-index:9999;}
	footer #download span.line {display:block;visibility:hidden; height: 0;}
	footer #download {margin:10px 0 0 0;}
	footer #download a {font-size: 13px;}

	#guide_copy {}
	#guide_copy .guide {width:100%; margin:10px 0 0 0; padding:0 15px;}
	#guide_copy .guide a {font-size:13px;}
	#guide_copy span.line {border:none; margin:0 4px 2px 2px;}
	#guide_copy .copy {width:100%; text-align:left; font-size:13px; margin:10px 0 10px 0; padding:0 15px;}


	/* 현재 위치 표시 */
	.visual {background-size:auto auto; background-position:center;}
	.location_container {width:100%; margin:70px auto;}
	#locationwrap {height:45px; margin:-45px 0 0 0;}
	#location {padding:0;}
	#location a {line-height:45px; font-size:11px; height:45px; overflow:hidden;}
	#location .home {width:30px; height:45px; padding:0;}
	#location .home img {display:inline-block; width:65%;}
	#location #locationmenu {padding:0 0 0 30px;}
	#location .locationmenu {float:left; width:33.3333%;}
	#location .exlocation .locationmenu {width:50%;}
	#location .locationmenu > a {letter-spacing:-1px; padding:0 5px; width:100%; background-size:10px; background-position-x:90%; background-position-y:center; background-position:right 5px center;}
	#location .locationmenu ul {width:calc((100% - 30px)/3);}
	#location .exlocation .locationmenu ul {width:calc((100% - 30px)/2);}
	#location .locationmenu ul li a {padding:0 5px;}

	/*contents*/
	#main_contents {margin:30px auto 25px auto;}

	/* 사이트맵 */
	.con1{float:left; width:47%; height:271px; margin:0 15px 0 0;}
	.con1 h3 {color:#0672be; font-size:20px; margin:20px 0 15px; padding-bottom:15px; border-bottom:1px solid #858585;}
	.con1 li a {background:url(/img/layout/sitemap_icon.jpg) no-repeat 0px 0px; padding:1px 0 0 13px; line-height:240%; color:#333;}

	/*안구건조클리닉*/
	.care .care_step li {width:100%; margin-right:3%; float:left; padding:20px 0 25px 0; border-top:1px solid #ddd;}
	.care .care_step li:first-child {border-top: none; padding: 0 0 25px 0;}
	.care .care_step img{margin: 0 auto; display: block;}
	.care .care_step p {margin: 15px 0 0 0;}
	.care .care_step2 li {width:100%; margin-right: 0; float:left; padding:20px 0 25px 0; border-top:1px solid #ddd;}
	.care .care_step2 li:nth-child(1) {border-top: none; padding:0 0 25px 0; }

	.care .machine_info {padding:15px 0 0 0;}

	/* 안성형 클리닉 */
	.what_is1 > div > div:nth-child(2) {padding: 20px 15px 30px 15px; height: auto;}
	.what_is2 > div > div:nth-child(2) {padding: 20px 15px 30px 15px; height: auto;}

	/* 진료예약 */
	#reservation .confirm_form th, #reservation .reserve_table td {padding:20px 15px 20px 0;}
	#reservation .reserve_table td.no-padding {padding:20px 15px 20px 0;}
	#reservation .reserve_table td .input3 {height:250px;}
	#reservation h4 {margin: 0 0 20px 0;}
	#reservation .reserve_table table {display:block; width:100%;}
	#reservation .reserve_table th {display:block; width:100%; float:left; padding:10px 0 0 0;}
	#reservation .reserve_table td {display:block; width:100%; float:left; padding:10px 0;}

	/* 예약확인 */
	#reservation .result_form {width:80%;}
	#reservation .result_form ul li {width:50%; float:left; height:135px; border:none; margin:0 0 15px 0;}
	#reservation .result_form ul li img {height:54px; width:auto;}

	/* 수술후기 */
	.board_category {text-align:center;}
	.board_category li {display:block; width:22%; float:left; margin:0 0 8px 0;}

}
@media(min-width:768px)
{
	header .eng_btn {top:32px; right:0;}
	header .eng_btn a {font-size:14px;}
	#headlogo {top:18px;}
	#headlogo img {width:99px;}
	header .bg_white {height:50px;}
	#headerOver {top:50px;}
	header .header_button ul li a {font-size:14px;}

	#gnbwrap #gnb ul ul {padding-top:18px; width:14.2857%; border-right:1px solid #97bbe9; height:325px;}
	#gnbwrap #gnb ul li:last-child ul {border:none;}
/*	#gnbwrap #gnb ul ul#gnb2m3 {padding:15px 3px; width:74px;}*/
	#gnbwrap #gnb ul ul li a {font-size:11px;}

	#gnbwrap {right:0;}
	#gnbwrap #gnb .gnbinner > li > a {height:50px; font-size:11px; line-height:50px; font-weight:normal;}
	#m_gnb, #m_gnb_close {display:none !important;}

	#guide_copy {height:45px;}
	#guide_copy .guide {margin:10px 0 0 0;}
	#guide_copy .guide a {font-size:12px;}
	#guide_copy .copy {font-size:13px; margin:12px 0 0 0;}

	.con1 {margin-right:24px;}

	/*안구건조클리닉*/
	.care .ww100 img {width: 100%;}
 	.care .care_step p {margin: 15px 0 0 0;}
	.care .care_step2 li {width:48.5%; margin-right: 3%; float:left; padding:20px 0 25px 0; border-top:1px solid #ddd;}
	.care .care_step2 li:nth-child(2n) {margin-right: 0;}
	.care .caretxt .mgl {margin-left: 0;}
	.care .lih .care_step li {height: 220px;}

	.care .device .care_step li {width: 30%; margin-right: 3%;}
	.care .device .care_step li:last-child {width: 31.333%; margin-right: 0;}
	.care .device .care_step li img {width: 100%;}
	.care .device .care_step li p.title {margin-top: 0;}

	.care .machine_info {padding:15px 0 0 0;}

	/* 안성형 클리닉 */
	.what_is1 > div > div:nth-child(2) {padding: 20px 15px 30px 20px; height: 204px;}
	.what_is2 > div > div:nth-child(2) {padding: 20px 15px 30px 20px; height: 204px;}

	#relative_link {height:80px;}
}
@media(min-width:992px)
{
	header .eng_btn {top:28px; right:20px;}
	header .eng_btn a {font-size:15px;}
	#headlogo {width:auto; top:20px;}
	#headlogo a img {width:auto;}
	header .bg_white {height:50px;}
	#gnbwrap {right:0;}
	#gnbwrap #gnb .gnbinner > li > a {font-size:14px;}
	header .header_button ul li a {font-size:16px;}

	/*#gnbwrap #gnb ul ul#gnb2m3 {padding:15px 15px; width:102px;}*/
	#gnbwrap #gnb ul ul li a {font-size:13px;}
	.con1 {margin-right:31px;}

	#headerOver {top:50px;}

	#guide_copy {height:60px;}
	#guide_copy .guide {margin:15px 0 0 0;}
	#guide_copy .guide a {font-size:16px;}
	#guide_copy .copy {font-size:16px; margin:15px 0 0 0;}

	/*안구건조클리닉*/
	.care .ww100 img {width: 100%;}
 	.care .care_step p {margin: 15px 0 0 0;}
	.care .care_step2 li {width:23%; margin-right:2.4%;}
	.care .care_step2 li:nth-child(2n) {margin-right: 2.4%;}
	.care .care_step2 li:nth-child(4) {margin-right: 0;}
	.care .caretxt .mgl {margin-left: 20px;}
	.care .lih .care_step li {height: 200px;}

	.care .device .care_step li {width: 30%; margin-right: 3%;}
	.care .device .care_step li:last-child {width: 31.333%; margin-right: 0;}
	.care .device .care_step li img {width: 100%;}
	.care .device .care_step li p.title {margin-top: 0;}

	.care .machine_info {padding:15px 0 0 0;}

	/* 안성형 클리닉 */
	.what_is1 > div > div:nth-child(2) {background: #f2f6f9; padding: 40px; height: 259px;}
	.what_is2 > div > div:nth-child(2) {background: #f2f6f9; padding: 40px; height: 259px;}
}

@media(min-width:1500px)
{
	#gnbwrap {right:0;}
	#gnbwrap #gnb .gnbinner > li > a {padding:0; font-size:16px;}
	#gnbwrap #gnb ul ul {}
	/*#gnbwrap #gnb ul ul#gnb2m3 {padding:15px 30px 15px 60px;; width:178px;}*/
	#gnbwrap #gnb ul ul li a {font-size:14px;}
	.con1 {margin-right:40px;}

	/* 현재 위치 표시 */
	.location_container {width:1200px;}

	/*안구건조클리닉*/
	.care .ww100 img {width: 100%;}
 	.care .care_step p {margin: 15px 0 0 0;}
	.care .care_step2 li {width:23%; margin-right:2.4%;}
	.care .care_step2 li:nth-child(2n) {margin-right: 2.4%;}
	.care .care_step2 li:nth-child(4) {margin-right: 0;}
	.care .lih .care_step li {height: 180px;}

	.care .device .care_step li {width: 30%; margin-right: 3%;}
	.care .device .care_step li:last-child {width: 31.333%; margin-right: 0;}
	.care .device .care_step li img {width: 100%;}
	.care .device .care_step li p.title {margin-top: 0;}

	.care .machine_info {padding:15px 0 0 0;}

	/* 안성형 클리닉 */
	.what_is1 > div > div:nth-child(2) {background: #f2f6f9; padding: 40px; height: 331px;}
	.what_is2 > div > div:nth-child(2) {background: #f2f6f9; padding: 40px; height: 331px;}

}