/*digest_01 - 소화기질환 기능성소화불량*/ .digest_01info1{margin-top: 60px;} .digest_01 .info2_title{font-size: 25px; font-weight: 650; color: #57371f; margin-top: 55px;} .digest_01info2{margin-top: 30px;} .digest_01 .con2 .text_box{width: 980px; height: 180px; display: table; margin: 0 auto; text-align: center; margin-top: 30px;} .digest_01 .con2 .text_box p{border-radius: 10px; background-color: #f7f4f1; font-size: 23px; display: table-cell; vertical-align: middle; line-height: 34px;} .digest_01 .con2 .tb_span p span{font-size: 23px; font-weight: 650; line-height: 34px;} .digest_01info3{margin-top: 50px;} .digest_01info4{margin-top: 45px;} .digest_01 .con5 .info2 { width: 1300px; float: left; margin-top: 60px; padding: 0 50px;} .digest_01 .con5 .info2 > .list1 { width: 50%; float: left; position: relative;} .digest_01 .con5 .info2 > .list1 ul { width: 100%; float: left;} .digest_01 .con5 .info2 > .bottom { margin-bottom: 20px;} .digest_01 .con5 .info2 > .list1 ul li:nth-child(1) { width: 100%; height: 240px; overflow: hidden; } .digest_01 .con5 .info2 > .list1 ul li:last-child span { font-size: inherit; font-weight: 650;} .digest_01 .con5 .info2 > .bottom .textbox { width: 585px; height: 260px; display: inline-block; background:#FBFAF8; font-size: 20px; margin-top: 17px; padding-top: 95px; line-height: 32px;} .digest_01 .con5 .info2 > .bottom .imgbox span { width: 100%; height: 156px; overflow: hidden;} .digest_01 .con5 .info2 > .bottom .imgbox img { padding-top: 5px; } .digest_01 .con5 .info2 > .list1 ul .textbox2 { width: 585px; height: 246px; display: inline-block; background:#FBFAF8; font-size: 20px; margin-top: 17px; padding-top: 95px; line-height: 32px;} .digest_01 .con5 .info2 > .list1 .circle_3 { padding-top: 25px;} .digest_01 .con5 .info2 > .list1 div { width: 150px; height: 150px; border-radius: 100%; background: #c5a373; font-size: 25px; color: #fff; font-weight: 800; position: absolute; top: 160px; left: 215px; padding-top: 30px; line-height: 25px;} .digest_01 .con5 .info2 > .list1 div .numder { font-size: 30px; color: #efe6db;} .digest_01 .con5 .info2 > .list1 div .text { font-size: 17px; color: #fff;} /*anal_02 - 항문질환 항문소양증*/ .anal_02info1{margin-top: 45px;} .anal_02info2{margin-top: 50px;} .anal_02info3{margin-top: 70px;} .anal_02info4{margin-top: 60px;} .anal_02 .con5 .info2 { width: 1300px; float: left; margin-top: 60px; padding: 0 50px;} .anal_02 .con5 .info2 > .list1 { width: 50%; float: left; position: relative;} .anal_02 .con5 .info2 > .list1 ul { width: 100%; float: left;} .anal_02 .con5 .info2 > .bottom { margin-bottom: 20px;} .anal_02 .con5 .info2 > .list1 ul li:nth-child(1) { width: 100%; height: 240px; overflow: hidden; } .anal_02 .con5 .info2 > .list1 ul li:last-child span { font-size: inherit; font-weight: 650;} .anal_02 .con5 .info2 > .bottom .textbox { width: 585px; height: 260px; display: inline-block; background:#FBFAF8; font-size: 20px; margin-top: 17px; padding-top: 95px; line-height: 32px;} .anal_02 .con5 .info2 > .bottom .imgbox span { width: 100%; height: 156px; overflow: hidden;} .anal_02 .con5 .info2 > .bottom .imgbox img { padding-top: 5px; } .anal_02 .con5 .info2 > .list1 ul .textbox2 { width: 585px; height: 246px; display: inline-block; background:#FBFAF8; font-size: 20px; margin-top: 17px; padding-top: 95px; line-height: 32px;} .anal_02 .con5 .info2 > .list1 .circle_3 { padding-top: 25px;} .anal_02 .con5 .info2 > .list1 div { width: 150px; height: 150px; border-radius: 100%; background: #c5a373; font-size: 25px; color: #fff; font-weight: 800; position: absolute; top: 160px; left: 215px; padding-top: 30px; line-height: 25px;} .anal_02 .con5 .info2 > .list1 div .numder { font-size: 30px; color: #efe6db;} .anal_02 .con5 .info2 > .list1 div .text { font-size: 17px; color: #fff;} /*anal_04 - 항문질환 생활가이드*/ .anal_04info1{margin-top: 60px;} /*nerve_04 - 신경질환 두근거림*/ .nerve_04info1{margin-top: 45px;} .nerve_04info2{margin-top: 55px; margin-bottom: 35px;} .btch{font-family: "Gulim";} .nerve_04info3{margin-top: 45px; width: 100%; float: left; margin-left: 10%;} .nerve_04info3 > ul{width: 40%; float: left; margin: 0 8px;} .nerve_04info3 > ul > li{width: 100%; float: left;} .nerve_04info3 > ul > .info03_bar{background-color: #89503d; height: 50px; color: #fff; border-top-left-radius: 10px; border-top-right-radius: 10px; font-size: 25px; font-weight: 650; line-height: 50px;} .nerve_04info3 > ul > .info03_bar2{background-color: #df7c5d;} .nerve_04info3 > ul > .info03_box{height: 230px; border: 1px solid #ebebeb; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; font-size: 20px; font-weight: 500; line-height: 25px; padding-top: 25px;} .nerve_04info3 > ul > .info03_box > .info03_pp{font-size: 20px; font-weight: 650; line-height: 25px;} .nerve_04 .con4 .info2 { width: 1300px; float: left; margin-top: 60px; padding: 0 50px;} .nerve_04 .con4 .info2 > .list1 { width: 50%; float: left; position: relative;} .nerve_04 .con4 .info2 > .list1 ul { width: 100%; float: left;} .nerve_04 .con4 .info2 > .bottom { margin-bottom: 20px;} .nerve_04 .con4 .info2 > .list1 ul li:nth-child(1) { width: 100%; height: 240px; overflow: hidden; } .nerve_04 .con4 .info2 > .list1 ul li:last-child span { font-size: inherit; font-weight: 650;} .nerve_04 .con4 .info2 > .bottom .textbox { width: 585px; height: 260px; display: inline-block; background:#FBFAF8; font-size: 20px; margin-top: 17px; padding-top: 95px; line-height: 32px;} .nerve_04 .con4 .info2 > .bottom .imgbox span { width: 100%; height: 156px; overflow: hidden;} .nerve_04 .con4 .info2 > .bottom .imgbox img { padding-top: 5px; } .nerve_04 .con4 .info2 > .list1 ul .textbox2 { width: 585px; height: 260px; display: inline-block; background:#FBFAF8; font-size: 20px; margin-top: 17px; padding-top: 95px; line-height: 32px;} .nerve_04 .con4 .info2 > .list1 .circle_3 { padding-top: 25px;} .nerve_04 .con4 .info2 > .list1 div { width: 150px; height: 150px; border-radius: 100%; background: #c5a373; font-size: 25px; color: #fff; font-weight: 800; position: absolute; top: 160px; left: 215px; padding-top: 30px; line-height: 25px;} .nerve_04 .con4 .info2 > .list1 div .numder { font-size: 30px; color: #efe6db;} .nerve_04 .con4 .info2 > .list1 div .text { font-size: 17px; color: #fff;} /*nerve_05 - 신경질환 가슴통증*/ .nerve_05 .con3 .text_box{width: 980px; height: 140px; display: table; margin: 0 auto; text-align: center; margin-top: 30px;} .nerve_05 .con3 .text_box p{border-radius: 10px; background-color: #f7f4f1; font-size: 23px; display: table-cell; vertical-align: middle; line-height: 34px;} .nerve_05 .con3 .tb_span p span{font-size: 23px; font-weight: 650; line-height: 34px;} .nerve_05 .con5 .info2 { width: 1300px; float: left; margin-top: 60px; padding: 0 50px;} .nerve_05 .con5 .info2 > .list1 { width: 50%; float: left; position: relative;} .nerve_05 .con5 .info2 > .list1 ul { width: 100%; float: left;} .nerve_05 .con5 .info2 > .bottom { margin-bottom: 20px;} .nerve_05 .con5 .info2 > .list1 ul li:nth-child(1) { width: 100%; height: 240px; overflow: hidden; } .nerve_05 .con5 .info2 > .list1 ul li:last-child span { font-size: inherit; font-weight: 650;} .nerve_05 .con5 .info2 > .bottom .textbox { width: 585px; height: 260px; display: inline-block; background:#FBFAF8; font-size: 20px; margin-top: 17px; padding-top: 95px; line-height: 32px;} .nerve_05 .con5 .info2 > .bottom .imgbox span { width: 100%; height: 156px; overflow: hidden;} .nerve_05 .con5 .info2 > .bottom .imgbox img { padding-top: 5px; } .nerve_05 .con5 .info2 > .list1 ul .textbox2 { width: 585px; height: 260px; display: inline-block; background:#FBFAF8; font-size: 20px; margin-top: 17px; padding-top: 95px; line-height: 32px;} .nerve_05 .con5 .info2 > .list1 .circle_3 { padding-top: 25px;} .nerve_05 .con5 .info2 > .list1 div { width: 150px; height: 150px; border-radius: 100%; background: #c5a373; font-size: 25px; color: #fff; font-weight: 800; position: absolute; top: 160px; left: 215px; padding-top: 30px; line-height: 25px;} .nerve_05 .con5 .info2 > .list1 div .numder { font-size: 30px; color: #efe6db;} .nerve_05 .con5 .info2 > .list1 div .text { font-size: 17px; color: #fff;} .nerve_05info1{margin-top: 45px;} .nerve_05info2{margin-top: 50px;} .nerve_05info3{margin-top: 70px; margin-bottom: 35px;} /*nerve_07 - 신경질환 공황장애*/ .nerve_07 { width:100%; float:left; } .nerve_07 .b_point { color:#b88f57; font-weight:bold; line-height:22px; } .nerve_07_about { width:100%; float:left; margin-top:50px; } .nerve_07_about .about_box { width:100%; float:left; padding: 0px 150px; } .nerve_07_about .about_box > div { width:1000px; float:left; border:2px solid #eeebe1; box-sizing:border-box; } .nerve_07_about .about_box .box_title { width:350px; height:50px; background-color:#fff; border:2px solid #eeebe1; border-radius:30px; text-align:center; line-height:50px; font-weight:800; font-size:24px; position:absolute; top:0%; left:50%; transform:translate(-50%,-50%); } .nerve_07_about .about_box .box_title .color_p { color:#b88f57; font-size:24px; } .nerve_07_about .about_box .txt_box { width:100%; float:left; padding:80px 70px 70px 120px; } .nerve_07_about .about_box .txt_box .left { width:50%; float:left; } .nerve_07_about .about_box .txt_box .right { width:48%; float:left; margin-left:10px; } .nerve_07_about .about_box .txt_box ul { width:100%; float:left; margin-top:10px; } .nerve_07_about .about_box .txt_box ul:first-child { margin-top:0px; } .nerve_07_about .about_box .txt_box .check { width:10%; float:left; } .nerve_07_about .about_box .txt_box .txt { width:90%; float:left; font-size:20px; text-align:left; } .nerve_07_type { width:100%; float:left;} .nerve_07_type .type_box { width:100%; float:left; padding: 0px 150px; } .nerve_07_type .type_box > div { width:1000px; float:left; } .nerve_07_type .type_box .box { width:100%; float:left; height:284px; border:2px solid #eeebe1; box-sizing:border-box; margin-top:10px; } .nerve_07_type .type_box .box .img_box { width:300px; float:left; } .nerve_07_type .type_box .box .tt_box { width:696px; float:left; padding: 60px 0px 0px 50px; } .nerve_07_type .type_box .box .tt_box ul { width:100%; float:left; } .nerve_07_type .type_box .box .tt_box li { width:100%; float:left; text-align:left; } .nerve_07_type .type_box .box .tt_box .sub_tit { width:150px; height:50px; border-radius:25px; background-color:#f2ddc0; font-size:23px; font-weight:700; text-align:center; line-height:50px; } .nerve_07_type .type_box .box .tt_box .sub_txt { width:100%; float:left; margin-top:20px; font-size:21px; } .nerve_07_type .type_box .box .tt_box .box_col { background-color:#eddcaa; } .nerve_07_care { width:100%; float:left;} .nerve_07_care .care_box { width:100%; float:left; padding: 0px 100px; } .nerve_07_care .care_box .care { width:1100px; float:left; box-sizing:border-box; margin-top:20px; } .nerve_07_care .care_box .care .img { width:280px; float:left; } .nerve_07_care .care_box .care .text { width:818px; float:left; text-align:left; padding:60px 70px 50px 60px; } .nerve_07_care .care_box .care .text2 { padding:48px 70px 48px 60px; } .nerve_07_care .care_box .care .text ul { width:100%; float:left; } .nerve_07_care .care_box .care .text li { width:100%; float:left; } .nerve_07_care .care_box .care .sub_tit { font-size:25px; font-weight:800; color:#8e5e1e; } .nerve_07_care .care_box .care .sub_txt { font-size:22px; } .nerve_07_care .care_box .care .sub_tt { background-color:#f3f3f3; margin-top:20px; padding:30px 20px; } .nerve_07_care .care_box .care .sub_tt > p { width:100%; float:left; line-height:35px; font-size:19px; } /*digest_04 - 소화기질환 과민성대장증후군*/ .title{width: 100%; float: left;} .di_01 .info_{width: 100%; float: left; margin-top: 30px;} .digest_04 .info{width: 100%; float: left; padding: 0 50px; margin-top: 30px;} .digest_04 .contents .info img{width: 100%; float: left;} .digest_04 .text_box{width: 100%; float: left; height: 125px;} .digest_04 .t_bx{background-color: #f7f4f1; width: 975px; height: 125px; border-radius: 15px; border: none; margin: 0 auto;} .digest_04 .t_bx > p{font-weight: 650; font-size: 25px; line-height: 125px; } .digest_04 .title > p > span{font-weight: 650; font-size: 25px; padding-left: 5px; line-height: 38.5px;} .digest_04 .di_02 > .title > .h2{color: #333333;} .digest_04 .di_03 > .title > .h2{font-weight: 800; font-size: 30px; margin-top: 60px; color: #333333;} .digest_04 .di_03 > .title > .h3{font-weight: 500; font-size: 25px; margin-top: 25px;} .digest_04 .three_bar{margin-top: 35px; width: 100%; float: left;} .digest_04 .three_bar > ul{margin: 0 auto; margin-top: 10px;} .digest_04 .three_bar > ul > li{font-weight: 500; font-size: 24px; line-height: 50.5px;} .digest_04 .three_bar .bold{font-weight: 650; font-size: 24px;} .digest_04 .three{width: 675px; height: 50.5px; line-height: 50.5px; border-radius: 20px; border: none; background-color: #faeede;} .digest_04 .th_02{background-color: #eecfb2;} .digest_04 .th_03{background-color: #dfb89f;} .digest_04 .di_05 .img{float: left;} .contents .di_05 .medi_01 img{width: 100%; float: left;} .medical{margin-top: 40px; float: left;} .di_05 .medi_01{padding-left: 50px; position: relative; width: 100%; float: left;} .di_05 .medi_02{margin-top: 15px; padding-left: 50px; position: relative; width: 100%; float: left;} .di_05 .circle{border-radius: 50%; background-color: #c6a373; top: 183px; width: 145px; height: 145px; padding-top: 25px; position: absolute; left: 271px;} .di_05 .o_02{padding-top: 35px; position: absolute; top: 45px;} .di_05 .c{color: white; font-weight: 800;} .di_05 .c1{font-size: 30px; color: #efe6db; line-height: 40px;} .di_05 .c2{font-size: 17.3px; line-height: 25px;} .di_05 .c3{font-size: 25px; line-height: 30px;} .di_05 .text{background-color: #fbfaf8; width: 893px; height: 478px; float: left; margin-left: 15px;} .di_05 .t_02{height: 234px;} .di_05 .t_02 > ul{padding: 75px 0px;} .di_05 .t_02 > ul > li{text-align: center; line-height: 32px; font-size: 20px;} .di_05 .t_02 > ul > li > span{font-weight: 600; font-size: 20px;} .di_05 .t_01{padding: 45px 0px;} .di_05 .t1{font-weight: 500; font-size: 25px; margin-bottom: 40px;} .di_05 .t_p{width: 295px; height: 29px; line-height: 29px; border-radius: 20px; border: none; background-color: #efd8c2; font-weight: 650; font-size: 20px; margin: 15px auto 0px auto;} .di_05 .t_t{font-weight: 500; font-size: 20px; margin-top: 6px; margin-left: 10px; line-height: 28px;} .di_05 .t_t > span{font-weight: 600; font-size: 20px; margin-left: 5px;} /*counsel_01 - 상담&예약 온라인상담*/ .counsel_01 .s_01 .j_j{width: 100%; float: left; padding: 0px 50px;} .counsel_01 .s_01 .title .h2{color: #999999; font-size: 25px; font-weight: 650; margin-top: 15px;} .counsel_01 .s_01 .s_list{margin-top: 80px; width: 1200px; float: left;} .counsel_bg_img { background-image: url(/images/counsel_01__bg.jpg); margin-bottom: 100px; width: 100%; float: left; height: 477px;} .counsel_bg_img p { width: 56.3%; color: #222; text-align: left; float: right;} .counsel_bg_img .title { font-size: 56px; color: #333; margin-top: 70px; text-align: left; font-weight: 900; letter-spacing: -8px;} .counsel_bg_img .title span { font-size: inherit; color: #9f7337; letter-spacing: -8px;} .counsel_bg_img .subtex { font-size: 20px; margin-top: -3px; letter-spacing: -2.2px; line-height: 30px;} .counsel_bg_img .s_04 { float: left; width: 58.8% !important; margin-top: 42px;} /*counsel_05 - 진료예약*/ .counsel_05 .s_01 .j_j{width: 100%; float: left; padding: 0px 50px;} .counsel_05 .s_01 .title .h2{color: #999999; font-size: 25px; font-weight: 650; margin-top: 15px;} .counsel_05 .s_01 .s_list{margin-top: 80px; width: 1200px; float: left;} .counsel_05 .s_01 .s_list .bg_img { background-image: url(/images/counsel05_img1bg.png); width: 100%; float: left; height: 477px;} .counsel_05 .s_01 .s_list .bg_img p { width: 56.3%; color: #222; text-align: left; float: right;} .counsel_05 .s_01 .s_list .bg_img .title { font-size: 56px; color: #333; margin-top: 70px; text-align: left; font-weight: 900; letter-spacing: -6px;} .counsel_05 .s_01 .s_list .bg_img .title span { font-size: inherit; color: #9f7337; letter-spacing: -4px;} .counsel_05 .s_01 .s_list .bg_img .subtex { font-size: 20px; margin-top: -3px; letter-spacing: -2px; line-height: 30px;} .counsel_05 .s_01 .s_list .bg_img .s_04 { float: left; width: 58.8%; margin-top: 42px;} /* 0825 table로 변경 */ .counsel_01 .s_01 .s_list table { width: 100%; table-layout: fixed; border-top:2px solid #b88f57; border-bottom:2px solid #b88f57; border-bottom:1px solid #ccc; } .counsel_01 .s_01 .s_list table th { border-bottom:1px solid #ccc; height:45px; } .counsel_01 .s_01 .s_list table td { border-bottom:1px solid #ccc; height:50px; font-size:15px; color:#666; font-family: 'Noto Sans KR', sans-serif !important; } .counsel_01 .s_01 .s_list table td a { font-size:inherit; font-family: inherit; } .counsel_01 .s_01 .s_list table td a:hover { color:#ff0000; } .counsel_01 .s_01 .s_list table tbody tr:last-child td { border-bottom:none; } .counsel_01 .s_01 .s_list table td .counsel_status_span { border-radius:5px; padding:3px 0; width:70px; text-align:center; display:inline-block; line-height:20px; font-size:13px; font-family: 'Noto Sans KR', sans-serif !important; } .counsel_01 .s_01 .s_list table td .status_001 { background-color:#c8c8c8; } .counsel_01 .s_01 .s_list table td .status_002 { background-color:#448ad8; color:white; } .counsel_01 .s_01 .s_menu{border-bottom: 3px solid #b88f57; width: 100%; float: left;} .counsel_01 .s_memu > ul{width: 100%; float: left;} .counsel_01 .sm > li{float: left; background-color: white; width: 14.28%; height: 52px; border: 1px solid #d7d7d7; border-right: none;font-size: 19px; text-align: center; line-height: 52px;} .counsel_01 .sm > li a { width:100%; height:inherit; line-height: inherit; display:inline-block; } .counsel_01 .sm .sm1{background-color: #b88f57; color: white; font-weight: 650; border: 1px solid #b88f57 !important;} .counsel_01 .sm .sm2{border: 1px solid #d7d7d7; width:14.32%;} .counsel_01 .sbar_01{width: 100%; float: left; /* height: 105px; border-bottom: 1px solid #d7d7d7; */ cursor:pointer; } .counsel_01 .sbar_01 .left{width: 1000px; float:left; padding: 20px 0px 0px 9px;} .counsel_01 .sbar_01 .right{width: 200px; float:left; padding-top: 20px;} .counsel_01 .l_01 .s_bt{width: 21%; float: left;} .counsel_01 .l_01 .s_txt{width: 79%; float: left;} .counsel_01 .l_02 > ul > li{padding-top: 10px;} .counsel_01 .l_02 .b2{width: 10%; float: left; text-align: left; position: relative; font-family: 'Noto Sans KR', sans-serif !important; font-size:16px; } .counsel_01 .b2 > span{width: 1px; height: 15px; background-color: #2d2e29; float: left; position: absolute; left: 85px; top: 17px; font-family: 'Noto Sans KR', sans-serif !important; font-size: 16px;} .counsel_01 .l_02 .b3{width: 85%; float: left; text-align: left; color: #4b87d1; font-family: 'Noto Sans KR', sans-serif !important; font-size:16px;} .counsel_01 .s_bt > li{float: left; font-weight: 650; width: 95px; height: 32px; color: white; line-height: 32px; font-size: 17px; background-color: #696461; font-family: 'Noto Sans KR', sans-serif !important; font-size:16px;} .counsel_01 .s_bt > li:nth-child(2){background-color: #959595; margin-left: 7px;} .counsel_01 .s_txt .b1{width: 784px; height: 32px; line-height: 32px; color: #696461; text-align: left;} .counsel_01 .s_txt .b1 > span { display:inline-block; max-width:96%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align:middle; } .counsel_01 .s_txt > .b1 > img{width: 16px; height: 16px; vertical-align: middle; } .counsel_01 .r_01{width: 100%; float: left;} .counsel_01 .r_01 > ul{width: 87px; height: 32px; line-height: 32px; float: right;} .counsel_01 .r_01 > ul > li{font-weight: 650; color: white; background-color: #ff9900; border-radius: 20px; border: none;} .counsel_01 .r_bro > ul > li{background-color: #603913;} .counsel_01 .s_02{float: left; width: 100%; text-align: center; margin: 20px 0px;} .counsel_01 .s_02 > div { width:100%; float:left; } .counsel_01 .s_02 > div > ul { display: inline-block; } .counsel_01 .s_02 > div > ul > li{float: left; min-width: 30px; height: 30px; line-height: 30px; border: 1px solid #e1e1e1; font-weight: 650; margin: 0px 5px; padding:0 3px;} .counsel_01 .s_02 > div > ul > li.now{ color: #b88f57; border:1px solid #b88f57; } .counsel_01 .s_02 > div > ul > li:nth-child(1){width: 35px;} .counsel_01 .s_02 > div > ul > li:nth-child(14){width: 35px;} .counsel_01 .s_03{float: left; width: 35%; height: 108px;} .counsel_01 .s_03 > .s_s3{float: left; width: 100%; height: 40px;} .counsel_01 .s_03 > .s_s3 select{width: 100px; height: 40px; line-height: 40px; border: 1px solid #ccc;} .counsel_01 .s_03 > .s_s3 input{width: 160px; height: 40px; background-color: white; margin: 0px 5px; border:1px solid #ccc;} .counsel_01 .s_03 > .s_s3 button{width: 100px; height: 40px; background-color: #acacac;} .counsel_01 .s_04{float: left; width: 64%;} .counsel_01 .s_04 > a{float: right; width: 180px; height: 45px; line-height: 45px; background-color: #b88f57; color: white;} /*counsel_05 - 상담&예약 온라인진료예약*/ .cs_05 .h5{width: 100%; float: left; font-size: 18px; font-weight: 500; color: #999;} .cs_05 .reservation_menu{width: 100%; float: left; background-color: #f7f4f1; padding: 30px 0; margin: 50px 0 30px 0;} .cs_05 .reservation_menu > div{width: 90%; float: left; margin-left: 5%;} .cs_05 .reservation_menu > div > ul{width: 100%; float: left;} .cs_05 .reservation_menu > div > ul > li{width: 20%; float: left; padding: 1px;} .cs_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: 15px; font-family: sans-serif; font-weight: 500; color: #333;} .cs_05 .reservation_menu > div > ul > li > .sido_pick { background-color: #b88f57 !important; font-weight: 650; color: #fff !important; } .cs_05 .reservation_place{width: 100%; float: left; background-color: #fff; padding: 30px 35px; margin-bottom: 15px; box-shadow: 0px 1px 7px 1px rgba(0, 0, 10, 0.1);} .cs_05 .reservation_place > div{width: 100%; float: left;} .cs_05 .reservation_place > div > div{float: left;} .cs_05 .reservation_place > div > .rv_img{width: 32%; float: left;} .cs_05 .reservation_place > div > .rv_img > img{float: left; width: 100%; height: 190px;} .cs_05 .reservation_place > div > .rv_txt{width: 66%; float: left; margin-left: 2%;} .cs_05 .reservation_place > div > .rv_txt > .txt_info{border-bottom: 1px solid #ccc;} .cs_05 .reservation_place > div > .rv_txt > .txt_info > .place{width: auto; font-size: 28px; font-weight: 800; color: #9f7337; line-height: 40px;} .cs_05 .reservation_place > div > .rv_txt > .txt_info > .number{width: 40%; margin-top: 9px; font-size: 18px; font-weight: 650; color: #666; padding-left: 10px;} .cs_05 .reservation_place > div > .rv_txt > .txt_info > .number > i{font-size: 18px; color: #666; margin-right: 4px;} .cs_05 .reservation_place > div > .rv_txt > .txt_info > .button{width: 20%; float: right;} .cs_05 .reservation_place > div > .rv_txt > .txt_info > .button > button{width: 100%; border: 1px solid #e1e1e1; border-radius: 50px; height: 40px; line-height: 40px; font-size: 15px; font-weight: 500; color: #333; background-color: #fff;} .cs_05 .reservation_place > div > .rv_txt > .txt_info > .button > button > a { width: 100%; float: left; font-size: 15px; } .cs_05 .reservation_place > div > .rv_txt > .txt_info > .adress{width: 100%; font-size: 15px; font-weight: 500; color: #666; margin: 2.5px 0 8px 0; font-family: "Noto Sans KR";} .cs_05 .reservation_place > div > .rv_txt > ul{width: 100%; float: left;} .cs_05 .reservation_place > div > .rv_txt > ul:nth-child(1){margin-top: 10px;} .cs_05 .reservation_place > div > .rv_txt > ul:nth-child(2){margin: 25px 0 5px 0;} .cs_05 .reservation_place > div > .rv_txt > ul > li{float: left; text-align: left;} .cs_05 .reservation_place > div > .rv_txt > ul > li:nth-child(1){width: 5%;} .cs_05 .reservation_place > div > .rv_txt > ul > li:nth-child(1) > img{float: left;} .cs_05 .reservation_place > div > .rv_txt > ul > li:nth-child(2){width: 80%; font-size: 15px; font-weight: 500; color: #999; line-height: 31px; letter-spacing: 0px;} .cs_05 .reservation_place > div > .rv_txt > ul > li:nth-child(3){width: 15%; text-align: center;} .cs_05 .reservation_place > div > .rv_txt > ul:nth-child(3) > li:nth-child(3) > a{width: 100%; font-size: 12.5px; font-weight: 650; color: #381e1f; background-color: #fff;} .cs_05 .reservation_place > div > .rv_txt > ul > li:nth-child(3) > a{width: 100%; font-size: 12.5px; font-weight: 650; color: #099432; background-color: #fff; font-family: "Noto Sans KR"} .cs_05 .reservation_place > div > .rv_txt > ul:nth-child(2) > li:nth-child(3){border: 1px solid #099432; border-radius: 50px; height: 30px; line-height: 30px;} .cs_05 .reservation_place > div > .rv_txt > ul:nth-child(3) > li:nth-child(3){border: 1px solid #e4d83b; border-radius: 50px; height: 30px; line-height: 30px;} .cs_05 .reservation_place > div > .rv_txt > ul:nth-child(3) > li:nth-child(3) > span { width: 100%; font-size: 12.5px; font-weight: 650; color: #381e1f; background-color: #fff; } .cs_05 .reservation_place > div > .rv_txt > ul > li:nth-child(3) > span{width: 100%; font-size: 12.5px; font-weight: 650; color: #099432; background-color: #fff; font-family: "Noto Sans KR";} .cs_05 .title .title_box{width: 100%; height: 100px; float: left; background-color: #f7f4f1; margin: 30px 0 50px 0;} .cs_05 .title .title_box > ul{width: 50%; float: left;} .cs_05 .title .title_box > ul > li{font-size: 25px; font-weight: 500; color: #333; line-height: 100px; text-align: right;} .cs_05 .title .title_box > .box_icon{width: 50%; float: left; padding: 27px 0 0 30px;} .cs_05 .title .title_box > .box_icon > ul{width: 22%; float: left; margin-right: 5px;} .cs_05 .title .title_box > .box_icon > .call_b{width: 15%;} .cs_05 .title .title_box > .box_icon > .call_b > li > img{width: 44%;} .cs_05 .title .title_box > .box_icon > ul > li{width: 100%; float: left; text-align: left; font-size: 19px; font-weight: 650; color: #333; line-height: 41px;} .cs_05 .title .title_box > .box_icon > ul > li > img{width: 30%; float: left; margin-right: 5px;} .cs_05 .c05_box .reservation_place{width: 49%; float: left; background-color: #fff; padding: 50px 30px; box-shadow: -2px 2px 7px 1px rgba(0, 0, 5, 0.1); margin: 0 5px;} .cs_05 .c05_box .reservation_place:nth-child(n+3) { margin-top:25px; } .cs_05 .c05_box .reservation_place > .rv_txt > .txt_info{width: 65%; float: left; text-align: left; padding-right: 10px;} .cs_05 .c05_box .reservation_place > .rv_txt > .txt_info > .place{width: 100%; font-size: 32px; font-weight: 800; color: #9f7337; line-height: 40px;} .cs_05 .c05_box .reservation_place > .rv_txt > .txt_info > .number{width: 100%; margin-top: 9px; font-size: 22px; font-weight: 650; color: #555; padding-left: 3px; line-height: 20px;} .cs_05 .c05_box .reservation_place > .rv_txt > .txt_info > .number > i{font-size: 22px; color: #555; margin-right: 4px;} .cs_05 .c05_box .reservation_place > .rv_txt > .txt_info > .adress{width: 100%; font-size: 15px; font-weight: 500; color: #666; padding-top: 2%; line-height: 13px; text-align: left; font-family: "Noto Sans KR";} .cs_05 .c05_box .reservation_place > .rv_txt > .icon_button{width: 35%; float: left;} .cs_05 .c05_box .reservation_place > .rv_txt > .icon_button > li{width: 33%; float: left;} .cs_05 .c05_box .reservation_place > .rv_txt > .icon_button > li > a{width: 100%; float: left;} .cs_05 .c05_box .reservation_place > .rv_txt > .icon_button > li > a > img{width: 98%; float: left;} .cs_05 .c05_box .reservation_place > .rv_txt > .icon_button > li > img{width: 98%; float: left;} /*온라인예약-팝업*/ .counsel_popup{display: block; position: absolute; left: 0; right: 0; z-index: 99; width: 100%; float: left;} .counsel_popup > .popup_bg{background-color: rgba( 0, 0, 0, 0.7 ); position: fixed; left: 0; right: 0; width: 100%; height: 100%; z-index: 1;} .counsel_popup > .tell_popup{position: fixed; top: 35%; left: 38.5%; width: 440px; z-index: 2; background-color: #fff;} .counsel_popup > .tell_popup > div{width: 100%; float: left;} .counsel_popup > .tell_popup > div > ul{width: 100%; float: left;} .counsel_popup > .tell_popup > div > ul > li{width: 100%; float: left; text-align: center;} .counsel_popup > .tell_popup > div > .title{background-color: #534741; padding: 10px 25px;} .counsel_popup > .tell_popup > div > .title > li{font-size: 18px; font-weight: 500; color: #fff; text-align: left; font-family: "Noto Sans KR";} .counsel_popup > .tell_popup > div > .tell{padding: 40px 0; border-bottom: 1px solid #ededed;} .counsel_popup > .tell_popup > div > .tell > li{font-size: 20px; font-weight: 600; color: #333; line-height: 30px;} .counsel_popup > .tell_popup > div > .tell > .number{font-size: 25px; font-weight: 800; color: #9f7337; line-height: 35px;} .counsel_popup > .tell_popup > div > .tell > li:nth-child(3){font-size: 15px; font-weight: 500; color: #666; font-family: "Noto Sans KR"; line-height: 30px;} .counsel_popup > .tell_popup > div > .button{padding: 20px 0;} .counsel_popup > .tell_popup > div > .button > li > button{width: 75px; height: 35px; background-color: #333; color: #fff; font-size: 17px; font-weight: 500; cursor: pointer;} /*counsel_06 - 비대면 진료*/ .counsel_06 .s_01 .j_j{width: 100%; float: left; padding: 0px 50px;} .counsel_06 .s_01 .title .h2{color: #999999; font-size: 25px; font-weight: 650; margin-top: 15px;} .counsel_06 .s_01 .s_list{margin-top: 80px; width: 1200px; float: left;} .counsel_06 .s_01 .s_list .bg_img { background-image: url(/images/counsel/counsel06_bg.jpg); width: 100%; float: left; height: 477px;} .counsel_06 .s_01 .s_list .bg_img p { width: 56.3%; color: #222; text-align: left; float: right;} .counsel_06 .s_01 .s_list .bg_img .title { font-size: 56px; color: #333; margin-top: 70px; text-align: left; font-weight: 900; letter-spacing: -6px;} .counsel_06 .s_01 .s_list .bg_img .title span { font-size: inherit; color: #9f7337; letter-spacing: -4px;} .counsel_06 .s_01 .s_list .bg_img .subtex { font-size: 20px; margin-top: -3px; letter-spacing: -2px; line-height: 30px;} .counsel_06 .s_01 .s_list .bg_img .s_04 { float: left; width: 58.8%; margin-top: 42px;} .untact {width: 1200px; float: left; background-color: #e9e0d6; margin: 65px 50px; text-align: center;} .untact > div {width:100%; float: left;} .untact .un_title {font-size: 50px; color: #615240; font-weight:900; margin-top: 70px; font-family: "gmf";} .untact .sub_txt{font-size:25px; color: #484848; line-height: 29px;} .untact .bg_txt{background-color: #e9ceb2; padding: 5px 3px; font-size: 25px; font-weight:800; color: #484848;} .untact .bg_txt2{ padding: 5px 3px; font-size: 25px; font-weight:800; color: #484848;} .untact .red_txt{font-size: 25px; color: #c41212; font-weight: 800; } .untact .sub_tt {font-size:25px; color: #484848; line-height: 35px;} .untact .un_subt {width: 415px; height: 100px; line-height: 100px; display: inline-block;border-radius: 25px; box-shadow: 5px 6px 6px rgb(175 164 152); font-size: 40px; font-weight: 600; color: #fff;} .untact .un_object{width: 100%; float: left; position: relative; margin-top: 45px;} .untact .un_object .st_b{background-color:#615240; position: absolute; top: -20%; left: 50%; transform: translate(-50%); z-index: 1;} .untact .un_object > ul{ width: 80%; background-color: #fff; margin:0 10%; border-radius: 25px; padding: 85px 50px 45px;} .untact .un_object > ul > li{width: 62%; margin: 0 21%; font-size: 25px; text-align: left;} .untact .un_process{overflow: hidden; margin:60px 0;} .untact .un_process .st_y {background-color: #d7913e; margin-bottom: 40px; } .untact .un_process ul{width: 100%; float: left; text-align: left; } .untact .un_process .number{font-size: 100px; font-family:"바탕"; color: #d7913e; font-weight: 600; margin: 0 50px; line-height: 235px;} .untact .un_process .un_contitle{font-size: 40px; font-weight: 800; color: #373737; display:block; line-height: 235px;} .cont01_t{font-size: 40px; font-weight: 800; color: #373737;display:block;} .untact .un_process li:nth-child(2n-1){width: 1050px; height: 235px; margin: 0 75px;} .untact .un_process li:nth-child(2n){margin: 2% 0 1% 0; text-align: center;} .untact .un_process ul li > div {float: left;} .untact .un_process ul li > div:nth-child(1) {width: 15%;} .untact .un_process ul li > div:nth-child(2) {width: 85%;} .untact .un_cont01{background: url(/images/counsel/process01.png) no-repeat center; width:100%;} .untact .un_cont01 > div:nth-child(2){margin: 52.5px 0;} .untact .un_cont01 p{font-size: 20px; line-height:30px;} .untact .un_cont02{background: url(/images/counsel/process02.png) no-repeat center; width:100%;} .untact .un_cont03{background: url(/images/counsel/process03.png) no-repeat center;} .untact .un_cont04{background: url(/images/counsel/process04.png) no-repeat center;} .untact .untact_btn{width: 415px; height: 100px; margin-bottom: 60px; background-color:#615240; line-height: 100px; display:inline-block; border-radius: 25px; font-size: 40px; font-weight: 600; color: #fff;} .untact_logo{margin: 25px 0 45px;} /*cure_02 - 위강한약 위강탕*/ .cure_02 > img{width: 100%; float: left;} .cure_02 .cu_01 .info{width: 100%; float: left; padding: 40px 200px 0px 0px;} .cure_02 .cu_01 > .title > .h2{color: #333333;} .cure_02 .cu_02 { margin-bottom: 100px; } .cure_02 .cu_02 .info{ width: 100%; float: left; padding: 40px 0 0px 0; } /*cure_03 - 위강한약 위강공진단*/ .cure_03 .contents { } .cure_03 .info{width: 100%; float: left; padding: 40px 50px 0 50px;} .cure_03 .g_jin > img{margin-top: 55px;} .cure_03 .dn_01 .info{padding-left: 146px;} .cure_03 .info p{line-height: 42px; font-size: 20px; border-radius: 20px; height: 42px; width: 1008px; background-color: #faeede; margin-top: 12px;} .cure_03 .info .st1{background-color: #eecfb2;} .cure_03 .info .st2{background-color: #dfb89f;} .cure_03 .info .st3{background-color: #ceaf9d;} .cure_03 .dn_01 .d_g{background-color: white; border-radius: 50%; height: 42px; width: 42px; border: 5px solid #b88f57; float: left;} .cure_03 .dn_03 .title .h2{font-weight: 500; color: #333333;} .cure_03 .dn_05 .title .h2{font-weight: 500; color: #333333;} .cure_03 .dn_03 .h2 .pp{font-size: 32px;} /*cure_04 - 위강한약 위강슬림탕*/ .cure_04 .info_{width: 100%; float: left; margin-top: 30px;} .cure_04 .info{width: 100%; float: left; padding: 30px 50px 0 50px;} .cure_04 .contents .info img{width: 100%; float: left;} .cure_04 .text_box{width: 100%; float: left; padding-top: 20px;} .cure_04 .t_bx{background-color: #f7f4f1; width: 1050px; height: 125px; border-radius: 15px; border: none; margin: 0 auto;} .cure_04 .t_bx > p{font-weight: 500; font-size: 23px; line-height:125px;} .cure_04 .text_box .pp{ font-size: 23px;} .cure_04 .sl_03 .title .h2{font-weight: 500; color: #333333;} .cure_04 .sl_03 .h2 .pp{font-weight: 650; font-size: 32px;} /*nerve_01 - 신경질환 두통*/ .nerve_01 > img{width: 100%; float: left;} .nerve_01 .contents .info{width: 100%; float: left; padding: 40px 50px 0 50px;} .nerve_01 .contents .info img{width: 100%; float: left;} .hc_01 .info_{width: 100%; height: 336px; overflow: hidden;} .hc_01 .info_ > img{height: 336px;} .hc_01 .h4{font-weight: 650; font-size: 32px; margin: 20px 0px;} .nerve_01 .hc_01 .m_m { width:100%; float:left; margin-top: 50px; } .nerve_01 .hc_01 .m_m > p{font-weight: 500; font-size: 25px; line-height: 37px;} .nerve_01 .hc_01 .m_m .pp{font-size: 25px;} .hc_02 .ddom{margin-top: 35px;} /*치료법 공통css*/ .treat_info{width: 1200px; float: left; margin: 40px 50px;} .treat_info > div {width: 50%; float: left; position: relative;} .treat_info .medi{float: left; margin: 13px 13px;} .t_03 .t_if{width: 100%; float: left;} .t_if .t_circle{float: left; border-radius: 50%; background-color: #c6a373; width: 145px; height: 145px; padding: 40px 0px; position: absolute; left: 245px; top: 167px;} .t_circle > li{color: white; font-size: 25px; font-weight: 800; line-height: 30px;} .t_circle > li:nth-child(1){color: #efe6db; font-size: 25px; margin-bottom: 3px;} .t_txt{width: 100%; float: left; background-color: #fbfaf8; height: 300px; margin-top: 15px; padding: 85px 0px;} .t_txt > li{font-size: 20px; line-height: 32px;} .t_img > li > img{width: 100%; float: left;} /*nerve_02 - 신경질환 어지럼증*/ .nerve_02 > img{width: 100%; float: left;} .nerve_02 .contents .info{width: 100%; float: left; padding: 40px 50px 0 50px;} .nerve_02 .contents .info img{width: 100%; float: left;} .z_02 .info{margin-top: 100px;} .nerve_02 .z_01 .info_{width: 100%; height: 429px; overflow: hidden; padding: 20px 0px;} .nerve_02 .z_01 .info_ > img{height: 429px; } .nerve_02 .m_m{width: 100%; float: left;} .z_01 .m_m .mm_mj{width: 100%; float: left; margin-top: 50px; } .z_01 .m_m .mm_mj > p{font-weight: 500; font-size: 25px; line-height: 38px;} .z_01 .m_m .pp{font-size: 25px; line-height: 38px;} .z_03 .ddom{margin-top: 35px;} .t_if .tc1{padding: 23px 0px;} /*nerve_06 - 신경질환 삼차신경통*/ .nerve_06 > img{width: 100%; float: left;} .nerve_06 .info{width: 100%; float: left; margin-top: 40px;} .nerve_06 .m_m{width: 100%; float: left;} .ss_01 .m_m .mm_mj{width: 100%; float: left; margin-top: 50px; } .ss_01 .m_m .mm_mj > p{font-weight: 500; font-size: 25px; line-height: 37px;} .nerve_06 .ss_01 .m_m .pp{font-size: 25px;} .nerve_06 .h_j{font-size: 28px; font-weight: 500px; line-height: 40px; margin-top: 40px;} .nerve_06 .ss_03 .info{width: 100%; float: left; padding: 0 50px;} .nerve_06 .ss_03 .info img{width: 100%; float: left;} .nerve_06 .ss_03 .h_j .pp{font-size: 28px; font-weight: 650px;} .nerve_06 .text_box{width: 100%; float: left;} .nerve_06 .t_bx{background-color: #f7f4f1; width: 1160px; height: 140px; border-radius: 15px; border: none; margin: 0 auto; padding: 30px 0px;} .nerve_06 .t_bx > p{font-weight: 500; font-size: 25px; line-height: 36px;} .nerve_06 .text_box .pp{font-size: 25px; line-height: 36px;} .nerve_06 .t_txt{height: 340px; padding: 95px 0px;} /*nerve_04 - 신경질환 불면증*/ .nerve_03 > img{width: 100%; float: left;} .nerve_03 .info{width: 100%; float: left; margin-top: 40px;} .nerve_03 .t_txt{height: 220px; padding: 80px 0px;} .nerve_03 .m_m{width: 100%; float: left;} .ns_01 .m_m .mm_mj{width: 100%; float: left;} .ns_01 .m_m .mm_mj > p{font-weight: 500; font-size: 25px; margin-top: 50px; line-height: 37px;} .ns_01 .m_m .pp{font-size: 25px;} .ns_02 .info{margin-top: 80px;} .ns_02 .h2{font-size: 25px; line-height: 37px; color: #333333;} .ns_02 .h2 .pp{font-size: 25px; font-weight: 500; line-height: 37px} .nerve_03 .text_box{width: 100%; float: left; padding-top: 25px;} .nerve_03 .t_bx{background-color: #f7f4f1; width: 1202px; height: 84px; border-radius: 15px; border: none; margin: 0 auto; padding: 25px 0px;} .nerve_03 .t_bx > p{font-weight: 500; font-size: 28px; line-height: 40px;} .nerve_03 .text_box .pp{ font-size: 28px; line-height: 40px;} .ns_03 .info{margin-top: 60px;} .ns_04 .info{margin-top: 60px;} .ns_04 .h3 .hanja{font-family: "바탕체";} /*about_01_1 - 인사말&의료진소개*/ .dr_greet{width: 100%; float: left; background-image: url("/images/dr_greet.png"); margin-top: 70px; padding: 65px 0 0 143px;} .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: 26px; font-weight: 500; color: #333;} .dr_greet > .dg_1 > .title{font-size: 35px; font-weight: 650; color: #333;} .dr_greet > .dg_1 > .title > span{font-size: 35px; font-weight: 650; color: #b88f57;} .dr_greet > .dg_2{padding-top: 200px;} .dr_greet > .dg_2 > li > p{font-size: 20px; font-weight: 500; color: #333; line-height: 38px;} .dr_greetm{width: 100%; float: left; padding-right: 50px; margin-top: 105px;} .dr_greetm > ul{width: 100%; float: left;} .dr_greetm > ul > li{width: 100%; float: left; text-align: right; font-size: 25px; font-weight: 650; color: #b88f57;} .dr_histo{width: 1050px; margin: 0 auto;} .dr_histo .area{width: 100%; float: left;} .dr_histo .area > .area_title{width: 100%; float: left; margin: 50px 0 25px 0;} .dr_histo .area > .area_title > ul{width: 220px; margin: 0 auto;} .dr_histo .area_title > ul > li{width: 100%; float: left;} .dr_histo .area_title > ul > li > span{width: 100%; float: left; height: 50px; line-height: 50px; background-color: #4b403a; text-align: center; font-size: 23px; font-weight: 650; color: #fff; border-radius: 50px;} .dr_histo .area > .doctor{width: 100%; float: left; margin-top:25px; padding: 20px; 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: 415px; border: 1px solid #EBEBEB; } .dr_histo .area > .doctor .histo{ width: calc(100% - 415px); background-color: #FFF; } .dr_histo .area > .doctor .histo > ul{width: 100%; float: left;} .dr_histo .area > .doctor .histo > .sub_area > li{width: 180px; height: 45px; float: right; background-color: #b88f57; text-align: center; font-size: 26px; font-weight: 650; color: #fff; line-height: 45px; margin-right:-1px;} .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 { padding: 0 60px; } .dr_histo .area > .doctor .histo > .sub_histo > li{width: 100%; float: left; text-align: left; font-size: 19px; font-weight: 500; color: #333; line-height: 32px;} .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: 39px; font-weight: 500; color: #333; padding-bottom: 15px; border-bottom: 1px solid #EBEBEB; margin-bottom: 30px; } .dr_histo .area > .doctor .histo > .sub_histo > .doctor_name > span{font-size: 39px; font-weight: 650; color: #333;} /*result - 담적자가진단 결과*/ .main_floating { position: absolute; margin-left: 1330px; width: 130px; z-index: 90; transition: transform 0.5s; transform: translateY(0); } .main_floating > ul { width: 100%; float: left; text-align: center; } .main_floating > ul > li { width: 100%; float: left; margin-top: 30px; } .main_floating > ul > li > a { width: 100%; float: left; text-align: center; } .main_floating > ul > li > a > img:nth-child(1) { border-radius: 100%; vertical-align: bottom; margin-bottom: 5px; display: inline-block;} .main_floating > ul > li > a > img:nth-child(2) { border-radius: 100%; vertical-align: bottom; margin-bottom: 5px; display: none;} .main_floating > ul > li > a:hover img:nth-child(1){ display: none;} .main_floating > ul > li > a:hover img:nth-child(2){ display: inline-block;} .main_floating > ul > li > a > span { font-size: 17px; font-weight: bold; } /*2022.02.28_이미지 퍼블리싱화*/ /*위강한약_인포그래픽*/ .iB_dot { width: 100%; float: left; text-align: left; padding-left: 148px; } .cure02_infoBox { width: 100%; float: left; } .cure02_infoBox > div { width: 100%; float: left; } .cure02_infoBox > div > div { float: left; height: 333px; } .cure02_infoBox > div > div > ul { width: 100%; float: left; } .cure02_infoBox > div > div > ul > li { width: 100%; float: left; } .cure02_infoBox .ciB_tit { width: 26%; background-image: url(/images/cure02_tit01.png); background-size: contain; background-repeat: no-repeat; padding: 135px 0; position: relative; z-index: 99; } .cure02_infoBox .ciB_tit li { font-size: 20px; } .cure02_infoBox .ciB_tit .tt { font-size: 26px; font-weight: 700; line-height: 26px; } .cure02_infoBox .ciB_con { width: 86%; position: absolute; left: 13%; z-index: 0; } .cure02_infoBox .cc_txt { width: 75%; text-align: left; background-color: #fef5ef; border: 1px #eaeae8; padding: 30px 25px 20px 180px; height: 333px; } .cure02_infoBox .cc_txt > li { font-size: 18px; line-height: 30px; } .cure02_infoBox .cc_txt > li > span { font-size: 18px; font-weight: 700; line-height: 31px; } .cure02_infoBox .cc_txt > li.sw { font-size: 18px; font-weight: 700; line-height: 27px; background-color: #fff; padding: 15px 20px; margin-top: 30px; border-radius: 10px; } .cure02_infoBox .cc_img { width: 25%; background-image: url(/images/cure02_img01.jpg); background-size: contain; background-repeat: no-repeat; height: 333px; } .cure02_infoBox .cc_img > li { text-align: left; position: absolute; bottom: 5px; left: 10px; font-size: 15px; } .cure02_infoBox .iB_02 .ciB_tit { background-image: url(/images/cure02_tit02.png); } .cure02_infoBox .iB_02 .cc_txt { background-color: #f7eae1; padding: 20px 25px 20px 180px; } .cure02_infoBox .iB_02 .cc_img { background-image: url(/images/cure02_img02.jpg); } .cure02_infoBox .iB_03 .ciB_tit { background-image: url(/images/cure02_tit03.png); } .cure02_infoBox .iB_03 .cc_txt { background-color: #e8d4c7; } .cure02_infoBox .iB_03 .cc_img { background-image: url(/images/cure02_img03.jpg); } /*구강질환_입냄새*/ .mouth_01 .mouth01_info1 { background-image: url(/images/mouth01_info01.png); background-size: cover; background-repeat: no-repeat; height: 230px; } .mouth_01 .mouth01_info1 > ul { width: 50%; float: left; } .mouth_01 .mouth01_info1 > ul > li { width: 100%; float: left; height: 115px; font-size: 25px; font-weight: 500; line-height: 20px; } .mouth_01 .mouth01_info1 > ul > li:nth-child(2) { padding-top: 100px; } .mouth_01 .mouth01_info1 > ul:nth-child(1) { text-align: right; padding-right: 410px; } .mouth_01 .mouth01_info1 > ul:nth-child(2) { text-align: left; padding-left: 395px; } .mouth_01 .mouth01_info2 { background-image: url(/images/mouth_01_infobg02.png); background-size: cover; background-repeat: no-repeat; height: 1000px; padding-left: 700px; margin-top: 50px; } .mouth_01 .mouth01_info2 > ul { width: 100%; float: left; height: 235px; margin-top: 20px; padding: 40px 0; } .mouth_01 .mouth01_info2 > ul > li { width: 100%; float: left; text-align: left; } .mouth_01 .mouth01_info2 > ul > li.tt { font-size: 25px; font-weight: 600; } .mouth_01 .mouth01_info2 > ul > li.ss { font-size: 20px; line-height: 27px; margin-top: 10px; } .mouth_01 .mouth01_info3 { background-image: url(/images/mouth01_info03.png); background-size: cover; background-repeat: no-repeat; height: 270px; padding: 0 57px; } .mouth_01 .mouth01_info3 > ul { float: left; padding: 15px 0; } .mouth_01 .mouth01_info3 > ul:nth-child(1) { width: 25%; } .mouth_01 .mouth01_info3 > ul:nth-child(2) { width: 16.5%; } .mouth_01 .mouth01_info3 > ul:nth-child(3) { width: 58.5%; } .mouth_01 .mouth01_info3 > ul > li { width: 100%; float: left; } .mouth_01 .mouth01_info3 > ul > li.tt { font-size: 25px; font-weight: 800; color: #fff; } .mouth_01 .mouth01_info3 > ul > li.ss { font-size: 22px; line-height: 28px; margin-top: 60px; } .mouth_01 .mouth01_info3 > ul > li > p { width: 50%; float: left; font-size: 22px; line-height: 28px; } /*구강질환_목이물감*/ .mouth_04 .mouth04_info1 { width: 100%; float: left; padding: 50px 110px 0 110px; } .mouth_04 .mouth04_info1 > div { width: 100%; float: left; background-color: #f7f4eb; padding: 50px 80px; } .mouth_04 .mouth04_info1 > div > ul { width: 50%; float: left; } .mouth_04 .mouth04_info1 > div > ul > li { width: 100%; float: left; margin-top: 12px; } .mouth_04 .mouth04_info1 > div > ul > li > p:nth-child(1) { width: 10%; float: left; } .mouth_04 .mouth04_info1 > div > ul > li > p:nth-child(2) { width: 90%; float: left; text-align: left; font-size: 25px; line-height: 37px; } .mouth_04 .mouth04_info2 { background-image: url(/images/mouth_04_infobg02.png); background-size: cover; background-repeat: no-repeat; height: 1000px; padding-left: 700px; margin-top: 50px; } .mouth_04 .mouth04_info2 > ul { width: 100%; float: left; height: 235px; margin-top: 20px; padding: 40px 0; } .mouth_04 .mouth04_info2 > ul > li { width: 100%; float: left; text-align: left; } .mouth_04 .mouth04_info2 > ul > li.tt { font-size: 25px; font-weight: 600; } .mouth_04 .mouth04_info2 > ul > li.ss { font-size: 20px; line-height: 27px; margin-top: 10px; } /*구강질환_구강건조*/ .mouth_05 .infoWrap { width: 100%; float: left; border: 7px solid #B88F57; border-radius: 20px; position: relative; margin-top: 43px; padding: 68px 0 40px 0; } .mouth_05 .infoWrap > i { position: absolute; font-size: 55px; color: #B88F57; border-radius: 100%; top: -27.5px; left: 50%; margin-left: -27px; z-index: 2; } .mouth_05 .infoWrap > .iconBg { position: absolute; width: 52px; height: 54px; background-color: #FFF; border-radius: 100%; margin: 0 auto; top: -27px; left: 50%; margin-left: -26px; } .mouth_05 .infoWrap > p { width: 100%; float: left; text-align: center; font-size: 23px; color: #333; line-height: 32px; margin-bottom: 20px; } .mouth_05 .infoWrap > p:last-of-type { margin-bottom: 0; } .mouth_05 .infoWrap > p > b { font-size: 23px; font-weight: 600; line-height: 32px; } .mouth_05 .infoWrap > p > span { font-size: 23px; line-height: 32px; } .mouth_05 .infoWrap > p > .point { color: #B88F57; } .mouth_05 .infoWrap > p.point { color: #B88F57; font-weight: 900; } .mouth_05 .mouth05_info1 { width: 100%; float: left; background-image: url(/images/mouth05_info01.jpg); background-size: cover; background-repeat: no-repeat; height: 265px; padding: 0 50px; margin-top: 80px; } .mouth_05 .mouth05_info1 > div { width: 100%; float: left; } .mouth_05 .mouth05_info1 > div > ul { width: 100%; float: left; } .mouth_05 .mouth05_info1 > div > ul > li { width: 20%; float: left; font-size: 27px; font-weight: 700; line-height: 256px; padding-left: 10px; } /*소화기질환_기능성소화불량*/ .digest_01 .digest01_info1 { width: 100%; float: left; background-image: url(/images/digest01_info1.jpg); background-size: cover; background-repeat: no-repeat; height: 301px; margin-top: 50px; } .digest_01 .digest01_info1 > ul { width: 100%; float: left; padding: 40px 0 0 500px; } .digest_01 .digest01_info1 > ul > li { width: 100%; float: left; margin-top: 5px; } .digest_01 .digest01_info1 > ul > li > p { width: 95%; float: left; text-align: left; font-size: 21px; line-height: 38px; } .digest_01 .digest01_info1 > ul > li > p > span { font-size: 21px; font-weight: 600; } .digest_01 .digest01_info1 > ul > li > p:nth-child(1) { width: 5%; } .digest_01 .digest01_info2 { width: 100%; float: left; padding: 0 160px; margin: 50px 0 30px 0; } .digest_01 .digest01_info2 > ul { width: 25%; float: left; background-image: url(/images/digest01_info2b.png); background-size: auto; background-repeat: no-repeat; height: 194px; } .digest_01 .digest01_info2 > ul:nth-child(2n) { background-image: url(/images/digest01_info2w.png); } .digest_01 .digest01_info2 > ul > li { width: 100%; float: left; font-size: 25px; line-height: 30px; } .digest_01 .digest01_info2 > ul > li:nth-child(1) { font-size: 33px; font-weight: 800; color: #57371f; margin-bottom: 44px; padding-top: 21px; } /*소화기질환_역류성식도염*/ .digest_02 .digest02_info1 { width: 100%; float: left; margin: 50px 0 320px 0; } .digest_02 .digest02_info1 > div { width: 100%; float: left; } .digest_02 .digest02_info1 > div > div { width: 100%; float: left; } .digest_02 .digest02_info1 > div > div > ul { float: left; } .digest_02 .digest02_info1 > div > div > ul > li { width: 100%; float: left; } .digest_02 .digest02_info1 > div > div > ul > li > p { width: 100%; float: left; } .digest_02 .digest02_info1 .rb_title { padding: 0 515px; position: relative; z-index: 99; } .digest_02 .digest02_info1 .rb_title > p { width: 100%; float: left; background-color: #634521; font-size: 29px; font-weight: 700; color: #fff; border-radius: 50px; } .digest_02 .digest02_info1 .rb_con { padding: 0 320px; position: absolute; top: 22px; z-index: 0; } .digest_02 .digest02_info1 .rb_con > div { border: 3px solid #634521; border-radius: 30px; padding: 60px 50px 80px 50px; } .digest_02 .digest02_info1 .rb_con > div > ul { width: 54%; background-color: #b88f57; border-radius: 30px; height: 210px; margin: 0 15px; padding: 20px 10px; } .digest_02 .digest02_info1 .rb_con > div > ul:nth-child(2) { width: 35%; } .digest_02 .digest02_info1 .rb_con > div > ul > li > p { font-size: 27px; color: #fffc00; font-weight: 600; } .digest_02 .digest02_info1 .rb_con > div > ul > li > p:nth-child(2) { font-size: 21px; color: #fff; font-weight: 400; line-height: 30px; margin-top: 20px; height: 125px; } .digest_02 .digest02_info2 { width: 100%; float: left; margin-top: 30px; padding: 0 250px; } .digest_02 .digest02_info2 > div { width: 32%; float: left; } .digest_02 .digest02_info2 > div > ul { width: 100%; float: left; } .digest_02 .digest02_info2 > div > ul > li { width: 100%; float: left; } .digest_02 .digest02_info2 .di2_right { width: 51%; margin: 105px 0 0 100px; } .digest_02 .digest02_info2 .di2_right li { background-color: #eed3b6; margin-top: 25px; font-size: 20px; font-weight: 800; color: #634521; padding: 5px 0; } .digest_02 .mouth01_info2 { background-image: url(/images/digest02_infobg02.png); background-size: cover; background-repeat: no-repeat; height: 1000px; padding-left: 700px; margin-top: 50px; } .digest_02 .mouth01_info2 > ul { width: 100%; float: left; height: 235px; margin-top: 20px; padding: 40px 0; } .digest_02 .mouth01_info2 > ul > li { width: 100%; float: left; text-align: left; } .digest_02 .mouth01_info2 > ul > li.tt { font-size: 25px; font-weight: 600; } .digest_02 .mouth01_info2 > ul > li.ss { font-size: 20px; line-height: 27px; margin-top: 10px; } /*소화기질환_과민성장증후군*/ .digest_04 .mouth01_info2 { background-image: url(/images/digest04_infobg03.png); background-size: cover; background-repeat: no-repeat; height: 1000px; padding-left: 700px; margin-top: 50px; } .digest_04 .mouth01_info2 > ul { width: 100%; float: left; height: 235px; margin-top: 20px; padding: 40px 0; } .digest_04 .mouth01_info2 > ul > li { width: 100%; float: left; text-align: left; } .digest_04 .mouth01_info2 > ul > li.tt { font-size: 25px; font-weight: 600; } .digest_04 .mouth01_info2 > ul > li.ss { font-size: 20px; line-height: 27px; margin-top: 10px; } /*신경질환_어지럼증*/ .nerve_02 .mouth01_info2 { background-image: url(/images/nerve02_infobg02.png); background-size: cover; background-repeat: no-repeat; height: 1000px; padding-left: 700px; margin-top: 50px; } .nerve_02 .mouth01_info2 > ul { width: 100%; float: left; height: 235px; margin-top: 20px; padding: 40px 0; } .nerve_02 .mouth01_info2 > ul > li { width: 100%; float: left; text-align: left; } .nerve_02 .mouth01_info2 > ul > li.tt { font-size: 25px; font-weight: 600; } .nerve_02 .mouth01_info2 > ul > li.ss { font-size: 20px; line-height: 27px; margin-top: 10px; } /*신경질환_불면증*/ .nerve_03 .nerve03_info1 { width: 100%; float: left; margin-top: 45px; } .nerve_03 .nerve03_info1 > div { width: 100%; float: left; padding: 0 220px; } .nerve_03 .nerve03_info1 > div > ul { width: 100%; float: left; } .nerve_03 .nerve03_info1 > div > ul > li { float: left; border: 1px solid #c39f6f; height: 200px; margin-top: 10px; } .nerve_03 .nerve03_info1 > div > ul > li > img { width: 100%; height: 198px; object-fit: cover; } .nerve_03 .nerve03_info1 > div > ul > li > p { float: left; } .nerve_03 .nerve03_info1 .ni_left { width: 30%; border-right: none; border-top-left-radius: 13px; border-bottom-left-radius: 13px; } .nerve_03 .nerve03_info1 .ni_right { width: 70%; border-top-right-radius: 13px; border-bottom-right-radius: 13px; padding: 30px 0 0 30px; } .nerve_03 .nerve03_info1 .ni_right .bt { width: 230px; height: 60px; line-height: 60px; background-color: #b88f57; font-size: 30px; font-weight: 600; color: #fff; text-align: center; } .nerve_03 .nerve03_info1 .ni_right .ss { width: 100%; font-size: 25px; line-height: 35px; margin-top: 10px; text-align: left; } .nerve_03 .nerve03_info2 { width: 100%; float: left; margin-top: 55px; } .nerve_03 .nerve03_info2 > div { width: 100%; float: left; padding: 0 195px; } .nerve_03 .nerve03_info2 > div > ul { width: 100%; float: left; } .nerve_03 .nerve03_info2 > div > ul > li { width: 100%; float: left; text-align: center; } .nerve_03 .nerve03_info2 > div > ul > li > p { float: left; } .nerve_03 .nerve03_info2 .ni_tit > li { font-size: 30px; font-weight: 600; margin-bottom: 10px; } .nerve_03 .nerve03_info2 .ni_info { margin-top: 80px; } .nerve_03 .nerve03_info2 .ni_info > li { width: 32.7%; margin: 2.5px; } .nerve_03 .nerve03_info2 .ni_info > li > p.cc_tt { width: 160px; height: 160px; border-radius: 50%; background-color: #eeceb1; padding: 5px 0 0 5px; position: absolute; z-index: 99; top: -130px; left: 72px; } .nerve_03 .nerve03_info2 .ni_info > li > p.cc_tt > span { width: 150px; float: left; height: 150px; border-radius: 50%; border: 1px solid #fff; font-size: 27px; font-weight: 600; line-height: 33px; padding: 40px 0; position: relative; z-index: 0; } .nerve_03 .nerve03_info2 .ni_info > li > p.bx_ss { width: 100%; height: 165px; background-color: #f7f8fa; font-size: 24px; line-height: 36px; padding-top: 40px; } /*신경질환_가슴통증*/ .nerve_04 .nerve04_info1 { padding: 0 150px; margin-top: 45px; } .nerve_04 .nerve04_info1 > div { width: 100%; float: left; background-image: url(/images/nerve04_infobg1.png); background-size: contain; background-repeat: no-repeat; height: 300px; padding: 35px 0 0 340px; } .nerve_04 .nerve04_info1 > div > ul { width: 100%; float: left; } .nerve_04 .nerve04_info1 > div > ul > li { width: 100%; float: left; text-align: left; } .nerve_04 .nerve04_info1 .tt > li { width: 190px; height: 40px; background-color: #583720; font-size: 24px; font-weight: 600; line-height: 40px; color: #fff; text-align: center; border-radius: 10px; } .nerve_04 .nerve04_info1 .ss { margin-top: 20px; } .nerve_04 .nerve04_info1 .ss > li { font-size: 21px; font-weight: 500; line-height: 34px; } .nerve_04 .nerve04_info1 .ss > li > span { width: 14px; float: left; height: 14px; border-radius: 50%; background-color: #583720; margin: 10px 17px 0 0; } /*위강명방_공진단*/ .cure_03 .cure03_info2 { width: 100%; float: left; padding: 0 235px; margin-top: 30px; } .cure_03 .cure03_info2 > div { width: 100%; float: left; background-image: url(/images/cure03_infobg21.png); background-size: cover; background-repeat: no-repeat; height: 116px; margin-top: 10px; } .cure_03 .cure03_info2 > div:nth-child(2n) { background-image: url(/images/cure03_infobg22.png); } .cure_03 .cure03_info2 > div > ul { width: 100%; float: left; } .cure_03 .cure03_info2 > div > ul > li { float: left; } .cure_03 .cure03_info2 > div > ul > li.tt { width: 14%; font-size: 21px; font-weight: 800; line-height: 25px; color: #fff; padding: 35px 0; } .cure_03 .cure03_info2 > div > ul > li.ss { width: 86%; font-size: 20px; font-weight: 600; text-align: left; line-height: 28px; padding: 30px 0 30px 20px; } .cure_03 .cure03_info2 > div > ul > li.ss > span { font-size: 17px; font-weight: 400; color: #666; } /*항문질환_치질*/ .anal_01 .anal01_info1 { width: 100%; float: left; margin-top: 50px; padding: 0 70px 0 90px; } .anal_01 .anal01_info1 > div { float: left; } .anal_01 .anal01_info1 > div.ai_left { width: 65%; } .anal_01 .anal01_info1 > div.ai_right { width: 35%; } .anal_01 .anal01_info1 > div > div { width: 100%; float: left; } .anal_01 .anal01_info1 > div > div > ul { float: left; } .anal_01 .anal01_info1 > div > div > ul > li { float: left; } .anal_01 .anal01_info1 .ai_left > div { height: 167px; } .anal_01 .anal01_info1 .ai_left > div:nth-child(n+2) { margin-top: 32px; } .anal_01 .anal01_info1 .ai_left > div:nth-child(4) { margin-top: 55px; } .anal_01 .anal01_info1 .ai_left > div:nth-child(4) .al_is { background-color: #f5f5f5; } .anal_01 .anal01_info1 .ai_left > div:nth-child(2) .al_tt { background-image: url(/images/anal01s_imgbg2.png); } .anal_01 .anal01_info1 .ai_left > div:nth-child(3) .al_tt { background-image: url(/images/anal01s_imgbg3.png); } .anal_01 .anal01_info1 .ai_left > div:nth-child(4) .al_tt { background-image: url(/images/anal01s_imgbg4.png); } .anal_01 .anal01_info1 .ai_left .al_tt { z-index: 88; position: relative; width: 23%; background-image: url(/images/anal01s_imgbg1.png); background-size: auto; background-repeat: no-repeat; height: 167px; padding: 55px 0; } .anal_01 .anal01_info1 .ai_left .al_tt > li { width: 100%; text-align: center; font-size: 34px; font-weight: 700; } .anal_01 .anal01_info1 .ai_left .al_is { z-index: 0; position: absolute; top: 0; left: 83px; width: 89%; height: 167px; background-color: #fbfaf8; padding: 10px 0 10px 90px; } .anal_01 .anal01_info1 .ai_left .al_is .im { width: 40%; } .anal_01 .anal01_info1 .ai_left .al_is .ss { width: 60%; text-align: left; font-size: 22px; font-weight: 400; line-height: 32px; padding: 40px 25px; } .anal_01 .anal01_info1 .ai_left .al_is .ss > span { font-size: 22px; font-weight: 600; line-height: 32px; } .anal_01 .anal01_info2 { width: 100%; float: left; padding: 0 110px; } .anal_01 .anal01_info2 > ul { width: 100%; float: left; background-image: url(/images/anal01s_imgbg6.png); background-size: contain; background-repeat: no-repeat; height: 420px; padding: 130px 0 0 220px; } .anal_01 .anal01_info2 > ul > li { width: 100%; float: left; } .anal_01 .anal01_info2 .ai_ss { font-size: 25px; font-weight: 400; } .anal_01 .anal01_info2 .ai_st { font-size: 27px; line-height: 41px; font-weight: 400; } .anal_01 .anal01_info2 .ai_st > span { font-size: 27px; line-height: 41px; font-weight: 600; } /*항문질환_항문소양증*/ .anal_02 .nerve04_info1 { width: 100%; float: left; padding: 0 190px; margin-top: 45px; } .anal_02 .nerve04_info1 > div { background-image: url(/images/anal02_infobg1.png); height: 231px; padding: 40px 0 0 270px; } .anal_02 .nerve04_info1 > div > ul { width: 100%; float: left; } .anal_02 .nerve04_info1 > div > ul > li { width: 47%; float: left; text-align: left; } .anal_02 .nerve04_info1 .tt > li { width: 225px; height: 45px; background-color: #583720; font-size: 27px; font-weight: 600; line-height: 45px; color: #fff; text-align: center; border-radius: 10px; } .anal_02 .nerve04_info1 .ss { margin-top: 20px; padding-left: 15px; } .anal_02 .nerve04_info1 .ss > li { font-size: 24px; font-weight: 500; line-height: 34px; } .anal_02 .nerve04_info1 .ss > li:nth-child(n+3) { margin-top: 5px; } .anal_02 .nerve04_info1 .ss > li > span { width: 12px; float: left; height: 12px; border-radius: 50%; background-color: #583720; margin: 10px 14px 0 0; } .anal_02 .anal02_info2 { width: 100%; float: left; margin-top: 50px; padding: 0 200px 0 230px; } .anal_02 .anal02_info2 > div { width: 30.1%; float: left; margin: 0 10px; background-image: url(/images/anal02_infobg2.png); background-size: contain; background-repeat: no-repeat; height: 200px; } .anal_02 .anal02_info2 > div:nth-child(2) { background-image: url(/images/anal02_infobg3.png); } .anal_02 .anal02_info2 > div:nth-child(3) { background-image: url(/images/anal02_infobg4.png); } .anal_02 .anal02_info2 > div:nth-child(4) { background-image: url(/images/anal02_infobg4.png); } .anal_02 .anal02_info2 > div:nth-child(5) { background-image: url(/images/anal02_infobg3.png); } .anal_02 .anal02_info2 > div:nth-child(n+4) { margin-top: 10px; } .anal_02 .anal02_info2 > div > ul { width: 100%; float: left; } .anal_02 .anal02_info2 > div > ul > li { width: 100%; float: left; } .anal_02 .anal02_info2 .ai_tit li { font-size: 24px; font-weight: 600; color: #fff; padding: 20px 0; } .anal_02 .anal02_info2 .ai_con { padding: 10px 0; } .anal_02 .anal02_info2 .ai_con li { font-size: 20px; line-height: 28px; font-weight: 600; } .anal_02 .anal02_info2 .ai_con li.ss { font-size: 17px; font-weight: 400; } .anal_02 .anal02_info3 { width: 100%; float: left; margin-top: 70px; padding: 0 360px;} .anal_02 .anal02_info3 > div { width: 100%; float: left; background-image: url(/images/anal02_infobg5.png); background-size: contain; background-repeat: no-repeat; height: 580px; } .anal_02 .anal02_info3 > div > div { width: 100%; float: left; height: 185px; padding: 50px 0; } .anal_02 .anal02_info3 > div > div > ul { width: 100%; float: left; } .anal_02 .anal02_info3 > div > div > ul > li { width: 100%; float: left; } .anal_02 .anal02_info3 .tn > span { padding: 0 15px; height: 20px; line-height: 20px; font-size: 19px; font-weight: 800; color: #735020; background-color: #fff; border-radius: 50px; } .anal_02 .anal02_info3 .ss { font-size: 25px; font-weight: 600; color: #fff; line-height: 28px; margin-top: 5px; } .anal_02 .anal02_info3 .ai_02 > ul { width: 36%; } .anal_02 .anal02_info3 .ai_02 > ul.ai_center { width: 28%; } .anal_02 .anal02_info3 .ai_02 > ul.ai_center > li { font-size: 22px; font-weight: 400; line-height: 23px; padding-top: 30px; } .anal_02 .anal02_info3 .ai_02 > ul.ai_center > li > span { font-size: 21px; font-weight: 600; } /*항문질환_변실금*/ .anal_03 .anal03_info1 { width: 100%; float: left; margin-top: 60px; padding: 0 150px 0 190px; } .anal_03 .anal03_info1 > div { width: 100%; float: left; } .anal_03 .anal03_info1 > div > ul { width: 22%; float: left; margin: 0 10px; } .anal_03 .anal03_info1 > div > ul > li { width: 100%; float: left; } .anal_03 .anal03_info1 .ai_circle { width: 215px; height: 215px; border: 25px solid #b88f57; border-radius: 50%; font-size: 21px; font-weight: 600; line-height: 26px; padding: 60px 0; } .anal_03 .anal03_info1 > div > ul:nth-child(2n) > .ai_circle { border: 25px solid #5b4033; } .anal_03 .anal03_info1 .ai_line { float: none; margin: 0 auto; width: 1px; height: 35px; background-color: #b88f57; margin-top: 215px; } .anal_03 .anal03_info1 > div > ul:nth-child(2n) > .ai_line { background-color: #5b4033; } .anal_03 .anal03_info1 .ai_line > span { width: 100%; floaT: left; } .anal_03 .anal03_info1 .ai_ss { height: 155px; border: 1px solid #b88f57; border-radius: 20px; font-size: 17px; font-weight: 400; line-height: 23px; padding: 20px 5px; } .anal_03 .anal03_info1 > div > ul:nth-child(2n) > .ai_ss { border: 1px solid #5b4033; } /*항문질환_항문질환생활가이드*/ .anal_04 .anal04_info1 { width: 100%; float: left; padding: 0 130px; margin-top: 40px; } .anal_04 .anal04_info1 > div { width: 100%; float: left; background-image: url(/images/anal04_infobg1.jpg); background-size: auto; background-repeat: no-repeat; height: 326px; padding: 45px 0 0 390px; } .anal_04 .anal04_info1 > div > ul { width: 100%; float: left; } .anal_04 .anal04_info1 > div > ul > li { width: 100%; float: left; } .anal_04 .anal04_info1 > div > ul > li > p { float: left; } .anal_04 .anal04_info1 .ai04_tit > li { width: 445px; height: 40px; background-color: #fff; border-radius: 10px; font-size: 24px; font-weight: 800; color: 444; } .anal_04 .anal04_info1 .ai04_tit > li > span { font-size: 24px; font-weight: 800; color: #7c5725; } .anal_04 .anal04_info1 .ai04_con { padding: 20px 0 0 10px; } .anal_04 .anal04_info1 .ai04_con p { font-size: 25px; font-weight: 600; } .anal_04 .anal04_info1 .ai04_con p > span { font-size: 18px; font-weight: 600; } .anal_04 .anal04_info1 .ai04_con img { margin: 10px 10px 0 0; } .anal_04 .anal04_info2 { width: 100%; float: left; padding: 0 130px; margin-top: 40px; } .anal_04 .anal04_info2 > div { width: 100%; float: left; background-color: #e4c399; } .anal_04 .anal04_info2 > div > ul { width: 100%; float: left; } .anal_04 .anal04_info2 > div > ul > li { width: 100%; float: left; } .anal_04 .anal04_info2 > div > ul > li > p { float: left; } .anal_04 .anal04_info2 .ai04_con { padding: 60px 90px; } .anal_04 .anal04_info2 .ai04_con p { font-size: 24px; font-weight: 600; color: #3d3d3d; } .anal_04 .anal04_info2 .ai04_con p > span { font-size: 18px; font-weight: 600; } .anal_04 .anal04_info2 .ai04_con img { margin: 10px 10px 0 0; } .anal_04 .anal04_info2 .ai04_con .ac4_txt { width: 82%; } .anal_04 .anal04_info2 .ai04_con .ac4_img { width: 18%; } .anal_04 .anal04_info2 .ai04_con .ac4_img img { position: absolute; top: 53px; right: -12px; } .anal_04 .anal04_info3 > div { width: 100%; float: left; background-image: url(/images/anal04_infobg2.png); background-size: auto; background-repeat: no-repeat; height: 396px; padding: 45px 0 0 140px; } .anal_04 .anal04_info3 .ai04_tit { margin-bottom: 10px; } .anal_04 .anal04_info3 .ai04_tit > li { width: 340px; height: 40px; background-color: #fff; border-radius: 10px; font-size: 24px; font-weight: 800; color: 444; } .anal_04 .anal04_info3 .ai04_con p { font-size: 24px; font-weight: 500; color: #fff; } .anal_04 .anal04_info4 { margin-bottom: 80px; } .anal_04 .anal04_info4 > div { width: 100%; float: left; background-image: url(/images/anal04_infobg3.png); background-size: auto; background-repeat: no-repeat; height: 276px; padding: 45px 0 0 390px; }