.lastDepth>a i, .lastDepth>a i:after, .lastDepth>a i:before, #mVisual .inConts .ii, #mVisual .inConts .ii.btn>a, #mVisual .bx-pager>span, #mVisual .bx-pager-item>a{transition: all .3s ease-out; transform-origin: 50% 50%;} /*[e] All Style */ img.grayscale, .grayscale img{filter:grayscale(100%); -webkit-filter:grayscale(100%);} .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:20px 15px; border-bottom:1px solid #ddd; font-size:22px; 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+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 .th_bg02 {background-color:#ebebeb;} .nTable>table>tbody>tr>th+th {border-left:1px solid #ddd} .nTable.scroll{overflow:hidden; overflow-x:auto; border-top:2px solid #666;} .nTable.scroll>table{width:1200px;} .f0{font-size:0; line-height:0;} .lastDepth{width:100%; margin-bottom:50px; background-color:#fff; border:3px solid #087b29; box-sizing:border-box; display:block; z-index:7; position: relative;} .lastDepth>a{padding:0 70px 0 30px; font-weight: 400; font-size:24px; line-height:70px; color: #087b29; display:block; position:relative;} .lastDepth>a i{width:20px; height:12px; margin-top:-6px; position: absolute; right:20px; top:50%; display:inline-block;} .lastDepth>a i:after, .lastDepth>a i:before{content: ""; width:13px; height: 2px; margin:0 0 0 0; background-color:#087b29; display: block; position:absolute; top:50%;} .lastDepth>a i:after{right:8px; transform:rotate(45deg);} .lastDepth>a i:before{right:0px; transform:rotate(-45deg);} .lastDepth.active a i{transform:rotate(180deg);} .lastDepth .lastDepthSub{width:100%; background-color:#fff; border:3px solid #087b29; position: absolute; left:-3px; top:100%; display:none;} .lastDepth .lastDepthSub>a{padding:0 70px 0 30px; font-weight:400; font-size:20px; line-height:60px; color:#087b29; display:block;} .lastDepth .lastDepthSub>a+a{} .lastDepth.active a:before{transform:rotate(180deg);} .lastDepth .lastDepthSub>a.active{background-color:#087b29; color:#fff;} .lastDepth.yellow{background-color: #ffcc00;} .lastDepth.yellow .lastDepthSub{background-color: #ffcc00;} .lastDepth.yellow .lastDepthSub>a{border-top-color:#ffd83b;} .lastDepth.yellow .lastDepthSub>a.active{background-color: #ffd83b;} .lastDepthConts{font-size:0; line-height:0; display:none;} .doctor_view .lastDepthConts{padding:0px 0 50px; font-size:22px; line-height:1.4; color: #636363;} /*[s] 셀렉트 박스형 */ .lastDepthSelect{width:100%; margin-top:-40px; margin-bottom:60px; background-color:#087b29; display:block; z-index:8; position: relative;} .lastDepthSelect.w600{width:600px; margin:-40px 20px 60px;} .lastDepthSelect>a{width:100%; height:70px; padding:0px 20px; font-weight: 500; font-size:22px; line-height:1.4; color:#fff; display:table; box-sizing:border-box; position: relative;} .lastDepthSelect>a>span{padding:5px 0; display:table-cell; vertical-align:middle;} .lastDepthSelect>a i{width:20px; height:12px; margin-top:-6px; position:absolute; right:20px; top:50%; display:inline-block;} .lastDepthSelect>a i:after, .lastDepthSelect>a i:before{content: ""; width:13px; height:2px; margin:0 0 0 0; background-color:#fff; display: block; position:absolute; top:50%;} .lastDepthSelect>a i:after{right:8px; transform:rotate(45deg);} .lastDepthSelect>a i:before{right:0px; transform:rotate(-45deg);} .lastDepthSelect.active a i{transform:rotate(180deg);} .lastDepthSelect .lastDepthSub{width:100%; background-color: #fff; border:1px solid #dbdbdb; position: absolute; left:0; top:100%; display:none; box-sizing:border-box;} .lastDepthSelect .lastDepthSub>a{width:100%; height:60px; padding:0px 20px; font-weight:400; font-size:22px; line-height:1.4; color:#636363; display:table; box-sizing:border-box;} .lastDepthSelect .lastDepthSub>a>span{padding:5px 0; display:table-cell; vertical-align:middle;} .lastDepthSelect .lastDepthSub>a+a{border-top:1px solid #dbdbdb;} .lastDepthSelect .lastDepthSub>a:hover, .lastDepthSelect .lastDepthSub>a.active{color:#087b29;} .lastDepthSelect .lastDepthSub>a.active i{transform:rotate(180deg);} /*[e] 셀렉트 박스형 */ /*[s] 기본형 */ .lastDepth_tab{width:100%; margin-bottom:50px; font-size:0; line-height:0; text-align: center; box-sizing: border-box; overflow:hidden; display: flex; justify-content: space-between;} .lastDepth_tab>a{width:100%; height:60px; background-color:#fff; border:1px solid #dbdbdb; font-size:22px; line-height:1.2; color:#636363; display:inline-block; vertical-align: top; box-sizing: border-box;} .lastDepth_tab>a+a{margin-left:-1px;} .lastDepth_tab>a>span{display:inline-block; position: relative; top:50%;-webkit-transform: translateY(-50%); transform: translateY(-50%);} .lastDepth_tab.fixed{justify-content: flex-start; flex-wrap:wrap; border:none; border-top:1px solid #dbdbdb; border-left:1px solid #dbdbdb;} .lastDepth_tab.fixed>a{margin:0; border:none; border-bottom:1px solid #dbdbdb; border-right:1px solid #dbdbdb;} .lastDepth_tab.two>a{width:50%;} .lastDepth_tab.three>a{width:33.333%;} .lastDepth_tab.four>a{width:25%;} .lastDepth_tab.five>a{width:20%;} .lastDepth_tab>a:hover, .lastDepth_tab>a.active{background-color:#087b29; border-color:#087b29; color: #fff; z-index:2;} .lastDepth_tab.doctor{text-align: left; display:block; position: relative;} .lastDepth_tab.doctor:before{content: ""; width: 100%; height: 1px; background-color: #898989; display:block; position:absolute; left:0; bottom:0px;} .lastDepth_tab.doctor>a{width:34.3%; height:63px; background-color: #f0f0f0; border:1px solid #bfbfbf; border-bottom-color:#898989; font-size:22px; line-height:1.2; text-align: center; color: #464646; position: relative; z-index:2;} .lastDepth_tab.doctor>a+a{width:33%; margin-left:-1px;} .lastDepth_tab.doctor>a>span{display:inline-block; position: relative; top:50%;-webkit-transform: translateY(-50%); transform: translateY(-50%);} .lastDepth_tab.doctor>a:hover, .lastDepth_tab.doctor>a.active{background-color: #fff; border-color:#898989; border-bottom-color:#fff; color: #087b29; z-index:3; text-shadow:none; transition:none;} /*[e] 기본형 */ .nTit{font-weight: 300; font-size:28px; line-height:36px; color: #333; text-align: center;} .nTit>span{font-weight: 300;} .nTxt{font-weight:400; font-size:22px; line-height:1.5; color:#636363; letter-spacing:-0.75px;} .psTxt{font-weight:400; font-size:22px; line-height:1.4; color: #087b29;} .psTxt.f14{padding-left:16px; line-height:1.6; color: #999; position: relative;} .psTxt.f14:before {content: '*'; position: absolute; top:3px; left: 0;} .psTxt.c6{color: #666;} .gsTxt{font-weight:400; font-size:22px; line-height:1.65; color: #0b8e36;} .psBul_02 {padding-left:14px; display:inline-block; vertical-align: middle; position: relative;} .psBul_02:before {content: "*"; color: #e40000; position:absolute; left: 0; top:2px;} .list_ul_01 {} .list_ul_01 > li {position:relative; font-size:22px; line-height:1.75; margin-bottom:6px; color:#636363; padding-left:15px; word-break:keep-all;} .list_ul_01 > li:last-child {margin-bottom: 0;} .list_ul_01 > li:not(.non):before {content: ''; display: block; width:5px; height:5px; background: #636363; position: absolute; top:15px; left: 0;} .list_ul_02 {margin-top:5px;} .list_ul_02 > li {position: relative; font-size:22px; line-height:1.6; 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_03 {margin-top:0px;} .list_ul_03 > li {position: relative; font-size:24px; line-height:1.75; margin-bottom:4px; color:#087b29; padding-left:15px; font-weight:500;} .list_ul_03 > li:last-child {margin-bottom: 0;} .list_ul_03 > li:before {content: ''; display: block; width:6px; height:6px; background: #087b29; position: absolute; top:18px; left: 0; border-radius:99px;} .list_ol_01 {counter-reset:item; margin-bottom:10px;} .list_ol_01 > li {position: relative; font-size:22px; line-height:1.75; margin-bottom:4px; color: #636363; padding-left:30px;} .list_ol_01 > li:last-child {margin-bottom: 0;} .list_ol_01 > li:before {counter-increment:item; content:counter(item); width:20px; height:20px; display:inline-block; background: #fff; border:1px solid #636363; color:#636363; border-radius:50%; text-align:center; line-height:18px; font-size:14px; position: absolute; top:9px; left:0; font-weight:400;} .list_ol_01 span.red{color:#e40000} h4.line2{height:49px; border-bottom:1px solid #ddd; font-weight: 500; font-size:30px; 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 */ .mTitle{padding:0 0 45px; font-weight: bold; font-size:42px; line-height:1; color: #333; text-align: center;} /* .mLay .inConts{height:960px; display:table; table-layout: fixed;} .mLay .inConts .mTd{display:table-cell; vertical-align: middle;} */ #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{width:100%; height:800px; box-sizing:border-box; display:table;} #mVisual .inConts>.vTxt{display:table-cell; vertical-align: middle;} #mVisual .inConts>.vTxt.verTop{display: flex; align-items: flex-start; justify-content: flex-start; flex-direction: column; padding: 0 30px;} #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; letter-spacing: -0.03em;} #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:0 0 100px 30px;} #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:0;} #mVisual .bx-pager{width:100%; text-align: center; position: absolute; left:0; bottom:45px; 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: rgba(255,255,255,0.5); display:block; border-radius:99px; overflow:hidden;} #mVisual .bx-pager-item>a.active{background-color: #0b8e36;} #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;} #mVisual .inConts .performance_title{font-size: 50px; line-height: 0.8; color: rgba(255,255,255,0.9); font-weight: 500; text-align: center;} #mVisual .inConts .performance_title .mini{font-size: 22px; line-height: 1; font-weight: 300;} #mVisual .inConts .performance{display: flex; flex-wrap: wrap; gap: 60px 40px;} #mVisual .inConts .performance li{width: calc((100% - 40px)/2); text-align: center; box-sizing: border-box;} /* #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;} /* mNew */ .main #wrap{background-color: #fbfbfb;} #mNew{width:100%; padding:30px 20px; font-size:0; line-height:0; box-sizing: border-box;} #mNew .sch{padding:60px 40px; background-color: #005826;} #mNew .sch .tit{font-weight: bold; font-size:26px; line-height:1; color: #fff;} #mNew .sch .schBox{padding-top:35px; border-bottom:1px solid #fff; display: flex; justify-content: space-between;} #mNew .sch input[type=text], #mNew .sch input[type=submit]{height:69px; padding:0; background-color: transparent; border:none; font-weight: 300; font-size:22px; line-height:69px; color: #fff; text-align: left; display:inline-block; vertical-align: top; box-sizing: border-box;} #mNew .sch input[type=text]{width:100%;} #mNew .sch input[type=submit]{width:58px; min-width:58px; background: url('../../images/main/btn_sch_new.png') no-repeat right center; border:none; font-size:0; cursor: pointer;} #mNew .sch input[type=text]::-ms-input-placeholder{color:#fff;} #mNew .sch input[type=text]::-webkit-input-placeholder{color:#fff;} #mNew .sch input[type=text]::-moz-placeholder{color:#fff;} #mNew .link{padding-top:20px;} #mNew .link>p.two{display: flex; justify-content: space-between;} #mNew .link>p+p{margin-top:20px;} #mNew .link .callArea{max-width: 600px; width: 100%; height: 140px; display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; gap: 20px; background: #ffffff; border: 1px solid #dbdbdb; margin: 0 auto;} #mNew .link .callArea p{font-size: 32px; line-height: 1; font-weight: 500; color: #252525;} #mNew .link .callArea span{font-size: 42px; line-height: 1; font-weight: 500; color: #005826; transition: all ease 0.3s;} #mNew .link .callArea span.otherColor{color: #63b32e;} .mNoticeList{width:100%; height:76px; margin-bottom:100px; background-color: #fff; border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; overflow:hidden; position: relative; box-sizing: border-box;} .mNoticeList>ul{width:100%; position: absolute; left:0; top:-74px;} .mNoticeList>ul>li{height:74px; position: relative;} .mNoticeList>ul>li>a{padding:0 72px 0 20px; font-size:22px; line-height:74px; color: #252525; letter-spacing: -0.03em; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; box-sizing: border-box;} .mNoticeList>ul>li>p{display: flex; justify-content: space-between;} .mNoticeList>ul>li>p>span{box-sizing: border-box;} .mNoticeList>ul>li>p>.img{width:90px; min-width:90px; padding-left:18px; display: flex; align-items: center;} .mNoticeList>ul>li>p>.txt{width:100%; font-size:22px; line-height:74px; color: #252525; letter-spacing: -0.03em;} .mNoticeList .btn_notice{width:32px; height:31px; background: url('../../images/main/btn_stop.gif') no-repeat center top; border:none; font-size:0; line-height:0; position: absolute; right:20px; top:50%; transform: translateY(-50%);} .mNoticeList .btn_notice.btn_play{background-image: url('../../images/main/btn_play.gif');} .mNewQuick{width:640px; margin-left:-320px; font-size:0; line-height:0; position: fixed; left:50%; bottom:0; z-index:8;} .mNewQuick>a {width:25%; background-color: #5a7689; border-right:1px solid #4a6273; font-weight: 500; font-size:22px; line-height:80px; color: #fff; text-align: center; display:inline-block; vertical-align: top; box-sizing: border-box;} .mNewQuick>a.point{background-color: #087b29; color: #fff; transition: all ease 0.3s;} .mNewQuick>a.point.otherColor{background-color: #63b32e;} .mNewQuick>a:last-child{ border-right:none; } /* mInfo */ #mInfo{width:100%; padding-top:98px; font-size:0; line-height:0; text-align: center;} #mInfo .sch{background-color: #fff; border:1px solid #087b29; vertical-align: top; display: flex; justify-content: space-between;} #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:22px; line-height:70px; color: #666; text-align: center; display:inline-block; vertical-align: top; box-sizing: border-box;} #mInfo .sch input[type=text]{width:100%;} #mInfo .sch input[type=submit]{width:71px; min-width:71px; 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{margin-top:20px;} #mInfo .btm>p{display:inline-block; vertical-align: top;} #mInfo .btm>p+p{} /* 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; justify-content: space-between;} #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;} #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;} /* mBoard */ #mBoard{width:100%; padding:95px 0 100px; background:#fbfbfb url('../../images/main/bg_mBoard.jpg') no-repeat center top; font-size:0; line-height:0; position: relative; z-index:2; overflow:hidden;} #mBoard .tit{font-size:42px; line-height:60px; color: #fff; letter-spacing: -0.03em; text-align: center;} #mBoard .tit>strong{font-weight: bold;} #mBoard .tabs{padding:70px 0 60px; text-align:center;} #mBoard .tabs>a{width:165px; height:50px; background-color: rgba(255,255,255,0.35); border:1px solid rgba(255,255,255,0.7); font-weight: 300; font-size:24px; line-height:48px; 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; font-weight: 500;} #mBoard .tabsConts{display:none;} #mBoard .boardList{padding:0 20px; overflow:hidden;} #mBoard .boardList>ul{margin:-26px 0 0 -26px;} #mBoard .boardList>ul>li{padding:26px 0 0 26px; display:inline-block; vertical-align: top;} #mBoard .boardList>ul>li>a{width:287px; height:340px; padding:35px 20px 0; background-color: #fff; border:1px solid #dbdbdb; border-radius:25px 25px 25px 0; overflow:hidden; display:block; box-sizing: border-box; position: relative;} #mBoard .boardList>ul>li>a>dl{} #mBoard .boardList>ul>li>a>dl>dt{max-height:60px; font-size:24px; line-height:30px; 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:120px; margin-top:15px; font-weight: 300; font-size:22px; line-height:30px; color: #5a5a5a; letter-spacing: -0.07em; display: block; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;} #mBoard .boardList>ul>li>a>.day{margin-top:20px; font-weight: 300; font-size:22px; 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:-1px; bottom:-1px; 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:794px; text-align: center; display:table; table-layout: fixed;} #mService>.inConts .mTd{display:table-cell; vertical-align: middle;} #mService>.inConts .tit{font-weight: 300; font-size:48px; line-height:1.2; color: #fff; letter-spacing: -0.03em;} #mService>.inConts .tit>strong{font-weight: 500; font-size:55px;} #mService>.inConts .txt{font-weight: 300; font-size:24px; line-height:30px; color: rgba(255,255,255,0.85); letter-spacing: -0.03em;} #mService>.inConts .btn{padding-top:85px;} #mService>.inConts .btn>a{width:196px; height:56px; background-color: rgba(255,255,255,0.4); border:1px solid rgba(255,255,255,0.8); font-size:22px; line-height:54px; 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%; padding:100px 0 130px; background-color: #fbfbfb; font-size:0; line-height:0; position: relative; z-index:2; overflow:hidden;} #mLocation .mMapArea{border:1px solid #0b8e36; overflow:hidden; position: relative;} #mLocation .mMapArea .mMap{width:100%; height:672px; padding:0 !important; border:none !important; overflow:hidden;} #mLocation .mMapArea .mapTxt{width:558px; margin-left:-279px; position: absolute; left:50%; bottom:-1px; z-index:3;} /*[e] Main Style */ /*[s] Sub Style */ .s_tit01 {font-size:32px; color:#252525; letter-spacing:0; background:url("../../images/s_tit01.png") no-repeat left center; padding-left:30px; margin-top:80px; margin-bottom:25px; line-height:1.5; font-weight:600;} .s_tit01.tline {background:url("../../images/s_tit01.png") no-repeat left 12px; word-break:keep-all;} .s_tit01.first {margin-top:0;} .s_tit02{display:block; margin-top:50px; margin-bottom:10px; font-size:30px; color:#252525; line-height:1.3; font-weight:500;} .s_tit02 .small{font-weight: 400; font-size:16px; color:#636363;} .s_tit02.first {margin-top:0;} .s_tit03{display:inline-block; margin-top:50px; margin-bottom:20px; font-size:24px; color:#252525; line-height:1.3; font-weight:500;} .s_tit03 .small{font-weight: 400; font-size:22px; color:#636363;} .s_txt01 {font-size:22px; color:#636363; line-height:1.3;} /* notice_box */ .notice_box {position:relative; padding:170px 30px 50px 30px; background-color:#f8f8f8; box-sizing:border-box; margin-bottom:60px;} .notice_box.left_in {padding:30px 30px 30px 150px;} .notice_box:before {position:absolute; display:block; content:""; width:100%; left:0; top:50px;} .notice_box.medicalInfo:before {height:87px; background:url("../../images/guideDH/medicalInfo_icon.png") no-repeat center top;} .notice_box.hospitalizationInfo01:before {height:85px; background:url("../../images/guideDH/hospitalizationInfo01_icon.png") no-repeat center top;} .notice_box.surgicalInfo:before {height:85px; background:url("../../images/guideDH/surgicalInfo_icon.png") no-repeat center top;} .notice_box.visitInfo:before {height:85px; background:url("../../images/guideDH/visitInfo_icon.png") no-repeat center top;} .notice_box.activeInfo_i:before {height:95px; background:url("../../images/customer/activeInfo_icon.png") no-repeat center top; } .notice_box.autodiagnosis:before {height:83px; background:url("../../images/healthinfo/autodiagnosis_icon.png") no-repeat center top;} .notice_box.advice:before {height:85px; background:url("../../images/customer/advice_icon.png") no-repeat center top;} .notice_box.review:before {height:85px; background:url("../../images/customer/review_icon.png") no-repeat center top;} .notice_box.compliment:before {height:85px; background:url("../../images/customer/compliment_icon.png") no-repeat center top;} .notice_box.voiceOfcustomer:before {height:85px; background:url("../../images/customer/voiceOfcustomer_icon.png") no-repeat center top;} .notice_box p {font-size:22px; line-height:1.5; color:#636363; text-align:left;} .notice_box .tit {font-size:26px; font-weight:500; line-height:1.5; color:#252525; text-align:left;} .notice_box .tit.tac {text-align:center;} .notice_box .tit span {color:#087b29; font-size:22px;} .notice_box .tit .td_ul {border-bottom:1px solid #087b29;} .notice_box .txt {font-size:22px; font-weight:400; line-height:1.5; color:#636363; text-align:left; padding-top:10px;} .notice_box .txt.tac {text-align:center;} .notice_box .txt:first-child {padding-top:0;} .notice_box.autodiagnosis p {font-size:24px; line-height:1.5; color:#252525; text-align:center; margin-top:20px; margin-bottom:10px;} /* 클리닉소개 */ /* 진료과 소개 */ .clinic_tit {width:600px; margin:0 auto; text-align:center} .clinic_tit .ctit {color:#111; font-size:52px; line-height:1.45; 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:-60px; top:-20px; width:52px; height:52px; background:url("../../images/clinic/clinic_tit.png") no-repeat; font-size:0;} .clinic_tit .ctit.i03 span:after {content:""; display:block; position:absolute; right:-60px; bottom:-20px; width:52px; height:52px; background:url("../../images/clinic/clinic_tit.png") no-repeat; font-size:0;} .tag_list {width:600px; margin:0 auto; padding-top:45px; padding-bottom:50px; text-align:center; overflow:hidden;} .tag_list.half_list {width:600px;} /* .tag_list ul li {display:inline-block; padding:12px 40px; border: 1px solid #00979e; margin:10px 6px 0; color:#00979e; font-size:22px; font-weight:500; line-height:1.5; width: 200px;} */ .tag_list ul li {display:inline-block; padding:12px 40px; border: 1px solid #63b32e; margin:10px 6px 0; color:#63b32e; font-size:22px; font-weight:500; line-height:1.5; width: 200px;} .tag_list ul .full {width:494px;} .clinic_txt {max-width:600px; 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:24px; font-weight:400; word-break:keep-all;} .clinic_txt p b {font-weight:500;} .clinic_imgbox {width:600px; margin:0 auto 80px;} .clinic_imgbox .imgbox {position:relative;} /* .clinic_imgbox .imgbox .txtArea_b {background:#00979e; padding:50px; position:relative;} */ .clinic_imgbox .imgbox .txtArea_b {background:#63b32e; padding:50px; position:relative;} .clinic_imgbox .imgbox .txtArea_b.ta_g {background:#087b29;} .clinic_imgbox .imgbox .txtArea_b.ta_g2 {background:rgba(143, 93, 182, 0.75);} .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:20px; bottom:20px;} .clinic_imgbox .imgbox .txtArea_b.hemorrhoids:after {width:67px; height:106px; background:url("../../images/clinic/icon_hemorrhoids.png") no-repeat left top;} .clinic_imgbox .imgbox .txtArea_b.endoscopy:after {width:135px; height:131px; background:url("../../images/clinic/icon_endoscopy.png") no-repeat left top;} .clinic_imgbox .imgbox .txtArea_b.esd:after {width:90px; height:115px; background:url("../../images/clinic/icon_esd.png") no-repeat left top;} .clinic_imgbox .imgbox .txtArea_b.colorectalcancer:after {width:102px; height:111px; background:url("../../images/clinic/icon_colorectalcancer.png") no-repeat left top;} .clinic_imgbox .imgbox .txtArea_b.hernia:after {width:112px; height:110px; background:url("../../images/clinic/icon_hernia.png") no-repeat left top;} .clinic_imgbox .imgbox .txtArea_b.appendicitis:after {width:112px; height:111px; background:url("../../images/clinic/icon_appendicitis.png") no-repeat left top;} .clinic_imgbox .imgbox .txtArea_b.gall:after {width:105px; height:110px; background:url("../../images/clinic/icon_gall.png") no-repeat left top;} .clinic_imgbox .imgbox .txtArea_b.constipation:after {width:105px; height:110px; background:url("../../images/clinic/icon_constipation.png") no-repeat left top;} .clinic_imgbox .imgbox .txtArea_b.digestion:after {width:87px; height:105px; background:url("../../images/clinic/icon_digestion.png") no-repeat left top;} .clinic_imgbox .imgbox .txtArea_b.hepatitis:after {width:119px; height:88px; background:url("../../images/clinic/icon_hepatitis.png") no-repeat left top;} .clinic_imgbox .imgbox .txtArea_b.urology:after {width:112px; height:106px; background:url("../../images/clinic/icon_urology.png") no-repeat left top;} .clinic_imgbox .imgbox .txtArea_b.breast:after {width:107px; height:107px; background:url("../../images/clinic/icon_breast.png") no-repeat left top;} .clinic_imgbox .imgbox .txtArea_b.gynecology:after {width:122px; height:87px; background:url("../../images/clinic/icon_gynecology.png") no-repeat left top;} .clinic_imgbox .imgbox .txtArea_b.family:after {width:111px; height:107px; background:url("../../images/clinic/icon_family.png") no-repeat left top;} .clinic_imgbox .imgbox .txtArea_b.corporationi:after {width:101px; height:94px; background:url("../../images/clinic/icon_corporation.png") no-repeat left top;} .clinic_imgbox .imgbox .txtArea_b.totalCarei:after {width:92px; height:92px; background:url("../../images/clinic/icon_totalCare.png") no-repeat left top;} .clinic_imgbox .imgbox .txtArea_b.heart:after {width:93px; height:113px; background:url("../../images/clinic/icon_heart.png") no-repeat left top;} .clinic_imgbox .imgbox .txtArea_b.varicose:after {width:101px; height:102px; background:url("../../images/clinic/icon_varicose.png") no-repeat left top;} .clinic_imgbox .imgbox .txtArea_b.cancerCare:after {width:98px; height:85px; background:url("../../images/clinic/icon_cancerCare02.png") no-repeat left top;} .clinic_imgbox .imgbox .txtArea_b.ibd:after {width:98px; height:99px; background:url("../../images/clinic/icon_ibd.png") no-repeat left top;} .clinic_imgbox .imgbox .txtArea_b .txt_b {position:relative;} .clinic_imgbox .imgbox .txtArea_b .txt_b p {font-size:42px; line-height:1.4; color:#fff; text-align:left; font-weight:400; letter-spacing:-1.5px;} .clinic_imgbox .imgbox .txtArea_b .txt_b p strong{font-weight: 500;} .clinic_imgbox .imgbox .txtArea_b .txt_b p span {color:#fff200;} .clinic_imgbox .txtbox {background:#f5f5f5;} .clinic_imgbox .txtbox.inTb {padding:30px 25px; box-sizing:border-box;} .clinic_imgbox .txtbox.inTb p {padding:0} .clinic_imgbox .txtbox p {font-size:22px; font-weight:400; color:#464646; line-height:1.6; padding:30px 25px; z-index:5; word-break:keep-all;} .clinic_imgbox .txtbox p .s_point {color:#6a4a81;font-weight: bold;} .clinic_imgbox .txtbox > div {font-size:22px; font-weight:400; color:#464646; line-height:1.6; padding:30px 25px; z-index:5; word-break:keep-all;} .clinic_imgbox .txtbox > ul {padding:30px 25px; z-index:5;} .clinic_imgbox .txtbox > ul >li{ padding-left:15px; font-size:22px; font-weight:400; color:#464646; line-height:1.6; position: relative;} .clinic_imgbox .txtbox > ul >li:before {content: '-'; position: absolute; left: 0; top:0;} .clinic_imgbox .txtbox > .s_tit03 {font-weight:500; color:#252525;} .clinic_imgbox .txtbox > table {width:100%; border-top:2px solid #666; border-collapse:collapse;} .clinic_imgbox .txtbox > table tbody th, .clinic_imgbox .txtbox > table tbody td{padding:20px 15px; font-size:22px; 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:22px; font-weight:400; color:#464646; line-height:1.6; } .clinic_imgbox .txtbox ul.cure li .head{position: relative; width: 100px; 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:100px 0; font-size:0; line-height:0;} .clinic_board .inConts{} .clinic_board .inConts>ul{} .clinic_board .inConts>ul+ul{margin-top:40px;} .clinic_board .inConts>ul>li{display:inline-block; vertical-align: top;} .clinic_board .inConts>ul>li:first-child {padding-bottom:20px;} .clinic_board .inConts>ul>li:last-child {padding-left:20px;} .clinic_board .inConts>ul>li.title{} .clinic_board .inConts>ul>li.list{} .clinic_board .inConts>ul>li.list>a{width:290px; height:260px; padding:40px 30px; 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:22px; line-height:1; color: #636363; display:none;} .clinic_board .inConts>ul>li.list>a>dl>dd{max-height:60px; font-weight: 500; font-size:24px; 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:600px; margin:0 auto; padding:50px 30px; 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:600px; margin:0 auto; padding:50px 30px; 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:26px; color:#fff; font-weight:400; line-height:1.65;} .totalcare .txtArea p span {font-size:30px; font-weight:500;} .totalcare .txtbox {width:100%; padding:15px 20px; background:#f8f8f8; margin-top:20px; margin-bottom:60px;} .totalcarein {margin:0 auto; width:600px; padding-bottom:120px;} /* 이용안내 */ /* 오시는길 */ .root_daum_roughmap {border:none !important; padding:0 !important;} .root_daum_roughmap .wrap_controllers {display:none !important;} .location {position:relative; width:100%; overflow:hidden;} .location .location_tit {width:100%; height:255px; background-color:rgba(0,0,0,0.7); color:#fff; z-index:100; padding:20px; box-sizing:border-box;} .location .location_tit dl {display:block; vertical-align:middle; font-size:24px;} .location .location_tit dt {display:block; font-weight:500; margin-right:15px; font-size:28px;} .location .location_tit dd {display:inline-block;font-weight:400; padding-top:10px;} .location .location_tit dl+dl {margin-top:15px;} .location .location_tit .btn_navi {position:absolute; bottom:20px; right:20px; z-index:100; width:80px;height:80px; background-color:#f7a600;} .location .location_tit .btn_navi:before {position:absolute; content:""; display:block; width:45px; height:45px; top:19px; right:17px; background:url("../../images/guideDH/location_icon.png") no-repeat;} /*주차안내*/ .parking_box {width:100%; padding:40px 30px; margin:0 auto; background:#fafafa url("../../../images/guideDH/bg_parking.png") no-repeat bottom right; box-sizing:border-box;} .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:24px; font-weight:500; line-height:1.65;} .parking_box .parking_txt dd {padding-top:15px; color:#636363; font-size:24px; font-weight:400; line-height:1.65;} .parking_info {text-align:left; margin-top:60px; position:relative;} .parking_info .info_tit h5 {font-weight:500; font-size:26px; line-height:1.5; color:#252525; padding-left:28px;} .parking_info .info_tit h5:before {content: ""; width:20px; height:20px; 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-top:20px; padding-bottom:20px;} .down_list ul li+li {border-top:1px dashed #c1c1c1;} .down_list ul li p {font-size:24px; line-height:40px; color:#636363; text-align:left; padding-bottom:10px;} .down_list .btn_area {width:100%; margin:10px 0;} .down_list .btn_area a {text-align:center; padding:12px 30px; line-height:60px; font-size:22px; font-weight:400; box-sizing:border-box; background:#087b29; border:1px solid #087b29; color:#fff;} .down_list .btn_area a span {padding-right:35px; position:relative;} .down_list .btn_area a span:after {content:""; position:absolute; top:7px; right:0; background:url("../../images/down_list_icon.png") no-repeat center right; width:20px; height:20px;} .down_list .btn_area a+a {margin-left:10px;} .down_list .btn_area a.word {background:#fff; color:#087b29;} .down_list .btn_area a.word span {} .down_list .btn_area a.word span:after {content:""; background:url("../../images/down_list_icon_hover.png") no-repeat center right;} .down_list .btn_area a:hover {background:#fff; color:#087b29;} .down_list .btn_area a:hover span {} .down_list .btn_area a:hover span:after {content:""; background:url("../../images/down_list_icon_hover.png") no-repeat center right;} .down_list .btn_area a:hover.word {background:#087b29; color:#fff;} .down_list .btn_area a:hover.word span {} .down_list .btn_area 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 #087b29; padding:50px 20px; box-sizing:border-box;} .request_info h4 {margin-bottom:20px; font-size:30px; line-height:25px; font-weight:500; padding-left:50px; color:#087b29;} .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; font-size:24px; font-weight:500; color:#252525; line-height:1.5; text-align:center} .request_info p span{color:#087b29; font-size:28px; font-weight:500;} /*병문안안내*/ .visit_info {margin-top:30px; 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:22px; 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:#087b29; } .visit_info p strong {font-weight:500; color:#252525;} /*층별안내*/ .floor_list {position:relative; text-align:left; border-top:2px solid #666;} .floor_list > div {display: inline-block; box-sizing: border-box; vertical-align: top;} .floor_list .left {width:100%; 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:32px; 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:22px; 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:#087b29; font-weight:500;} .floor_list .right {width:100%;} .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:#087b29; 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;} .floor_list .photoArea {width:100%;} .floor_list .photoArea .floor_tit {position:relative; position:relative; font-size:0; margin-top:51px; margin-bottom:10px; display:none !important;} .floor_list .photoArea .floor_tit .num {font-family: 'Noto Serif KR', serif; font-size:32px; font-weight:bold; color:#232323; padding-top:20px;} .floor_list .photoArea .floor_tit .copy {font-size:20px; vertical-align: baseline; position:relative; top:-2px; margin-left:16px; color:#232323;} .floor_list .photoArea .img {position:relative; margin-top:0px;} .floor_list .photoArea .img .f_tit {font-size:20px; vertical-align: baseline; position:relative; color:#087b29; margin-bottom:20px;} .floor_list .photoArea .img .visualRoll{white-space: nowrap;} .floor_list .photoArea .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 .photoArea .img .visualRoll .slider>span{width: 100%; padding:0 20px; background-color:rgba(0,0,0,0.5); font-weight:500; font-size:22px; line-height:70px; color: #fff; display:block; position:absolute; left: 0; bottom:-70px; -webkit-transition-delay: .0s; transition-delay: .0s; box-sizing: border-box;} .floor_list .photoArea .img .visualRoll .slider.active>span{bottom:0px; -webkit-transition-delay: .3s; transition-delay: .3s;} .floor_list .photoArea .img .bx-pager{display:none;} .floor_list .photoArea .img .bx-controls-direction>a{font-size:0; width:34px; height:60px; margin-top:-65px; background-position: center center; background-repeat: no-repeat; background-size: cover; position: absolute; top:50%; z-index:5;} .floor_list .photoArea .img .bx-controls-direction>a.bx-prev{background-image: url('/images/guideDH/btn_bx_prev.png'); left:20px;} .floor_list .photoArea .img .bx-controls-direction>a.bx-next{background-image: url('/images/guideDH/btn_bx_next.png'); right:20px;} /*편의시설안내*/ .facility_list {margin-top:40px; position:relative; text-align:left; padding-bottom:40px; border-bottom:1px dashed #ddd;} .facility_list .img_area {text-align:center; position:relative;} .facility_list h4 {font-size:26px; color:#252525; font-weight:500; line-height:1; margin-top:20px;} .facility_list p {margin-top:20px; margin-bottom:20px; font-size:22px; color:#636363; font-weight:400; line-height:1.5;} .facility_list span {color:#087b29; font-size:22px; font-weight:400; line-height:1.5; padding-left:30px; 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; word-break: keep-all;} /*고객참여*/ /*원격진료*/ .telemedicine {width:600px; margin:0 auto} .telemedicineBanner {box-sizing:border-box; width:100%; padding:50px 35px 50px; background:#efeef2 url('../../images/customer/img_telemedicine01.jpg') no-repeat right bottom; } .telemedicineBanner .txtArea {position:relative; display:inline-block;} .telemedicineBanner .txtArea h4 {text-align:left; font-size:24px; color:#087b29; font-weight:500; line-height:1.8; padding-bottom:15px;} .telemedicineBanner .txtArea h4:before {content: ""; display:block; background-color:#087b29; width:100%; height:1px; top:40px; position:absolute;} .telemedicineBanner .txtArea h4:after {content: ""; display:block; background-color:#087b29; width:100%; height:1px; margin-top:0px;} .telemedicineBanner .txtArea.w535 h4:after {width:115px;} .telemedicineBanner .txtArea.nobf h4:before {display:none;} .telemedicinegroup {width:100%; vertical-align:top; position:relative; display:inline-block; margin-top:23px; padding-top:34px; background:url('../../images/customer/img_telemedicine_arrow.png') no-repeat top;} .telemedicinegroup:first-child {margin-left:0px; padding:0px; background-image:none;} .telemedicinegroup .titArea {background:#087b29; padding:20px; text-align:center;} .telemedicinegroup .titArea img {margin-right:20px;} .telemedicinegroup .titArea p {color:#fff; font-size:24px; font-weight:500; line-height:55px; height:55px; display:inline-block; vertical-align:top;} .telemedicinegroup .txtArea {border:1px solid #dbdbdb; border-top:none; 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:60px; padding:10px; background-color:#fff; border:1px solid #ebebeb; font-size:18px; line-height:58px; 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:75%;} .oneTextBox .btnPlus{min-width:120px; padding:0 20px; background-color: #e9e9e9; font-size:18px; line-height:60px; 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:50%; padding:20px 0 0 20px; display:inline-block; vertical-align:top; box-sizing: border-box;} .telemedicineSample>ul>li .photo{width:100%; height:290px; background:#f8f8f8; border:1px solid #ebebeb; box-sizing: border-box;} .telemedicineSample>ul>li .text{padding:15px 0; font-size:22px; 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: #087b29;} .telemedicineSample .check input[type=checkbox]:checked+label:after{opacity: 1;} .telemedicineSample .check.no input[type=radio]+label{cursor: default;} .telemedicineSample .check.no input[type=radio]+label:after, .telemedicineSample .check.no input[type=radio]+label:before{display:none;} /* 고객의 소리 */ .vocInBox{padding:20px; border-bottom:1px solid #dbdbdb;} /*사랑나누미*/ .givelove {width:600px; margin:0 auto} .giveloveBanner {box-sizing:border-box; width:100%;padding:50px 30px 170px;; background:#f7f6f7 url('../../images/customer/img_giveLove01.jpg') no-repeat right bottom;} .giveloveBanner .txtArea {position:relative; display:inline-block;} .giveloveBanner .txtArea h4 {text-align:left; font-size:32px; 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:22px; color:#636363; font-weight:400; line-height:1.65;} /*후원추천*/ .supportRecommend {width:600px; margin:0 auto} .supportRecommendBanner {box-sizing:border-box; width:100%; padding:50px 0 200px; background:#f6f6f8 url('../../images/customer/img_supportRecommend01.jpg') no-repeat bottom;} .supportRecommendBanner .txtArea {position:relative;} .supportRecommendBanner .txtArea p {text-align:center; font-size:24px; color:#252525; font-weight:500; line-height:1.65;} /*걸어온길*/ .footprint {margin:0 auto 50px;} .footprintBanner {box-sizing:border-box; width:600px; margin:0 auto; padding-top:90px; padding-bottom: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:24px; color:#fff; font-weight:400; line-height:1.65;} .footprint .txtArea p span {font-size:30px; font-weight:500;} .footprint_list {background: url('../../images/customer/footprint_line.gif') repeat-y 9px top; padding-bottom:20px;} .footprint_list .cell {position:relative; margin-bottom:40px; } .footprint_list .cell h5 {padding-left:40px; background: url('../../images/customer/h_cell_h5.png') no-repeat left center; color:#087b29; font-size:32px; font-weight: 500; line-height: 1; } .footprint_list .cell.first h5 {background:url('../../images/customer/h_cell_h5_first.png') no-repeat left -23px;} .footprint_list .cell ol {position:relative; padding-left:40px; padding-top:20px;} .footprint_list .cell ol li { position:relative; padding:5px 0 10px; clear:both; font-size:22px; color:#666; } .footprint_list .cell ol li p { font-size:22px; color:#666; line-height:1.5; padding-top:10px; word-break:keep-all;} .footprint_list .cell ol li span.date { font-size:24px; font-weight:500; color:#63b32e; line-height:2;} /*봉사나누미*/ .activeInfo {width:600px; margin:0 auto 80px;} .activeInfoBanner {box-sizing:border-box; width:100%; padding:30px 30px 225px; background:url('../../images/customer/img_activeInfo01.jpg') no-repeat left bottom;} .activeInfoBanner .txtArea {position:relative;} .activeInfoBanner .txtArea p {text-align:center; font-size:22px; 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%; padding:50px 30px; 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:26px; color:#232323; font-weight:400; line-height:1; padding-bottom:10px;} .activeInfoBanner2 .txtArea p {text-align:left; font-size:22px; color:#636363; font-weight:400; line-height:1.6;} .activeInfoBanner2 .txtArea .btnArea {margin-top:20px;} .activeInfoBanner2 .txtArea .btnArea a {width:290px; height:60px; font-size:22px; line-height:58px; 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:block;clear: both;} .writebx ul li {float:left; margin-right:50px; line-height:35px;} .writebx ul li+li {padding-top:30px;} .writebx ul li dl {} .writebx ul li dl:after{content: ""; display:block; clear: both;} .writebx ul li dl dt {float:left; font-size:22px; 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:38px; height:38px; background:url("../../images/customer/writebx_c_icon.png") no-repeat left top;} .writebx ul li dl dt.wbemail:before {width:38px; height:38px; background:url("../../images/customer/writebx_e_icon.png") no-repeat left top;} .writebx ul li dl dd {float:left; font-size:26px; color:#0a8e35; font-weight:500; overflow:hidden; display:block; letter-spacing:0;} /*병원소개*/ /*대표원장 인사말*/ .greetingTop {width:100%; background:#f0eeef;} .greetingTop .gtin {position:relative; max-width:600px; min-height:480px; margin:0 auto; padding:70px 0px 0px; box-sizing:border-box; text-align:center;} .greetingTop .gtin .gimg {display:block; position:relative; top:0; right:0;} .greetingTop .gtin .txtArea {position:relative;} .greetingTop .gtin .txtArea h4 {text-align:center; font-size:34px; color:#087b29; font-weight:500; line-height:1.5; padding-bottom:30px;} .greetingBottom {max-width:600px; margin:0 auto 120px; padding-top:25px;} .greetingBottom p {font-size:22px; line-height:1.6; color:#636363; padding-top:25px; font-weight:400; word-break:keep-all} .greetingBottom p b {font-size:26px; line-height:1.6; color:#252525; font-weight:500; padding-bottom:20px;} .greetingBottom .name {margin-top:10px; text-align:left;} .greetingBottom .name p {color:#252525; font-size:24px; font-weight:400;} .greetingBottom .name p span {padding-left:20px; font-size:36px; font-weight:bold; font-family: 'Noto Serif KR', serif; position:relative;} .greetingBottom .name p img {display:inline-block; margin-left:15px;} /*연혁*/ .history {margin:0 auto;} .history .himg {} .history .history_list {margin-top:50px; width:600px; position:relative; background: url('../../images/customer/footprint_line.gif') repeat-y 9px 1px; } .history .history_list .cell {width:600px; display:inline-block; position:relative; margin-bottom:70px;} .history .history_list .cell .imgArea {margin-top:0px; margin-bottom:80px; padding-left:40px;} .history .history_list .cell .txtArea {text-align:left;} .history .history_list .cell .txtArea .txt_list {padding-left:40px; margin-bottom:50px;} .history .history_list .cell .txtArea .txt_list h5 {font-size:42px; 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:20px; height:20px; left:-40px; margin-top:13px; background:url('../../images/aboutDH/h_cell_h5.png') no-repeat left top; z-index:2;} .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 40px; clear:both; font-size:22px; color:#666; word-break:keep-all;} .history .history_list .cell .txtArea .txt_list ol li p { font-size:22px; color:#666; line-height:1.6; } .history .history_list .cell .txtArea .txt_list ol li span.date { font-size:22px; letter-spacing:0; position:absolute; left:0; top:5px; font-weight:500; color:#63b32e; line-height:1.8;} /* 마이대항 */ /*내시경 결과조회*/ .bookEndoscope{width:600px; margin:0 auto} .bookEndoscopeBanner {box-sizing:border-box; width:100%; height:413px; padding:50px 0 0 20px; 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:22px; line-height:32px; color: #666; letter-spacing: -1px;} .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:22px; line-height:58px; color: #fff; letter-spacing: -0.03em; display:inline-block;} .bookE_result{letter-spacing: -0.03em;} .bookE_result .title{font-weight: 500; font-size:26px; line-height:1; color: #252525;} .bookE_result .title .day{font-weight: 500; color: #087b29;} .bookE_result .text{padding:20px 0 20px; font-size:22px; line-height:32px; 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:20px; background-color: #f8f8f8; font-size:0; line-height:0;} .autoResult .title{} .autoResult .title>*{} .autoResult .title>.icon{text-align: center;} .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; padding:50px 30px 30px;} .autoResult.secede .title>.icon{padding-bottom:15px;} .autoResult.secede .list_ul_01>li{margin-bottom: 8px; line-height: 1.35;} .autoResult.secede .list_ul_01 > li:before{top: 12px;} .ps_autoResult{margin-top:15px; padding:0 0 15px 37px; border-bottom:1px solid #dbdbdb; font-size:14px; line-height:22px; color: #087b29; 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:-30px 0 0 0;} .doctor_list>ul>li{width:100%; padding:30px 0 0 0; display:inline-block; vertical-align: top; box-sizing: border-box;} .doctor_list .doctor_In{padding:39px 29px; background-color: #fff; border:1px solid #dbdbdb;} .doctor_list .doctor_In>.in{display: flex; justify-content: space-between;} .doctor_list .doctor_In .photo{width:233px; min-width:233px; height:294px; border:1px solid #eaeaea; box-sizing: border-box;} .doctor_list .doctor_In .txtArea{width:100%; padding: 0 0 70px 28px; box-sizing: border-box; position: relative;} .doctor_list .doctor_In .txtArea .name{padding:5px 0 22px; border-bottom:1px solid #dbdbdb; line-height:1.3;} .doctor_list .doctor_In .txtArea .name>*{display:block;} .doctor_list .doctor_In .txtArea .name>strong{font-weight: 500; font-size:32px; color: #111;} .doctor_list .doctor_In .txtArea .name>span{padding-top:5px; font-size:22px; color: #555;} .doctor_list .doctor_In .txtArea .department{padding-top:22px; line-height:1.3;} .doctor_list .doctor_In .txtArea .department>*{font-size:22px; display:block;} .doctor_list .doctor_In .txtArea .department>strong{font-weight: 400; font-size:24px; color: #252525;} .doctor_list .doctor_In .txtArea .department>span{padding-top:5px; font-weight: 300; color: #555;} .doctor_list .doctor_In .txtArea .view{width:275px; height:60px; 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:hover{background-image:url('../../images/aboutDH/btn_doctor_view_on.gif');}*/ .doctor_view{width:100%; font-size:0; line-height:0; overflow:hidden;} .doctor_view .doctor_Top{} .doctor_view .doctor_Top .photo{width:100%; height:756px; border:1px solid #eaeaea; box-sizing: border-box;} .doctor_view .doctor_Top .txtArea{width:100%; padding:60px 0 0; letter-spacing: -0.03em; box-sizing: border-box; position: relative;} .doctor_view .doctor_Top .txtArea .dCenter{font-size:24px; 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:50px; color: #111;} .doctor_view .doctor_Top .txtArea .name>span{padding:0 0 3px 7px; font-size:28px; 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:22px; line-height:1.3; color: #363636;} .doctor_view .doctor_Top .txtArea .list{position: absolute; right:0; top:30px; display:inline-block;} .doctor_view .doctor_Top .btnArea{} .doctor_view .nTable>table th, .doctor_view .nTable>table td{padding: 20px 0;} .doctor_view .nTable>table th{line-height:1.2;} .doctor_view .board_list>.table .tr>div{} .doctor_view .board_list>.table .thead>div{} .doctor_view .board_list.list>.table .tr>div{padding: 20px 10px;} .doctor_view .board_list.list>.table .tr>.title{text-align: left;} /* 진료협력센터 */ .referral{} .referral .fs_24{line-height:1.75;} .referral .s_tit02{margin-top:50px; margin-bottom:10px;} .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:22px; line-height:1.75;} .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:42px; line-height:1.3; color:#087b29; font-weight:500; word-break:keep-all;} .email_content p {font-size:22px; 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:18px; 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{margin-top:-30px;text-align: center;} .searchTotal .searchMenu>a{margin:0 20px; font-weight: 500; font-size:24px; line-height:84px; color: #636363; letter-spacing: -0.03em; display:inline-block; vertical-align: top; white-space: nowrap;} .searchTotal .searchMenu>a.active{color: #087b29;} .searchTotal .searchText{padding:30px; background-color: #f8f8f8; border-top:2px solid #666; font-size:24px; 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:59px; border-bottom:1px solid #ddd; font-weight: 500; font-size:26px; 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>dl{} .searchTotal .searchResult .sr_repeat>dl>dt{font-weight: 500; font-size:24px; line-height:1; color: #363636; letter-spacing: -0.03em;} .searchTotal .searchResult .sr_repeat>dl>dt img{padding-right:20px; vertical-align: middle;} .searchTotal .searchResult .sr_repeat>dl>dd{padding-top:10px; font-size:22px; line-height:34px; 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:20px; color: #087b29; display:inline-block; position: relative;} .searchTotal .searchResult .sr_repeat>dl>dd a:after{content: ">"; padding-left:10px; font-size:16px; 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:64px; display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;} /* 진료실적 */ .treatRecord_graph{width:100%; height:892px; background:url("../../images/aboutDH/bg_treatRecord.jpg") no-repeat center top; font-size:0; line-height:0; box-sizing: border-box;} .treatRecord_graph .graph_in{padding-top:100px; margin:0 auto;} .treatRecord_graph .graph_in .graph_repeat{width:50%; padding-bottom:40px; display:inline-block; vertical-align: top; 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:-27px; 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:70px; 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:34px;} .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:22px; color: #636363;} .treatRecord_list{margin:80px auto 120px; border-top:1px solid #dbdbdb; border-left:1px solid #dbdbdb; font-size:0; line-height:0; box-sizing: border-box;} .treatRecord_list>li{width:50%; padding-bottom:30px; 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{padding:0 15px; margin-top:-2px; letter-spacing: -0.03em;} .treatRecord_list>li>dl>dt{font-weight: 500; font-size:26px; line-height:34px; color: #087b29;} .treatRecord_list>li>dl>dd{padding:10px 0 0; font-size:22px; line-height:30px; color: #636363;} .treatRecord_list>li.h01{height:600px;} .treatRecord_list>li.h02{height:567px;} .treatRecord_list>li.h03{height:595px;} .treatRecord_list>li.h04{height:569px;} .treatRecord_list>li.h05{height:509px;} /*[e] Sub 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:600px; background-color: #fff;display:none;} .easyReservation .title{padding:25px 20px; background-color: #087b29; line-height:1; color: #fff; position: relative;} .easyReservation .title>dt{font-weight: 500; font-size:34px;} .easyReservation .title>dd{padding-top:15px; font-size:22px; line-height:1.4;} .easyReservation .closeLy{width:auto; display:inline-block; position: absolute; right:20px; top:20px;} .easyReservation .contLy{padding:20px;} .easyReservation .infoBox{padding:20px; 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:24px; line-height:1; color: #087b29;} .easyReservation .infoBox ol{counter-reset:num;} .easyReservation .infoBox ol>li{padding-left:38px; font-size:22px; line-height:1.4; color: #636363; position: relative;} .easyReservation .infoBox ol>li+li{margin-top:10px;} .easyReservation .infoBox ol>li>p{font-size:18px; line-height:1.4; color: #e84e0e;} .easyReservation .infoBox ol>li:before {counter-increment:num; content: counter(num); width: 24px; height: 24px; background-color: #087b29; font-weight:400; font-size: 14px; line-height:24px; color: #fff; text-align: center; border-radius: 50%; position: absolute; left: 0; top:3px; display: inline-block; } /* -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; */