@charset "utf-8";
div { display: inline-block; position: relative; width:100%;}
.main .content .c1 { margin: 0; }
.c1 > .title { margin: 5px 0 20px 30px; padding: 8px 0 0 0; color: #000; }
.c1 > .title span { background: #590ed6; width: 36px; height: 3px; position: absolute; top: 0; left: 0; }
.c1 > .title .t1 { font-size: 18px; color: #202020; width: 100%; margin: 15px 0 0 0 }
.content .selectboxlist { background: #fff; border: 1px solid #dadada; width: 579px; height: 55px; box-sizing: border-box; position: relative; z-index: 50; }
.content .selectboxlist .h3view { float: left; width: 100%; height: 100%; overflow: visible; }
.content .h3.selectboxlist .h3_1 { width: 100%; }
.content .h3.selectboxlist div > a span.text { margin: 9px 0 9px 26px; }
.content .h3.selectboxlist a { color: #000; }
.c1_0 { margin: 0 0 0 31px; }
.content .h3.selectboxlist a span.icon01 { background: url(../img/m/img02.jpg) center; margin: 0; border-left: 1px solid #dadada; height: 53px; }
.content .h3.selectboxlist ul.h3view_bottom { height: auto; }
.content .h3.selectboxlist ul { width: 100%; top: 54px; left: -1px; background: #FFF; border: 1px solid #dadada; box-sizing: content-box; border-top: none; border-bottom: none; }
.content .h3.selectboxlist ul li { border-bottom: 1px solid #dadada; display: inline-block; }
.content .c1 { margin: 33px 0 0 0; }
.tab2 > div > div > div { width: 50%; position: absolute; padding: 20px 0; border: 1px solid #dadada; box-sizing: border-box; z-index: 5; top: -73px; left: 0; text-align: center; font-size: 20px; font-weight: bold; color: #85839b; background: #fff; }
.tab2 > div > div:nth-child(2) > div { left: 50%; }
.tab2 > div > div.active > div { background: #590ed6; display: block; }
.tab2 > div > div.active > div { display: block; background: #590ed6; color: #fff; }
.tab2 > div > div { position: absolute; top: 0; width: 100%; }
.tab2 > div > div ul { display: none; width: 100%; margin: 28px 0 0 0; }
.tab2 > div > div ul li { width: 100%; font-size: 18px; padding: 0 0 31px 9px; background: url(../img/m/img08.jpg) no-repeat 0 11px; }
.tab2 > div > div.active ul { display: block; }
.tab2 > div > div.active { position: relative; }
.tab2 > div > div.active { width: 580px; display: table; margin: 0 auto; height: auto; position: relative; }
.doctor .c1_1 { margin: 49px auto 43px auto; float: none; width: auto; display: table; border: 1px solid #dadada; padding: 14px; box-sizing: border-box; }
.doctor .c1_1 img { width: 250px; height: 294px; }
.doctor .c1_2 { text-align: center; width: 100%; background: url(../img/m/img03.jpg) no-repeat 59px 8px; }
.doctor .c1_2 > div { background: url(../img/m/img04.jpg) no-repeat 551px 8px; padding: 0 94px; }
.doctor .c1_2 span { width: 100%; font-size: 15px; }
.doctor .c1_2 span:nth-child(2) { color: #85839b; font-size: 22px; margin: 2px 0 0 0; }
.doctor .c1_2 span b { color: #5544fe; }
.doctor .c1_3 { background: #d2cfcb; padding: 41px 0; width: 580px; display: table; margin: 41px auto 29px auto; text-align: center; font-size: 25px; color: #000; }
.doctor .c1_3 >div { width: 1px; height: 43px; background: #e5e0d9; position: absolute; left: 50%; top: -21px; }
.doctor .c1_plist { width: 580px; margin: 0 auto; font-size: 18px; border-top: 3px solid #590ed6; text-align: center; vertical-align: middle; }
.doctor .c1_plist tr { border-bottom: 1px solid #d5d5d5; }
.doctor .c1_plist thead tr { height: 60px; }
.doctor .c1_plist tbody tr { height: 55px; }
.doctor .c1_plist tr:nth-child(3) td:nth-child(2) { text-align: left; padding: 0 0 0 23px; }
.doctor .c1_plist tr td { background: #fafafa; border-left: 1px solid #d5d5d5; }
.doctor .c1_plist tr td:nth-child(1) { border-left: none; }
.doctor .c1_plist th { color: #1c1a20; background: #ede8fe; border-left: 1px solid #d5d5d5; }
.doctor .c1_plist th:nth-child(1) { border-left: none; }
.doctor .c1_plist td:nth-child(1) { color: #818181; }
.doctor .c1_4 { margin: 17px 0 0 30px; color: #4c4c4c; font-size: 16px; }
.doctor .c1_4 li { margin: 0 16px 0 0; }
.doctor .c1_4 img { vertical-align: middle; }
.doctor .c1_5 { margin: 130px auto 0 auto; /* margin: 0 auto; */ display: table; }
.onlineconsult #bbs #blist ul li { padding: 0; }
.onlineconsult #bbs #blist ul li a { margin: 0; height: 100%; float: left; border-bottom: 1px solid #d5d5d5; }
.onlineconsult #bbs #blist ul li span.b1 { color: #590ed6; width: 108px; background: #f2eefe; margin: 0; height: 100%; padding: 33px 0; text-align: center; box-sizing: border-box; border-right: 1px solid #d5d5d5; float: left; }
.onlineconsult #bbs #blist ul li span.title { display: inline-block; width: 380px; color: black; font-size: 18px; color: #8c8c90; margin: 0; padding: 17px 56px 19px 23px; float: left; box-sizing: border-box; position: relative; border-right: 1px solid #d5d5d5; }
.onlineconsult #bbs #blist ul li span.title .secret { position: absolute; right: 18px; top: 31px; }
.onlineconsult #bbs #blist .icon_reply { border: none; background: #fff; color: #6b6b6b; padding: 0 5px; display: inline; width: 75px; /* float: right; */ height: 96px; display: table-cell; vertical-align: middle; float: none; text-align: center; font-weight: bold; }
.onlineconsult #bbs #blist .pink { color: #ea1560; }
.onlineconsult #bbs #blist .btnAll { float: none; margin: 0 auto; display: table; }
.onlineconsult #bbs .btnAll a.btns { display: block; padding: 10px 0; background: #504f64; /* color: #797979; */ line-height: 31px; word-spacing: -1px; text-decoration: none !important; white-space: nowrap; float: none; color: #fff !important; margin: 17px auto 56px auto; width: 126px; font-size: 18px; text-align: center; }
.selectbox1 { width: 100px; height: 30px; }
.selectricbox { float: left; width: 301px; height: 45px; display: inherit !important; }
.onlineconsult_write .btn_in, .btn_in * { background: #504f64; color: #fff; padding: 10px 23px; font-size: 18px; font-weight: normal; height: 50px; box-sizing: border-box; }
.onlineconsult_write #bbs .btnAll a.btns { float: none; display: inline-block; margin: 0; background: #b0b3bc; width: 94px; }
.onlineconsult_write #bbs .btnAll a.btns strong { background: none; color: #fff !important; font-weight: normal; }
.onlineconsult_write .btnC { margin-bottom: 40px; }
.onlineconsult_write .nt { color: #49494d; font-size: 18px; margin: 33px 0 28px 10px; }
.onlineconsult_write .nt b { color: #590ed6; }
.reserve #bbs #bwrite .wlist.r1 { margin: 0 auto 10px auto; border: none; }
.reserve #bbs #bwrite .wlist.r1 dl { background: #ebebf2; border: none; }
.reserve #bbs #bwrite .wlist.r1 dl:nth-child(2) dd { padding: 3px 0 44px 0; }
.reserve #bbs #bwrite .wlist.r1 dl:nth-child(2) dt { padding: 13px 0 17px 31px; }
.reserve #bbs #bwrite .wlist.r1 dl dt { background: none; border: none; border-bottom: none; padding: 40px 0 17px 31px; text-align: left; }
.reserve #bbs #bwrite .wlist.r1 dl:nth-child(1) dt { border-bottom: 1px dotted #656178; padding: 40px 0 17px 0; margin: 0 0 0 31px; }
.reserve #bbs #bwrite .wlist.r1 dd { width: calc(100% - 209px); float: right; padding: 27px 0 0 0; }
.reserve #bbs #bwrite .wlist .selectric { width: 305px; }
.reserve #bbs #bwrite .wlist .selectric .label { height: 52px; line-height: 51px; }
.reserve #bbs #bwrite .wlist.r2 { background: #ebebf2; margin: 10px auto 10px auto; border: none; }
.reserve #bbs #bwrite .wlist.r4 { margin-top: 52px; }
.reserve #bbs #bwrite .wlist.r2 dl { border: none; }
.reserve #bbs #bwrite .wlist.r2 dt { border: none; background: none; padding: 29px 0 0 19px; }
.reserve #bbs #bwrite .wlist.r4 .tt1 dd { padding: 19px 0; }
/* 예약 > 날짜 선택 */
.selectDate { overflow: hidden; margin-top: 30px; }
.calendar { float: left; width: 700px; table-layout: fixed; }
.calendar table { width: 100%; font-size: 15px; }
.calendar table th { height: 34px; border-bottom: 1px solid #7b7b7b; background: #d4cdb9; text-align: center; }
.calendar table td { height: 50px; border: 1px solid #dadada; text-align: center; }
.calendar table td button { width: 100%; height: 50px; border: 0; background: none; }
.calendar table th:nth-of-type(6) { color: #1669b4 }
.calendar table th:nth-of-type(7) { color: #ff0000 }
.calendar table td.sun { color: #ff0000; }
.calendar table td.sat { color: #1669b4; }
.calendar table td.on { color: #FFF; background-color: #48647c; }
.calendar table td.on button { background: #48647c; color: #fff; }
.calendar th.calendarTitle { position: relative; height: 80px; background: #590ed6; color: #fff !important; font-size: 22px; }
.calendar th.calendarTitle .btn_prevMonth { float: left; margin-left: 12px; background: none; border: 0; }
.calendar th.calendarTitle .btn_nextMonth { float: right; margin-right: 12px; background: none; border: 0; }
.calendar { float: none; width: 520px; /*margin: 20px auto 24px auto;*/ display: table; }
.calendar th.calendarTitle { height: 53px; font-size: 20px; font-weight: normal; }
.calendar table td { height: 52px; }
.calendar table td button { height: 40px; }
.linkbox { position: absolute; top: 241px; width: 600px; height: 118px; left: 20px; }
.linkbox a { width: 50%; height: 50%; float: left; }
.sedation .linkbox a { width:33.333%; height:100%; float: left; }
.sedation .linkbox{ height:60px;}
.linkbox.c1_2{top:2919px; }
.linkbox.c1_3{top: 8390px;}
.linkbox.c1_4{top: 11367px;}

.imsystem .linkbox.c1_2{top:7268px; }
.imsystem .linkbox.c1_3{top: 10484px;}
.imsystem .linkbox.c1_4{top: 14064px;}

.cosystem .linkbox.c1_2{top:2919px; }
.cosystem .linkbox.c1_3{top: 8390px;}
.cosystem .linkbox.c1_4{top: 11367px;}

.sedation .linkbox.c1_2{top:2794px; }
.sedation .linkbox.c1_3{top: 6537px;} 



.taget{ position:relative; top:-103px;}

/* 스마트한 의료진 */
.family01 { height: 818px; background: url("/img/family_img01.jpg") center top no-repeat; }
.family02 { height: 817px; background: url("/img/family_img02.jpg") center top no-repeat; }
.family03 { height: 818px; background: url("/img/family_img03.jpg") center top no-repeat; }
.titleimg {     
    text-align: center;
    margin: 0 auto 30px;
    display: flex;
    overflow: hidden; flex-wrap:Wrap; gap:8px;}
.titleimg a {display:block; aspect-ratio: 1 / 0.468; width: calc(25% - 10.666px); background-repeat:no-repeat; background-size:cover; box-sizing:border-box; border:1px solid #ddd}


.titleimg a.s1_3_tab00{background-image: url(/img/sub/s1_3_tab00_v.png);}
.titleimg a.s1_3_tab01{background-image: url(/img/sub/s1_3_tab01_v.png);}
.titleimg a.s1_3_tab02{background-image: url(/img/sub/s1_3_tab02_v.png);}
.titleimg a.s1_3_tab03{background-image: url(/img/sub/s1_3_tab03_v.png);}
.titleimg a.s1_3_tab04{background-image: url(/img/sub/s1_3_tab04_v.png);}
.titleimg a.s1_3_tab05{background-image: url(/img/sub/s1_3_tab05_v.png);}
.titleimg a.s1_3_tab06{background-image: url(/img/sub/s1_3_tab06_v.png);}
.titleimg a.s1_3_tab07{background-image: url(/img/m/btn_new_imgyo01.jpg);}
.titleimg a.s1_3_tab08{background-image: url(/img/m/btn_new_imgyo02.jpg);}
.titleimg a.s1_3_tab09{background-image: url(/img/m/btn_new_imgyo03.jpg);}

.titleimg a.s1_3_tab00.active{background-image: url(/img/sub/s1_3_tab00.png) ;}
.titleimg a.s1_3_tab01.active{background-image: url(/img/sub/s1_3_tab01.png) ;}
.titleimg a.s1_3_tab02.active{background-image: url(/img/sub/s1_3_tab02.png) ;}
.titleimg a.s1_3_tab03.active{background-image: url(/img/sub/s1_3_tab03.png) ;}
.titleimg a.s1_3_tab04.active{background-image: url(/img/sub/s1_3_tab04.png) ;}
.titleimg a.s1_3_tab05.active{background-image: url(/img/sub/s1_3_tab05.png) ;}
.titleimg a.s1_3_tab06.active{background-image: url(/img/sub/s1_3_tab06.png) ;}
.titleimg a.s1_3_tab07.active{background-image: url(/img/m/btn_new_imgyo01_on.jpg) ;}
.titleimg a.s1_3_tab08.active{background-image: url(/img/m/btn_new_imgyo02_on.jpg) ;}
.titleimg a.s1_3_tab09.active{background-image: url(/img/m/btn_new_imgyo03_on.jpg) ;}



.st{position: relative; text-align:center;}
.st img{padding: 22px 17px; border-top:4px solid #545454; border-bottom:4px solid #545454; }


/* mboard css */
.reseStep dt {width:30%; min-width:100px;}
.reseStep dd {width:50%; min-width:150px;}


/* 실시간 예약 */
.reserve_textarea textarea {resize:none; width:100% !important;}