@charset "UTF-8";

/* 
Last Updated : 2016-07-11
Author       : amy
Version      : 1.0
*/

/* reset css */
html, body, ul, ol, dl, li, dt, dd, form, fieldset, legend {margin:0; padding:0; outline:0; border:0; background:transparent;}
h1, h2, h3, h4, h5, h6, p {margin:0; font-weight:normal;}
fieldset, img {border:0; vertical-align:middle;}
table {border-collapse:collapse; border-spacing:0; table-layout:fixed;}
caption, th, td {text-align:left; vertical-align:top; font-weight:normal;}
caption, legend {visibility:hidden; width:1px; height:1px; margin:0; padding:0; background:none; font-size:0; line-height:0; text-indent:-9999em}
label {display:none;}
body, input, textarea, select {font-size:12px;color:#555;line-height:1.5em; font-family:'nanumgothic', 'Noto Sans KR', dotum, Arial,Helvetica, sans-serif;}
ul, ol, dl, li {list-style:none;}
abbr, acronym {border-bottom: .1em dotted; cursor:help;}
a {color:inherit; text-decoration:none}
button {outline:0; border:0;}

/* Input Reset */
input[type="checkbox"]{margin:0; vertical-align:middle; margin-right:2px} 
input[type="radio"]{margin:0; vertical-align:middle; margin-right:2px}

/* Mobile Reset */
*{-webkit-text-size-adjust:none}
input[type="text"], input[type="password"], input[type="email"], input[type="search"], input[type="image"], input[type="tel"], input[type="number"], textarea{-webkit-appearance:none; -webkit-border-radius:0}
select {-webkit-border-radius:0;}

/* rayout css */
html,body{min-width:320px;  font-size:12px;}
body{width:100%; max-width:100%; font-family:dotum,Arial,Helvetica,sans-serif; color:#4f4f4f; }
#wrap {width:100%; max-width:100%; min-width:320px; height:100%; position:relative; padding-top:61px; padding-bottom:150px;}
#naver_dic_audio_controller {display:none;}

/* common CSS */
.text-hidden {overflow:hidden !important; clip:rect(1px, 1px, 1px, 1px) !important; position:absolute !important; width:1px !important; height:1px !important;}

/* header */
#header {width:100%; height:55px; overflow:hidden; text-align:center; box-shadow: 0 0 5px #888888; position:fixed; top:0; left:0; z-index:9999; background:#fff;}
#header img {height:55px;}
#header #gnb_area {float:left; height:55px; overflow:hidden;}
#header h1 {display:inline-block; height:55px;}
#header .call {float:right; height:55px; overflow:hidden; border-left:1px solid #d5d2d3;}

#contents  {width:100%; overflow:hidden; font-family:sans-serif; letter-spacing:-1px; font-size:14px; line-height:22px;}
.title_text {display:block; font-size:20px; font-weight:600; text-align:center; line-height:30px; margin:20px 0;}

.mainbnr {width:100%; overflow:hidden; margin-bottom:35px;}
.mainbnr img {width:100%;}

.event_main_title {display:block; font-size:20px; text-align:center; line-height:28px;  color:#862b65; margin-bottom:25px;}
.event_main_title2 {display:block; font-size:20px; text-align:center; line-height:28px;  color:#fff; margin-bottom:25px;}

.img_area {width:100%; overflow:hidden;}
.img_area img {width:100%;}
.bold {font-weight:600;}
.maincolor {color:#862b65}

.event_type01 {width:100%; overflow:hidden; box-sizing:border-box; padding:0 4%; margin-bottom:35px;}
.event_type01 ul {width:100%; overflow:hidden;}
.event_type01 ul li {width:48%; float:left; text-align:center; margin-bottom:20px;}
.event_type01 ul li:nth-child(odd) {margin-right:4%;}

.event_type02 {width:100%; overflow:hidden; box-sizing:border-box; padding:35px 4%; margin-bottom:35px; background:#f2f2f2;}
.event_type02 .event_type02_cont {overflow:hidden; padding-bottom:20px; margin-bottom:20px; border-bottom:1px dashed #b6b6b6;}
.event_type02 .event_type02_cont .symptom_wrap{overflow:hidden; background:url('/images/event/20180404/bg_event_type02.png') no-repeat center center; background-size:8%; margin-bottom:10px;}
.event_type02 .event_type02_cont .symptom {float:left; width:40%; text-align:center; color:#fff; border-radius:25px; height:35px; line-height:35px;}
.event_type02 .event_type02_cont .symptom.type01 {background:#545454; margin-right:20%;}
.event_type02 .event_type02_cont .symptom.type02 {background:#862b65;}
.event_type02 .event_type02_cont .symptom.type03 {background:#684679;}
.event_type02 .event_type02_cont .symptom.type04 {background:#413f6f;}

.event_type03 {width:100%; overflow:hidden; box-sizing:border-box; padding:0 4%; margin-bottom:35px;}
.event_type03 .event_type03_conts {width:100%; overflow:hidden; box-sizing:border-box; padding-left:50%; background:url('/images/event/20180404/bg_event_type03.png') no-repeat left top; background-size:45%; padding-bottom:20px}
.event_type03 .event_type03_conts p {margin-bottom:20px;}
.event_type03 .event_type03_list {width:100%; box-sizing:border-box; padding:4%; background:#f3e7ef; overflow:hidden;}
.event_type03 .event_type03_list li {float:left; width:50%; height:30px; line-height:30px; background:url('/images/event/20180404/bg_event_type03_list.png') no-repeat left center; padding-left:15px; box-sizing:border-box; background-size:8px;}

.event_type04, .event_type06, .event_type08 {width:100%; overflow:hidden; box-sizing:border-box; padding:35px 4%; background:#f2f2f2; margin-bottom:35px;}
.event_type05, .event_type07  {width:100%; overflow:hidden; box-sizing:border-box; padding:0 4%; margin-bottom:35px;}

.examination_title {width:100%; overflow:hidden; margin-bottom:20px; text-align:center}
.examination_title .price {display:block; font-size:18px; margin-bottom:10px;}
.examination_img_area {display:block; margin-bottom:20px;}
.examination_img_area img {width:100%;}
.examination_list {width:100%; overflow:hidden; border-top:2px solid #862b65;}
.examination_list li {box-sizing:border-box; background:url('/images/event/20180404/bg_examination_list.png') no-repeat 4% 16px; padding:10px 0; border-bottom:1px solid #cccccc; padding-left:8%; color:#545454} 

.event_type09 {width:100%; overflow:hidden; box-sizing:border-box; padding:0 4%; margin-bottom:15px;}
.event_type09 ul li {box-sizing:border-box; margin-bottom:20px; overflow:hidden;}
.event_type09 ul li .img_area {float:left; width:45%; margin-right:5%;}
.event_type09 ul li .text_area {float:left; width:50%; }
.event_type09 ul li .title {display:block; font-size:15px; font-weight:600; color:#862b65; margin-bottom:5px;}

.event_type10  {width:100%; overflow:hidden; box-sizing:border-box; padding:35px 0 0; background:#f2f2f2;}

.bnr_rolling {width:100%; overflow:hidden; box-sizing:border-box; position:relative;}
.bnr_rolling li {width:100%; overflow:hidden; box-sizing:border-box;}
.bnr_rolling li img {width:100%;}
.bnr_rolling .rollingbnr-pagination {position:absolute; bottom:3px; left:0; width:100%; text-align:center; overflow:hidden; z-index:99;}
.bnr_rolling .rollingbnr-pagination .swiper-pagination-bullet {width:10px; height:10px; box-sizing:border-box; background:#d1d1d1; opacity:1; margin:0 3px;}
.bnr_rolling .rollingbnr-pagination .swiper-pagination-bullet-active {background:#862b65;}

.branch_call {width:100%; overflow:hidden;background:#f2f2f2;}
.branch_call ul li {float:left; width:33.33%; height:57px; background:#f2f2f2; text-align:center; border-right:1px solid #cccccc;  border-bottom:1px solid #cccccc; box-sizing:border-box; padding:10px 0;}
.branch_call ul li:nth-child(3n) {border-right:0;}
.branch_call ul li .branch {display:block; font-weight:600; font-size:16px;}

/* 지점 전화번호 */
.branch_call_number {width:100%; overflow:hidden; position:fixed; top:55px; left:0; z-index:999;}
.branch_call_number ul {width:100%; overflow:hidden; background:rgba(0,0,0,0.5);}
.branch_call_number ul li {float:left; width:25%; background:#555555; color:#fff; text-align:center; border-right:1px solid #666666;  border-bottom:1px solid #666666; box-sizing:border-box; padding:10px 0;}
.branch_call_number ul li .branch {display:block;}


#advice_area {width:100%; overflow:hidden; position:fixed; bottom:0; left:0; z-index:999;}
#advice_area .form_area {width:100%; overflow:hidden; padding:4%; box-sizing:border-box; background:#862b65;}
#advice_area .form_area table {table-layout:fixed; width:100%;}
#advice_area .form_area table th {color:#fff; font-weight:600; padding:3px 0; vertical-align:middle;}
#advice_area .form_area table td {color:#fff; padding:3px 0; vertical-align:middle; line-height:25px;}
#advice_area .form_area table td input[type="text"] {width:100%; height:25px; box-sizing:border-box; border:none}
#advice_area .form_area table td select {width:100%; height:25px; background:#fff;}
#advice_area .form_area table td .callnumber {width:31.3%; height:25px; box-sizing:border-box; border:0}
#advice_area .form_area table td .bar{display:inline-block;text-align:center;width:3%;font-size:10px;}
#advice_area .form_area table td .person_infor_open {float:right; display:inline-block; height:25px; line-height:25px; padding:0 2%; background:#3e142e;}
#advice_area .form_area table td .bold {font-weight:600;}
#advice_area > button {width:100%; height:30px; background:#3e142e; line-height:30px; color:#fff;}

/* 개인정보취급방침 */
#person_infor_layer {width:100%; overflow:hidden; position:fixed; top:0; left:0; z-index:9999;}
#person_infor_layer .title {display:block; height:40px; background:#523d76; padding:0 4%; box-sizing:border-box; line-height:40px;}
#person_infor_layer .title img {height:14px;}
#person_infor_layer .person_infor_content {background:#fff; padding:4%; box-sizing:border-box;}
#person_infor_layer .person_infor_content .bold {display:block; font-size:14px; font-weight:600; margin-bottom:10px;}
#person_infor_layer .person_infor_content p {margin-bottom:10px;}
#person_infor_layer .person_infor_content ul {margin-bottom:10px;}
#person_infor_layer .person_infor_close  {display:block; height:30px; background:#333333; line-height:30px; color:#fff; text-align:center; font-weight:600;}

/* footer */
#footer {width:100%; display:inline-block; position:relative;}
#footer .copyright {width:100%; text-align:center; padding:10px 0; background:#cccccc; font-size:11px; }
#footer .copyright img {width:25%;}