.lastDepth>a, #mVisual .inConts .ii, #mVisual .inConts .ii.btn>a, #mVisual .bx-pager>span, #mVisual .bx-pager-item>a, .mGoMenu>ul>li>a, .mGoMenu>ul>li>a:before, .mGoMenu>ul>li>a:after, .mGoMenu>ul>li>a>span, .floor_list .right .img .visualRoll .slider>span{transition: all .3s ease-out; transform-origin: 50% 50%;} /*[s] All Style */ img.grayscale, .grayscale img{filter:grayscale(100%); -webkit-filter:grayscale(100%);} /*img.bg_thumb{background-repeat: no-repeat; background-position: center center; transform: matrix(1, 0, 0, 1, 0, 0); transition: all .3s ease-out; transform-origin: 50% 50%;} a:hover img.bg_thumb{transform: matrix(1.01, 0, 0, 1.01, 0, 0);} a:hover img.no{transform: matrix(1, 0, 0, 1, 0, 0);}*/ .bg_thumb_box{max-width:100%; height:100%; background-color: #f8f8f8; background-repeat: no-repeat; background-position: center top; display:block;} img.bg_thumb{/*max-width:100%; background-color: #f5f5f5; background-repeat: no-repeat; background-position: center center; display:block;*/ opacity: 0;} .tbLayout{width:100%; display:table;} .tbLayout.fixed{table-layout: fixed;} .tbLayout>*{display:table-cell; vertical-align: middle; box-sizing: border-box;} .tbLayout.vat>.td{vertical-align: top;} .tbLayout.full{width:1920px; margin-left:-960px; position: relative; left:50%;} .nTable{width:100%; border-top:2px solid #666; border-bottom:1px solid #ddd;} .nTable>table{width:100%; margin-bottom:-1px; border-spacing:0; table-layout : fixed;} .nTable>table th, .nTable>table td{padding:15px 20px; border-bottom:1px solid #ddd; font-size:16px; font-weight:400; line-height:1.5; color:#666; text-align: center; border-collapse:collapse; empty-cells:show; box-sizing: border-box;} .nTable>table>thead>tr>th{background-color: #f8f8f8; font-weight:500; color:#363636; position: relative;} .nTable>table>thead>tr>th+th{border-left:1px solid #ddd;} .nTable>table>tbody>tr>th{background-color: #f8f8f8; font-weight:500; color:#363636; position: relative;} .nTable>table>tbody>tr>th+th{border-left:1px solid #ddd;} .nTable>table>tbody>tr>th+td{border-left:1px solid #ddd;} .nTable>table>tbody>tr>td+th{border-left:1px solid #ddd;} .nTable>table>tbody>tr>td+td{border-left:1px solid #ddd;} .nTable>table .b_left {border-left:1px solid #ddd;} .nTable>table .b_bottom {border-bottom:1px solid #ddd;} .nTable>table .th_bg01 {background-color: #f8f8f8;} .nTable>table .th_bg02 {background-color: #ebebeb;} .nTable>table .th_bg03 {background-color: #f2f2f2;} .nTable.doctor{border-top-width:1px;} .nTable.doctor>table th, .nTable.doctor>table td{padding:15px 0px; line-height:1.3; color:#363636;} .nTable.doctor>table>thead>tr>th{background-color: #f2f2f2;} .nTable.doctor>table>tbody>tr>th{padding:25px 0; background-color: #fff; font-weight: 500;} .nTable.doctor>table>tbody>tr>td{padding:15px;} .f0{font-size:0; line-height:0;} .lastDepth{width:100%; margin-bottom:60px; font-size:0; line-height:0; text-align: center; box-sizing: border-box; display: -webkit-box; display: -webkit-box;display: flex;display: -ms-flexbox;justify-content: space-between; -js-display: flex;} .lastDepth.w120{width:1200px; margin:0 auto 60px;} .lastDepth>a{width:100%; height:55px; background-color: #fff; border:1px solid #dbdbdb; font-size:20px; line-height:1.2; color: #252525; display:inline-block; vertical-align: top; box-sizing: border-box; -webkit-box-flex: 1; -ms-flex: 1;} .lastDepth>a+a{margin-left:-1px;} .lastDepth>a>span{display:inline-block; position: relative; top:50%;-webkit-transform: translateY(-50%); transform: translateY(-50%);} .lastDepth>a:hover, /* .lastDepth>a.active{background-color: #00989e; border-color:#00989e; color: #fff; text-shadow:1px 1px 3px #00898e; z-index:2;} */ .lastDepth>a.active{background-color: #63b32e; border-color:#63b32e; color: #fff; text-shadow:1px 1px 3px #00898e; z-index:2;} .lastDepth.small{width:100%; margin-bottom:60px; border-bottom:1px solid #dbdbdb; text-align:left; display:block;} .lastDepth.small>a{/* width:190px; */ width:20%; color:#636363; background-color: #fff; border:none; text-align:center; position: relative;} .lastDepth.small>a:before{content: ""; width: 100%; height: 1px; background-color: #dbdbdb; display:block; position:absolute; left: 0; bottom:-1px;} .lastDepth.small>a:hover, /* .lastDepth.small>a.active{color:#00989e; background-color: #fff; text-shadow:none; font-weight:500; transition:none;} */ .lastDepth.small>a.active{color:#63b32e; background-color: #fff; text-shadow:none; font-weight:500; transition:none;} .lastDepth.small>a:hover:before, /* .lastDepth.small>a.active:before{height:2px; background-color: #00989e;} */ .lastDepth.small>a.active:before{height:2px; background-color: #63b32e;} .lastDepth.doctor{margin-bottom:0px; text-align: left; display:block; position: relative;} .lastDepth.doctor:before{content: ""; width: 100%; height: 1px; background-color: #898989; display:block; position:absolute; left:0; bottom:0px;} .lastDepth.doctor>a{width:180px; height:54px; background-color: #f0f0f0; border:1px solid #bfbfbf; border-bottom-color:#898989; font-size:18px; line-height:1.2; text-align: center; color: #464646; position: relative; z-index:2;} .lastDepth.doctor>a+a{margin-left:-1px;} .lastDepth.doctor>a>span{display:inline-block; position: relative; top:50%;-webkit-transform: translateY(-50%); transform: translateY(-50%);} .lastDepth.fx_wrap{flex-wrap:wrap;} .lastDepth.fx_wrap.row03 > a{width:calc((100% + 2px) / 3);} .lastDepth.fx_wrap.row03 > a:nth-child(4){margin-left:0;} .lastDepth.fx_wrap.row03 > a:nth-child(n+4){border-top-color:transparent;} .no-flexbox.lastDepth{display: table-cell;} .lastDepth.doctor>a:hover, .lastDepth.doctor>a.active{background-color: #fff; border-color:#898989; border-bottom-color:#fff; color: #087b29; z-index:3; text-shadow:none; transition:none;} .lastDepthConts{font-size:0; line-height:0; display:none; overflow:hidden;} .lastDepthConts.c_ld{overflow:inherit;} .doctor_view .lastDepthConts{padding:50px 30px; font-size:16px; line-height:1.4; color: #636363;} .nTit{font-weight: 300; font-size:28px; line-height:36px; color: #252525; text-align: center;} .nTit>span{font-weight: 300;} .nTxt{font-weight: 400; font-size:16px; line-height:1.65; color: #636363; letter-spacing: -0.03em;} .nTxt.f18{font-size:18px; line-height:1.4; color: #232323;} /* .psTxt{font-weight: 400; font-size:16px; line-height:1.4; color: #00989e;} */ .psTxt{font-weight: 400; font-size:16px; line-height:1.4; color: #63b32e;} .psTxt.f14{font-size:14px; line-height:1.6; color: #999;} .psTxt.c6{color: #666;} .gsTxt{font-weight: 400; font-size:16px; line-height:1.65; color: #0b8e36;} .nTit_02 {font-weight:400; font-size:18px; line-height:1.4; color: #252525;} .nTit_02>span {padding-left:22px;} .nTit_02>span:before {content: ""; width: 15px; height: 15px; background:url("../../images/nTit_02.png") no-repeat; display: inline-block; position:absolute; left:0;} .info_Tit {font-size:16px ; margin-top:12px; padding:0px 5px 3px 30px; font-weight:400; color:#636363; background:url("../../images/info.png") no-repeat;} .psBul_02 {padding-left:10px; display:inline-block; vertical-align: middle; position: relative;} .psBul_02:before {content: "*"; color: #e40000; position:absolute; left: 0; top:2px;} .list_ol_01 {counter-reset:item; margin-bottom:10px;} .list_ol_01 > li {position: relative; font-size: 16px; line-height: 1.75; margin-bottom:4px; color: #636363; padding-left:26px;} .list_ol_01 > li:last-child {margin-bottom: 0;} .list_ol_01 > li:before {counter-increment: item; content: counter(item); width: 18px; height: 18px; display: inline-block; background: #fff; border:1px solid #636363; color: #636363; border-radius: 50%; text-align: center; line-height:18px; font-size: 10px; position: absolute; top: 5px; left: 0; font-weight:400;} .list_ol_01 span.red{color:#e40000} .list_ul_01 {} .list_ul_01 > li {position: relative; font-size: 16px; line-height: 1.75; margin-bottom:4px; color: #636363; padding-left:12px;} .list_ul_01 > li:last-child {margin-bottom: 0;} .list_ul_01 > li:not(.non):before {content: ''; display: block; width: 4px; height: 4px; background: #636363; position: absolute; top: 13px; left: 0;} .list_ul_01.fs14 {margin-top:5px; margin-bottom:5px;} .list_ul_01.fs14 > li {font-size:14px; padding-left:10px;} .list_ul_01.fs14 > li:before {width:3px; height:3px; top:12px} .list_ul_02 {margin-top:5px;} .list_ul_02 > li {position: relative; font-size:16px; line-height:1.75; margin-bottom:4px; color:#636363; padding-left:15px;} .list_ul_02 > li:last-child {margin-bottom: 0;} .list_ul_02 > li:before {content: '-'; position: absolute; left: 0; top:1px;} .list_ul_02.fs18 {margin-top:30px; margin-bottom:30px;} .list_ul_02.fs18 > li {font-size:18px; padding-left:15px; color:#252525; margin-bottom:6px;} .list_ul_02.fs18 > li:before {top:0px;} .list_ul_03 {margin-top:0px;} /* .list_ul_03 > li {position: relative; font-size:20px; line-height:1.75; margin-bottom:4px; color:#00989e; padding-left:15px; font-weight:500;} */ .list_ul_03 > li {position: relative; font-size:20px; line-height:1.75; margin-bottom:4px; color:#63b32e; padding-left:15px; font-weight:500;} .list_ul_03 > li:last-child {margin-bottom: 0;} /* .list_ul_03 > li:before {content: ''; display: block; width: 5px; height: 5px; background: #00989e; position: absolute; top: 15px; left: 0; border-radius:99px;} */ .list_ul_03 > li:before {content: ''; display: block; width: 5px; height: 5px; background: #63b32e; position: absolute; top: 15px; left: 0; border-radius:99px;} .list_ul_04 {margin-top:0px;} .list_ul_04 > li {position: relative; font-size:18px; line-height:1.75; margin-bottom:4px; color:#636363; padding-left:15px; font-weight:400;} .list_ul_04 > li:last-child {margin-bottom: 0;} .list_ul_04 > li:before {content: "*"; position:absolute; left: 0; top:0px;} h3.txt{padding-top:70px; font-weight: bold; font-size:32px; line-height:1; color: #252525; position: relative;} h4.txt{font-weight: 500; font-size:24px; line-height:30px; color: #252525;} .hArea{width:100%; padding:50px 0; font-size:0; line-height:0; display: flex; display: -ms-flexbox; justify-content: space-between; position: relative; box-sizing: border-box;} .hArea>*{display:inline-block; vertical-align: top; box-sizing: border-box; position: relative; -webkit-box-flex: 1; -ms-flex: 1;} .hArea>.titCont{width:273px; padding-top:22px; font-weight: bold; font-size:23px; line-height:32px; color: #252525;} .hArea>.titCont:before{content: ""; width: 53px; height: 2px; background-color: #087b29; display: inline-block; position:absolute; left: 0; top:0px; box-sizing: border-box;} .hArea>.txtCont{width:927px; padding-top:20px; font-weight: 400; font-size:18px; line-height:26px; color: #636363;} .hArea>.txtCont .point{color: #e40000;} .hArea+.hArea{border-top:1px dotted #ababab;} .hArea+h3.txt{padding-top:20px;} h4.line2{height:40px; border-bottom:1px solid #ddd; font-weight: 500; font-size:24px; line-height:1; color: #252525; position: relative;} h4.line2.no{border-bottom:none;} h4.line2 .checkIn{font-weight: 400; position: absolute; right:0; top:0;} /*[e] All Style */ /*[s] Main Style */ #ribbonBanner{width:100%; height:120px; font-size:0; line-height:0; position: relative; overflow:hidden; display:none;} #ribbonBanner .ribbonArea{width:1920px; margin-left:-960px; overflow:hidden; position: relative; left:50%; } #ribbonBanner .bx-pager{width:1200px; margin-left:-600px; text-align: right; position: absolute; left:50%; bottom:40px; z-index:7;} #ribbonBanner .bx-pager-item{padding:0 7px; display:inline-block; vertical-align: top;} #ribbonBanner .bx-pager-item>a{width:14px; height:14px; background-color: #ccc; display:block; border-radius:99px; overflow:hidden;} #ribbonBanner .bx-pager-item>a.active{background-color: #087b29;} #ribbonBanner .ribbonClose{width:1200px; margin-left:-600px; text-align: right; position: absolute; left:50%; bottom:12px; z-index:6;} #ribbonBanner .ribbonClose label, #ribbonBanner .ribbonClose a{display:inline-block; vertical-align: top; cursor: pointer;} #ribbonBanner .ribbonClose label>span, #ribbonBanner .ribbonClose a{font-family:'돋움'; font-size:12px; line-height:12px; color: #464646;} #ribbonBanner .ribbonClose a{margin-left:31px; position: relative;} #ribbonBanner .ribbonClose a:before{content: ""; width: 1px; height: 10px; margin-top:-5px; background-color: #464646; display: inline-block; position:absolute; left: -16px; top:50%;} #ribbonBanner .ribbonClose input[type=checkbox]{width: 12px; height: 12px; margin:0 5px 0 0; background-color: #464646; border:1px solid #cecece; display: inline-block; vertical-align: top;} .main #scroll{width:100%; font-size:0; line-height:0; text-align: center; position: fixed; left:0; bottom:80px; z-index:6; display:none; animation-duration: .7s; animation-iteration-count:infinite; animation-name: scrollDown; animation-timing-function:ease-out; animation-direction:alternate; } .main #scroll.open{display:block;} @keyframes scrollDown { from {bottom:80px;} to {bottom:70px;} } .mGoMenu{width:1px; background-color:rgba(255,255,255,0.3); font-size:0; line-height:0; position: fixed; right:10%; top:100px; bottom:0; z-index:8;} .mGoMenu.last{padding-bottom:302px;} .mGoMenu>ul{position: relative; top:50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);} .mGoMenu>ul>li{height:52px; position: relative;} .mGoMenu>ul>li>a{width:185px; height:52px; margin-left:-100px; opacity:0.5; display:block;} .mGoMenu>ul>li>a:before{content: ""; width:7px; height:7px; background-color:#fff; background-repeat: no-repeat; background-position: center center; border-radius:50%; position: absolute; left:-3px; top:50%; display:inline-block; overflow:hidden; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index:3;} .mGoMenu>ul>li>a:after{content: ""; width:0; height:1px; background-color:#fff; position: absolute; right:0px; top:50%; display:inline-block; -webkit-transform: translateY(-50%); transform: translateY(-50%);} .mGoMenu>ul>li>a>span{width: 84px;font-size: 18px;line-height:52px;color: #fff;text-align: left;position: absolute;right: -100px;top:50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);display:inline-block;z-index:2;} .mGoMenu>ul>li.active>a{opacity: 1;} .mGoMenu>ul>li.active>a:before{width:47px; height:47px; left:-23px;} .mGoMenu>ul>li.active>a:after{width:43px;} .mGoMenu>ul>li.active>a>span{font-size:18px; text-align: right; right:50px; text-shadow: 0 0 1px rgba(0,0,0,0.9); font-weight: 500;} .mGoMenu>ul>li.active>a.icon01:before{background-image: url('../../images/main/icon_menu01.png');} .mGoMenu>ul>li.active>a.icon02:before{background-image: url('../../images/main/icon_menu02.png');} .mGoMenu>ul>li.active>a.icon03:before{background-image: url('../../images/main/icon_menu03.png');} .mGoMenu>ul>li.active>a.icon04:before{background-image: url('../../images/main/icon_menu04.png');} .mGoMenu>ul>li.active>a.icon05:before{background-image: url('../../images/main/icon_menu05.png');} .mGoMenu>ul>li.active>a.icon06:before{background-image: url('../../images/main/icon_menu06.png');} .mGoMenu>ul>li.active>a.icon07:before{background-image: url('../../images/main/icon_menu07.png');} .mTitle{padding:0 0 45px; font-weight: bold; font-size:40px; line-height:1; color: #fff; text-align: center;} .mTitle.bk{color:#363636;} .mTitle>dd{padding-top:30px; font-size:20px;line-height:27px; color: #5d5d5d;font-weight:400;} .mLay .inConts{height:960px; display:table; table-layout: fixed;} .mLay .inConts .mTd{display:table-cell; vertical-align: middle;} /* mVisual */ #mVisual{width:100%; font-size:0; line-height:0; position: relative; overflow:hidden;} #mVisual .visualRoll{white-space: nowrap;} #mVisual .visualRoll .slider{width:100%; background-repeat: no-repeat; background-position: center center; background-size: cover; font-size:0; line-height:0; position: relative; overflow:hidden; display:inline-block; vertical-align: top;} #mVisual .inConts{height:960px; box-sizing:border-box; display:table;} #mVisual .inConts>.vTxt{display:table-cell; vertical-align: middle;} #mVisual .inConts .ii{top:50px; text-align: left; display:block; opacity: 0; position: relative;} #mVisual .inConts .i01{-webkit-transition-delay: .7s; transition-delay: .7s;} #mVisual .inConts .i02{-webkit-transition-delay: .75s; transition-delay: .75s;} #mVisual .inConts .i03{-webkit-transition-delay: .8s; transition-delay: .8s;} #mVisual .inConts .i04{-webkit-transition-delay: .85s; transition-delay: .85s;} #mVisual .inConts .i05{-webkit-transition-delay: .9s; transition-delay: .9s;} #mVisual .inConts .i06{-webkit-transition-delay: .95s; transition-delay: .95s;} #mVisual .inConts .i07{-webkit-transition-delay: 1s; transition-delay: 1s;} #mVisual .inConts .ii{font-weight: 300; color: #fff;} #mVisual .inConts .ii.tit{font-size:60px; line-height:80px;} #mVisual .inConts .ii.tit>strong{font-weight: 500;} #mVisual .inConts .ii.txt{font-size:26px; line-height:36px;} #mVisual .inConts .ii.tit+.txt{padding-top:10px;} #mVisual .inConts>.vTxt.m04{padding-left:140px;} #mVisual .inConts>.vTxt.m01 .ii, #mVisual .inConts>.vTxt.m02 .ii{text-align: center;} #mVisual .inConts .ii.tit.small{font-size:50px; line-height:78px;} #mVisual .inConts .ii.tit.small>strong{font-size:62px;} #mVisual .inConts>.vTxt.m04.new{padding-left:0px;} #mVisual .inConts .constipation{font-size: 60px; line-height: 1; text-align: center; font-weight: 500; color: rgba(255,255,255,0.9); margin-bottom: 5rem;} #mVisual .inConts .constipation span.mini{font-size: 20px;} #mVisual .inConts .constipationSub{font-size: 28px; line-height: 1; text-align: center; font-weight: 300; color: rgba(255,255,255,1); margin-top: 4rem;} #mVisual .inConts .constipationSub b{font-size: 34px;} #mVisual .inConts .performance{display: flex;} #mVisual .inConts .performance li{width: 25%; text-align: center;} #mVisual .inConts .performance li + li{border-left: 1px solid rgba(255,255,255,0.4);} #mVisual .inConts .performance li .performanceTitle{display: inline-block; padding: 10px 35px; border-radius: 3rem; font-size: 20px; line-height: 1; color: #fff; font-weight: 500; background: linear-gradient(0deg, rgba(0,89,42,1) 0%, rgba(11,141,54,1) 100%); margin-bottom: 20px;} #mVisual .inConts .performance li .performanceText{font-size: 40px; line-height: 1; color: #fff; font-weight: bold;} #mVisual .inConts .performance li .performanceText span.kor{font-size: 30px; font-weight: 500;} #mVisual .bx-pager{width:1200px; margin-left:-600px; text-align: right; position: absolute; left:50%; bottom:120px; z-index:7; display:inline-block;} #mVisual .bx-pager-item{padding:0 7px; display:inline-block; vertical-align: top;} #mVisual .bx-pager-item>a{width:20px; height:20px; background-color: #fff; display:block; border-radius:99px; overflow:hidden;} #mVisual .bx-pager-item>a.active{background-color: #087b29;} /* #mVisual .bx-controls-direction>a{width:42px; height:80px; margin-top:-40px; background-position: center center; background-repeat: no-repeat; left:50%; position: absolute; top:50%; z-index:7;} */ /* #mVisual .bx-controls-direction>a.bx-prev{background-image: url('../../images/main/btn_bx_prev.png'); margin-left:-640px;} */ /* #mVisual .bx-controls-direction>a.bx-next{background-image: url('../../images/main/btn_bx_next.png'); margin-left:600px;} */ #mVisual .active>.inConts .ii{top:0px; opacity:1;} /* mInfo */ #mInfo{width:100%; background: url('../../images/main/bg_mInfo.jpg') no-repeat center top; /*background-attachment: fixed;*/ font-size:0; line-height:0; text-align: center;} #mInfo .sch{background-color: #fff; border:1px solid #087b29; display:inline-block; vertical-align: top;} #mInfo .sch input[type=text], #mInfo .sch input[type=submit]{height:70px; padding:0 20px; background-color: #fff; border:none; font-weight: 300; font-size:18px; line-height:70px; color: #666; text-align: center; display:inline-block; vertical-align: top; box-sizing: border-box;} #mInfo .sch input[type=text]{width:725px;} #mInfo .sch input[type=submit]{width:70px; background: url('../../images/main/btn_sch.gif') no-repeat center top; border:none; font-size:0; cursor: pointer;} #mInfo .top{} #mInfo .top>p{display:inline-block; vertical-align: top;} #mInfo .top>p+p{border-right:1px solid #dbdbdb;} #mInfo .btm{} #mInfo .btm>p{border:1px solid #dbdbdb; display:inline-block; vertical-align: top;} #mInfo .btm>p+p{border-left:none;} /* 20230811 */ /* #mInfo .mTd > h2{font-size: 55px; line-height: 1; font-weight: bold; text-align: center; margin-bottom: 55px; color: #fff;} #mInfo .mInfoCon table{width: 1200px; border-collapse: collapse; background: #fff;} #mInfo .mInfoCon table td{font-size: 0; line-height: 0; background: #f6f9f9; position: relative;} #mInfo .mInfoCon table td + td{border-left: 1px solid #dbdbdb;} #mInfo .mInfoCon table .swiperArea{width: 400px; height: 500px;} #mInfo .mInfoCon table .swiper{width: 100%; height: 100%;} #mInfo .mInfoCon table .swiper-slide{width: 100%; height: 100%; background: #fff;} #mInfo .mInfoCon table .swiper-slide img{max-width: none; width: 100%; height: 100%; object-fit: cover;} #mInfo .mInfoCon table .swiper-pagination-bullet-active{background: #087b29;} #mInfo .mInfoCon table .swiper-pagination-bullet {width: 15px; height: 15px;} #mInfo .mInfoCon table .InfoLink.InfoGuide{background: #f6f9f9;} #mInfo .mInfoCon table .InfoLink.InfoGuide .infoTitle{color: #363636;} #mInfo .mInfoCon table .InfoLink.InfoGuide .infoSub{font-size: 18px; color: #464646;} #mInfo .mInfoCon table .InfoLink.InfoGuide .infoSub b{font-size: 34px; color: #252525; font-weight: bold;} #mInfo .mInfoCon table .InfoLink.InfoGuide > a{background: #f7a600; color: #fff;} #mInfo .mInfoCon table .centerLinks{display: flex; flex-wrap: wrap; overflow: hidden; background: #fbfbfb;} #mInfo .mInfoCon table .centerLinks a{display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 10px; width: 25%; padding: 15px 0; box-sizing: border-box; border-top: 1px solid #dbdbdb;} #mInfo .mInfoCon table .centerLinks a + a{border-left: 1px solid #dbdbdb;} #mInfo .mInfoCon table .centerLinks a .imgArea{display: flex; align-items: center; justify-content: center; width: 75px; height: 75px;} #mInfo .mInfoCon table .centerLinks a p{font-size: 18px; line-height: 1; color: #000000; font-weight: 500;} */ /* test */ #mInfo .mTd > h2{font-size: 55px; line-height: 1; font-weight: bold; text-align: center; margin-bottom: 55px; color: #fff;} #mInfo .mInfoCon{position: relative; width: 1200px; height: 500px; overflow: hidden;} #mInfo .mInfoCon .InfoLink{width: 400px;height: 190px;padding-top: 40px;background: #087b29;color: #fff;text-align: center; position: absolute; top: 0; left: 0;} #mInfo .mInfoCon .InfoLink.InfoGuide{left: 400px;} #mInfo .mInfoCon .InfoLink .infoTitle{font-size: 28px; line-height: 1; color: #fff; font-weight: 500; margin-bottom: 20px;} #mInfo .mInfoCon .InfoLink .infoSub{font-size: 16px; line-height: 1.25; color: rgba(255,255,255,0.75); margin-bottom: 25px;} #mInfo .mInfoCon .InfoLink > a{display: block; width: 290px; padding: 15px 35px; text-align: center; background: #f6f9f9; color: #087b29; font-weight: bold; font-size: 18px; line-height: 1; position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%);} #mInfo .mInfoCon .InfoLink{width: 400px;height: 190px;padding-top: 40px;background: #087b29;color: #fff;text-align: center;} #mInfo .mInfoCon .InfoLink.InfoGuide{background: #f6f9f9;} #mInfo .mInfoCon .InfoLink.InfoGuide .infoTitle{color: #363636;} #mInfo .mInfoCon .InfoLink.InfoGuide .infoSub{font-size: 18px; color: #464646;} #mInfo .mInfoCon .InfoLink.InfoGuide .infoSub b{font-size: 34px; color: #252525; font-weight: bold;} #mInfo .mInfoCon .InfoLink.InfoGuide > a{background: #f7a600; color: #fff;} #mInfo .mInfoCon .swiperArea{width: 400px; height: 500px; position: absolute; right: 0; top: 0;} #mInfo .mInfoCon .swiper{width: 100%; height: 100%;} #mInfo .mInfoCon .swiper-slide{width: 100%; height: 100%; background: #fff;} #mInfo .mInfoCon .swiper-slide img{max-width: none; width: 100%; height: 100%; object-fit: cover;} #mInfo .mInfoCon .swiper-pagination-bullet-active{background: #087b29;} #mInfo .mInfoCon .swiper-pagination-bullet {width: 15px; height: 15px;} #mInfo .mInfoCon .centerLinks{width: 800px; height: 270px; display: flex; flex-wrap: wrap; overflow: hidden; background: #fbfbfb; position: absolute; bottom: 0; left: 0;} #mInfo .mInfoCon .centerLinks a{display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 10px; width: 25%; padding: 15px 0; box-sizing: border-box; border-top: 1px solid #dbdbdb;} #mInfo .mInfoCon .centerLinks a + a{border-left: 1px solid #dbdbdb;} #mInfo .mInfoCon .centerLinks a .imgArea{display: flex; align-items: center; justify-content: center; width: 75px; height: 75px;} #mInfo .mInfoCon .centerLinks a p{font-size: 18px; line-height: 1; color: #000000; font-weight: 500;} /* td , div{box-sizing: border-box;} */ /* test */ /* mCircle */ #mCircle .circleArea, #mCircle .circleArea .circle.gauge>.year, #mCircle .circleArea .circle.gauge>.year:before{-webkit-transition: .3s; transition: .3s; transform-origin: 50% 50%;} #mCircle .visual>*, #mCircle .circleArea{-webkit-transition: .7s; transition: .7s;} #mCircle{width:100%; background: url('../../images/main/bg_mCircle.jpg') no-repeat center top; /*background-attachment: fixed;*/ font-size:0; line-height:0; position: relative; z-index:2;} #mCircle>.inConts{height:960px; padding:195px 0 500px 85px; box-sizing:border-box;} #mCircle .visual{position: absolute; left:85px; top:487px; z-index:1; opacity: 0; transition: all .7s ease-out;} #mCircle .visual.main{} #mCircle .visual.sub{} #mCircle .visual.y1990{} #mCircle .visual.y1999{} #mCircle .visual.y2011{} #mCircle .visual.y2013{} #mCircle .visual.active{opacity: 1; z-index:3;} #mCircle .circleArea{width:410px; height:410px; position: absolute; right:80px; bottom:180px;} #mCircle .circleArea .circle{width:410px; height:410px; border:2px solid #fff; position: absolute; left:0; top:0; z-index:6; border-radius:50%; box-sizing:border-box; opacity:1;} #mCircle .circleArea.active .circle.one{margin:-10px 0 0 -10px; opacity: .23; animation-duration: 1s; animation-iteration-count:infinite; animation-name: circleOne; animation-timing-function:linear; animation-direction:alternate; } @keyframes circleOne { from {margin:-10px 0 0 -10px;} to {margin:10px 0 0 -10px;} } #mCircle .circleArea.active .circle.two{margin:10px 0 0 10px; opacity: .33; animation-duration: 1s; animation-iteration-count:infinite; animation-name: circleTwo; animation-timing-function:linear; animation-direction:alternate; } @keyframes circleTwo { from {margin:10px 0 0 10px;} to {margin:-10px 0 0 10px;} } #mCircle .circleArea .circle.gauge{width:410px; height:410px;} #mCircle .circleArea.active .circle.gauge{opacity:1;} #mCircle .circleArea .circle.gauge>.year{font-family: 'Nanum Myeongjo', serif; font-size:18px; line-height:1; color: #fff; position: absolute; display:inline-block;} #mCircle .circleArea .circle.gauge>.y1990{left:175px; top:-36px;} #mCircle .circleArea .circle.gauge>.y1999{right:-19px; top:67px;} #mCircle .circleArea .circle.gauge>.y2007{right:-19px; bottom:65px;} #mCircle .circleArea .circle.gauge>.y2011{left:190px; bottom:-35px;} #mCircle .circleArea .circle.gauge>.y2013{left:-18px; bottom:65px;} #mCircle .circleArea .circle.gauge>.y2017{left:-18px; top:67px;} #mCircle .circleArea .circle.gauge>.year:before{content: ""; width:15px; height:15px; background-color:#fff; border-radius:50%; position: absolute; display:inline-block; overflow:hidden;} #mCircle .circleArea .circle.gauge>.y1990:before{left:15px; top:28px;} #mCircle .circleArea .circle.gauge>.y1999:before{left:-20px; top:15px;} #mCircle .circleArea .circle.gauge>.y2007:before{left:-20px; top:-15px;} #mCircle .circleArea .circle.gauge>.y2011:before{left:12px; top:-24px;} #mCircle .circleArea .circle.gauge>.y2013:before{right:-20px; top:-15px;} #mCircle .circleArea .circle.gauge>.y2017:before{right:-20px; top:15px;} #mCircle .circleArea .circle.gauge>.year.active{color: #ffde00;} #mCircle .circleArea .circle.gauge>.year.active:before{background-color: #ffde00;} #mCircle .circleArea .circle.gauge .circlebar{width:410px; height:410px; left:-2px; top:-2px; background-color: transparent; position: relative; user-select: none; box-sizing: border-box;} #mCircle .circleArea .circle.gauge .circlebar .loader-bg{width: 100%; height: 100%; padding-top:120px; text-align: center; box-sizing: border-box;} #mCircle .circleArea .circle.gauge .circlebar .loader-bg .yearNumber{margin-left:-20px; font-family: 'Nanum Myeongjo', serif; font-size: 120px; line-height:1; color:#ffde00; letter-spacing: -0.07em; text-align: center; display:inline-block;} #mCircle .circleArea .circle.gauge .circlebar .loader-bg .yearNumber div{width:62px !important;} #mCircle .circleArea .circle.gauge .circlebar .loader-bg .yearTitle{padding:20px 80px 0; font-size: 23px; line-height:1.2; color:#fff; letter-spacing: -0.03em; text-align: center; display:block;} #mCircle .circleArea .circle.gauge .circlebar .spinner-holder-one{width: 50%; height: 50%; background: transparent; position: absolute; top: 0; left: 0; overflow: hidden; box-sizing: border-box;} #mCircle .circleArea .circle.gauge .circlebar .animate-0-25-a{transform: rotate(90deg); transform-origin: 100% 100%;} #mCircle .circleArea .circle.gauge .circlebar .animate-25-50-a{transform: rotate(180deg); transform-origin: 100% 100%;} #mCircle .circleArea .circle.gauge .circlebar .animate-50-75-a{transform: rotate(270deg); transform-origin: 100% 100%;} #mCircle .circleArea .circle.gauge .circlebar .animate-75-100-a{transform: rotate(0deg); transform-origin: 100% 100%;} #mCircle .circleArea .circle.gauge .circlebar .spinner-holder-two{width: 100%; height: 100%; background: transparent; position: absolute; top: 0; left: 0; overflow: hidden; box-sizing: border-box; -webkit-transition: .5s; transition: .5s; transition-timing-function:linear;} #mCircle .circleArea .circle.gauge .circlebar .animate-0-25-b{transform: rotate(-90deg); transform-origin: 100% 100%;} #mCircle .circleArea .circle.gauge .circlebar .animate-25-50-b{transform: rotate(-90deg); transform-origin: 100% 100%;} #mCircle .circleArea .circle.gauge .circlebar .animate-50-75-b{transform: rotate(-90deg); transform-origin: 100% 100%;} #mCircle .circleArea .circle.gauge .circlebar .animate-75-100-b{transform: rotate(-90deg); transform-origin: 100% 100%;} #mCircle .circleArea .circle.gauge .circlebar .loader-spinner{width: 200%; height: 200%; border-radius: 50%; border-width: 2px; border-color:#ffde00; border-style: solid; box-sizing: border-box;} /* mGraph */ #mGraph{width:100%; background: url('../../images/main/bg_mGraph.jpg') no-repeat center top; font-size:0; line-height:0; position: relative; z-index:2; overflow:hidden;} #mGraph>.inConts{height:960px; box-sizing: border-box;} #mGraph>.inConts .tit{padding-left:85px;} #mGraph>.inConts .tit>dt{font-size:40px; line-height:54px; color: #fff; letter-spacing: -0.03em; display:inline-block; vertical-align: bottom;} #mGraph>.inConts .tit>dt>strong{font-weight: 500;} #mGraph>.inConts .tit>dd{margin-left:135px; font-weight: 300; font-size:22px; line-height:40px; color: #fff; letter-spacing: -0.03em; display:inline-block; vertical-align: bottom;} #mGraph>.inConts .txt{padding-left:85px; font-weight: 300; font-size:20px; line-height:26px; color: #fff; letter-spacing: -0.03em;} #mGraph>.inConts .graphArea{padding:50px 0 0 85px; display: flex; display: -ms-flexbox; justify-content: space-between;} #mGraph>.inConts .graphArea>*{ -webkit-box-flex: 1; -ms-flex: 1;} #mGraph>.inConts .graphArea .graph.left{width:580px;} #mGraph>.inConts .graphArea .graph.right{width:550px; padding-left:99px; border-left:2px solid #84c0db;} #mGraph>.inConts .graphArea .graph .title{font-weight: 500; font-size:22px; line-height:1; color: #fff;} #mGraph>.inConts .graphArea .graph .title.n2{font-size:28px;} #mGraph>.inConts .graphArea .graph .title.n2>span{font-weight: 300; font-size:22px;} #mGraph>.inConts .graphArea .graph .etcBox{padding-top:45px;} #mGraph>.inConts .graphArea .graph .etcBox>dl{min-width:115px; display:inline-block; vertical-align: top;} #mGraph>.inConts .graphArea .graph .etcBox>dl+dl{margin-left:40px;} #mGraph>.inConts .graphArea .graph .etcBox>dl>dt{padding-bottom:8px; border-bottom:1px solid #53a5cb; font-weight: 300; font-size:16px; line-height:23px; color: #fff; letter-spacing: -0.03em; box-sizing: border-box;} #mGraph>.inConts .graphArea .graph .etcBox>dl>dd{padding-top:15px; font-weight: 500; font-size:24px; line-height:1; color: #fff; letter-spacing: -0.03em;} #mGraph>.inConts .graphArea .graph .etcBox.pick>dl>dt{padding-left:36px; background-repeat:no-repeat; background-position: left top; font-size:18px;} #mGraph>.inConts .graphArea .graph .etcBox.pick>dl>dd{font-size:30px; color: #fff200; text-align: center;} #mGraph>.inConts .graphArea .graph .etcBox.pick>dl.icon01>dt{background-image: url('../../images/main/icon_graph01.png');} #mGraph>.inConts .graphArea .graph .etcBox.pick>dl.icon02>dt{background-image: url('../../images/main/icon_graph02.png');} #mGraph>.inConts .graphArea .graph .etcBox.pick>dl.icon03>dt{background-image: url('../../images/main/icon_graph03.png');} #mGraph>.inConts .graphArea .graph .graphBox{margin-top:85px; position: relative;} #mGraph>.inConts .graphArea .graph .graphBox .length{width:428px; height:197px; border-bottom:1px solid rgba(255,255,255,0.3); position: relative;} #mGraph>.inConts .graphArea .graph .graphBox .length>li{width:40px; height:0; position: absolute; left:0; bottom:0; transition: all .5s ease-out;} #mGraph>.inConts .graphArea .graph .graphBox .length>li>.t{width:100px; margin-left:-50px; font-size:16px; line-height:1; color: #fff; letter-spacing: -0.03em; text-align: center; display:inline-block; vertical-align: top; position: absolute; left:50%; top:-30px;} #mGraph>.inConts .graphArea .graph .graphBox .length>li+li{margin-left:125px;} #mGraph>.inConts .graphArea .graph .graphBox .length>li.i01{background-color: #00deff; -webkit-transition-delay: .7s; transition-delay: .7s;} #mGraph>.inConts .graphArea .graph .graphBox .length>li.i02{background-color: #00c3f8; -webkit-transition-delay: .8s; transition-delay: .8s;} #mGraph>.inConts .graphArea .graph .graphBox .length>li.i03{background-color: #d5e8f1; -webkit-transition-delay: .9s; transition-delay: .9s;} #mGraph>.inConts .graphArea .graph .graphBox .length>li.i04{background-color: #d5e8f1; -webkit-transition-delay: 1s; transition-delay: 1s;} #mGraph>.inConts .graphArea.move .graph .graphBox .length>li.i01{height:100%;} #mGraph>.inConts .graphArea.move .graph .graphBox .length>li.i02{height:45%;} #mGraph>.inConts .graphArea.move .graph .graphBox .length>li.i03{height:50%;} #mGraph>.inConts .graphArea.move .graph .graphBox .length>li.i04{height:25%;} #mGraph>.inConts .graphArea .graph .graphBox .donutChart{width:280px; height:280px; position: absolute; right:30px; top:-80px;} #mGraph>.inConts .graphArea .graph .graphBox #donutChart02{width:165px; height:165px; right:20px; top:-30px;} #mGraph>.inConts .graphArea .graph.right.text{padding-left:60px; background: url('../../images/main/bg_graphText.png') no-repeat 90% bottom; font-weight: 300; font-size:20px; line-height:28px; color: #fff;} #mGraph>.inConts .graphArea .graph.right.text>strong{font-weight: 400; color: #fff200;} #mGraph>.inConts .graphArea .graph.right.text .strong_bold {font-weight: 500;} /* mBoard */ #mBoard{width:100%; background: url('../../images/main/bg_mBoard.jpg') no-repeat center top; /*background-attachment: fixed;*/ font-size:0; line-height:0; position: relative; z-index:2; overflow:hidden;} #mBoard>.inConts{height:960px; display:table; table-layout: fixed;} #mBoard>.inConts .tit{font-size:38px; line-height:54px; color: #fff; letter-spacing: -0.03em; text-align: right;} #mBoard>.inConts .tit>strong{font-weight: 500;} #mBoard .tabs{padding:70px 0 55px; text-align: right;} #mBoard .tabs>a{width:140px; height:41px; background-color: rgba(255,255,255,0.35); border:1px solid rgba(255,255,255,0.7); font-weight: 300; font-size:18px; line-height:39px; color: #fff; letter-spacing: -0.07em; text-align: center; display:inline-block; border-radius:99px; overflow:hidden;} #mBoard .tabs>a+a{margin-left:15px;} #mBoard .tabs>a:hover, #mBoard .tabs>a.active{background-color:#087b29;} #mBoard .tabsConts{display:none;} #mBoard .boardList{overflow:hidden;} #mBoard .boardList>ul{margin-left:-38px;} #mBoard .boardList>ul>li{padding-left:38px; display:inline-block; vertical-align: top;} #mBoard .boardList>ul>li>a{width:271px; height:290px; padding:35px 25px 0; background-color: #fff; border-radius:15px 15px 15px 0; overflow:hidden; display:block; box-sizing: border-box; position: relative;} #mBoard .boardList>ul>li>a>dl{text-align:left;} #mBoard .boardList>ul>li>a>dl>dt{max-height:54px; font-size:20px; line-height:1.3; color: #252525; letter-spacing: -0.03em; display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;} #mBoard .boardList>ul>li>a>dl>dd{max-height:88px; margin-top:20px; font-weight: 300; font-size:16px; line-height:22px; color: #5a5a5a; letter-spacing: -0.07em; display: block; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;word-break: break-all;} #mBoard .boardList>ul>li>a>.day{margin-top:20px; font-weight: 300; font-size:14px; line-height:1; color: #898989; text-align: right;} #mBoard .boardList>ul>li>a>.btn{width:47px; height:47px; background-color: #fff; border:1px solid #c4c4c4; position: absolute; left:0; bottom:0; display:inline-block; vertical-align: top; box-sizing: border-box;} #mBoard .boardList>ul>li>a>.btn:before, #mBoard .boardList>ul>li>a>.btn:after{content: ""; background-color: #c4c4c4; font-size:0; line-height:0; display: inline-block; position:absolute; left: 50%; top:50%;} #mBoard .boardList>ul>li>a>.btn:before{width: 21px; height: 1px; margin:-0.5px 0 0 -10.5px;} #mBoard .boardList>ul>li>a>.btn:after{width: 1px; height: 21px; margin:-10.5px 0 0 -0.5px;} #mBoard .boardList>ul>li>a:hover>.btn{background-color: #087b29; border-color:#087b29;} #mBoard .boardList>ul>li>a:hover>.btn:before, #mBoard .boardList>ul>li>a:hover>.btn:after{background-color: #c1dec9;} #mBoard .boardList>ul>li>a>.btn, #mBoard .boardList>ul>li>a>.btn:before, #mBoard .boardList>ul>li>a>.btn:after, #mService>.inConts .btn>a{transition: all .3s ease-out;} /* mService */ #mService{width:100%; background: url('../../images/main/bg_mService.jpg') no-repeat center top; /*background-attachment: fixed;*/ font-size:0; line-height:0; position: relative; z-index:2; overflow:hidden;} #mService>.inConts{height:960px; padding-left:85px; display:table; table-layout: fixed;} #mService>.inConts .tit{font-weight: 300; font-size:56px; line-height:1.2; color: #fff; letter-spacing: -0.03em;} #mService>.inConts .tit>strong{font-weight: 500; font-size:65px;} #mService>.inConts .txt{font-weight: 300; font-size:22px; line-height:1.3; color: rgba(255,255,255,0.85); letter-spacing: -0.03em;} #mService>.inConts .btn{padding-top:85px;} #mService>.inConts .btn>a{width:176px; height:52px; background-color: rgba(255,255,255,0.4); border:1px solid rgba(255,255,255,0.8); font-weight: 300; font-size:20px; line-height:50px; color: rgba(255,255,255,0.85); text-align: center; letter-spacing: -0.03em; display:inline-block; vertical-align: top; box-sizing: border-box;} #mService>.inConts .btn>a:hover{background-color: #087b29; border-color:#087b29;} /* mLocation */ #mLocation{width:100%; background-color:#dbdee0; font-size:0; line-height:0; position: relative; z-index:2; overflow:hidden;} #mLocation>.inConts{height:860px; display:table; table-layout: fixed;} #mLocation .mMapArea{border:1px solid #0b8e36; overflow:hidden; position: relative;} #mLocation .mMapArea .mMap{width:100%; height:500px; padding:0 !important; border:none !important; overflow:hidden;} #mLocation .mMapArea .mapTxt{width:495px; margin-left:-248px; position: absolute; left:50%; bottom:20px; z-index:3;} #mLocation .map_info{height:70px; line-height:30px;} #mLocation .map_info>a{font-size:16px; color:#545454;font-weight:400;vertical-align:middle;} #mLocation .map_info>a+a{margin-left:20px;} /*[e] Main Style */ /*[s] Sub Style */ .s_tit01 {font-size:24px; color:#252525; background:url("../../images/s_tit01.png") no-repeat left center; padding-left:22px; margin-top:80px; margin-bottom:25px; line-height:1.3; font-weight:600;} .s_tit01.first {margin-top:0;} .s_tit02{display:inline-block; margin-top:50px; margin-bottom:10px; font-size:24px; color:#252525; line-height:1.3; font-weight:500;} .s_tit02.first {margin-top:0;} .s_tit03{display:inline-block; margin-top:50px; margin-bottom:20px; font-size:20px; color:#252525; line-height:1.3; font-weight:500;} .s_tit03 .small{font-weight: 400; font-size:16px; color:#636363;} .s_txt01{font-size:16px; color:#636363; line-height:1.3;} .s_txt02{font-size:18px; color:#636363; line-height:1.3;} .clinicList{} .clinicList{width:100%; font-size:0; line-height:0;} .clinicList>.over{width:240px; height:200px; margin:-1px 0 0 -1px; display:inline-block; vertical-align: top; position: relative; -webkit-perspective:2000; perspective:2000; box-sizing:border-box;} .clinicList>.over .front, .clinicList>.over .back{width:100%; height:100%; background-color: #fff; position: absolute; left:0; top:0; display:inline-block; vertical-align: top; box-sizing:border-box; transform-style: preserve-3d; backface-visibility: hidden; zoom:1; transition: all .5s ease-out;} .clinicList>.over .front{border:1px solid #dbdbdb; text-align: center; z-index:2; display:flex; align-items:center; justify-content: center; flex-direction: column;} .clinicList>.over .front>dt{/* padding:24px 0 15px; */ display:flex; align-items:center; justify-content: center; padding: 0 0 15px; height: 120px;} .clinicList>.over .front>dd{font-size:20px; line-height:1; color: #636363;} .clinicList>.over .back{background-color: #087b29; transform: rotateY(-180deg);} .clinicList>.over .back .link{position: relative; top:50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);} .clinicList>.over .back .link>a{width:120px; height:40px; margin:0 auto; border:1px solid #fff; font-size:16px; line-height:38px; color: #fff; text-align: center; display:block; box-sizing:border-box;} .clinicList>.over .back .link>a+a{margin-top:10px;} .clinicList>.over:hover .front{opacity: 1; transform:rotateY(180deg);} .clinicList>.over:hover .back{opacity: 1; transform:rotateY(0deg);} .clinicList>.over .line {width:100%; height:100%; padding:1px; background-color: #fff; position: absolute; left:0; top:0; display:inline-block; vertical-align: top; box-sizing:border-box; border:1px solid #dbdbdb; text-align: center; z-index:2;} .clinicList>.over .line>dt{padding:24px 0 15px;} .clinicList>.over .line>dd{font-size:20px; line-height:1; color: #636363;} .clinicList>.over:hover {z-index:4;} .clinicList>.over:hover .line{border:2px solid #087b29; padding:0px;} .mapArea{width:100%; height:470px; padding:0 !important; border:none !important; overflow:hidden;} /* notice_box */ .notice_box {position:relative; padding:30px 30px 30px 175px; background-color:#f8f8f8; box-sizing:border-box; margin-bottom:60px;} .notice_box.activeInfo_i {padding:30px 30px 30px 155px;} .notice_box.left_in {padding:30px 30px 30px 150px;} .notice_box.visitInfo {margin-bottom: 10px;} .notice_box:before {position:absolute; display:block; content:""; left:50px;} .notice_box.medicalInfo:before {width:75px; height:73px; background:url("../../images/guideDH/medicalInfo_icon.png") no-repeat left top; top:65px;} .notice_box.hospitalizationInfo01:before {width:75px; height:75px; background:url("../../images/guideDH/hospitalizationInfo01_icon.png") no-repeat left top; top:36px;} .notice_box.surgicalInfo:before {width:73px; height:70px; background:url("../../images/guideDH/surgicalInfo_icon.png") no-repeat left top; top:30px;} .notice_box.visitInfo:before {width:75px; height:62px; background:url("../../images/guideDH/visitInfo_icon.png") no-repeat left top; top:50px;} .notice_box.activeInfo_i:before {width:70px; height:72px; background:url("../../images/customer/activeInfo_icon.png") no-repeat left top; top:50px;} .notice_box.autodiagnosis:before {width:58px; height:76px; background:url("../../images/healthinfo/autodiagnosis_icon.png") no-repeat left top; top:65px;} .notice_box.advice:before {width:70px; height:54px; background:url("../../images/customer/advice_icon.png") no-repeat left top; top:50px;} .notice_box.review:before {width:65px; height:65px; background:url("../../images/customer/review_icon.png") no-repeat left top; top:35px;} .notice_box.compliment:before {width:60px; height:67px; background:url("../../images/customer/compliment_icon.png") no-repeat left top; top:27px;} .notice_box.voiceOfcustomer:before {width:70px; height:68px; background:url("../../images/customer/voiceOfcustomer_icon.png") no-repeat left top; top:45px;} .notice_box p {font-size:16px; line-height:1.5; color:#636363; text-align:left;} .notice_box .tit {font-size:20px; font-weight:500; line-height:1.5; color:#252525; text-align:left;} .notice_box .tit span {color:#087b29; font-size:22px;} .notice_box .tit .td_ul {border-bottom:1px solid #087b29;} .notice_box .txt {font-size:16px; font-weight:400; line-height:1.5; color:#636363; text-align:left; padding-top:10px;} .notice_box .txt:first-child {padding-top:0;} .notice_box.autodiagnosis p {font-size:16px; line-height:1.5; color:#252525; text-align:left; margin-top:20px; margin-bottom:10px;} /* clinic */ .clinic_tit {width:1200px; margin:0 auto; text-align:center} .clinic_tit .ctit {color:#111; font-size:50px; line-height:1.4; font-weight:400;} .clinic_tit .ctit span {position:relative;} .clinic_tit .ctit .gbpoint {color:#087b29; font-weight:600;} .clinic_tit .ctit.i01 span {} .clinic_tit .ctit.i01 span:before {content:""; display:block; position:absolute; left:-90px; top:-10px; width:52px; height:52px; background:url("../../images/clinic/clinic_tit.png") no-repeat; font-size:0;} .clinic_tit .ctit.i01 span:after {content:""; display:block; position:absolute; right:-90px; top:10px; width:52px; height:52px; background:url("../../images/clinic/clinic_tit.png") no-repeat; font-size:0;} .tag_list {width:1200px; margin:0 auto; padding-top:45px; padding-bottom:50px; text-align:center; overflow:hidden;} .tag_list.half_list {width:860px;} /* .tag_list ul li {display:inline-block; padding:15px 40px; background:#00979e; margin:10px 6px 0; color:#fff; font-size:20px; font-weight:500; line-height:1; border-radius:99px;} */ .tag_list ul li {display:inline-block; padding:15px 40px; background:#63b32e; margin:10px 6px 0; color:#fff; font-size:20px; font-weight:500; line-height:1; border-radius:99px;} .clinic_txt {max-width:690px; padding:20px 0; border-top:1px solid #cacaca; border-bottom:1px solid #cacaca; margin:0px auto 85px;} .clinic_txt > img + p{margin-top: 20px;} .clinic_txt p {text-align:center; color:#252525; line-height:1.65; font-size:22px; font-weight:400;} .clinic_txt p b {font-weight:500;} .clinic_imgbox {width:1200px; margin:0 auto 80px;} .clinic_imgbox .imgbox {height:500px; position:relative;} .clinic_imgbox .imgbox .txtArea_b {width:320px; height:360px; background:rgba(99, 179, 46, 0.75); padding:70px 60px; position:absolute; right:0;} .clinic_imgbox .imgbox .txtArea_b.ta_g {background:rgba(8, 123, 41, 0.74);} .clinic_imgbox .imgbox .txtArea_b.ta_g2 {background:rgba(143, 93, 182, 0.75);} .clinic_imgbox .imgbox .txtArea_b.fl_r {left:0;} .clinic_imgbox .imgbox .txtArea_b:before {content: ""; background:url("../../images/clinic/patten_clinic_img.png") repeat left top; position:absolute; left:0; top:0px; right:0; bottom:0px;} .clinic_imgbox .imgbox .txtArea_b:after {position:absolute; display:block; content:""; right:40px;} .clinic_imgbox .imgbox .txtArea_b.hemorrhoids:after {width:84px; height:133px; background:url("../../images/clinic/icon_hemorrhoids.png") no-repeat left top; bottom:40px;} .clinic_imgbox .imgbox .txtArea_b.endoscopy:after {width:135px; height:131px; background:url("../../images/clinic/icon_endoscopy.png") no-repeat left top; bottom:40px;} .clinic_imgbox .imgbox .txtArea_b.esd:after {width:90px; height:115px; background:url("../../images/clinic/icon_esd.png") no-repeat left top; bottom:40px;} .clinic_imgbox .imgbox .txtArea_b.colorectalcancer:after {width:102px; height:111px; background:url("../../images/clinic/icon_colorectalcancer.png") no-repeat left top; bottom:40px;} .clinic_imgbox .imgbox .txtArea_b.hernia:after {width:112px; height:110px; background:url("../../images/clinic/icon_hernia.png") no-repeat left top; bottom:40px;} .clinic_imgbox .imgbox .txtArea_b.appendicitis:after {width:112px; height:111px; background:url("../../images/clinic/icon_appendicitis.png") no-repeat left top; bottom:40px;} .clinic_imgbox .imgbox .txtArea_b.gall:after {width:105px; height:110px; background:url("../../images/clinic/icon_gall.png") no-repeat left top; bottom:40px;} .clinic_imgbox .imgbox .txtArea_b.constipation:after {width:105px; height:110px; background:url("../../images/clinic/icon_constipation.png") no-repeat left top; bottom:40px;} .clinic_imgbox .imgbox .txtArea_b.digestion:after {width:87px; height:105px; background:url("../../images/clinic/icon_digestion.png") no-repeat left top; bottom:40px;} .clinic_imgbox .imgbox .txtArea_b.hepatitis:after {width:119px; height:88px; background:url("../../images/clinic/icon_hepatitis.png") no-repeat left top; bottom:40px;} .clinic_imgbox .imgbox .txtArea_b.urology:after {width:112px; height:106px; background:url("../../images/clinic/icon_urology.png") no-repeat left top; bottom:40px;} .clinic_imgbox .imgbox .txtArea_b.breast:after {width:107px; height:107px; background:url("../../images/clinic/icon_breast.png") no-repeat left top; bottom:40px;} .clinic_imgbox .imgbox .txtArea_b.gynecology:after {width:122px; height:87px; background:url("../../images/clinic/icon_gynecology.png") no-repeat left top; bottom:40px;} .clinic_imgbox .imgbox .txtArea_b.family:after {width:111px; height:107px; background:url("../../images/clinic/icon_family.png") no-repeat left top; bottom:40px;} .clinic_imgbox .imgbox .txtArea_b.corporationi:after {width:101px; height:94px; background:url("../../images/clinic/icon_corporation.png") no-repeat left top; bottom:40px;} .clinic_imgbox .imgbox .txtArea_b.totalCarei:after {width:92px; height:92px; background:url("../../images/clinic/icon_totalCare.png") no-repeat left top; bottom:40px;} .clinic_imgbox .imgbox .txtArea_b.heart:after {width:111px; height:135px; background:url("../../images/clinic/icon_heart.png") no-repeat left top; bottom:40px;} .clinic_imgbox .imgbox .txtArea_b.varicose:after {width:101px; height:102px; background:url("../../images/clinic/icon_varicose.png") no-repeat left top; bottom:40px;} .clinic_imgbox .imgbox .txtArea_b.cancerCare:after {width:87px; height:76px; background:url("../../images/clinic/icon_cancerCare02.png") no-repeat left top; bottom:40px;} .clinic_imgbox .imgbox .txtArea_b .txt_b {position:relative;} .clinic_imgbox .imgbox .txtArea_b .txt_b:before {content: ""; width:42px; height:2px; background:#fff; position:absolute;} .clinic_imgbox .imgbox .txtArea_b .txt_b p {font-size:42px; line-height:1.6; color:#fff; text-align:left; font-weight:400; padding-top:25px; letter-spacing:-1.5px;} .clinic_imgbox .imgbox .txtArea_b .txt_b p span {color:#fff200;} .clinic_imgbox .imgbox .txtArea_b .txt_b p span.small {color:#fff;font-size: 16px;position: relative;display: inline-block;top: -30px;} .clinic_imgbox .txtbox {width:1200px; background:#f5f5f5;} .clinic_imgbox .txtbox.inTb {padding:50px 40px; box-sizing:border-box;} .clinic_imgbox .txtbox.inTb p {padding:0} .clinic_imgbox .txtbox p {font-size:20px; font-weight:400; color:#464646; line-height:1.6; padding:50px 40px; z-index:5;} .clinic_imgbox .txtbox p .s_point{color:#7030a0;font-weight:bold;} .clinic_imgbox .txtbox > div {font-size:20px; font-weight:400; color:#464646; line-height:1.6; padding:50px 40px; z-index:5;} .clinic_imgbox .txtbox > ul {padding:50px 40px; z-index:5;} .clinic_imgbox .txtbox > ul >li{ padding-left:15px; font-size:20px; font-weight:400; color:#464646; line-height:1.6; position: relative;} .clinic_imgbox .txtbox > ul >li:before {content: '-'; position: absolute; left: 0; top:1px;} .clinic_imgbox .txtbox > .s_tit03 {font-weight:500; color:#252525;} .clinic_imgbox .txtbox > table {width:500px; border-top:2px solid #666; border-collapse:collapse;} .clinic_imgbox .txtbox > table tbody th, .clinic_imgbox .txtbox > table tbody td{padding:15px 20px; font-size:16px; color:#464646; text-align:center; border-bottom:1px solid #ddd;} .clinic_imgbox .txtbox > table tbody td{border-left:1px solid #ddd; } .clinic_imgbox .txtbox ul.cure{} .clinic_imgbox .txtbox ul.cure li{display: flex; align-items: flex-start; font-size: 20px; line-height: 30px; color: #464646; } .clinic_imgbox .txtbox ul.cure li .head{position: relative; width: 85px; padding-left: 20px;} .clinic_imgbox .txtbox ul.cure li .head::before{position: absolute; content: '⊙'; top: 0; left: 0; } .clinic_imgbox .txtbox ul.cure li .body{width: calc(100% - 100px);} .clinic_imgbox .txtbox ul.cure li p{padding: 0;} .clinic_board {width:100%; background:#f3f3f3; padding:20px 0; font-size:0; line-height:0;} .clinic_board .inConts{} .clinic_board .inConts>ul{} .clinic_board .inConts>ul+ul{margin-top:20px;} .clinic_board .inConts>ul>li{display:inline-block; vertical-align: top;} .clinic_board .inConts>ul>li+li{padding-left:20px;} .clinic_board .inConts>ul>li.title{} .clinic_board .inConts>ul>li.list{} .clinic_board .inConts>ul>li.list>a{width:285px; height:240px; padding:39px 29px; background-color: #fff; border:1px solid #ddd; display:block; position: relative; box-sizing: border-box;} .clinic_board .inConts>ul>li.list>a>dl{} .clinic_board .inConts>ul>li.list>a>dl>dt{padding-bottom:10px; font-size:16px; line-height:1; color: #636363; display:none;} .clinic_board .inConts>ul>li.list>a>dl>dd{max-height:60px; font-weight: 500; font-size:20px; line-height:32px; color: #252525; display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .clinic_board .inConts>ul>li.list>a>p{position: absolute; right:29px; bottom:29px; display:inline-block;} .clinic_info {position:relative; background:url("../../images/clinic/bg_corporation.png") repeat; overflow:hidden; } .clinic_info .cinfo_wrap {position:relative; max-width:1200px; margin:100px auto;} .clinic_info .cinfo_wrap h3 {text-align:center; color:#fff; font-size:50px; font-weight:500; line-height:1; padding-bottom:50px;} .clinic_info .cinfo_wrap p {text-align:left; color:#fff; font-size:28px; font-weight:500; line-height:1; padding-bottom:30px;} .clinic_info .cinfo_wrap .nBul{} .clinic_info .cinfo_wrap .nBul>li {padding-left:12px; font-size:20px; line-height:50px; color:#fff; position:relative;} .clinic_info .cinfo_wrap .nBul>li:before {content: "*"; position:absolute; left: 0; top:0px;} .corporation {margin:0 auto;} .corporationBanner {box-sizing:border-box; width:1200px; height:220px; margin:0 auto; padding-top:80px; text-align:center; background:url('../../images/clinic/img_constipation03.jpg') no-repeat left center} .corporationBanner .txtArea {position:relative; display:inline-block;} .corporation .txtArea p {text-align:center; font-size:24px; color:#fff; font-weight:400; line-height:1.65;} .corporation .txtArea p span {font-size:26px; font-weight:500;} .totalcare {margin:0 auto;} .totalcareBanner {box-sizing:border-box; width:1200px; height:220px; margin:0 auto; padding-top:80px; text-align:center; background:url('../../images/clinic/img_totalCare05.jpg') no-repeat left center} .totalcareBanner .txtArea {position:relative; display:inline-block;} .totalcare .txtArea p {text-align:center; font-size:24px; color:#fff; font-weight:400; line-height:1.65;} .totalcare .txtArea p span {font-size:26px; font-weight:500;} .totalcare .txtbox {width:100%; padding:15px 20px; background:#f8f8f8; margin-top:20px; margin-bottom:60px;} .totalcarein {margin:0 auto; width:1200px; padding-bottom:120px;} /*오시는길*/ .location {position:relative; width:100%; height:500px; overflow:hidden;} .location .location_tit {position:absolute; bottom:0; left:0; width:100%; height:100px; background-color:rgba(0,0,0,0.7); color:#fff; z-index:100; padding:17px 18px 17px 70px; box-sizing:border-box;} .location .location_tit dl {display:inline-block; vertical-align:middle; padding-top:18px; font-size:18px;} .location .location_tit dt {display:inline-block; font-weight:500; margin-right:15px; font-size:22px;} .location .location_tit dt.space {margin-left:50px;} .location .location_tit dd {display:inline-block;font-weight:400;} .location .location_tit .btn_navi {position:absolute;bottom:18px;right:18px;z-index:100;width:66px;height:66px;background-color:#f7a600;} .location .location_tit .btn_navi:before {position:absolute; content:""; display:block; width:40px; height:40px; top:16px; right:11px; background:url("../../images/guideDH/location_icon.png") no-repeat;} .location .root_daum_roughmap {border:none; padding:0;} /*주차안내*/ .parking_box {width:100%; padding:40px 30px; margin:0 auto; background:#fafafa url("../../images/guideDH/bg_parking.png") no-repeat bottom right;} .parking_box .parking_txt dl {display:block; padding-left:45px; text-align:left; position:relative} .parking_box .parking_txt dl:before {content:""; display:block; position:absolute; width:31px; height:31px; left:0; top:3px; background:url("../../images/guideDH/icon_parking.png") no-repeat;} .parking_box .parking_txt dt {color:#252525; font-size:20px; font-weight:500; line-height:1.65;} .parking_box .parking_txt dd {padding-top:15px; color:#636363; font-size:18px; font-weight:400; line-height:1.65;} .parking_info {text-align:left; margin-top:60px;} .parking_info .info_tit h5 {font-weight:500; font-size:20px; line-height:1; color:#252525; padding-left:25px;} .parking_info .info_tit h5:before {content: ""; width: 15px; height: 15px; background:url("../../images/nTit_02.png") no-repeat; display: inline-block; position:absolute; left:0;} .parking_info .info_tit ul {margin-top:25px;} /*제증명안내*/ .down_list {width:100%;} .down_list ul {} .down_list ul li {padding:10px 0; height:40px;} .down_list ul li+li {border-top:1px dashed #c1c1c1;} .down_list ul li p {display:inline-block; font-size:18px; line-height:40px; color:#636363; text-align:left;} .down_list ul li a {float:right; width:200px; height:40px; text-align:center; line-height:38px; font-size:15px; font-weight:400; box-sizing:border-box; background:#087b29; border:1px solid #087b29; color:#fff;} .down_list ul li a span {padding-right:24px; position:relative;} .down_list ul li a span:after {content:""; position:absolute; top:3px; right:0; background:url("../../images/down_list_icon.png") no-repeat center right; width:14px; height:14px;} .down_list ul li a+a {margin-right:10px;} .down_list ul li a.word {background:#fff; color:#087b29;} .down_list ul li a.word span {} .down_list ul li a.word span:after {content:""; background:url("../../images/down_list_icon_hover.png") no-repeat center right;} .down_list ul li a:hover {background:#fff; color:#087b29;} .down_list ul li a:hover span {} .down_list ul li a:hover span:after {content:""; background:url("../../images/down_list_icon_hover.png") no-repeat center right;} .down_list ul li a:hover.word {background:#087b29; color:#fff;} .down_list ul li a:hover.word span {} .down_list ul li a:hover.word span:after {content:""; background:url("../../images/down_list_icon.png") no-repeat center right;} /* .request_info {margin-top:60px; background:#fafafa; border-top:2px solid #00989e; padding:30px; box-sizing:border-box;} */ .request_info {margin-top:60px; background:#fafafa; border-top:2px solid #63b32e; padding:30px; box-sizing:border-box;} /* .request_info h4 {margin-bottom:20px; font-size:24px; line-height:25px; font-weight:500; padding-left:35px; color:#00989e;} */ .request_info h4 {margin-bottom:20px; font-size:24px; line-height:25px; font-weight:500; padding-left:35px; color:#63b32e;} .request_info h4:before{content:""; position:absolute; width:25px; height:25px; left:30px; background:url("../../images/guideDH/request_info_tit_icon.png") no-repeat;} .request_info p {margin-top:12px; padding-left:15px; font-size:18px; font-weight:500; color:#252525; line-height:1.5;} /* .request_info p span{color:#00989e; font-size:22px; font-weight:500;} */ .request_info p span{color:#63b32e; font-size:22px; font-weight:500;} /*병문안안내*/ .visit_info {margin-top:40px; background:#fff; border:1px solid #ddd; padding:30px 20px; box-sizing:border-box;} .visit_info p {margin-top:15px; padding-left:15px; position:relative; font-size:16px; color:#636363; font-weight:400; text-align:left; line-height:1.65; } .visit_info p:first-child {margin-top:0px; } /* .visit_info p:before {content: "*"; position:absolute; left: 0; top:0px; color:#00989e; } */ .visit_info p:before {content: "*"; position:absolute; left: 0; top:0px; color:#63b32e; } .visit_info p strong {font-weight:500; color:#252525;} /*층별안내*/ .floor_list {position:relative; text-align:left; border-top:2px solid #666; display:flex;} .floor_list > div {display: inline-block; box-sizing: border-box; vertical-align: top;} .floor_list .left {width:505px; border-left:1px solid #ddd; border-right:1px solid #ddd; box-sizing:border-box; display:inline-block; vertical-align:top;} .floor_list .left li {position:relative; display:block; border-bottom:1px solid #ddd; margin-top:-1px;} .floor_list .left li a {border-top:1px solid transparent; color:#636363;} .floor_list .left li > a {display: block; padding-bottom:17px;} .floor_list .left li .num {font-family: 'Noto Serif KR', serif; font-size:26px; font-weight:bold; color:#232323; margin-left:18px; width:65px; padding-top:20px;} .floor_list .left li span {display: inline-block; vertical-align: top;} .floor_list .left li .copy {font-size:16px; width:70%; line-height:1.5; padding-top:22px;} .floor_list .left li .copy .cross_f {color:#232323;} .floor_list .left li:hover {background:#f8f8f8; border-top:1px solid #ddd; margin-top:-2px;} .floor_list .left li:first-child:hover {border-top:1px solid #666; margin-top:-1px; padding-bottom:-1px;} .floor_list .left li:first-child:hover a {border-top:none;} .floor_list .left li.active {background:#f8f8f8; border-top:1px solid #ddd; margin-top:-2px;} .floor_list .left li:first-child.active {border-top:2px solid #666;} /* .floor_list .left li.active .copy {color:#00989e; font-weight:500;} */ .floor_list .left li.active .copy {color:#63b32e; font-weight:500;} .floor_list .right {width:692px; padding-left:40px;} .floor_list .right .floor_tit {position:relative; position:relative; font-size:0; margin-top:51px; margin-bottom:10px;} .floor_list .right .floor_tit .num {font-family: 'Noto Serif KR', serif; font-size:32px; font-weight:bold; color:#232323; padding-top:20px;} .floor_list .right .floor_tit .copy {font-size:20px; vertical-align: baseline; position:relative; top:-2px; margin-left:16px; color:#232323;} .floor_list .right .img {position:relative; margin-top:30px;} /* .floor_list .right .img .f_tit {font-size:20px; vertical-align: baseline; position:relative; color:#00989e; margin-bottom:20px;} */ .floor_list .right .img .f_tit {font-size:20px; vertical-align: baseline; position:relative; color:#63b32e; margin-bottom:20px;} .floor_list .right .img .visualRoll{white-space: nowrap;} .floor_list .right .img .visualRoll .slider{width:100%; height:435px; background-repeat: no-repeat; background-position: center center; background-size: cover; font-size:0; line-height:0; position: relative; overflow:hidden; display:inline-block; vertical-align: top;} .floor_list .right .img .visualRoll .slider>span{width: 100%; padding:0 20px; background-color:rgba(0,0,0,0.5); font-weight:500; font-size:20px; line-height:60px; color: #fff; display:block; position:absolute; left: 0; bottom:-60px; -webkit-transition-delay: .0s; transition-delay: .0s; box-sizing: border-box;} .floor_list .right .img .visualRoll .slider.active>span{bottom:0px; -webkit-transition-delay: .3s; transition-delay: .3s;} .floor_list .right .img .bx-pager{display:none;} .floor_list .right .img .bx-controls-direction>a{font-size:0; width:24px; height:45px; background-position: center center; background-repeat: no-repeat; position: absolute; top:50%; z-index:5;} .floor_list .right .img .bx-controls-direction>a.bx-prev{background-image: url('../../images/guideDH/btn_bx_prev.png'); left:20px;} .floor_list .right .img .bx-controls-direction>a.bx-next{background-image: url('../../images/guideDH/btn_bx_next.png'); right:20px;} /*편의시설안내*/ .facility_list {margin-top:40px; min-height:225px; position:relative; padding:40px 0 40px 440px; text-align:left; border-bottom:1px dashed #ddd;} .facility_list .img_area {position:absolute; left:0; top:0;} .facility_list h4 {font-size:20px; color:#252525; font-weight:500; line-height:1; } .facility_list p {margin-top:15px; margin-bottom:30px; font-size:16px; color:#636363; font-weight:400; line-height:1;} /* .facility_list span {color:#00989e; font-size:16px; font-weight:400; line-height:1.5; padding-left:24px; display:block;} */ .facility_list span {color:#63b32e; font-size:16px; font-weight:400; line-height:1.5; padding-left:24px; display:block;} .facility_list span+span {margin-top:10px;} .facility_list .f_location {background: url('../../images/guideDH/facility_location.png') no-repeat left 5px;} .facility_list .f_time {background: url('../../images/guideDH/facility_time.png') no-repeat left 5px;} .facility_list:first-child {margin-top:0px;} .facility_list:last-child {border-bottom:none;} /*고객참여*/ /*원격진료*/ .telemedicine {width:1200px; display: flex; justify-content: space-between; margin:0 auto} .telemedicineBanner {box-sizing:border-box; width:100%; height:253px; padding:50px 0 0 40px; background:url('../../images/customer/img_telemedicine01.jpg') no-repeat left center} .telemedicineBanner .txtArea {position:relative; display:inline-block;} .telemedicineBanner .txtArea h4 {text-align:left; font-size:20px; color:#087b29; font-weight:500; line-height:1; padding-bottom:15px;} .telemedicineBanner .txtArea h4:after {content: ""; display:block; background-color:#087b29; width:100%; height:1px; margin-top:5px;} .telemedicineBanner .txtArea.w535 h4:after {width:535px;} .telemedicinegroup {width:360px; vertical-align:top; position:relative; display:inline-block; margin-left:23px; padding-left:34px; background:url('../../images/customer/img_telemedicine_arrow.png')no-repeat left center;} .telemedicinegroup:first-child {margin-left:0px; padding:0px; background-image:none;} .telemedicinegroup .titArea {background:#087b29; padding:20px; text-align:center;} .telemedicinegroup .titArea img {margin-bottom:12px;} .telemedicinegroup .titArea p {color:#fff; font-size:20px; font-weight:500; line-height:1;} .telemedicinegroup .txtArea {border:1px solid #dbdbdb; border-top:none; height:180px; padding:30px 20px; box-sizing:border-box;} .telemedicinegroup .txtArea.dif_h {border:1px solid #dbdbdb; border-top:none; height:220px; padding:30px 20px; box-sizing:border-box;} .oneTextBox.bor{min-height:240px; padding:10px; border:1px solid #ebebeb; font-size:18px; line-height:1.4; color:#888; letter-spacing: -0.03em;} .oneTextBox.txt{font-size:18px; line-height:1.4; color:#888; letter-spacing: -0.03em;} .oneTextBox input[type=file], .oneTextBox textarea{width:100%; height:50px; padding:10px; background-color:#fff; border:1px solid #ebebeb; font-size:18px; line-height:48px; color:#888; letter-spacing: -0.03em; box-sizing: border-box; display:inline-block; vertical-align: top;} .oneTextBox textarea{width:100%; height:240px; padding:0; border:none; line-height:1.4; display:block;} .oneTextBox input[type=file]{width:700px;} .oneTextBox .btnPlus{min-width:120px; padding:0 20px; background-color: #e9e9e9; font-size:18px; line-height:50px; color: #636363; text-align: center; letter-spacing: -0.03em; display:inline-block; vertical-align: top; box-sizing: border-box;} .oneTextBox input+.btnPlus{margin-left:10px;} .oneTextBox+.oneTextBox{margin-top:10px;} .telemedicineSample{width:100%; font-size:0; line-height:0; overflow:hidden;} .telemedicineSample>ul{margin:-20px 0 0 -20px;} .telemedicineSample>ul>li{width:20%; padding:20px 0 0 20px; display:inline-block; vertical-align: top; box-sizing: border-box;} .telemedicineSample>ul>li .photo{width:100%; height:225px; background:#f8f8f8; border:1px solid #ebebeb; box-sizing: border-box;} .telemedicineSample>ul>li .text{padding:15px 0; font-size:16px; line-height:1.3; color: #636363; letter-spacing: -0.03em; text-align: center;} .telemedicineSample .check{display:block;} .telemedicineSample .check input[type=checkbox]{display: none;} .telemedicineSample .check input[type=checkbox]+label{display: block; vertical-align: top; cursor: pointer; position: relative;} .telemedicineSample .check input[type=checkbox]+label:before{content: ""; width: 35px; height: 35px; background-color: #fff; border:1px solid #ebebeb; display: inline-block; position:absolute; left:0px; top:0px; box-sizing: border-box} .telemedicineSample .check input[type=checkbox]+label:after{content: "✓"; font-weight: bold; font-size:28px; line-height:1; color: #fff; position: absolute; left:5px; top:1px; opacity: 0;} /* .telemedicineSample .check input[type=checkbox]:checked+label:before{background-color: #00989e;} */ .telemedicineSample .check input[type=checkbox]:checked+label:before{background-color: #63b32e;} .telemedicineSample .check input[type=checkbox]:checked+label:after{opacity: 1;} .telemedicineSample .check.no input[type=checkbox]+label{cursor: default;} .telemedicineSample .check.no input[type=checkbox]+label:after, .telemedicineSample .check.no input[type=checkbox]+label:before{display:none;} /* 고객의 소리 */ .vocInBox{padding:20px; border-bottom:1px solid #dbdbdb;} /*사랑나누미*/ .givelove {width:1200px; margin:0 auto} .giveloveBanner {box-sizing:border-box; width:100%; height:410px; padding:100px 0 0 560px; background:url('../../images/customer/img_giveLove01.jpg') no-repeat left center} .giveloveBanner .txtArea {position:relative; display:inline-block;} .giveloveBanner .txtArea h4 {text-align:left; font-size:30px; color:#f83d4a; font-weight:600; line-height:1; padding-bottom:15px;} .giveloveBanner .txtArea h4:after {content: ""; display:block; background-color:#f83d4a; width:40px; height:2px; margin-top:20px; } .giveloveBanner .txtArea p {padding-top:10px; text-align:left; font-size:16px; color:#636363; font-weight:400; line-height:1.65;} /*후원추천*/ .supportRecommend {width:1200px; margin:0 auto} .supportRecommendBanner {box-sizing:border-box; width:100%; height:260px; padding:100px 0 0 524px; background:url('../../images/customer/img_supportRecommend01.jpg') no-repeat left center} .supportRecommendBanner .txtArea {position:relative; display:inline-block;} .supportRecommendBanner .txtArea p {text-align:left; font-size:20px; color:#252525; font-weight:500; line-height:1.65;} /*걸어온길*/ .footprint {margin:0 auto 50px;} .footprintBanner {box-sizing:border-box; width:1200px; height:240px; margin:0 auto; padding-top:90px; text-align:center; background:url('../../images/customer/img_footprint01.jpg') no-repeat left center} .footprintBanner .txtArea {position:relative; display:inline-block;} .footprint .txtArea p {text-align:center; font-size:20px; color:#fff; font-weight:400; line-height:1.65;} .footprint .txtArea p span {font-size:26px; font-weight:500;} .footprint_list {background: url('../../images/customer/footprint_line.gif') repeat-y 143px top } .footprint_list .cell { position:relative; padding-left:240px;; margin-bottom:40px; } .footprint_list .cell h5 { position:absolute; left:0; top:0; width:150px; letter-spacing:0; background: url('../../images/customer/h_cell_h5.png') no-repeat right 8px; color:#087b29; font-size:26px; font-weight: 500; line-height: 1; } .footprint_list .cell.first h5 {background:url('../../images/customer/h_cell_h5_first.png') no-repeat right -8px;} .footprint_list .cell ol { position:relative; } .footprint_list .cell ol li { position:relative; padding:5px 0 10px 120px; clear:both; font-size:16px; color:#666; } .footprint_list .cell ol li p { font-size:16px; color:#666; line-height:2; } .footprint_list .cell ol li span.date { font-size:18px; letter-spacing:0; position:absolute; left:0; top:3px; font-weight:500; color:#63b32e; line-height:2;} /*봉사나누미*/ .activeInfo {width:1200px; margin:0 auto 80px;} .activeInfoBanner {box-sizing:border-box; width:100%; height:240px; padding:50px 0 0 520px; background:url('../../images/customer/img_activeInfo01.jpg') no-repeat left center} .activeInfoBanner .txtArea {position:relative; display:inline-block;} .activeInfoBanner .txtArea p {text-align:left; font-size:16px; color:#fff; font-weight:300; line-height:1.65; padding-top:10px;} .activeInfoBanner .txtArea p b {font-weight:500;} .activeInfoBanner2 {box-sizing:border-box; width:100%; height:204px; padding:55px 0 0 530px; background:url('../../images/customer/img_activeInfo02.jpg') no-repeat left center} .activeInfoBanner2 .txtArea {position:relative; display:inline-block;} .activeInfoBanner2 .txtArea h4 {text-align:left; font-size:18px; color:#232323; font-weight:400; line-height:1; padding-bottom:10px;} .activeInfoBanner2 .txtArea p {text-align:left; font-size:16px; color:#636363; font-weight:400; line-height:1;} .activeInfoBanner2 .txtArea .btnArea {margin-top:20px;} .activeInfoBanner2 .txtArea .btnArea a {width:150px; height:34px; font-size:14px; line-height:32px; border-radius:0px; letter-spacing:0;} .writebx {margin-top:70px; background:#f8f8f8; padding:30px; position: relative;} .writebx ul {margin:0;} .writebx ul:after {content: ""; display:table;clear: both;} .writebx ul li {float:left; margin-right:50px; line-height:35px;} .writebx ul li dl {} .writebx ul li dl:after{content: ""; display: table; clear: both;} .writebx ul li dl dt {float:left; font-size:14px; color:#636363; font-weight:400; margin-right:10px; position:relative; padding-left:50px;} .writebx ul li dl dt:before {position:absolute; display:block; content:""; top:3px; left:0; background-position:0 0;} .writebx ul li dl dt.wbcall:before {width:32px; height:32px; background:url("../../images/customer/writebx_c_icon.png") no-repeat left top;} .writebx ul li dl dt.wbemail:before {width:32px; height:28px; background:url("../../images/customer/writebx_e_icon.png") no-repeat left top;} .writebx ul li dl dd {float:left; font-size:20px; color:#0a8e35; font-weight:500; overflow:hidden; display:block; letter-spacing:0;} /*병원소개*/ /*대표원장 인사말*/ .greetingTop {width:100%; background:#f0eeef;} .greetingTop .gtin {position:relative; max-width:1200px; min-height:480px; margin:0 auto; padding:75px 580px 0px 0px;box-sizing:border-box;} .greetingTop .gtin .gimg {display:block; position:absolute; top:0; right:0;} .greetingTop .gtin .txtArea {position:relative;} .greetingTop .gtin .txtArea h4 {text-align:left; font-size:34px; color:#087b29; font-weight:500; line-height:1.5; padding-bottom:30px;} .greetingTop .gtin .txtArea h4:after {content: ""; display:block; background-color:#087b29; width:30px; height:2px; margin-top:30px; } .greetingTop .gtin .txtArea p {text-align:left; font-size:20px; color:#636363; font-weight:400; line-height:1.6;} .greetingTop .gtin .txtArea .name {margin-top:45px; text-align:left;} .greetingTop .gtin .txtArea .name p {color:#252525; font-size:20px; font-weight:400;} .greetingTop .gtin .txtArea .name p span {padding-left:20px; font-size:32px; font-weight:bold; font-family: 'Noto Serif KR', serif; position:relative;} .greetingTop .gtin .txtArea .name p img {display:inline-block; margin-left:15px;} .greetingBottom {max-width:1200px; margin:0 auto 120px; padding-top:50px;} .greetingBottom p {font-size:18px; line-height:1.6; color:#636363; padding-top:25px; font-weight:400;} .greetingBottom p b {font-size:24px; line-height:1.6; color:#252525; font-weight:500; padding-bottom:20px;} /*연혁*/ .history {margin:0 auto;} .history .himg {} .history .history_list {margin-top:-65px; width:1200px; position:relative; background: url('../../images/customer/footprint_line.gif') repeat-y center top; } .history .history_list:before {content: ""; display:block; position:absolute; width:29px; height:29px; top:-10px; left:50%; margin-left:-14px; background:url('../../images/aboutDH/h_cell_h5_first.png') no-repeat center top;} .history .history_list .cell {width:1200px; display:inline-block; position:relative; margin-bottom:70px;} .history .history_list .cell:first-child {padding-top:120px;} .history .history_list .cell .imgArea {width:50%; float:left; margin-top:50px; margin-bottom:75px;} .history .history_list .cell .txtArea {width:50%; float:right; text-align:left;} .history .history_list .cell .txtArea .txt_list {padding-left:110px; margin-bottom:70px;} .history .history_list .cell .txtArea .txt_list h5 {font-size:40px; color:#087b29; line-height:1; font-weight:500; position:relative;} .history .history_list .cell .txtArea .txt_list h5:before {content: ""; display:block; position:absolute; width:13px; height:13px; left:-116px; margin-top:15px; background:url('../../images/aboutDH/h_cell_h5.png') no-repeat center top;} .history .history_list .cell .txtArea .txt_list h5:after {content: ""; display:block; position:absolute; top:50%; left:-103px; margin-top:1px; width:80px; height:1px; background-color:#e1e1e1;} .history .history_list .cell .txtArea .txt_list ol { position:relative; margin-top:30px; padding-left:20px;} .history .history_list .cell .txtArea .txt_list ol li { position:relative; padding:5px 0 10px 30px; clear:both; font-size:16px; color:#666;} .history .history_list .cell .txtArea .txt_list ol li p { font-size:16px; color:#666; line-height:1.8; } .history .history_list .cell .txtArea .txt_list ol li span.date { font-size:17px; letter-spacing:0; position:absolute; left:0; top:5px; font-weight:500; color:#63b32e; line-height:1.8;} .history .history_list .cell .imgArea.right {width:50%; float:right;} .history .history_list .cell .imgArea.right img {padding-left:110px;} .history .history_list .cell .txtArea.right {width:50%; float:left; text-align:left;} .history .history_list .cell .txtArea.right .txt_list {padding-right:110px; margin-bottom:70px; text-align:right;} .history .history_list .cell .txtArea.right .txt_list h5:before {left:auto; right:-116px;} .history .history_list .cell .txtArea.right .txt_list h5:after {right:-103px; left:auto;} .history .history_list .cell .txtArea.right .txt_list ol { position:relative; margin-top:30px; padding-left:0px; padding-right:10px;} .history .history_list .cell .txtArea.right .txt_list ol li {padding:5px 30px 10px 0px;} .history .history_list .cell .txtArea.right .txt_list ol li span.date {right:0; left:auto} /* 마이대항 */ /*내시경 결과조회*/ .bookEndoscope{width:1200px; margin:0 auto} .bookEndoscopeBanner {box-sizing:border-box; width:100%; height:310px; padding:40px 0 0 40px; background:#f5f5f5 url('../../images/mydh/img_bookEndoscope01.jpg') no-repeat right bottom} .bookEndoscopeBanner .txtArea {position:relative; display:inline-block;} .bookEndoscopeBanner .txtArea h4 {text-align:left; font-size:20px; color:#087b29; font-weight:500; line-height:1; padding-bottom:10px;} .bookEndoscopeBanner .txtArea h4:after {content: ""; display:block; background-color:#087b29; width:655px; height:1px; margin-top:5px;} .bookEndoscopeBanner .txtArea {position:relative; display:inline-block;} .bookEndoscopeBanner .txtArea .sl {text-align:left; font-size:20px; color:#087b29; font-weight:500; line-height:1; padding-bottom:15px;} .bookEndoscopeBanner .txtArea .sl:after {content: ""; display:block; background-color:#087b29; width:500px; height:1px; margin-top:5px;} .bookEndoscopeBanner .txtArea .txt{font-size:18px; line-height:28px; color: #666;} .bookEndoscopeBanner .txtArea .txt+.txt{margin-top:15px;} .bookEndoscopeBanner .txtArea .btn{padding-top:25px;} .bookEndoscopeBanner .txtArea .btn>a{padding:0 28px; background-color: #087b29; border:1px solid #087b29; font-size:18px; line-height:48px; color: #fff; letter-spacing: -0.03em; display:inline-block;} .bookE_result{letter-spacing: -0.03em;} .bookE_result .title{font-weight: 500; font-size:20px; line-height:1; color: #252525;} .bookE_result .title .day{font-weight: 500; color: #087b29;} .bookE_result .text{padding:25px 0 20px; font-size:18px; line-height:28px; color: #666;} /* 건강정보 */ .autoForm{padding:40px 0 50px; background-color: #f8f8f8; border:1px solid #dbdbdb; font-size:0; line-height:0; text-align: center;} .autoForm input[type=text]{width:90%; height:52px; padding:0 18px; background-color:#fff; border:1px solid #ddd; font-weight: 300; font-size:16px; line-height:50px; color:#888; box-sizing: border-box; vertical-align:middle; display:inline-block;} .autoForm .checkIn input[type=radio]+label{font-size:18px; color: #888;} .autoForm .checkIn + .checkIn{margin-left:20px;} .autoForm button{width:240px; height:55px; margin-top:50px; background-color:#087b29; border:none; font-weight:500; font-size:18px; line-height:1; color:#fff; box-sizing: border-box; vertical-align:middle; display:inline-block; cursor: pointer;} .autoForm .inAuto{width:330px; display:inline-block;} .autoForm .inAuto>dl{width:100%; text-align: left; display:table; table-layout: fixed;} .autoForm .inAuto>dl+dl{margin-top:15px;} .autoForm .inAuto>dl>*{display:table-cell; vertical-align: middle;} .autoForm .inAuto>dl>dt{width:58px; height:52px; font-weight: 500; font-size:16px; line-height:1; color: #252525;} .autoForm .inAuto>dl>dd>span{padding-left:7px; font-size:18px; line-height:1; color: #888; vertical-align:middle; display:inline-block;} .autoQuestion{width:100%; border-top:2px solid #666; font-size:0; line-height:0; display:none;} .autoQuestion>table{width:100%; border-spacing:0; table-layout : fixed;} .autoQuestion>table th, .autoQuestion>table td{padding:20px; border-bottom:1px solid #dbdbdb; font-size:0; line-height:0; text-align: center; border-collapse:collapse; empty-cells:show; box-sizing: border-box;} .autoQuestion>table th{font-weight:400; font-size:18px; line-height:1.3; color:#636363; text-align: left;} .autoQuestion>table td{} .autoQuestion .check{display:inline-block; vertical-align: top;} .autoQuestion .check+.check{margin-left:10px;} .autoQuestion .check input[type=radio]{display: none;} .autoQuestion .check input[type=radio]+label{width:150px; height:45px; background-color: #d1d1d1; font-size:16px; line-height:45px; color: #fff; text-align: center; display: inline-block; cursor: pointer;} .autoQuestion .check input[type=radio]:checked+label{background-color: #087b29;} .autoResultArea{padding-top:20px; display:none;} .autoResult{margin:0 20px; padding:40px; background-color: #f8f8f8; font-size:0; line-height:0;} .autoResult .title{display:table; table-layout: fixed;} .autoResult .title>*{display:table-cell; vertical-align: middle;} .autoResult .title>.icon{padding-right:17px; white-space: nowrap;} .autoResult .title>.tit{font-weight: 500; font-size:20px; line-height:1.3; color: #087b29; letter-spacing: -0.03em;} .autoResult .text{padding-top:10px; font-size:16px; line-height:1.4; color: #636363; letter-spacing: -0.03em;} .autoResult.secede{margin:0;} .autoResult.secede .title>.icon{padding-right:30px;} /* .ps_autoResult{margin-top:15px; padding:0 0 15px 37px; border-bottom:1px solid #dbdbdb; font-size:14px; line-height:22px; color: #00989e; letter-spacing: -0.03em; position: relative;} */ .ps_autoResult{margin-top:15px; padding:0 0 15px 37px; border-bottom:1px solid #dbdbdb; font-size:14px; line-height:22px; color: #63b32e; letter-spacing: -0.03em; position: relative;} .ps_autoResult:before{content: "※ "; position: absolute; left:20px; top:0;} .autoBtn{margin-top:50px; text-align: center;} .autoBtn>a{width:240px; background-color: #087b29; font-size:18px; line-height:55px; color: #fff; display: inline-block; vertical-align: top;} /* 의료진 소개 */ .doctor_list{width:100%; font-size:0; line-height:0; overflow:hidden;} .doctor_list>ul{margin:-25px 0 0 -25px;} .doctor_list>ul>li{width:50%; padding:25px 0 0 25px; display:inline-block; vertical-align: top; box-sizing: border-box;} .doctor_list .doctor_In{padding:30px 20px; background-color: #fff; border:1px solid #dbdbdb;} .doctor_list .doctor_In>.in{display: flex; display: -ms-flexbox; justify-content: space-between;} .doctor_list .doctor_In>.in>*{} .doctor_list .doctor_In .photo{width:192px; min-width:192px; height:242px; border:1px solid #eaeaea; box-sizing: border-box;} .doctor_list .doctor_In .photo img{width:190px !important; min-width:190px; height:240px !important; min-height:240px;} .doctor_list .doctor_In .txtArea{width:100%; max-width:325px; padding-left:0; box-sizing: border-box; position: relative;} .doctor_list .doctor_In .txtArea .name{padding:10px 0 18px; border-bottom:1px solid #dbdbdb; line-height:1.3;} .doctor_list .doctor_In .txtArea .name>*{display:inline-block; vertical-align: bottom;} .doctor_list .doctor_In .txtArea .name>strong{font-size:26px; color: #111;} .doctor_list .doctor_In .txtArea .name>span{padding:0 0 3px 15px; font-size:16px; color: #555;} .doctor_list .doctor_In .txtArea .department{padding-top:22px; line-height:1.3;} .doctor_list .doctor_In .txtArea .department>*{font-size:16px; display:inline-block; vertical-align: top;} .doctor_list .doctor_In .txtArea .department>strong{padding-right:4px; font-weight: 400; color: #252525;} .doctor_list .doctor_In .txtArea .department>span{color: #555;} /* .doctor_list .doctor_In .txtArea .view{width:151px; height:41px; background:url('../../images/aboutDH/btn_doctor_view.gif') no-repeat center center; position: absolute; right:0; bottom:0; display:inline-block;} */ .doctor_list .doctor_In .txtArea .view{width:150px; height:40px; background:url('../../images/aboutDH/btn_doctor_view.jpg') no-repeat center center; position: absolute; right:0; bottom:0; display:inline-block;} /* .doctor_list .doctor_In .txtArea .view:hover{background-image:url('../../images/aboutDH/btn_doctor_view_on.gif');} */ .doctor_list .doctor_In .txtArea .view:hover{background-image:url('../../images/aboutDH/btn_doctor_view_on.jpg');} .doctor_view{width:100%; font-size:0; line-height:0; overflow:hidden;} .doctor_view .doctor_Top{display: flex; display: -ms-flexbox; justify-content: space-between;} .doctor_view .doctor_Top>*{} .doctor_view .doctor_Top .photo{width:535px; min-width:535px; height:675px; border:1px solid #eaeaea; box-sizing: border-box;} .doctor_view .doctor_Top .photo img{width:535px !important; min-width:535px !important; height:675px !important;} .doctor_view .doctor_Top .txtArea{width:630px; padding:7px 0 85px; letter-spacing: -0.03em; box-sizing: border-box; position: relative;} .doctor_view .doctor_Top .txtArea .dCenter{font-size:26px; line-height:1; color: #252525;} .doctor_view .doctor_Top .txtArea .name{padding:12px 0;line-height:1.3;} .doctor_view .doctor_Top .txtArea .name>*{display:inline-block; vertical-align: bottom; position: relative;} .doctor_view .doctor_Top .txtArea .name>strong{font-size:46px; color: #111;} .doctor_view .doctor_Top .txtArea .name>span{padding:0 0 3px 43px; font-size:30px; color: #363636;} .doctor_view .doctor_Top .txtArea .name>span:before{content: ""; width: 1px; height: 25px; background-color: #898989; display: inline-block; position:absolute; left:22px; bottom:8px; box-sizing: border-box;} .doctor_view .doctor_Top .txtArea .department{font-size:18px; line-height:1.3; color: #363636;} .doctor_view .doctor_Top .txtArea .list{position: absolute; right:0; top:0; display:inline-block;} .doctor_view .doctor_Top .btnArea{margin-top:0; position: absolute; left:0; bottom:0;} .doctor_view .board_list>.table .tr>div{padding:15px 20px;} .doctor_view .board_list>.table .thead>div{padding:10px 0;} /* 진료협력센터 */ .referral{} .referral .fs_18{line-height:28px;} .referral .s_tit02{margin-top:45px; margin-bottom:15px;} .referral .s_tit03{display:block; margin:0} .referral .s_tit03+.list_ul_01{margin-top:3px;} .referral .list_ul_01+.s_tit03{margin-top:8px;} .referral dt.s_tit02{margin-bottom:0;} .referral dt.s_tit02+dd{font-size:18px; line-height:28px;} .referral .exclamation_txt{padding-left:26px; font-size:18px; line-height:28px; position:relative;} .referral .exclamation_txt::before{content:""; display:block; width:20px; height:20px; background:url("/images/exclamation_ico.png") no-repeat center/contain; position:absolute; left:0; top:5px;} /* 이메일무단수집거부 */ .email_content {position:relative; text-align:center;} .email_content h1 {padding:50px 0 21px; font-size:40px; line-height:1.3; color:#087b29; font-weight:500; word-break:keep-all;} .email_content p {font-size:18px; line-height:1.75; color:#636363; word-break:keep-all;} .email_content p b {font-weight:500; color:#f7a600;} .email_content span {display:block; margin-top:20px; font-size:16px; color:#252525; letter-spacing:2px; word-break:keep-all;} /* 통합검색 결과 */ .searchTotal{width:100%; font-size:0; line-height:0;} .searchTotal .searchForm{padding:32px 0; background-color: #f8f8f8; text-align: center;} .searchTotal .searchForm .sch{background-color: #fff; border:2px solid #087b29; display:inline-block; vertical-align: top;} .searchTotal .searchForm input[type=text], .searchTotal .searchForm input[type=submit]{height:52px; padding:0 20px; background-color: #fff; border:none; font-weight: 300; font-size:18px; line-height:52px; color: #000; text-align: left; display:inline-block; vertical-align: top; box-sizing: border-box;} .searchTotal .searchForm input[type=text]{width:542px;} .searchTotal .searchForm input[type=submit]{width:54px; background: url('../../images/main/btn_sch.gif') no-repeat center center; border:none; font-size:0; cursor: pointer;} .searchTotal .searchMenu{text-align: center;} .searchTotal .searchMenu>a{margin:0 20px; font-weight: 500; font-size:17px; line-height:68px; color: #636363; letter-spacing: -0.03em; display:inline-block; vertical-align: top; white-space: nowrap;} .searchTotal .searchMenu>a.active{color: #087b29;} .searchTotal .searchText{padding:25px; background-color: #f8f8f8; border-top:2px solid #666; font-size:18px; line-height:1.2; color: #363636; letter-spacing: -0.03em; text-align: center;} /* .searchTotal .searchText>strong{font-weight: 500; color: #00979e;} */ .searchTotal .searchText>strong{font-weight: 500; color: #63b32e;} .searchTotal .searchResult{margin-top:50px;} .searchTotal .searchResult+.searchResult{margin-top:80px;} .searchTotal .searchResult .title{height:47px; border-bottom:1px solid #ddd; font-weight: 500; font-size:24px; line-height:1; color: #363636; letter-spacing: -0.03em;} .searchTotal .searchResult .sr_repeat{width:100%; margin-top:40px; display:table; table-layout: fixed;} .searchTotal .searchResult .sr_repeat>*{display:table-cell; vertical-align: middle;} .searchTotal .searchResult .sr_repeat>.icon{width:120px;} .searchTotal .searchResult .sr_repeat>dl{} .searchTotal .searchResult .sr_repeat>dl>dt{font-weight: 500; font-size:20px; line-height:1; color: #363636; letter-spacing: -0.03em;} .searchTotal .searchResult .sr_repeat>dl>dd{padding-top:10px; font-size:16px; line-height:26px; color: #636363; letter-spacing: -0.03em;} .searchTotal .searchResult .sr_repeat>dl>dd>p{margin-top:5px;} .searchTotal .searchResult .sr_repeat>dl>dd a{font-size:14px; color: #087b29; display:inline-block; position: relative;} .searchTotal .searchResult .sr_repeat>dl>dd a:after{content: ">"; padding-left:10px; font-size:14px; font-family:'돋움', dotum; position: relative; top:1px;} .searchTotal .searchResult .sr_repeat.text{display:block;} .searchTotal .searchResult .sr_repeat.text>*{display:block;} .searchTotal .searchResult .sr_repeat.text>dl{margin-top:35px;} .searchTotal .searchResult .sr_repeat.text>dl>dt{} .searchTotal .searchResult .sr_repeat.text>dl>dd{max-height:52px; display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;} /*[e] Sub Style */ /*[s] Plugin Style */ /* Layer Style */ .layerArea .layerIn .layerBgIn{width:0px; height:0px; background-color: rgba(255,255,255,0.7); position:absolute; left:50%; top:50%; z-index:100; -webkit-transition: .3s; transition: .3s; transform-origin: 50% 50%;} .layerArea{width:0px; height:0px; background-color: rgba(0,0,0,0.7); position:fixed; left:50%; top:50%; z-index:99; overflow:hidden; overflow-y:auto; -webkit-transition: .3s; transition: .3s; transform-origin: 50% 50%;} .layerArea.one, .layerArea.two{width:100%; height:100%; left:0%; top:0%;} .layerArea.two .layerBgIn{width:100%; height:100%; left:0%; top:0%;} .layerArea .closeLy{width:100px; display:inline-block; position: fixed; right:0; top:0;} .layerArea .layerIn{width:100%; height:100%; display: table; position:relative;} .layerArea .layerIn .layerCell{width:100%; height:100%; padding:70px 0; display: table-cell; vertical-align:middle; position:relative; box-sizing: border-box;} .layerArea .layerIn .layerBox{margin:0 auto; background-color: #fff; font-size:0; line-height:0; display:none; position: relative; box-sizing: border-box; z-index:99;} .layerArea .layerIn .layerBox>.tit{padding:25px 25px 15px;} .layerArea .layerIn .layerBox>.tit>strong{font-size:16px; line-height:1; color:#00a9cc;} .layerArea .layerIn .layerBox .contLy{} .easyReservation{width:980px; background-color: #fff;display:none;} .easyReservation .title{padding:30px; background-color: #087b29; line-height:1; color: #fff; position: relative;} .easyReservation .title>dt{font-weight: 500; font-size:24px;} .easyReservation .title>dd{padding-top:10px; font-size:16px;} .easyReservation .closeLy{width:auto; margin-top:-15px; display:inline-block; position: absolute; right:30px; top:50%;} .easyReservation .contLy{padding:20px 20px 80px;} .easyReservation .infoBox{padding:30px 40px; background:#f8f8f8 url("../../images/bg_layinfoBox.gif") no-repeat right bottom; letter-spacing: -0.03em;} .easyReservation .infoBox .tit{padding-bottom:20px; font-weight: 500; font-size:20px; line-height:1; color: #087b29;} .easyReservation .infoBox ol{counter-reset:num;} .easyReservation .infoBox ol>li{padding-left:30px; font-size:16px; line-height:22px; color: #636363; position: relative;} .easyReservation .infoBox ol>li+li{margin-top:10px;} .easyReservation .infoBox ol>li>p{font-size:14px; line-height:1.4; color: #e84e0e;} .easyReservation .infoBox ol>li:before {counter-increment:num; content: counter(num); width: 18px; height: 18px; background-color: #087b29; font-weight:400; font-size: 12px; line-height:18px; color: #fff; text-align: center; border-radius: 50%; position: absolute; left: 0; top:3px; display: inline-block; } /* Img Over Bg Style */ #photo{width:960px;margin:0 auto; position:relative; overflow:hidden;} #photo>li{width:150px; height:150px; margin:5px; float:left; display:inline; overflow:hidden;} #photo>li>a{width:100%; height:100%; position: relative; display:block; overflow:hidden;} #photo>li>a>img{width:100%; height:100%; display:block; border-radius:5px;} #photo>li>a>.bg_l{width:100%; height:100%; background-color:red; position: absolute; left:0; top:0; display:none; opacity:0.3; border-radius:5px;} /* Notice One Line Style */ .mNoticeList{width:100%; height:60px; margin-top:25px; overflow:hidden; position: relative;} .mNoticeList>ul{width:100%; position: absolute; left:0; top:-60px;} .mNoticeList>ul>li{height:60px; position: relative;} .mNoticeList>ul>li>a{padding-left:73px; display:block; position: relative;} .mNoticeList .day{width:41px; padding-right:15px; border-right:1px solid #d5d1cc; font-weight: 600; font-size:12px; line-height:1; color: #b99764; text-align: center; position: absolute; left:0; top:0;} .mNoticeList .day>strong{font-weight: 700; font-size:32px; line-height:1; display:block;} .mNoticeList dl.list{font-size:16px; line-height:20px; color: #876e49; word-break:keep-all; word-wrap:break-word;} .mNoticeList dl.list>dt{padding-bottom:6px; font-weight: 600; font-size:12px; line-height:1; color: #b99764;} .sitemapArea{width:100%; font-size:0; line-height:0; overflow:hidden;} .sitemapArea>ul{margin:-40px 0 0 -12px;} .sitemapArea>ul>li{width:23%; padding:200px 0 0 12px; display:inline-block; vertical-align: top; box-sizing: border-box;} .sitemapArea>ul>li>a{background-color: #008c44; border:1px solid #e0e0e0; border-top:2px solid #008c44; font-size:20px; line-height:50px; color: #fff; text-align: center; display:block;} .sitemapArea .sitemap_1 {margin-top: 500px; display: inline; margin-left: 30px;} .sitemapArea .sitemap_1:first-child, .sitemapArea .sitemap_1:nth-child(5) {margin-left: 0;} .sitemapArea>ul>li>.gnbSub{border:1px solid #e0e0e0; border-top:none; text-align: center;} .sitemapArea>ul>li>.gnbSub>li+li{border-top:1px solid #e0e0e0;} .sitemapArea>ul>li>.gnbSub>li>a{font-size:18px; line-height:50px; color: #666; display:block;} .sitemapArea>ul>li>.gnbSub>li>a:hover{color: #008c44;} .sitemapArea>ul>li>.gnbSub>.two {background-color: #fafafa;} .sitemapArea>ul>li>.gnbSub>.two span {font-size: 17px;} .sitemapArea>ul>li>.gnbSub>.three {background-color: #f2f2f2; border-top: 0;} .sitemapArea>ul>li>.gnbSub>.three span {font-size: 15px;} .c_red {text-decoration: underline; background-color: #ffeced !important;} /* 진료실적 */ .treatRecord_graph{width:100%; height:517px; background:url("../../images/aboutDH/bg_treatRecord.jpg") no-repeat center center; font-size:0; line-height:0; box-sizing: border-box;} .treatRecord_graph .graph_in{width:1200px; padding-top:100px; margin:0 auto; display: flex; display: -ms-flexbox; justify-content: space-between;} .treatRecord_graph .graph_in .graph_repeat{width:244px; position: relative;} .treatRecord_graph .graph_in .graph_repeat .graph{width:244px; height:244px; position: relative;} .treatRecord_graph .graph_in .graph_repeat .graph>div{width:360px; height:360px; position: absolute; left:-67px; top:-60px;} .treatRecord_graph .graph_in .graph_repeat .title{width:172px; height:172px; background-color: #f8f8f8; font-weight: 500; font-size:30px; line-height:1.2; color: #363636; text-align: center; position: absolute; left:30px; top:40px; z-index:3; border-radius:50%; overflow:hidden; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center;} .treatRecord_graph .graph_in .graph_repeat>dl{padding-top:25px; font-weight: 500; line-height:36px;} .treatRecord_graph .graph_in .graph_repeat>dl>dt{font-size:26px; color: #363636;} .treatRecord_graph .graph_in .graph_repeat>dl>dt>strong{font-weight: bold; font-size:30px;} .treatRecord_graph .graph_in .graph_repeat>dl>dd{font-size:20px; color: #636363;} .treatRecord_list{width:1200px; margin:80px auto 100px; border-top:1px solid #dbdbdb; border-left:1px solid #dbdbdb; font-size:0; line-height:0; box-sizing: border-box;} .treatRecord_list>li{width:33.333%; padding-bottom:35px; border-bottom:1px solid #dbdbdb; border-right:1px solid #dbdbdb; text-align: center; display:inline-block; vertical-align: top; box-sizing: border-box;} .treatRecord_list>li>p{} .treatRecord_list>li>dl{margin-top:-2px;} .treatRecord_list>li>dl>dt{font-weight: 500; font-size:24px; line-height:28px; color: #087b29;} .treatRecord_list>li>dl>dd{height:96px; padding-top:15px; font-size:16px; line-height:24px; color: #636363;} .treatRecord_list>li.h01>dl>dd{height:130px;} /*[e] Plugin Style */ /* -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); filter:grayscale(100%) blur(0px); -webkit-filter:grayscale(100%) blur(0px); transition: all .5s linear; transition: all .5s ease-out; transform:rotate(180deg); -webkit-transition-timing-function:ease-in linear; transition-timing-function:ease-in linear; -webkit-transition-delay: .8s; transition-delay: .8s; :before{content: ""; width: 24px; height: 24px; background-color: #fff; border:1px solid #666; display: inline-block; position:absolute; left: 0; top:0px; box-sizing: border-box;} display: flex; justify-content: space-between; // 양쪽 끝 정렬 display: flex; justify-content: space-around; // 센터 정렬 display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; //한줄 감추기 display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; //두줄 감추기 active :first-child text-indent:-99999px; !important display:table; table-layout:fixed; display:table-row; display:table-cell; box-sizing:border-box; word-break:keep-all; word-wrap:break-word; border-radius:2px; */