/*m*/ .sub .tit01 { width: 100%; float: left; font-size: 21px; font-weight: 900; color: #B88F57; margin: 10px 0; text-align: center;} .sub .tit02 { font-size: 20px; margin-bottom: 12px; color: #222; font-weight: 600; } .sub .tit03 { padding: 5% 0; display: inline-block; font-size: 20px; line-height: 26px; } .subbottom .program { width: 100%; float: left; margin-top: 7%;} .subbottom .program > div { width: 100%; float: left; margin-top: 7px;} .subbottom .program .program_img { width: 100%; float: left; border-top: 2px solid #dddada;} .subbottom .program .program_img img { width: 100%; float: left; } .subbottom .program_text { width: 100%; float: left; padding: 15px; text-align: left; margin-bottom: 7px; background: #fafafa;} .subbottom .program_text .tit02 span { font-size: 22px; font-style: italic; font-weight: 900; color: #b88f57; font-family: 'NanumSquare';} .subbottom .program_text .subtext { width: 100%; float: left; line-height: 21px;} .sub .marginbottom { margin-bottom: 30px;} /*i 아이콘 있는 텍스트 박스 시작*/ .sub .information { width: 100%; float: left; border: 4px solid #B88F57; border-radius: 20px; position: relative; margin-top: 30px; padding: 35px 15px 20px 15px; } .sub .information > i { position: absolute; font-size: 32px; color: #B88F57; border-radius: 100%; top: -16px; left: 50%; margin-left: -15.5px; z-index: 2; } .sub .information > .iconBg { position: absolute; width: 30px; height: 30px; background-color: #FFF; border-radius: 100%; margin: 0 auto; top: -15px; left: 50%; margin-left: -15px; } .sub .information > p { width: 100%; float: left; text-align: left; font-size: 16px; color: #333; line-height: 24px; margin-bottom: 20px; } .sub .information > p:last-of-type { margin-bottom: 0; } .sub .information > p > b { font-size: 16px; font-weight: 600; line-height: 24px; } .sub .information > p > span { font-size: 16px; line-height: 24px; } .sub .information > p > .point { color: #B88F57; letter-spacing: } .sub .information > p.point { color: #B88F57; font-weight: 900; font-style:italic; font-size:18px; } /*.aboutmargin { margin-bottom: 10%;} i 아이콘 있는 텍스트 박스 끝*/ /*digest_01 소화기질환 기능성소화불량*/ .digest_01 .info_title{width: 100%; float: left; font-size: 19px; font-weight: 650; color: #57371f; margin-top: 7%;} .digest_01 .text_box{width: 100%; float: left; font-size: 15px; font-weight: 500; color: #666; line-height: 22px; background-color: #f7f4f1; margin-top: 4%; padding: 6% 4%;} .digest_01 .text_box > span{font-size: 15px; font-weight: 650; line-height: 22px;} .digest_01 .d01info2{margin-top: 3%;} .digest_01 .d01info3_1{margin-top: 3%;} .digest_01 .d01info4 _1{margin-top: 3%;} /*nerve_04 신경질환 가슴통증*/ .nerve_04 .text_box{width: 100%; float: left; font-size: 15px; font-weight: 500; color: #666; line-height: 22px; background-color: #f7f4f1; margin-top: 4%; padding: 6% 0;} .nerve_04 .text_box > span{font-size: 15px; font-weight: 650; line-height: 22px;} .nerve_04 .n04info3{margin-bottom: 3%;} /*nerve_05 신경질환 두근거림*/ .btch{font-family: "Gulim";} .nerve_05info3{margin-top: 4%; width: 100%; float: left;} .nerve_05info3 > ul{width: 100%; float: left; margin-top: 3%;} .nerve_05info3 > ul > li{width: 100%; float: left;} .nerve_05info3 > ul > .info03_bar{background-color: #89503d; color: #fff; border-top-left-radius: 10px; border-top-right-radius: 10px; font-size: 16px; font-weight: 650; padding: 2% 0;} .nerve_05info3 > ul > .info03_bar2{background-color: #df7c5d;} .nerve_05info3 > ul > .info03_box{border: 1px solid #ebebeb; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; font-size: 15px; font-weight: 500; line-height: 18px; padding: 5% 0;} .nerve_05info3 > ul > .info03_box > .info03_pp{font-size: 15px; font-weight: 650; line-height: 21px; margin-bottom: 2%;} /*nerve_02 신경질환 어지러증*/ .nerve_02 .m_contents .h3 { padding: 0 2%;} /*nerve_06신경질환 삼차신경통*/ .h5{width: 100%; float: left; font-size: 19px; font-weight: 500; line-height: 27px; margin-top: 4%;} .h5 .pp{font-size: 19px; font-weight: 650; line-height: 27px; margin-left: 1%;} .nerve_06 .m_contents .m_m{width: 100%; float: left; font-size: 14px; font-weight: 500; line-height: 22px; margin-top: 5%; color: #333333;} .nerve_06 .m_m .pp{font-size: 14px; font-weight: 650; line-height: 22px; margin-left: 1%;} .m_txtbox{width: 100%; float: left; background-color: #f8f4f1; padding: 3% 2%; margin-top: 5%;} .m_txtbox .txtbox_m{width: 100%; float: left; font-size: 15px; font-weight: 500; line-height: 23px;} .m_txtbox .txtbox_m .pp{font-size: 15px; font-weight: 650; line-height: 23px;} /*nerve_03 신경질환 불면증*/ .nerve_03 .m_contents .m_m{width: 100%; float: left; font-size: 15px; font-weight: 500; line-height: 23px; margin-top: 5%; color: #333333;} .nerve_03 .m_m .pp{font-size: 15px; font-weight: 650; line-height: 23px; margin-left: 1%;} .china{font-family: "바탕체";} /*nerve_07 신경질환 공황장애*/ .nerve_07 .m_contents .h3 b { font-size:18px; } .nerve_07 .m_contents .h3 .point_tt { font-size:18px; font-weight:800; } .nerve_07 .m_contents .h3 .point_color { color:#b88f57; } .nerve_07 .about_box { width:100%; float:left; margin-top:5%; border:2px solid #eeebe1; box-sizing:border-box; } .nerve_07 .about_box .box_title { width:50%; height:45px; background-color:#fff; border:2px solid #eeebe1; border-radius:30px; text-align:center; line-height:42px; font-weight:800; font-size:20px; position:absolute; top:0%; left:50%; transform:translate(-50%,-50%); } .nerve_07 .about_box .box_title .color_p { color:#b88f57; font-size:20px; } .nerve_07 .about_box .txt_Box { width:100%; float:left; padding:10% 7% 7% 7%; } .nerve_07 .about_box .txt_Box ul { width:100%; float:left; margin-top:3%; } .nerve_07 .about_box .txt_Box .check { width:7%; float:left; } .nerve_07 .about_box .txt_Box .check img { width:100%; float:left; } .nerve_07 .about_box .txt_Box .txt { width:91%; float:left; font-size:18px; text-align:left; margin-left:2%; } .nerve07_conbox { width:100%; float:left; } .nerve07_conbox .about_box { width:100%; float:left; border:2px solid #eeebe1; } .nerve07_conbox .about_box ul { width:100%; float:left; } .nerve07_conbox .about_box ul li { width:100%; text-align:center; margin-top:5%; } .nerve07_conbox .about_box ul li:first-child { margin-top:0%; } .nerve07_conbox .about_box .cbox { padding:7%; } .nerve07_conbox .about_box .cbox .n_con_img { width:100%; float:left; padding:0 20%; } .nerve07_conbox .about_box .cbox .n_con_img > img { width:100%; float:left; } .nerve07_conbox .about_box .cbox .n_con_tit { width:100%; float:left; padding:0 22%; } .nerve07_conbox .about_box .cbox .n_con_tit > p { width: 100%; height:40px; background-color:#f2ddc0; border-radius: 40px; line-height:40px; font-weight:700; font-size:18px; } .nerve07_conbox .about_box .cbox .n_con_tit .bg_color { background-color:#eddcaa; } .nerve07_conbox .about_box .cbox .n_con_txt { width:100%; float:left; line-height:22px; } .nerve07_conbox .care_box { width:100%; float:left; border:2px solid #eeebe1; border-radius:20px; margin-top:10%; } .nerve07_conbox .care_box ul { width:100%; float:left; } .nerve07_conbox .care_box ul li { width:100%; text-align:left; margin-top:5%; } .nerve07_conbox .care_box ul li:first-child { text-align:center; margin-top:0%; } .nerve07_conbox .care_box ul li:nth-child(3) { margin-top:2%; } .nerve07_conbox .care_box .cbox { padding:0 5%; top:-20px } .nerve07_conbox .care_box .cbox .n_con_img { width:100%; float:left; padding:0 25%; } .nerve07_conbox .care_box .cbox .n_con_img > img { width:100%; float:left; } .nerve07_conbox .care_box .cbox .t_bold { width:100%; float:left; margin-top:5%; font-size:20px; color:#8e5e1e; font-weight:700; } .nerve07_conbox .care_box .cbox .n_con_tt { width:100%; float:left; } .nerve07_conbox .care_box .cbox .n_con_txt { width:100%; float:left; background-color:#eeeeee; border-radius:5px; padding:5%; } .nerve07_conbox .care_box .cbox .n_con_txt > p { margin-top:3%; } .nerve07_conbox .care_box .cbox .n_con_txt > p:first-child { margin-top:0%; } /*cure_01 위강한약 위강탕*/ .title_box{width: 100%; float: left; background-color: #f7dbc1; padding: 1.5% 1.5%;} .title_box .line_box{width: 100%; float: left; border: 1px solid #ffffff; padding: 1% 1%;} .title_box .line_box > li{padding: 5% 5%; font-size: 24px; font-weight: 650;} .line_box > li > span{font-size: 16px; font-weight: 500; margin-left: 2%;} .m_3stepl { margin-bottom: 10%; } .m_3step{width: 100%; float: left; margin-top: 5%;} .m_3step > .m_img{width: 100%; float: left; margin: 0;} .m_3step > .text_box{width: 100%; float: left; font-size: 15px; font-weight: 500; line-height: 23px; background-color: #fbf5ef; padding: 4% 4%;} .m_3step .text_box .pp{font-size: 14px; font-weight: 650; line-height: 23px; margin-left: 1%;} .m_3step > .text_box > .white_box{width: 100%; float: left; font-size: 15px; font-weight: 650; line-height: 22px; background-color: #ffffff; padding: 5% 5%; margin-top: 4%; border-radius: 10px;} .m_3step > .tb2{background-color: #f6ede7;} .m_3step > .tit_b2{background-color: #d1a489;} .m_3step > .tb3{background-color: #ece6e3;} .m_3step > .tit_b3{background-color: #aa8c78;} /*cure_03 위강한약 위강공진단*/ .h6 {width: 100%; float: left; font-size: 17px; font-weight: 500; line-height: 25px; margin-top: 3%;} .h6 .pp { font-size: 17px; font-weight: 650; line-height: 25px; margin-left: 1%;} .m_bar{width: 100%; float: left; margin-top: 4%;} .m_bar > div{height: 15%; padding: 1% 0; border-radius: 10px; background-color: #faeede; width: 100%; float: left; font-size: 14px; font-weight: 500; line-height: 21px; margin-top: 1.5%;} .m_bar > div > .pp{font-size: 14px; font-weight: 650; line-height: 21px; margin-left: 1%;} .m_bar > .m_bar1{background-color: #eecfb2;} .m_bar > .m_bar2{background-color: #dfb89f;} .m_bar > .m_bar3{background-color: #ceaf9d;} .m_info{width: 100%; float: left; height: 30%; margin-top: 4%; background-color: #f7f4eb; padding: 0% 3% 9% 3%;} .m_info > img{width: 100%; float: left;} .m_info > .m_bar{height: 10%; padding: 1% 0; border: 1px solid #dcdcdc; border-radius: 10px; background-color: #ffffff; width: 100%; float: left; font-size: 13px; font-weight: 500; line-height: 23px; margin-top: 1.5%;} .m_info > .m_bar >.pp{font-size: 13px; font-weight: 650; line-height: 23px; margin-left: 1%;} /* cure_04 위강명방 위강슬림한약 */ .cure_04 .slim_function { width: 100%; float: left; margin: 8% 0 5%; } .cure_04 .slim_function ul { width: 100%; float: left; margin-bottom: 2%; } .cure_04 .slim_function ul li { width: 100%; float: left; background-color: #f5f5f5; text-align: center; padding: 5% 0; } .cure_04 .slim_function ul li:first-child { padding: 3% 0; font-weight: 700; font-size: 17px; border-top-left-radius: 5px; border-top-right-radius: 5px; } .cure_04 .slim_function ul li:last-child { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .cure_04 .slim_function ul li.sf_bg01 { background-color: #754c2e; color: #fff; } .cure_04 .slim_function ul li.sf_bg02 { background-color: #b88f57; color: #fff; } .cure_04 .slim_function ul li p { width: 290px; margin: 0 auto; text-align: left; font-size: 17px; padding-bottom: 1%; } .cure_04 .slim_function ul li p:last-child { padding-bottom: 0;} .cure_04 .slim_function ul li p > span { font-weight: 600; font-size: 17px; } .cure_04 .slim_con{ width: 100%; float: left; margin-top: 8%; } .cure_04 .slim_con ul { width: 100%; float: left; margin-bottom: 5%; } .cure_04 .slim_con ul :last-child { margin-bottom: 0; } .cure_04 .slim_con ul li { width: 100%; float: left; text-align: center; } .cure_04 .slim_con ul li.slim_img > img { width: 100%; float: left; } .cure_04 .slim_con ul li.slim_tit { font-weight: 600; padding: 2% 0; } .cure_04 .slim_con ul li.titbg01 { background-color: #fcecd6; } .cure_04 .slim_con ul li.titbg02 { background-color: #efdcc1; } .cure_04 .slim_con ul li.titbg03 { background-color: #e2c9a7; } .cure_04 .slim_con ul li.slim_tit > span { color: #894d21; font-weight: 600; } .cure_04 .slim_con ul li.slim_txt { border: 1px solid #ebebeb; font-size: 14px; padding: 5%; line-height: 22px; word-break: keep-all; } .cure_04 .slim_con ul li.slim_txt > span { font-weight: 600; font-size: 14px; } .cure_04 .slim_method { width: 100%; float: left; } .cure_04 .slim_method table { text-align: center; } .cure_04 .slim_method table tr td { border: 1px solid #fff; } .cure_04 .slim_method .method_01 tr:first-child { background-color: #764c2f; color: #fff; } .cure_04 .slim_method .method_02 tr:first-child { background-color: #b88f57; color: #fff; } /*counsel_05 상담&예약 지점별온라인예약*/ .counsel_05 .reservation_menu{width: 100%; float: left; background-color: #f7f4f1; padding: 4% 3%; margin: 5% 0;} .counsel_05 .reservation_menu > div{width: 98%; float: left; margin-left: 1%;} .counsel_05 .reservation_menu > div > ul{width: 100%; float: left;} .counsel_05 .reservation_menu > div > ul > li{width: 33.33%; float: left; padding: 1px;} .counsel_05 .reservation_menu > div > ul > li > .sido_pick { background-color: #b88f57 !important; font-weight: 650; color: #fff !important; } .counsel_05 .reservation_menu > div > ul > li > span{width: 100%; display: inline-block; height: 40px; line-height: 40px; text-align: center; background-color: #fff; cursor: pointer; font-size: 14px; font-weight: 500; color: #333;} .counsel_05 .reservation_place{width: 98%; float: left; background-color: #fff; padding: 7% 2%; margin: 0 0 3% 1%; box-shadow: 0px 1px 7px 1px rgba(0, 0, 10, 0.1);} .counsel_05 .reservation_place > div{width: 100%; float: left;} .counsel_05 .reservation_place > div > img{width: 100%; max-width: 100%; float: left;} .counsel_05 .reservation_place > .rv_txt > .txt_info{width: 55%; float: left; text-align: left;} .counsel_05 .reservation_place > .rv_txt > .txt_info > .place{width: 100%; font-size: 25px; font-weight: 800; color: #9f7337;} .counsel_05 .reservation_place > .rv_txt > .txt_info > .adress{width: 100%; font-size: 13px; font-weight: 500; color: #666; padding-top: 2%;} .counsel_05 .reservation_place > .rv_txt > .icon_button{width: 45%; float: left;} .counsel_05 .reservation_place > .rv_txt > .icon_button > li{width: 33.33%; float: left;} .counsel_05 .reservation_place > .rv_txt > .icon_button > li > a > img{width: 100%; max-width: 100%; float: left;} .counsel_05 .reservation_place > .rv_txt > .icon_button > li > img{width: 100%; max-width: 100%; float: left;} .counsel_05 .reservation_place > .rv_img{padding-top: 4%;} .counsel_05 .reservation_menu > div > ul > select{width: 100%; float: left; padding: 5% 1%; font-size: 16px; font-weight: 500; color: #333; background-color: #fff;} /*30대 남자 가방 브랜드*/ .counsel_01 .h2{width: 100%; float: left; font-size: 18px; font-weight: 500; line-height: 26px; margin-top: 2%;} .counsel_01 .online_l{width: 100%; float: left; border-top: 1px solid #cccccc; margin-top: 5%;} .online_menu{width: 100%; float: left; margin-top: 5%; padding: 0 2%;} .online_menu > select{width: 100%; float: left; border: 1px solid #b88f57; padding: 3% 2%; text-align: left; font-size: 16px; font-weight: 500; color: #666666;} .counsel_01 .onlinelist_0 { width: 100%; float: left; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin-top: 8%; padding: 2% 2% 2% 2%;} .counsel_01 .onlinelist_0 ul { width: 100%; float: left; } .counsel_01 .onlinelist_0 ul li { width: 100%; float: left; padding: 3% 0 3% 0; } .counsel_01 .onlinelist_0 ul:not(:last-child) li { border-bottom: 1px solid #ededed;} /*.counsel_01 .onlinelist_0 ul:last-child li:not(:last-child) { border-bottom: 1px solid #ededed;}*/ .counsel_01 .onlinelist_0 ul li img { width: auto !important; float: left; padding-left: 4%;} .counsel_01 .onlinelist_0 ul li p:first-child { width: 80%; text-align: left; float: left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .counsel_01 .onlinelist_0 ul .answer p { width: 51% !important; text-align: left; float: left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .counsel_01 .onlinelist_0 ul li:first-child span { display: inline-block; font-size: 15px; color: #ccc; text-align: right;} .counsel_01 .onlinelist_0 ul .answer span { display: inline-block; font-size: 15px; color: #ccc; width: 39%; text-align: right; } .counsel_01 .online_list{width: 100%; float: left; margin-top: 3%; padding: 0 2%;} .list1{width: 100%; float: left; padding: 2% 2%; border-bottom: 1px solid #cccccc; border-top: 5px solid #b88f57;} .list2{width: 100%; float: left; padding: 2% 2%; border-bottom: 1px solid #cccccc;} .list1 > ul{width: 100%; float: left;} .list_box > li{color: #ffffff; font-size: 13px; font-weight: 650; padding: 2% 2%;} .list_box > .place1{width: 30%; float: left; background-color: #696461;} .list_box > .place2{width: 30%; float: left; background-color: #959595; margin-left: 2%;} .list2 > .list_box > .state{} .list_box > .state{} .state1 { background-color: #603913; width: 27%; float: right; border-radius: 20px; } .state2 { background-color: #ff9900; width: 27%; float: right; border-radius: 20px; } .list_symptom{width: 100%; float: left; margin-top: 3%;} .list_symptom > .symptom{width:100%; float: left; text-align: left;} .symptom > span {max-width: 70%; font-size: 18px; font-weight: 500; display: inline-block; vertical-align: middle; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle;} .symptom > img{width: 4%; vertical-align: middle;} .list_date{width: 100%; float: left; margin-top: 2%;} .list_date > .date{width: 30%; float: left; text-align: left; font-size: 15px; font-weight: 500; color: #666666;} .list_date > .line{width: 1px; height: 15px; float: left; background-color: #cccccc;} .list_date > .who{width: 69%; float: left; font-size: 13px; font-weight: 500; color: #4b87d1; text-align: right;} .number_box{width: 100%; float: left; margin-top: 5%; text-align:center;} .number_box ul{display:inline-block;} .number_box ul > li{width: 25px; height: 25px; float: left; border: 1px solid #666666; font-size: 14px; font-weight: 650; margin: 0 3px; line-height: 25px;} .search_box{width: 100%; float: left; margin-top: 5%; background-color: #ebebeb; padding: 5% 3%;} .search_box select{width: 20%; padding: 4% 3%; border:none; background-color: #ffffff; color:black;} .search_box input{width: 40%; padding: 4% 3%; border:1px solid transparent; background-color: #ffffff;} .search_box button{width: 20%; padding: 3% 1%; background-color: #acacac; font-size: 20px; font-weight: 530; color: #ffffff; margin-left: 1%;} .search_box > ul{width: 100%; float: left;} .search_box > ul > li{width: 100%; float: left;} .apply_box{width: 100%; float: left; margin-top: 10%;} .apply_box > a{background-color: #b88f57; padding: 3% 20%; font-size: 20px; font-weight: 530; color: #ffffff; display:inline-block; vertical-align: top;} /*about_01_1 - 인사말&의료진소개*/ .hug_greet{width: 100%; float: left; padding: 0 12px;} .dr_greet{width: 100%; float: left; background-image: url("/m/images/dr_greet.png"); background-size: contain; margin-top: 10%; padding: 9% 1% 0 1%; background-repeat: no-repeat;} .dr_greet > ul{width: 100%; float: left;} .dr_greet > ul > li{width: 100%; float: left; text-align: left;} .dr_greet > .dg_1 > li{font-size: 15px; font-weight: 500; color: #333;} .dr_greet > .dg_1 > .title{font-size: 18px; font-weight: 650; color: #333;} .dr_greet > .dg_1 > .title > span{font-size: 18px; font-weight: 650; color: #b88f57;} .dr_greet > .dg_2{padding-top: 31%;} /*.dr_greet > .dg_2 > li > p{font-size: 15px; font-weight: 500; color: #333; line-height: 25px;}*/ .dr_greetm{width: 100%; float: left; margin-top: 20%;} .dr_greetm > ul{width: 100%; float: left;} .dr_greetm > ul > li{width: 100%; float: left; text-align: right; font-size: 15px; font-weight: 650; color: #b88f57;} .dr_histo{width: 100%; margin: 0 auto; padding: 0 12px;} .dr_histo .area{width: 100%; float: left;} .dr_histo .area > .area_title{width: 40%; margin: 0 auto; background-color: #b88f57; padding: 1.5% 0; border-radius: 50px; margin-top: 10%; margin-bottom: 5%;} .dr_histo .area_title > p{text-align: center; font-size: 18px; font-weight: 650; color: #fff;} .dr_histo .area > .doctor{width: 100%; float: left; margin-top:25px; padding: 15px; position: relative; } .dr_histo .area > .doctor > .profileBGWrap { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-image: url(/images/dr_profile_pattern.jpg); } .dr_histo .area > .doctor > .profileInfoWrap { width: 100%; float: left; background-color: #FFF; } .dr_histo .area > .doctor div{float: left; position: relative; z-index: 2; } .dr_histo .area > .doctor .people > img{float: left; max-width:100%;} .dr_histo .area > .doctor .people{ width: 100%; border: 1px solid #EBEBEB; } .dr_histo .area > .doctor .histo{ width: 100%; background-color: #FFF; padding: 5% 5%; } .dr_histo .area > .doctor .histo > ul{width: 100%; float: left;} .dr_histo .area > .doctor .histo > .sub_area { border-bottom: 1px solid #EBEBEB; padding-bottom: 5%; } .dr_histo .area > .doctor .histo > .sub_area > .doctor_name { width: 70%; float: left; font-size: 24px; font-weight: 500; color: #333; padding-top: 1%; } .dr_histo .area > .doctor .histo > .sub_area > .doctor_name > span { font-size: 24px; font-weight: 650; color: #333; padding-right: 1.5%; } .dr_histo .area > .doctor .histo > .sub_area > .doctor_area { width: 30%; float: right; background-color: #b88f57; text-align: center; font-size: 18px; font-weight: 650; color: #fff; padding: 2% 1%; } .dr_histo .area > .doctor .histo > .sub_area > li > span{font-size: 13px; font-weight: 500; color: #d4bea3; font-family: "Noto Sans KR"; line-height: 22px;} .dr_histo .area > .doctor .histo > .sub_histo { width: 100%; float: left; padding: 3% 0; } .dr_histo .area > .doctor .histo > .sub_histo > li{width: 100%; float: left; text-align: left; font-size: 16px; font-weight: 500; color: #666; line-height: 25px;} .dr_histo .area > .doctor .histo > .sub_histo > .doctor_br{font-family: "KoreanDREAM1R"; letter-spacing: -1px;} /* .dr_histo .area > .doctor .histo > .sub_histo > .doctor_name{font-size: 20px; font-weight: 500; color: #333; padding-bottom: 10px; border-bottom: 1px solid #EBEBEB; margin-bottom: 10px; } .dr_histo .area > .doctor .histo > .sub_histo > .doctor_name > span{font-size: 20px; font-weight: 650; color: #333;} .dr_histo .area > .doctor > .histo > .sub_histo2 > ul{width: 100%; float: left; padding-top: 2%;} .dr_histo .area > .doctor > .histo > .sub_histo2 > ul > li{float: left; text-align: left; font-size: 12.5px; font-weight: 500; color: #333; line-height: 15px;} .dr_histo .area > .doctor > .histo > .sub_histo2 > ul > li:nth-child(1){width: 2%;} .dr_histo .area > .doctor > .histo > .sub_histo2 > ul > li:nth-child(2){width: 98%; padding-left: 4%;}*/ .subbottom .textbox { width: 100%; float: left; border: 1px solid #d7d7d7;} .subbottom .textbox p { font-size: 18px; line-height: 26px; padding: 5% 2%;} .subbottom .textbox p span { font-size: 18px; font-weight: 550;} .subbottom .textbox > span { font-size: 20px; font-weight: 550; color: #b88f57;} /*about_04*/ .about_04 .h3 { margin-bottom: 7%; } .about_04 .mimg { width: 100%; float: left; margin-top: 5%;} .about_04 .mimg img { width: 100%; float: left;} /*about_03*/ .about_03 .mimg { width: 100%; float: left; margin-top: 3%;} .about_03 .mimg img { width: 100%; float: left;} .about_03 .subtop .titleround { width: 100%; float: left; margin-top: 50px;} .about_03 .subtop .titleround p { width: 80%; margin: 0 auto; background: #43301F; border-radius: 50px; color: #fff; font-size: 17px; padding: 11px 0 11px;} .about_03 .subbottom table { width: 100%; float: left; margin-top: 10%; margin-bottom: 10%;} .about_03 .subbottom table td { border: 1px solid #ccc; padding: 10px 0 10px;} .about_03 .subbottom table .tabletitle { font-size: 17px; font-weight: 600; background: #ededed; color: #444; } /*phlegm_02*/ .phlegm_02 .stepWrap > ul > li > .conWrap { background: #fef8ed; padding: 5%; border-radius: 20px 20px 0 0; margin-top: 0;} .phlegm_02 .stepWrap > ul > li > .diseaseWrap { width: 100%; float: left; margin-top: 5px; background: #faeeda; padding: 6%; border-radius: 0 0 20px 20px;} .phlegm_02 .stepWrap > ul > li > .diseaseWrap > .tit { font-size: 18px; font-weight: bold; color: #B88F57; } .phlegm_02 .stepWrap > ul > li > .diseaseWrap > .line > span { display: inline-block; width: 20px; height: 1px; background-color: #B88F57;} .phlegm_02 .stepWrap > ul > li > .diseaseWrap > .name { font-weight: bold; color: #555;} .phlegm_02 .phlegm_02_img { width: 100%; float: left; margin-top: 6%;} .phlegm_02 .phlegm_02_img img { width: 100%; float: left;} /*phlegm_03_p 자가진단테스트 팝업*/ .phlegm_03 form { width: 100%; float: left; } .phlegm_popup { width: 100%; float: left; padding: 5% 0; } .testpopup_bg{background-color: rgba( 0, 0, 0, 0.7 ); position: fixed; left: 0; top: 0; width: 100%; z-index: 1;} .test_popup { background-image: url("/m/images/tttt.png"); background-repeat: no-repeat; background-color:#fff; background-size: 35%; background-position: top right; border-radius: 10px; width: 100%; float: left; border: 1px solid #B88F57; } .test_popup > div{width: 100%; float: left; } .test_popup > div > div{width: 100%; float: left;} .test_popup > div > ul{width: 100%; float: left;} .test_popup > div > ul > li{width: 100%; float: left;} .test_popup > .x_button{padding: 3.5% 4% 0 0;} .test_popup > .x_button > ul{float: right; border: 1px solid #ccc; border-radius: 50%; width: 30px; height: 30px;} .test_popup > .x_button > ul > li{text-align: center;} .test_popup > .x_button > ul > li > a{font-size: 20px; color: #ccc; line-height: 30px;} .test_popup > .title{border-bottom: 1px solid #b88f57; padding-bottom: 5%;} .test_popup > .title > p{width: 100%; float: left; text-align: center; font-size: 30px; font-weight: 650; color: #333;} .test_popup > .title > p > span{font-size: 30px; font-weight: 800; color: #aa7e34;} .test_popup > div > .number{padding-top: 10%;} .test_popup > div > .number > P{font-size: 55px; font-weight: 800; color: #e3d4c4; text-align: center; line-height: 60px;} .test_popup > div > .number > p > span{font-size: 18px; font-weight: 500; color: #e3d4c4; } .test_popup > div > .question{padding-bottom: 6%;} .test_popup > div > .question > P{font-size: 20px; font-weight: 650; color: #333; text-align: center; line-height: 25px; padding: 0 5%;} .test_popup > div > .answer{width: 90%; padding: 3% 0 8% 0; margin: 0 5%;} .test_popup > div > .answer > ul{width: 100%; float: left; padding-top: 5%;} .test_popup > div > .answer > ul > li:nth-child(1){width: 40%; float: left;} .test_popup > div > .answer > ul > li:nth-child(1) > input{width: 40px; height: 25px; float: right;} .test_popup > div > .answer > ul > li:nth-child(2){width: 60%; float: left; font-size: 25px; font-weight: 500; color: #333; text-align: left; line-height: 20px; padding-left: 15px;} .test_popup > .button{width: 100%; float: left; padding: 5% 5%;} .test_popup > .button > ul{width: 100%; float: left} .test_popup > .button > ul > li{width: 100%; float: left;} .test_popup > .button > ul > li > a{width: 100%; float: left; background-color: #31271e; font-size: 20px; font-weight: 650; color: #fff; padding: 3% 0; text-align: center; border-radius: 10px; box-shadow: 4px 5px 1px rgba(0, 0, 0, 0.22);} .test_popup > .button2{width: 100%; float: left; padding: 5% 5%;} .test_popup > .button2 > ul{width: 100%; float: left} .test_popup > .button2 > ul > li{width: 100%; float: left;} .test_popup > .button2 > ul > li > a {width: 70%; float: left; background-color: #AA7E35; font-size: 20px; font-weight: 650; color: #fff; padding: 15px 0; text-align: center; border-radius: 10px; box-shadow: 4px 5px 1px rgba(0, 0, 0, 0.22); margin: 0 15%; } .test_popup > .page_number > p{width: 100%; float: left; text-align: right; color: #ccc; font-size: 17px; font-weight: 650; padding: 15px 20px; } .test_popup > .page_number > p > span{color: #ccc; font-size: 17px; font-weight: 500;} /*phlegm_03_p2 자가진단테스트 결과 팝업*/ .phlegm_popup2{display: block; position: absolute; left: 0; right: 0; z-index: 99; width: 100%; float: left; top: 0; height: 100%; } .phlegm_popup2 form { position: absolute; width: 100%; } .testpopup_bg{background-color: rgba( 0, 0, 0, 0.7 ); position: fixed; left: 0; top: 0; width: 100%; height: 1200px; z-index: 1;} .result_popup{ top: -90%; position: absolute; left: 0; width: 90%; z-index: 2; background-image: url("/m/images/tttt.png"); background-repeat: no-repeat; background-color:#fff; background-size: 35%; background-position: top right; border-radius: 10px; margin: 0 5%; } .result_popup > div{width: 100%; float: left; padding: 0 5%;} .result_popup > div > div{width: 100%; float: left;} .result_popup > div > ul{width: 100%; float: left;} .result_popup > div > ul > li{width: 100%; float: left;} .result_popup > .x_button{padding: 3.5% 4% 0 0;} .result_popup > .x_button > ul{float: right; border: 1px solid #ccc; border-radius: 50%; width: 30px; height: 30px;} .result_popup > .x_button > ul > li{text-align: center;} .result_popup > .x_button > ul > li > a{font-size: 20px; color: #ccc; line-height: 30px;} .result_popup > .title{border-bottom: 1px solid #b88f57; padding-bottom: 5%;} .result_popup > .title > p{width: 100%; float: left; text-align: center; font-size: 30px; font-weight: 650; color: #333;} .result_popup > .title > p > span{font-size: 30px; font-weight: 800; color: #aa7e34;} .result_popup > div > .abc{width: 90%; float: left; position: absolute; top: 6.5%; z-index: 1; text-align: center;} .result_popup > div > .abc > P{font-size: 55px; font-weight: 800; color: #e3d4c4; text-align: center; line-height: 60px; background-color: #fff; width: auto; display: inline-block; vertical-align: top;} .result_popup > div > .title { width: 100%; float: left; font-size: 24px; color: #AB7C34; font-weight: 900; } .result_popup > div > .result{width: 100%; padding: 12% 3%; position: relative; border: 1px solid #e1e1e1; border-radius: 10px; background-color: #fff; margin-top: 15px; } .result_popup > div > .result > P{font-size: 16px; font-weight: 500; color: #444; text-align: center; font-family: "Noto Sans KR"; line-height: 23px;} .result_popup > div > .table{margin-top: 10%;} .result_popup > div > .table > p{font-size: 18px; font-weight: 650; color: #333; text-align: left; padding-bottom: 2.5%;} .result_popup > div > .table > table{width: 100%; table-layout: fixed; margin: 0 auto; border-top: 1px solid #333;} .result_popup > div > .table > table > tbody > tr > td{padding: 4% 0;} .result_popup > div > .table > table > tbody > .big_tr{height: 140px;} .result_popup > div > .table > table > tbody > tr > td:nth-child(1){background-color: #ebebeb; font-size: 16px; font-weight: 500; color: #333; text-align: center; border-bottom: 1px solid #fff;} .result_popup > div > .table > table > tbody > tr > td:nth-child(2){border-bottom: 1px solid #ebebeb; padding-left: 10px;} .result_popup > div > .table > table > tbody > tr > td > select{width: 97%; float: left; border: 1px solid #ebebeb; padding: 3% 0 3% 2%; font-size: 17px; color: #555;} .result_popup > div > .table > table > tbody > tr > td > input{width: 97%; float: left; border: 1px solid #ebebeb; padding: 3% 0 3% 3%; font-size: 15px; color: #666; font-family: "Noto Sans KR";} .result_popup > div > .table > table > tbody > tr > td > textarea{width: 97%; height: 125px;float: left; border: 1px solid #ebebeb; padding: 3% 0 3% 3%; font-size: 15px; color: #666; font-family: "Noto Sans KR";} .result_popup > .button{margin: 10% 0 12% 0; } .result_popup > .button > ul{width: 100%; margin: 0 auto;} .result_popup > .button > ul > li{width: 100%; float: left;} .result_popup > .button > ul > li > a {width: 70%; float: left; background-color: #AA7E35; font-size: 20px; font-weight: 650; color: #fff; padding: 20px 0; text-align: center; border-radius: 10px; box-shadow: 4px 5px 1px rgba(0, 0, 0, 0.22); margin: 0 15%; } input::-webkit-input-placeholder { color: #ccc; font-size: 14px; } input:-ms-input-placeholder { color: #ccc; font-size: 14px; } textarea::-webkit-input-placeholder { color: #ccc; font-size: 14px; } textarea:-ms-input-placeholder { color: #ccc; font-size: 14px; } /*phlegm_03*/ .phlegm_03 .con3{width: 100%; float: left; border-top: 1px solid #d7d7d7; padding-top: 50px; margin: 10% 0 5% 0;} .phlegm_03 .con3 > ul{width: 80%; margin: 0 auto;} .phlegm_03 .con3 > ul > li{width: 100%; float: left; } .phlegm_03 .con3 > ul > li > a{width: 100%; float: left; font-size: 22px; font-weight: 650; padding: 6% 0; background-color: #b88f57; color: #fff; border-radius: 30px; box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.61);} /*phlegm_04*/ /* .subtop .QnA { width: 100%; float: left; } .subtop .QnA ul { width: 90%; display: table; background: #EED2AB; border-radius: 20px; text-align: center;} .subtop .QnA ul li { font-size: 17px; font-weight: 600; color: #333; display: table-cell; vertical-align: middle;} .subtop .QnA ul li span { width: 100%; height: auto; display: inline-block; border-radius: 50%; background: #B88F57; font-size: 17px; line-height: 17px; font-weight: 600; color: #fff; } .subbottom .infobox { width: 100%; float: left; margin-top:10%; padding: 0 3%; background: #f7f4eb; padding-bottom: 7%;} .subbottom .infobox ul { width: 100%; margin: 0 auto;} .subbottom .infobox ul li:nth-child(2) { width: 100%; float: left; font-size: 21px; margin-top: 3%; font-weight:650;} .subbottom .infobox ul li:last-child { width: 100%; float: left; background: #fff; border-radius: 10px; margin: 3% 0; padding: 4% 3%; line-height: 18px;} */ .sub div .phlegm_qnaWrap { width: 100%; float: left; background-color: #F3F3F3; border-radius: 20px; padding: 10% 7%; padding-bottom: calc(130px + 10%); margin-bottom: 160px; margin-top: 15%;} .phlegm_04 .qnaWrap > .titWrap { width: 100%; float: left; text-align: center; } .phlegm_04 .qnaWrap > .titWrap > p { width: 100%; float: left; text-align: center; } .phlegm_04 .qnaWrap > .titWrap > .icon { margin-bottom: 10px; } .phlegm_04 .qnaWrap > .titWrap > .icon > span { display: inline-block; padding: 10px 30px; font-size: 24px; font-weight: 900; color: #FFF; border-radius: 30px; background-color: #B88F57; } .phlegm_04 .qnaWrap > .titWrap > .con { font-size: 26px; font-weight: 900; color: #333; line-height: 32px; } .phlegm_04 .qnaWrap > .titWrap > .con > .point { font-size: 26px; font-weight: 900; color: #B88F57; line-height: 32px; } .phlegm_04 .qnaWrap > .conWrap { width: 100%; float: left; } /*.phlegm_04 .qnaWrap > .conWrap > p { width: 100%; float: left; text-align: center; font-size: 18px; line-height: 30px; color: #666; margin-top: 20px; }*/ /*.phlegm_04 .qnaWrap > .conWrap > p > .point { font-weight: bold; color: #B88F57; font-size: 18px; line-height: 30px; }*/ .phlegm_04 .qnaWrap > .imgWrap { position: absolute; width: 100%; bottom: -130px; left: 0; text-align: center; } .phlegm_04 .qnaWrap > .imgWrap > img { height: 260px; } .phlegm_04 .subbottom .h1 { width: 100%; float: left; font-size: 28px; line-height: 130%; font-weight: 800; color: #333333; text-align: center;} .phlegm_04 .subbottom .h1 .point {font-size: 28px; font-weight: 800; color: #b88f57; margin-left: 1%;} .phlegm_04 .subbottom > div { width: 100%; float: left;} .phlegm_04 .subbottom > div .phlegm_textbox1 { width: 100%; float: left; background: #f7dbc1; padding: 10px; margin-top: 20px;} .phlegm_04 .subbottom > div .phlegm_textbox2 { width: 100%; float: left; background: #d1a489; padding: 10px; margin-top: 20px;} .phlegm_04 .subbottom > div .phlegm_textbox3 { width: 100%; float: left; background: #aa8c78; padding: 10px; margin-top: 20px;} .phlegm_04 .subbottom > div .wline div { width: 99%; margin: 0 auto; border: 1px solid #fff; } .phlegm_04 .subbottom > div .wline div p { width: 100%; font-size: 22px; padding: 11px 0; font-weight: 600;} .phlegm_04 .subbottom > div .wline div p span { font-size: 17px; font-weight: 500;} .phlegm_04 .subbottom > div .m_photo img { width: 100%; float: left;} .phlegm_04 .subbottom > div .bottombox { float: left; background: #f6ede7;padding: 20px 15px; } .phlegm_04 .subbottom > div .bottombox .boldfont { font-weight: 600; font-size: inherit; } .phlegm_04 .subbottom > div .bottombox .wbox { display: inline-block; width: 99%; background: #fff; font-weight: 600; font-size: inherit; padding: 15px 15px; border-radius: 20px; margin-top: 10px;} .phlegm_04 .sublast .h1 { width: 100%; float: left; font-size: 28px; line-height: 130%; font-weight: 800; color: #333333; text-align: center;} .phlegm_04 .sublast .h1 .point {font-size: 28px; font-weight: 800; color: #b88f57; margin-left: 1%;} .phlegm_04 .sublast .list { width: 100%; float: left;} .phlegm_04 .sublast .list .subtitle { display: inline-block; font-size: 21px; padding: 15px 0 7px 0; font-weight: 600;} .phlegm_04 .sublast .list .content { font-size: 15px; line-height: 21px;} /*digest_02*/ .digest_02 .subtop .text { width: 100%; float: left; background: #F7F4F1; padding: 4% 3%; font-size: 15px; line-height: 22px; color:#666666; margin-top: 10%;} .digest_02 .submiddle2 .text { width: 100%; float: left; padding: 5%; background: #F7F4EB; border-radius: 10px; margin-top: 5%; line-height: 23px; font-size: 17px;} /*digest_03*/ .digest_03 .subtop .con1info p { width: 100%; float: left; font-size: 25px; font-weight: 800; margin-bottom: 8%; margin-top: 8%;} .digest_03 .subtop .con1info p span { color: #b88f57; font-size: inherit;} .digest_03 .subtop .con1info .info { width: 100%; float: left; border: 1px solid #dedede; border-radius: 10px; margin-bottom: 7%;} .digest_03 .subtop .con1info .infodiv1 .backcolor { width: 16px; height: 290px; float: left; background: #db977a; border-radius: 10px;} .digest_03 .subtop .con1info .infodiv2 .backcolor { width: 16px; height: 263px; float: left; background: #c87b5f; border-radius: 10px;} .digest_03 .subtop .con1info .info .m_img { width: 80%; float: left; margin-top: 4%; margin-left: 7%;} .digest_03 .subtop .con1info .info .m_img img { width: 100%; float: left;} .digest_03 .subtop .con1info .info .text { width: 80%; float: left; margin-left: 7%; margin-bottom: 4%; line-height: 20px;} .digest_03 .subtop .con1info .info .text .title { display: inherit; font-size: 15px; margin-bottom: 4%; font-weight: 600; margin-top: 4%;} .digest_03 .subtop .con1info .info .text .bold { font-weight: 600;} .digest_03 .submiddle1 .textbox { width: 100%; float: left; color: #333; font-size: 17px; line-height: 24px; background: #f7f4f1; border-radius: 10px; padding: 4% 0; margin-top: 8%;} .digest_03 .submiddle1 .textbox span { font-size: inherit; font-weight:600;} .digest_03 .digest03_img { width: 100%; float: left; margin-top: 7%;} .digest_03 .digest03_img img { width: 95%; text-align: center;} /*.digest_04*/ /*.digest_04 .m_contents .h3 { padding: 0 2%;}*/ .digest_04 .m_contents .m_subtitleanal01 { padding: 0 2%; } /*mouth_01*/ .mouth_01 .smallfont {float: left; font-size: 15px; letter-spacing: -1.5px; color: #d93535; text-align: left; padding-top: 7px; } /*mouth_02*/ .mouth_02 .tit01, .nerve_03 .tit01 { padding-top: 2%; color: #fff !important; background: #B88F57 !important; padding-bottom: 2% !important; margin: 12px 0 0 0;} .mouth_02 .tit01_img, .nerve_03 .tit01_img { width: 100%; float: left;} .mouth_02 .tit01_img img, .nerve_03 .tit01_img img { width: 100%; float: left;} .mouth_02 .submiddle .box { width: 100%; float: left;} /*.mouth_02 .submiddle .box p { width: 90%; float: left; background: #fdeede;}*/ .mouth_02 .submiddle .box li:last-child { width: 100%; float: left; background: #faeede; padding: 5% 5%; line-height: 20px;} /*mouth_03*/ .mouth_03 .submiddle .box { width: 100%; float: left;} .mouth_03 .submiddle .box li:last-child { width: 100%; float: left; background: #faeede; padding: 5% 5%; line-height: 21px; text-align: left;} /*mouth_04*/ /*mouth_05*/ .mouth_05 .submiddle1 .text { width: 100%; float: left; font-size: 11px; padding-top: 3%;} /*about_05*/ .about_03 .top ul { width: 100%; display: table;} .about_03 .top ul li { width: 100%; font-size: 30px; font-weight: 800; color: #9C7136; padding:0 1%; } .about_03 .subtop ul { width: 100%; float: left; margin-bottom: 10%; border: 1px solid #D7D7D7;} .about_03 .subtop ul li { width: 50%; float: left; border-right: 1px solid #D7D7D7; padding: 4% 4%; font-size:15px;} /*33.33*/ .about_03 .subtop ul li.active { background-color:#9C7136; color:white; font-weight: 800; } .about_03 .subtop ul li a { font-size: 16px;} .about_03 .subtop ul li:last-of-type { border-right:0;} .about_03 .subtop .abouth1 { font-size: 24px; font-weight: 600; line-height: 32px; margin-bottom: 6%; width:100%; float:left; padding:0 6%;} .about_03 .subtop .text { font-size: 13.5px; line-height: 19px; color:#666; margin-bottom: 5%; width:100%; float:left;} .about_03 .subtop .text:last-of-type { margin-bottom: 0; } .about_03 .submiddle1 > div { width: 100%; display: table; margin-bottom: 1%; padding-left: 10%; background-color:#f9f9f9; padding:4%; } .about_03 .submiddle1 > div > div { background-color:white; } .about_03 .submiddle1 > div > ul { background-color:white; } .about_03 .submiddle1 > div > p { background-color:white; } .about_03 .submiddle1 > div:last-of-type { border-bottom:0;} .about_03 .submiddle1 .about_img { width: 20%; display: table-cell; vertical-align: top; padding-top:8%;} .about_03 .submiddle1 .about_img img { width: 70%; } .about_03 .submiddle1 .title1 { font-size: 16px; font-weight: 800; color: #333; padding-bottom: 2%;} .about_03 .submiddle1 .text { width: 80%; text-align: left; vertical-align: top; display: table-cell; padding:6% 11%;} .about_03 .submiddle1 .bigfont { font-size: 25px; margin-bottom: 2%;} .about_03 .submiddle1 .kakao > div { width: 100%; float: left; } .about_03 .submiddle1 .kakao > div > div { display: table-cell; vertical-align: middle; font-size: 15px;} .about_03 .submiddle1 .kakao .box { width: 80%; float: left; font-weight: 600; border-radius: 5px; background: #FFDE00; padding: 4% 4%; margin: 3% 0 3% 10%;} .about_03 .submiddle1 .text .bgcolor { width:35%; text-align: center; padding: 5% 0; color:#fff; font-weight: 600; display: inline-block; border-radius: 5px 0 0 5px; margin-right: 3%;} .about_03 .submiddle1 .text .circle { width: 25px; height: 25px; line-height: 25px; text-align:center; display: inline-block; background: #fff; border-radius: 50%; vertical-align: middle; margin-left: 4%;} .about_03 .submiddle1 .text .point { font-size: 12px; padding-top: 4%;} .about_03 .submiddle1 .text .time { line-height: 22px;} .about_03 .submiddle1 .sns { width: 100%; display: table;} .about_03 .submiddle1 .sns p { width: 50%; font-size: 20px; font-weight: 600; display: table-cell; vertical-align: middle; text-align: left; padding:8% 2% 8% 11%;} /*.about_03 .submiddle1 .sns .kakaotxt { width: 50%; font-size: 17px; font-weight: 600; display: table-cell; vertical-align: middle; text-align: left; padding:8% 2% 8% 11%;}*/ .about_03 .submiddle1 .sns ul { display: table-cell; vertical-align: middle;} .about_03 .submiddle1 .sns ul li { width: 37%; float: left; margin-left: 45%;} .about_03 .submiddle1 .sns ul li img { width: 100%; float: left;} .about_03 .submiddle2 { margin-top: 5% !important; padding:0 2%; } .about_03 .submiddle2 > div { width:100%; float: left; margin-bottom: 6%; border: 1px solid #D7D7D7; padding-bottom: 2%; position: relative;} .about_03 .submiddle2 p { margin-top: 6%; } .about_03 .submiddle2 .about_img { width: 50%; float: left;} .about_03 .submiddle2 .about_img img { width: 100%; float: left;} .about_03 .title2 { width: 100%; float: left; font-size: 26px; font-weight: 300; } .about_03 .submiddle2 .aWrap { width:50%; float:left; } .about_03 .submiddle2 .aWrap ul { width:100%; display:table; table-layout: fixed; } .about_03 .submiddle2 .aWrap ul li.a_logo { width:17%; display:table-cell; vertical-align:middle; } .about_03 .submiddle2 .aWrap ul li.a_logo img { width:100%; float:left; } .about_03 .submiddle2 .aWrap ul li.a_info { width:80%; display:table-cell; vertical-align:middle; padding-left:5px; font-size: 22px; color: #434343; } .about_03 .submiddle2 .aWrap ul li.a_info span.a_area { width:100%; float: left; font-size: 12px; line-height:15px; font-weight:600; color: #9C7136; } .about_03 .submiddle2 .aWrap ul li.a_info span.a_stname { float: left; font-size: inherit; font-weight:600; color: #434343; } .about_03 .submiddle2 ul { width: 75%; float: left; text-align: left; margin-top: 8%; padding-left: 4%;} .about_03 .submiddle2 ul li { margin-bottom: 3%;} .about_03 .submiddle2 ul li.a_text { width: 100%; float: left; line-height: 20px;} .about_03 .submiddle2 p:last-child { width: 100%; float: left; color: #666; text-align: left; padding:0 5%; line-height: 19px; font-size: 12px;} .about_03 .submiddle2 > div > .histo{margin-top: 5%;} .about_03 .submiddle2 > div > .histo_box{ width: 25%; float: right; position: absolute; bottom: 0; right: 0;} .about_03 .submiddle2 > div > .histo_box > li > img{ width: 100%; float: left; max-width: 100%;} /* 지점소개 */ .s_1Page { } /*예약현황*/ .s_2Page { width:100%; float:left; display:none; } .s_2Page .storeStatusViewWrap { width: 100%; float: left; position: relative; margin-top: 80px; padding:0 10px; } .s_2Page .storeStatusViewWrap * { position: relative; text-align: center; } .s_2Page .storeStatusViewWrap > div { float: left; background-color: #F7F4F1; } .s_2Page .storeStatusViewWrap > div > div { float: left; width: 100%; height: 100%; } .s_2Page .storeStatusViewWrap > div > div > div { float: left; } .s_2Page .storeStatusViewWrap .tar { text-align: right; } .s_2Page .storeStatusViewWrap .tal { text-align: left; } .s_2Page .storeStatusViewWrap .con_tit { height:65px; line-height:65px; text-align:center; border-bottom:1px solid #FFF; width: 100%; font-weight: bold; font-size: 18px; } .s_2Page .storeStatusViewWrap .con_tit > span { font-size: 18px; } .s_2Page .storeStatusViewWrap .con { width: 100%; float: left; } .s_2Page .storeStatusViewWrap .conNoti { width: 100%; float: left; padding: 20px 10px; } .s_2Page .storeStatusViewWrap .conNoti > span { width: 100%; float: left; background-color: #FFF; font-size: 13px; color: #333; text-align: center; padding: 5px 0; border-radius: 50px; } .s_2Page .storeStatusViewWrap .setDay { width: 100%; float:left; padding:0 7px; height: 570px; } .s_2Page .storeStatusViewWrap .setDay .ymSet { width:100%; float:left; } .s_2Page .storeStatusViewWrap .setDay .ymSet table { width:100%; table-layout: fixed; } .s_2Page .storeStatusViewWrap .setDay .ymSet table td { height:80px; } .s_2Page .storeStatusViewWrap .setDay .ymSet table td .mon { font-weight: bold; font-size:35px; top: -8px; } .s_2Page .storeStatusViewWrap .setDay .commonCalendar { padding:0 10px !important; } .s_2Page .storeStatusViewWrap .setDay .con { padding: 20px; } .s_2Page .storeStatusViewWrap .setTime { width: 100%; float: right; height: 570px; } .s_2Page .storeStatusViewWrap .statusView { width: 100%; float: right; height: 570px; margin-top:20px; } .s_2Page .storeStatusViewWrap .statusView .con_tit { text-align: left; padding: 0 20px; } .s_2Page .storeStatusViewWrap .statusView .con { height: 505px; float: left; overflow: auto; } .s_2Page .storeStatusViewWrap .statusView .con > div { width: 100%; float: left; padding: 20px; } .s_2Page .storeStatusViewWrap .statusView .statusList { width: 100%; float: left; } .s_2Page .storeStatusViewWrap .statusView .statusList > li { width: 100%; float: left; background-color: #FFF; text-align: left; margin-bottom: 10px; height: 45px; line-height: 45px; padding: 0 20px; } .s_2Page .storeStatusViewWrap .statusView .statusList > li:last-of-type { margin-bottom: 0; } .s_2Page .storeStatusViewWrap .statusView .statusList > li > .reservCon { width: 100%; float: left; } .s_2Page .storeStatusViewWrap .statusView .statusList > li > .reservCon > .left { float: left; font-size: 12px; color: #333; text-align: left; letter-spacing: -0.5px; } .s_2Page .storeStatusViewWrap .statusView .statusList > li > .reservCon > .left > .point { font-size: 14px; color: #FFF; background-color: #736357; width: 66px; text-align: center; font-weight: bold; float: left; height: 25px; line-height: 25px; top: 10px; margin-right: 7px; } .s_2Page .storeStatusViewWrap .statusView .statusList > li > .reservCon > .right { float: right; font-size: 14px; color: #333; } .s_2Page .storeStatusViewWrap .statusView .statusList > li > .reservCon > .right > i { line-height: 45px; } .s_2Page .storeStatusViewWrap .statusView .statusList > .notice { font-weight: bold; } .s_2Page .storeStatusViewWrap .statusView .statusList > .notice > .reservCon > .left { width: 100%; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .s_2Page .storeStatusViewWrap .statusView .statusList > .basic { cursor: pointer; } .s_2Page .storeStatusViewWrap .statusView #storeList { font-size: 13px; color: #333; border: 1px solid #EEE; padding: 0 5px; position: absolute; right: 20px; height: 32px; top: 50%; margin-top: -16px; } .s_2Page .storeStatusViewWrap .statusView #storeList > option { font-size: 13px; color: #333; } /* 예약현황 팝업 */ .statusInfoCheckWrap { position: absolute; z-index: 999; width: 340px !important; height: 235px; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #FFF; border-radius: 5px; box-shadow: 0 0 7px rgba(0, 0, 0, 0.12); padding-top: 40px !important; display: none; } .statusInfoCheckWrap > .titWrap { width: 100%; float: left; text-align: center; font-size: 16px; color: #333; font-weight: bold; margin-bottom: 15px; padding: 0; } .statusInfoCheckWrap > .moreWrap { width: 100%; float: left; text-align: center; background-color: #EBEBEB; border-radius: 5px; height: 65px; line-height: 65px; } .statusInfoCheckWrap > .moreWrap > div { width: 100%; float: left; text-align: center; font-size: 12px; color: #333; } .statusInfoCheckWrap > .moreWrap > div > * { display: inline-block; } .statusInfoCheckWrap > .moreWrap > div > .label { font-size: 16px; color: #333; margin-right: 5px; } .statusInfoCheckWrap > .moreWrap > div > input { width: 160px; height: 35px; color: #333; font-size: 15px; letter-spacing: -0.5px; border: 1px solid #E1E1E1; } .statusInfoCheckWrap > .moreWrap > .spanWrap { display: none; letter-spacing: -0.5px; } .statusInfoCheckWrap > .btnWrap { width: 100%; float: left; text-align: center; margin-top: 20px; } .statusInfoCheckWrap > .btnWrap > button { width: 130px; height: 35px; font-weight: bold; font-size: 15px; cursor: pointer; margin: 0 2px; } .statusInfoCheckWrap > .btnWrap > .main { border: 1px solid #B88F57; background-color: #B88F57; color: #FFF; } .statusInfoCheckWrap > .btnWrap > .sub { border: 1px solid #B88F57; min-height:auto; background-color: #FFF; color: #B88F57; } .storeStatusBtnWrap { width: 100%; float: left; border-top: 1px solid #D7D7D7; margin-top: 15px; padding: 25px 0; text-align:center; } .storeStatusBtnWrap > .mainBtn { width: 230px; height: 50px; background-color: #B88F57; border: 1px solid transparent; color: #FFF; cursor: pointer; display:inline-block; line-height: 50px; } .loadinBack { position:absolute !important; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5); display:none; z-index: 9999; } .loadinBack > i { animation-name: spin; animation-duration: 3s; animation-iteration-count: infinite; animation-timing-function: linear; font-size:50px; color:white; position:relative; top:50%; margin-top:-25px; } @keyframes spin { from { transform:rotate(0deg); } to { transform:rotate(360deg); } } /* 진료후기게시판 */ .s_3Page { width:100%; float:left; } .s_3Page > div { width:100%; float:left; } .s_3Page .titWrap { font-size:20px; font-weight: bold; text-align:left; } .about_03 .submiddle3 .about_img { width: 100%; float: left; position:relative; display:none; } .about_03 .submiddle3 .about_img.active { display:block; } .about_03 .submiddle3 .about_img img { width: 100%; float: left;} .about_03 .submiddle3 .about_img p { width: 100%; position:absolute; bottom: 0; color: #fff; background: rgba(0,0,0,0.7); padding: 5% 0;} .about_03 .submiddle3 ul { width: 100%; position: relative; float: left;} .about_03 .submiddle3 ul .arrow { width: 50px; height: 50px; font-size: 40px; display: inline-block; color: #fff; border: 1px solid #ccc; text-align: center; line-height: 45px;} .about_03 .submiddle3 ul .boxleft { position: absolute; top: 50%; transform: translateY(-50%);} .about_03 .submiddle3 ul .boxright { position: absolute; top: 50%; transform: translateY(-50%); right: 0;} .about_03 .submiddle4 img { width: 100%; float: left;} .about_03 .submiddle4 .abress { width: 100%; float: left; background: #333; color:#fff; text-align: left;} .about_03 .submiddle4 .abress ul { width: 95%; float: left; margin-left: 5%; padding-top: 3%; padding-bottom: 3%;} /*.about_03 .submiddle4 .abress ul*/ .about_03 .submiddle4 .abress ul:last-of-type { border-bottom:0;} .about_03 .submiddle4 .abress ul li:first-child { width: 20%; float: left; text-align: left; margin-right: 5%;} .about_03 .submiddle4 .abress ul li:last-child { width: 74%; float: left; text-align: left;} .about_03 .submiddle4 .abress ul li span { width: 65px; height: 30px; line-height: 30px; display: inline-block; background: #C6A373; border-radius: 10px; text-align: center; margin-right: 3%;} .about_03 .submiddle4 .abress ul .number { font-size: 20px; font-weight: 600; line-height: 30px;} /*mouth04*/ .mouth_04 .subtop .m_img { width: 60%; float: left; margin-left: 20%;} .mouth_04 .subtop .m_img img { width:100%; float: left;} /*모바일 추가작업하는 중 양쪽 여백 통일 오류로 padding 삽입 */ .sidepadding { padding: 0 2%;} /* @media screen and (max-width:375px){ .digest_03 .info .m_img { margin-top: 9% !important;} }*/ /*위강의 특별함*/ .about_02 { width: 100%; float: left; padding: 0 12px;} /*치질*/ .sub .m_contents .m_subtitleanal01 { width: 100%; float: left; font-size: 20px; text-align: center; margin: 6% 0; font-weight: 600; line-height: 26px;} .anal_01 > h3 > span { font-weight: 600;} .anal_01 .sub1_text_box1 { width: 100%; float: left; padding-top: 10px; padding-bottom: 10px; background: #f7f4f1; text-align: center; margin-top: 5%;} .anal_01 .sub1_text_box2 { width: 100%; float: left; padding-top: 30px; padding-bottom: 30px; background: #f7f4f1; text-align: center; margin-top: 50%; padding: 10px 10px;; font-size: 17px;} .anal_01 .sub1_text_box2 p { border: 1px solid #b7b7b7; padding: 15px 3px; } .anal_01 .sub1_text_box2 p > span { font-weight: 650; } .anal_01 .sub1_text_box1 p { font-size:16px; line-height: 23px; padding: 5px; } .anal_01 .sub1_text_box1 p span { font-size: inherit; font-weight: 600;} .anal_01 .sub1 .m_subtitleanal02 { width: 100%; float: left; font-size: 20px; color: #b88f57; text-align: center; color:#b88f57; margin-top: 7%; font-weight: 600;} .anal_01 .m_contents divposition { width: 100%; position: relative;} .anal_01 .m_contents div .selfanal { width: 100%; text-align: center; position: absolute; z-index: 1; top: 131px;} .anal_01 .m_contents div .selfanal img { width: 60%; vertical-align: bottom;} .anal_01 .h3poing { font-size: inherit; font-weight: 700;} /*변실금*/ .anal_03 .m_imgsubimg { width: 100%; float: left; margin-top: 7%;} .anal_03 .m_imgsubimg img { width: 100%; vertical-align: bottom;} /*항문질환 생활가이드*/ .sub .m_contents .m_subtitleanal01 span { font-size: inherit; color: #b48f58;} .anal_04 .subtop {padding: 0 2%;} .anal_04 .anal04_img { width: 100%; float: left; margin-top: 1%; margin-bottom: 5%;} .anal_04 .anal04_img img { width: 100%; float: left;} @media screen and ( max-width: 320px ){ .result_popup > div > .result{width: 100%; padding: 20% 3% 8% 3%; position: relative; border: 1px solid #e1e1e1; border-radius: 10px; background-color: #fff; margin-top: 10%;} .result_popup > div > .result > P{font-size: 16px; font-weight: 500; color: #444; text-align: center; font-family: "Noto Sans KR"; line-height: 23px;} } @media screen and ( max-width: 375px ){ .result_popup > div > .result{width: 100%; padding: 8% 3%; position: relative; border: 1px solid #e1e1e1; border-radius: 10px; background-color: #fff; margin-top: 10%;} .result_popup > div > .result > P{font-size: 15px; font-weight: 500; color: #444; text-align: center; font-family: "Noto Sans KR"; line-height: 21px;} } /* nerve01 두통 */ .nerve_01 .nerve_con01 { width: 100%; float: left; margin-top: 8%; } .nerve_01 .nerve_con01 ul { width: 49.5%; margin-right: 1%; float: left; } .nerve_01 .nerve_con01 ul:last-child { margin-right: 0; } .nerve_01 .nerve_con01 ul li { width: 100%; float: left; text-align: center; } .nerve_01 .nerve_con01 ul .nerve_tit { background-color: #a5937b; color: #fff; padding: 2% 0; font-size: 17px; } .nerve_01 .nerve_con01 ul li > span { display: inline-block; position: absolute;} .nerve_01 .nerve_con01 ul li > .line { width: 1px; height: 10px; background-color: #c1c1c1; } .nerve_01 .nerve_con01 ul li > .dot { width: 5px; height: 5px; border-radius: 50%; background-color: #c1c1c1; top: 10px; left: 49%; } .nerve_01 .nerve_con01 ul .nerve_txt { background-color: #f7f8fa; padding: 5% 0 7%; } .nerve_01 .nerve_con01 ul .nerve_txt p { padding: 2% 0; } .nerve_01 .nerve_con01 ul .nerve_txt .txt_01 { color: #c69c60; font-weight: 600; font-size: 17px; } .nerve_01 .nerve_con01 ul .nerve_txt .txt_02 { font-weight: 600; font-size: 15px; } .nerve_01 .nerve_con01 ul .nerve_txt .txt_03 { font-size: 15px; line-height: 23px; } .nerve_01 .nerve_con01 ul li:nth-child(4) { padding-top: 8%; } .nerve_01 .nerve_con01 ul li:nth-child(4) > img { width: 100%; float: left; } .nerve_01 .nerve_con02 { width: 100%; float: left; margin-top: 5%: } .nerve_01 .nerve_con02 ul { border: 1px solid #eee; margin-bottom: 2%; } .nerve_01 .nerve_con02 .nerve_tt { background-color: #fff3e3; text-align: center; padding: 2% 0; font-weight: 600; } .nerve_01 .nerve_con02 .nerve_ss { padding-left: 2%; text-align: left; padding: 5% 2%; } .nerve_01 .nerve_con02 .n_con_01 .nerve_ss { background: url(/m/images/m_nerve_02.jpg) no-repeat right bottom; background-size: contain; } .nerve_01 .nerve_con02 .n_con_02 .nerve_ss { background: url(/m/images/m_nerve_03.jpg) no-repeat right bottom; background-size: contain; } .nerve_01 .nerve_con02 .nerve_ss > p { font-size: 15px; width: 70%; font-weight: 600; padding-bottom: 2%; } .nerve_01 .nerve_con02 .nerve_ss > p > span{ color: #ba8f4b; font-weight: 600; font-size: 15px; } .nerve_01 .nerve_con03 { width: 100%; float: left; margin: 5% 0; } .nerve_01 .nerve_con03 div { width: 100%; float: left; } .nerve_01 .nerve_con03 div ul { width: 100%; float: left; } .nerve_01 .nerve_con03 div ul li { width: 100%; float: left; text-align: left ;} .nerve_01 .nerve_con03 div ul li > img{ width: 100%; float: left; } .nerve_01 .nerve_con03 .top_ss { background-image: url(/m/images/m_nerve_bg.jpg); background-size: contain; padding: 22% 4% 7% 4%; font-size: 15px; font-weight: 500; line-height: 23px; background-repeat: no-repeat; background-color: #ede0d0; } .nerve_01 .nerve_con03 .top_ss > span{ color: #66342b; font-size: 15px; font-weight: 600; } /* nerve02 어지럼증 */ .nerve_02 .nerve_con01 { width: 100%; float: left; margin-top: 8%; } .nerve_02 .nerve_con01 ul { width: 32.5%; margin-right: 1%; float: left; } .nerve_02 .nerve_con01 ul:nth-child(3) { margin-right: 0; } .nerve_02 .nerve_con01 ul li { width: 100%; float: left; text-align: center; } .nerve_02 .nerve_con01 ul .nerve_tit { background-color: #a5937b; height: 52px; color: #fff; padding: 3% 0 0; font-size: 17px; } .nerve_02 .nerve_con01 ul .nerve_tit p { font-size: 14px; } .nerve_02 .nerve_con01 ul:first-child .nerve_tit { line-height: 45px; } .nerve_02 .nerve_con01 ul li > span { display: inline-block; position: absolute;} .nerve_02 .nerve_con01 ul li > .line { width: 1px; height: 10px; background-color: #c1c1c1; } .nerve_02 .nerve_con01 ul li > .dot { width: 5px; height: 5px; border-radius: 50%; background-color: #c1c1c1; top: 10px; left: 49%; } .nerve_02 .nerve_con01 ul .nerve_txt { background-color: #f7f8fa; padding: 5% 0 7%; min-height: 110px;} .nerve_02 .nerve_con01 ul .nerve_txt p { padding: 2% 0; font-size: 15px; line-height: 23px; } .nerve_02 .nerve_con01 div { width: 66%; float: left; padding-top: 5%; } .nerve_02 .nerve_con01 div img { width: 100%; float: left; } .nerve_02 .nerve_con02 { width: 100%; float: left; margin-top: 10%;} .nerve_02 .nerve_con02 ul { width: 100%; float: left; border: 1px solid #eee; } .nerve_02 .nerve_con02 ul li{ width: 100%; float: left; } .nerve_02 .nerve_con02 ul.border_01{ border-top : 1px solid #f2d5ab; padding: 10% 2% 8%; } .nerve_02 .nerve_con02 ul.border_02{ border-top : 1px solid #e6a772; padding: 10% 2% 8%; } .nerve_02 .nerve_con02 ul.border_03{ border-top : 1px solid #c49579; padding: 10% 2% 8%; } .nerve_02 .nerve_con02 ul.border_04{ border-top : 1px solid #6d5646; padding: 10% 2% 8%; } .nerve_02 .nerve_con02 ul li > span { display:inline-block; width: 25px; height: 25px; line-height: 25px; border-radius: 50%; color: #fff; position: absolute; top: -50px; left: 50%; transform: translate(-50%, 0);} .nerve_02 .nerve_con02 ul .num_01 > span { background-color: #f2d5ab; } .nerve_02 .nerve_con02 ul .num_02 > span { background-color: #e6a772; } .nerve_02 .nerve_con02 ul .num_03 > span { background-color: #c49579; } .nerve_02 .nerve_con02 ul .num_04 > span { background-color: #6d5646; } .nerve_02 .nerve_con02 ul .line{ display: inline-block; width: 1px; height: 10px; background-color: #e1e1e1; position:absolute; top: -25px; } .nerve_02 .nerve_con02 ul .dot{ display: inline-block; width: 8px; height: 8px; border: 1px solid #e1e1e1; background-color: #fff; position:absolute; top:-15px; left: 50%; border-radius: 50%; } .nerve_02 .nerve_con02 ul .n_con_img { width: 100%; float: left; margin-top: 4%; } .nerve_02 .nerve_con02 ul .n_con_img > img{width: 50%; } .nerve_02 .nerve_con02 ul .n_con_txt{ text-align: center; font-weight: 600; font-size: 17px; padding-top: 2%; } .nerve_02 .nerve_con02 ul .n_con_txt > p { margin-top: 2%; font-weight: 500; font-size: 16px; } .nerve_02 .nerve_con03 { width: 100%; float: left; margin: 5% 0; } .nerve_02 .nerve_con03 div { width: 100%; float: left; } .nerve_02 .nerve_con03 div ul { width: 100%; float: left; } .nerve_02 .nerve_con03 div ul li { width: 100%; float: left; text-align: left ;} .nerve_02 .nerve_con03 div ul li > img{ width: 100%; float: left; } .nerve_02 .nerve_con03 .top_ss { background-image: url(/m/images/m_nerve02_bg.jpg); background-size: contain; padding: 22% 4% 7% 4%; font-size: 15px; font-weight: 500; line-height: 23px; background-repeat: no-repeat; background-color: #ede0d0; } .nerve_02 .nerve_con03 .top_ss > span{ color: #66342b; font-size: 15px; font-weight: 600; }