@charset "utf-8";

/* C00332 오다한의원 */

/* ========================================================================================================================================= */
/* 키비주얼 */
.TopVisual{position:relative; display:block; height:500px; background-size:cover; background-repeat:no-repeat; background-position:center;}
.TopVisual .TopTitle{position:relative; display:block; text-align:center; top:50%; transform:translate(0, -15%);}
.TopVisual .TopTitle img{width:70px; margin-bottom:40px; display:none;}
.TopVisual .TopTitle .Title{line-height:1;}
.TopVisual .TopTitle .Title01{font-size:40px; line-height:1.4; letter-spacing:-1px; color:#fff; font-weight:600;}
.TopVisual .TopTitle .Title02{font-size:18px; line-height:30px; color:#fff; margin-top:30px;}
	/*어꺠통증, 교통사고*/
	.shoulderWrap .TopVisual .TopTitle, .carAccidentWrap .TopVisual .TopTitle{transform:translate(0, -25%);}
	/*허리통증*/
	.waistWrap .TopVisual .TopTitle{transform:translate(0, -30%);}

/* ========================================================================================================================================= */
/* 컨택페이지 */
.contactWrap{}
.Contents {width:1400px; margin:0 auto; padding:100px 0;}

/* ======================================================================================================================================================== */
/* 병원소개 > 의료진 소개 */
.NC00332 .About_NetworkAea_Detail{background-color:transparent !important;}
.About_DoctorArea{position:relative; width:100%; overflow:hidden; background:url('/img/C00332/doctor_bg2.jpg')no-repeat; background-size:cover; background-position:center center;}
.About_DoctorArea >.Inner{width:100%; min-width:100%; display:flex; justify-content:center; padding:50px 0;}
.About_DoctorArea .section01{position:relative; display:block; background-color:#f7f5fe; padding-top:2em;}
.About_DoctorArea .section01 img{display:block; margin:0 auto;}
.About_DoctorArea .boardThumList2{}
.About_DoctorArea .boardThumList2 h2{text-align:center; font-size:40px; line-height:1em; padding-bottom:80px; font-family:"Gowun Batang", serif; color:#90745b;} 
.About_DoctorArea .boardThumList2 .List{border:none; overflow:hidden;}
.About_DoctorArea .boardThumList2 .List ul{width:100%;}
.About_DoctorArea .boardThumList2 .List li{margin:0; padding:0; position:relative; width:100%; display:flex; justify-content:center; border:none;}
.About_DoctorArea .boardThumList2 .List li .Inner{margin-left:160px;}
.About_DoctorArea .boardThumList2 .List li .ThumBg{position:absolute; right:30px; bottom:-60px;}
.About_DoctorArea .boardThumList2 .List li:nth-child(2n) .ThumBg img{opacity:.5;}
.About_DoctorArea .boardThumList2 .List li label{min-width:1400px; width:1400px; background-color:transparent; margin:0; margin-top:100px;}
.About_DoctorArea .boardThumList2 .List li .Inner:after{content:''; display:block; position:absolute; bottom:20%; right:5%; width:800px; height:1px; background-color:#e5a784; z-index:999;}
.About_DoctorArea .boardThumList2 .List li .Inner:before{content:'ODA CLINIC'; display:block; position:absolute; bottom:20%; right:60px; font-family:"Marcellus"; padding-bottom:15px; color:#e5a784; z-index:999; font-size:20px; letter-spacing:.5em;}

.About_DoctorArea .boardThumList2 .ViewThum{border:none;}
.About_DoctorArea .boardThumList2 .ViewThum dl{width:1200px; padding:0; background:none;}
.About_DoctorArea .boardThumList2 .ViewThum:before{content:''; display:block; width:130px; height:385px; background:url('/img/C00332/doctorBg_logo.png') no-repeat; position:absolute; bottom:100px;}
.About_DoctorArea .boardThumList2 .ViewThum dt{position:relative; display:inline-table; z-index:3; height:710px; margin-right:60px;}
.About_DoctorArea .boardThumList2 .ViewThum dt .Thumb{display:block; position:absolute; border-radius:120px 0px 0px 0px; overflow:hidden; width:480px; height:710px;}
.About_DoctorArea .boardThumList2 .ViewThum dt .Thumb img{width:100%;}
.About_DoctorArea .boardThumList2 .ViewThum dd{position:relative; display:inline-table; width:50%; margin-left:60px; color:#272727; z-index:4; padding-top:80px;}
.About_DoctorArea .boardThumList2 .ViewThum dd .Name{font-family:"Gowun Batang", serif; line-height:1em; padding-bottom:30px; padding-top:15px;}
.About_DoctorArea .boardThumList2 .ViewThum dd .Name:before{content:''; display:block; width:300px; height:30px; background:url('/img/C00332/doctorLogo.png') no-repeat; padding-bottom:15px;}
.About_DoctorArea .boardThumList2 .ViewThum dd .Name strong{letter-spacing:0;}
.About_DoctorArea .boardThumList2 .ViewThum dd .Name span{font-weight:bold;}
.About_DoctorArea .boardThumList2 .ViewThum dd p{font-size:18px; line-height:1.7;}
.About_DoctorArea .boardThumList2 .ViewThum dd .Title{display:none;}

/* ========================================================================================================================================= */
/*[안면비대칭]_안면비대칭교정*/
.qnaSection .Inner .Title{display:flex; justify-content:space-between; align-items:end; padding-bottom:20px; border-bottom:1px solid #231714;}
.qnaSection .Inner .Title h2{font-size:45px; color:#231714; font-weight:400; line-height:1.5;}
.qnaSection .Inner .Title h2 b{font-weight:600;}
.qnaSection .Inner .Title p{color:#e5a784; font-size:45px; font-family:"Marcellus"; line-height:45px;}

.qnaSection{width:100%; position:relative; padding:150px 0; background:#f0e7df;}
.qnaSection .contWrap{width:100%; margin-top:60px;}
.qnaSection .contWrap li{margin-top:30px;}
.qnaSection .contWrap li:first-child{margin-top:0;}
.qnaSection .contWrap .contTitle{display:inline-flex; width:100%; padding:30px 40px; align-items:center; justify-content:space-between; background-color:#645650;}
.qnaSection .contWrap .contTitle p{display:inline-flex; font-size:25px; color:#ffffff; font-weight:400; line-height:2;}
.qnaSection .contWrap .contTitle p span{font-size:32px; margin-right:20px; font-family:"Marcellus"; color:#cb9a81;}

.qnaSection .contWrap .arrowBox .arrow{display:none; cursor:pointer;}
.qnaSection .contWrap .arrowBox .arrow.active{display:block;}

.qnaSection .contWrap .contTxt{width:100%; display:block; text-align:left; display:none; background-color:#ffffff;}
.qnaSection .contWrap .contTxt .TextBox{display:inline-flex; padding:50px 40px;}
.qnaSection .contWrap .contTxt .TextBox p{font-size:25px; display:block; color:#272727;}
.qnaSection .contWrap .contTxt .TextBox .Text01{font-family:"Marcellus"; font-size:32px; color:#cb9a81; font-weight:400; margin-right:20px; padding-top:10px;}
.qnaSection .contWrap .contTxt .TextBox .Text02{font-weight:300; line-height:1.7;}
.qnaSection .contWrap .contTxt .TextBox .Text02 b{font-weight:600;}

/* ======================================================================================================================================================== */
/* 네이버/카톡상담 */
.SnsCon{width:100%; display:flex; justify-content:center; overflow:hidden; background:url('/img/C00332/consultation_bg2.jpg')no-repeat; background-size:cover; background-position:center center;}
.SnsCon ul{width:1400px; padding:160px 40px; display:flex; justify-content:space-between;}
.SnsCon ul li{width:620px; height:auto; background-color:#ffffff; display:flex; flex-direction:column; align-items:center; padding:80px 30px;}
.SnsCon ul li .SnsIcon {width:80px; height:80px; margin-bottom:40px;}
.SnsCon ul li .SnsIcon img{width:100%; object-fit:cover;}
.SnsCon ul li .TextBox h2{font-size:40px; color:#231714; line-height:1em; font-weight:500;}
.SnsCon ul li .TextBox h2 b{font-weight:700; color:#e5a784;}
.SnsCon ul li .TextBox p{text-align:center; color:#272727; font-size:20px; line-height:1.5; padding:50px 0;}
.SnsCon ul li .btn{width:400px; height:70px; position:relative; z-index:999;}
.SnsCon ul li .btn a{display:block; width:100%; height:100%; border-radius:50px; text-align:center; position:relative;}
.SnsCon ul li .btn a p{width:100%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.SnsCon ul li .btn a em{display:inline-block; font-size:22px; font-weight:600; color:#fff; vertical-align:middle;}
.SnsCon ul li .btn a span{padding-left:30px; display:inline-block; vertical-align:middle;}
.SnsCon ul li .bottomBg{position:absolute; bottom:160px; width:350px;}
.SnsCon ul li .bottomBg img{width:100%; object-fit:cover;}

.SnsCon ul li.naver .btn a{background-color:#21b14c;}
.SnsCon ul li.kakao .btn a{background-color:#3b1e1e;}

/* ======================================================================================================================================================== */
/* 리얼모델 */
.NC00332.realModelWrap #contents{padding:150px 0;}

/* ========================================================================================================================================= */
/* 시술이벤트페이지 */ 
/* 버튼 */
.NC00332 .ClinicDetailSelect .BtnArea button.ColorBg{display:none;}

body .ClinicAllList ul li .Info{padding:0;}

/* ========================================================================================================================================= */
/*[안면비대칭]_상단메뉴_공통*/
#contents .SubTopMenu{padding-top:100px; display: flex; justify-content: center;}
.containerWrap .SubTopMenu{width:100%; background:#f8f4ef;}
.containerWrap .SubTopMenu ul{width:1400px; display:inline-flex; justify-content:center;}
.containerWrap .SubTopMenu ul li{width:400px; height:75px; margin:0 30px;}
.containerWrap .SubTopMenu ul li a{display:flex; justify-content:center; align-items:center; width:100%; height:100%; background-color:#e4d1bf; border-radius:500px; font-size:25px; color:#fff;}
.containerWrap .SubTopMenu ul li.active a{background-color:#e5a784; color:#fff;}

/* -------------------------------------------------------------------------------------------------------------------------------- */	
/*[안면비대칭]_공통*/
.containerWrap .faceCommon01{position:relative;}
.containerWrap .faceCommon01 .Inner{position:absolute; top:0; left:-18%; width:1320px; height:auto; transform:translate(50%, 0%); padding:150px 0;}
.containerWrap .faceCommon01 .Inner .Title{display:flex; justify-content:space-between; align-items:flex-end; width:100%; color:#353535; padding-bottom:20px; border-bottom:1px solid #353535;}
.containerWrap .faceCommon01 .Inner .Title h2{font-size:45px; line-height:1.5; font-weight:300;}
.containerWrap .faceCommon01 .Inner .Title h2 span{font-weight:600;}
.containerWrap .faceCommon01 .Inner .Title p{color:#e5a784; font-size:45px; font-family:"Marcellus"; line-height:45px;}
.containerWrap .faceCommon01 .Inner .contWrap{padding-top:50px;}
.containerWrap .faceCommon01 .Inner .contWrap img{width:100%; object-fit:cover;}

.containerWrap .faceCommon01 .btn{font-family:'SUIT'; display:flex; position:fixed; top:55%; font-size:40pt; font-weight:100; z-index:999; cursor:pointer; width:100%; justify-content:space-between;}
.containerWrap .faceCommon01 .btn .swiper-button-prev-common{font-family:'SUIT', serif; display:flex; justify-content:center; align-items:center; width:55px; height:55px; color:#847563; padding-right:5px; position:relative; left:-90px; transition:0.3s;}
.containerWrap .faceCommon01 .btn .swiper-button-next-common{font-family:'SUIT', serif; display:flex; justify-content:center; align-items:center; width:55px; height:55px; color:#847563; padding-left:5px; position:relative; right:-90px; transition:0.3s}

.containerWrap .faceCommon01 .btn .swiper-button-prev-common:hover{color:#000;}
.containerWrap .faceCommon01 .btn .swiper-button-next-common:hover{color:#000;}

.containerWrap .faceCommon01 .MoreBtn{position:relative; width:fit-content; margin-left:auto; margin-right:0; margin-top:20px; position:relative; cursor:pointer;}
.containerWrap .faceCommon01 .MoreBtn a{width:fit-content; display:block; color:#93817a; font-size:15pt; font-family:"Marcellus"; display:inline-block;}
.containerWrap .faceCommon01 .MoreBtn span{display:inline-block; vertical-align:middle; margin-left:15px; transform:translate(0,0); transition:0.3s;}
.containerWrap .faceCommon01 .MoreBtn:hover span{transform:translate(-10px,0)}

/* ========================================================================================================================================= */
/* 가격이벤트페이지 */
body .PriceWrap .containerWrap{padding:100px 0;}
body .PriceWrap .containerWrap > div .Right{padding-left:100px;}

/* 카테고리메뉴 */
body .clinicListWrap .ClinicCateList ul.List{padding:0; background:none;}
body .clinicListWrap .ClinicCateList ul li + li{margin-top:10px;}
body .clinicListWrap .ClinicCateList ul li a{background-color:#fff !important; font-size:13pt; color:#444444; border-radius:0; border:1px solid #444444; padding:16px;}
body .clinicListWrap .ClinicCateList ul li span{text-align:center;}
body .clinicListWrap .ClinicCateList ul li.Active a{box-shadow:none; background-color:#eb9b7a !important; color:#fff !important; font-weight:500; border:1px solid #eb9b7a;}
body .clinicListWrap .ClinicCateList ul li:not(.Active) a:hover{background-color:#fff !important; color:#444444;}

/* 리스트시술 */ 
body .clinicListWrap .ClinicAllList ul li{padding:0 25px 25px 25px; margin-top:40px;}
body .clinicListWrap .ClinicAllList ul li dl dt{height:182px;}
body .clinicListWrap .ClinicAllList ul li .ThumbBox{border-radius:0;  height:182px;}
body .clinicListWrap .ClinicAllList ul li .Price{font-size:20pt; color:#000000;}
body .clinicListWrap .ClinicAllList ul li .Name{font-size:15pt; color:#000;} 
body .clinicListWrap .ClinicAllList ul li a:hover .ThumbBox{transform:none; box-shadow:none;}

/* veiw페이지 */
body .clinicViewWrap .ClinicDetail .ClinicInfo .Name{font-size:20pt; letter-spacing:-1px; color:#000; margin-bottom:20px;}
body .clinicViewWrap .ClinicDetail .ClinicInfo .Info{color:#999;}
body .clinicViewWrap .ClinicDetailSelect dt{width:100%; padding-left:18px;}
body .clinicViewWrap .ClinicDetailSelect .ClinicLabel ul li{margin-bottom:0; }
body .clinicViewWrap .ClinicDetailSelect .ClinicLabel ul li:not(:last-child){border-bottom:none;}
body .clinicViewWrap .ClinicDetailSelect .ClinicLabel ul li dl {padding:20px 0 17px 0; background-color:#f8f8f8;}
body .clinicViewWrap .ClinicDetailSelect .ClinicLabel ul li .Name{font-size:14pt; font-weight:600; color:#000; margin-bottom:5px; letter-spacing:-0.6px;}
body .clinicViewWrap .ClinicDetailSelect .ClinicLabel ul li .Info{font-size:10pt; letter-spacing:-0.3px; margin-bottom:0; color:#666; line-height:1.3;}
body .clinicViewWrap .ClinicDetailSelect .ClinicLabel ul li .Price{margin-top:23px;}
body .clinicViewWrap .ClinicDetailSelect .ClinicLabel ul li .Price span{color:#444444; font-size:11pt;}
body .clinicViewWrap .ClinicDetailSelect .ClinicLabel ul li .Price span b{font-size:18pt; font-weight:700; margin-right:3px; letter-spacing:-0.5px;}
body .clinicViewWrap .ClinicDetailSelect .ClinicLabel ul li .Price em{text-decoration:none; font-size:11pt; font-weight:500; color:#cdcdcd; letter-spacing:-0.5px; margin-left:6px;}
body .clinicViewWrap .ClinicDetailSelect .ClinicLabel ul li .Price small{font-weight:700; padding:2px 11px; font-size:11pt; background-color:#f8f8f8; border:1px solid #444444; color:#444444;}
body .clinicViewWrap .ClinicDetailSelect .BtnArea button{border:1px solid #444444; color:#444444;}
body .clinicViewWrap .ClinicDetailSelect .BtnArea button.ColorBg{background-color:#444; color:#fff;}
body .clinicViewWrap:not(.EWrap) .ClinicDetailSelect .BtnArea button:last-child{display:none;}
body .clinicViewWrap .ClinicLandDetail{background:none !important;}
body .clinicViewWrap .LinkBtn .LinkArea{width:15%;}
body .clinicViewWrap .LinkBtn .LinkArea a{border-radius:5px; width:auto; padding:20px 0; font-size:20px; margin:0px 6px; font-weight:600; letter-spacing:-0.5px; background-color:#fff; border:1px solid #444444; color:#444444;}
body .clinicViewWrap .ThumbSmallSwiper .ThumbBox img{height:100%; object-fit:cover;}

/* 장바구니 */
body .PriceSideWrap .ColorTxt{color:#444444;}
body .PriceSideWrap .ColorBd{border-color:#444444;}
body .PriceSideWrap .ColorBg{background-color:#444444;}
body .PriceSideWrap .BtnSection button{font-size:15pt;}

body .cartWrap .NOList .BtnArea a:last-child{display:none;}

/*전후사진 페이지*/
body .BnfWrap .boardThumList a .Thumb{height:193px;}
body .BnfWrap .boardThumList a .Thumb img{max-height:193px; height:193px;}

/*예약 페이지*/
body .reserveWrap p.plusTxt{color:#727272; font-size:11pt; display:block; margin-top:10px;}
body .reservationWrap p.plusTxt{color:#727272; font-size:9pt; display:block; margin-top:10px;}