.lastDepth>a, .mdinti .visualRoll .slider .full .btn .light, .mdinti .visualRoll .slider .full .btn .over, #mVisual .inConts .ii, #mVisual .inConts .ii.btn>a, #mVisual .bx-pager>span, #mVisual .bx-pager-item>a, #mVisual .btn_visual li, .right_bg, .left_bg, .left_inquiry, .slider-for .slick-arrow, .slider-nav .slick-arrow, .slider-nav .slick-current .slider, .mTab>a, #mBtm .mLocation .root_daum_roughmap{transition: all .3s ease-out; transform-origin: 50% 50%;} /*[s] All Style */ /* 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.03, 0, 0, 1.03, 0, 0);} a:hover img.no{transform: matrix(1, 0, 0, 1, 0, 0);} */ .bg_thumb_box{width:100%; height:100%; background-color: #f2f2f2; background-repeat: no-repeat; background-position: center center;} img.bg_thumb{opacity: 0;} img.ofi{width:100%; height:100%; object-fit:cover; object-position: center center; font-family: 'object-fit: cover; object-position: center center;'; position: absolute; left:0; top: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 #246bac; border-bottom:1px solid #b2b0a5;} .nTable>table{width:100%; margin-bottom:-1px; border-spacing:0; table-layout : fixed;} .nTable>table th, .nTable>table td{padding:12px; border-bottom:1px solid #c5c3bb; font-size:16px; line-height:1.5; color:#666; text-align:left; border-collapse:collapse; empty-cells:show; box-sizing: border-box;} .nTable>table>thead>tr>th{background-color: #e9f0f7; font-weight:500; color:#222; position: relative;} .nTable>table>thead>tr>th+th{} .b_t{border-top:3px solid #222222;} /* 사회공헌 */ .nTable.type02{border-top:3px solid #555555;border-bottom:1px solid #dddddd;} .nTable.type02>table th, .nTable.type02>table td{text-align:center;font-size:18px;color:#222222;} .nTable.type02>table tbody tr td, .nTable.type02>table tbody tr th{padding:20px 0;font-weight:500;} .nTable.type02>table tbody tr td:last-child, .nTable.type02>table tbody tr th:last-child{color:#555555;} .nTable.type02>table thead tr:nth-child(odd) td, .nTable.type02>table thead tr:nth-child(odd) th{background-color:#fff;padding:25px 0;} .nTable.type02>table tbody tr:nth-child(odd) td, .nTable.type02>table tbody tr:nth-child(odd) th{background-color:#f6f6f6;} .nTable.type02>table tbody tr th.day{color:#f6aa19;font-size:22px; font-weight:500;} /* 사회공헌 > 봉사활동 */ .nTable.type02.volunteer {} .nTable.type02.volunteer>table tbody tr td:last-child, .nTable.type02.volunteer>table tbody tr th:last-child{color:#555555;text-align:left;} .nTable.type02.volunteer>table tbody tr td, .nTable.type02.volunteer>table tbody tr th{padding:20px 20px;} .f0{font-size:0; line-height:0;} .lastDepth{width:100%; margin-bottom:50px; font-size:0; line-height:0; text-align: center; box-sizing: border-box; overflow:hidden; display: flex; justify-content: center; font-weight:500;} .lastDepth>a{width:160px; height:60px; background-color: #fff; border:1px solid #d3d3d3; font-size:19px; line-height:1.2; color: #666; display:inline-block; vertical-align: top; box-sizing: border-box;} .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: #035ab6; border-color:#035ab6; color: #fff; z-index:2;} .lastDepth.big a{width:250px;} .lastDepth.bna{} .lastDepth.bna>a{width:172px; height:70px; background-color: #f6f6f6;} .lastDepth.bna>a:hover, .lastDepth.bna>a.active{background-color: #035ab6; border-color:#035ab6; color: #fff; z-index:2;} .lastDepth.bna>a.all{background-color:#555555;color:#fff;border:1px solid #555555;} .lastDepthConts{font-size:0; line-height:0; display:none; overflow:hidden;} .lastDepthConts .tab_txt {margin-bottom:30px;} .lastDepthConts .tab_txt p{position:relative;font-size:36px; color:#222;font-weight:800;line-height:1.4;padding-right:40px;} .lastDepthConts .tab_txt p:before{position:absolute;right:20px;top:50%;margin-top:-17px;content:"";height:34px;width:1px;background-color:#dddddd;} .lastDepthConts .tab_txt span{font-size:22px;color:#434343;} .lastDepthConts .tab_txt>*{vertical-align:middle;display:inline-block;} .lastDepth02{width:100%; margin-bottom:0px; font-size:0; line-height:0; text-align: center; box-sizing: border-box; overflow:hidden; display: flex; justify-content: space-between; } .lastDepth02>a{width:100%; height:75px; background-color: #f0f0f0; font-size:19px; line-height:1.2; color: #666666; display:inline-block; vertical-align: top; box-sizing: border-box;border-top:1px solid #dadada;border-bottom:1px solid #035ab6;border-left:1px solid #dadada;border-right:1px solid #dadada;} .lastDepth02>a+a{margin-left:-1px;} .lastDepth02>a>span{display:inline-block; position: relative; top:50%;-webkit-transform: translateY(-50%); transform: translateY(-50%);} .lastDepth02>a.active{background-color: #fff; color: #035ab6; z-index:2;border-top:1px solid #035ab6;border-bottom:1px solid #dadada;border-left:1px solid #035ab6;border-right:1px solid #035ab6;} .lastDepthConts02{font-size:0; line-height:0; display:none; overflow:hidden;} .nTit{font-weight: 300; font-size:28px; line-height:36px; color: #333; text-align: center;} .nTit>span{font-weight: 300;} .nTxt{font-weight: 300; font-size:15px; line-height:22px; color: #888; text-align: center;} h4.bul{font-weight: 600; font-size:30px; line-height:34px; color: #222222;margin-bottom:20px;display:inline-block;} h4.bul_Big{padding:25px 0 45px 0px; background:url("../../images/bul_h4_big.png") no-repeat center top; font-weight: 500; font-size:40px; line-height:1; color: #000; text-align: center;} h4.bul>span {display:block; padding-top:10px; font-size:16px; line-height:30px; font-weight:300; color:#666;} /*[e] All Style */ /*[s] Main Style */ .mScrolls{width:100%; font-size:0; line-height:0; text-align: center; position: fixed; left:0; bottom:40px; z-index:6; display:none; animation-duration: .7s; animation-iteration-count:infinite; animation-name: scrollDown; animation-timing-function:ease-in-out; animation-direction:alternate; } @keyframes scrollDown { from {bottom:40px;} to {bottom:20px;} } #mVisual{width:100%; background-color: #000; 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; font-size:0; line-height:0; position: relative; overflow:hidden; display:inline-block; vertical-align: top;} #mVisual .visualRoll .slider .full{width:100%; height:100vh;position: relative;} #mVisual .visualRoll .slider .full>img{max-width:initial; object-position: center;object-fit: cover;height: 100%;} #mVisual .visualRoll .slider .full .btn{position: absolute; left:50%; top:50%; display:inline-block;z-index:4;} .mdinti .visualRoll .slider{width:100%; background-repeat: no-repeat; background-position: center center; font-size:0; line-height:0; position: relative; overflow:hidden; display:inline-block; vertical-align: top;} .mdinti .visualRoll .slider .full{width:100%; height:100vh;position: relative;} .mdinti .visualRoll .slider .full>img{max-width:initial; object-position: center;object-fit: cover;height: 100%;} .mdinti .visualRoll .slider .full .btn{position: absolute; left:50%; top:50%; display:inline-block;z-index:4;} .mdinti .visualRoll .slider .full .btn .light{transform: scale(1) rotate(.001deg);} .mdinti .visualRoll .slider .full .btn .over{position: absolute;opacity: 0;z-index:3;} .mdinti .visualRoll .slider .full .btn .over img{max-width:initial;} .mdinti .visualRoll .slider .full .btn.light_01{margin: -167px 0 0 -379px;} .mdinti .visualRoll .slider .full .btn.light_01 .light{width:114px; animation-duration: .9s; animation-iteration-count:infinite; animation-name: light_01; animation-timing-function:ease-in-out; animation-direction:alternate;} .mdinti .visualRoll .slider .full .btn.light_01 .over{left: -165px;top: 72px;} .mdinti .visualRoll .slider .full .btn.light_02{margin: -97px 0 0 -68px;} .mdinti .visualRoll .slider .full .btn.light_02 .light{width:67px; animation-duration: 1.1s; animation-iteration-count:infinite; animation-name: light_02; animation-timing-function:ease-in-out; animation-direction:alternate;} .mdinti .visualRoll .slider .full .btn.light_02 .over{left: 19px;top: 9px;} .mdinti .visualRoll .slider .full .btn.light_03{margin: -44px 0 0 31px;} .mdinti .visualRoll .slider .full .btn.light_03 .light{width:88px;animation-duration: 1.7s;animation-iteration-count:infinite;animation-name: light_03;animation-timing-function:ease-in-out;animation-direction:alternate;} .mdinti .visualRoll .slider .full .btn.light_03 .over{left: 22px;top: 29px;} .mdinti .visualRoll .slider .full .btn.light_04{margin: -105px 0 0 184px;} .mdinti .visualRoll .slider .full .btn.light_04 .light{width:101px; animation-duration: 1.4s; animation-iteration-count:infinite; animation-name: light_04; animation-timing-function:ease-in-out; animation-direction:alternate;} .mdinti .visualRoll .slider .full .btn.light_04 .over{left: -31px;top: 72px;} .mdinti .visualRoll .slider .full .btn.light_05{margin: -295px 0 0 243px;} .mdinti .visualRoll .slider .full .btn.light_05 .light{width:101px; animation-duration: 1.4s; animation-iteration-count:infinite; animation-name: light_04; animation-timing-function:ease-in-out; animation-direction:alternate;} .mdinti .visualRoll .slider .full .btn.light_05 .over{left: -17px;top: 15px;} .mdinti .visualRoll .slider .full .btn.light_06{margin: 6px 0 0 -367px;} .mdinti .visualRoll .slider .full .btn.light_06 .light{width:101px; animation-duration: 1.4s; animation-iteration-count:infinite; animation-name: light_04; animation-timing-function:ease-in-out; animation-direction:alternate;} .mdinti .visualRoll .slider .full .btn.light_06 .over{left: -114px;top: 62px;} .mdinti .visualRoll .slider .full .btn.light_07{margin: 35px 0 0 13px;} .mdinti .visualRoll .slider .full .btn.light_07 .light{width:101px; animation-duration: 1.4s; animation-iteration-count:infinite; animation-name: light_04; animation-timing-function:ease-in-out; animation-direction:alternate;} .mdinti .visualRoll .slider .full .btn.light_07 .over{left: -2px;top: 33px;} .mdinti .visualRoll .slider .full .btn:hover .over{opacity: 1;} .mdinti .visualRoll .slider .full .btn .over.n{opacity: 1;} .info_scroll .scrolls{font-size:1.25rem; line-height:1.4; color: #cb0011; display:inline-block; position: absolute; left:44%; bottom:0.625rem; animation-duration: 1s; animation-iteration-count:infinite; animation-name: scrollMove; animation-timing-function:ease-In-Out;animation-direction:alternate;} @keyframes light_01 { from {transform: scale(1) rotate(.001deg);} to {transform: scale(0.4) rotate(.001deg); opacity: .8;} } @keyframes light_02 { from {transform: scale(1) rotate(.001deg);} to {transform: scale(1.4) rotate(.001deg);} } @keyframes light_03 { from {transform: scale(1) rotate(.001deg);} to {transform: scale(0.6) rotate(.001deg); opacity: .8;} } @keyframes light_04 { from {transform: scale(1) rotate(.001deg);} to {transform: scale(0.3) rotate(.001deg); opacity: .8;} } /* #mVisual .inConts{height:720px; box-sizing:border-box; display:table;} #mVisual .inConts>.vTxt{display:table-cell; vertical-align: middle;} #mVisual .inConts .ii{top:50px; text-align: center; display:block; opacity: 0; position: relat`ive;} #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:44px; line-height:52px;} #mVisual .inConts .ii.tit>strong{font-weight: 400;} #mVisual .inConts .ii.txt{font-size:16px; line-height:24px;} #mVisual .inConts .ii.tit+.txt{padding-top:10px;} */ #mVisual .slick-dots{transform: translateY(-50%);top: 50%;right: 190px;/* width:100%; */text-align: center;position: absolute;/* left:0; *//* bottom:40px; */z-index:5;} #mVisual .slick-dots>li{padding:0 !important;display: block;vertical-align: top;margin:0 auto;} #mVisual .slick-dots>li+li{margin-top: 15px;/* margin-left:15px; */} #mVisual .slick-dots>li button{width:13px !important; height:13px; margin:0; padding:0; background-color:#0c3c6a !important; border:none; font-size:0; line-height:0; position: relative; cursor: pointer; border-radius:50%;} #mVisual .slick-dots>li.slick-active button{background-color: #0c3c6a !important;width:20px !important; height:20px; } #mVisual .slick-arrow{width: 54px;height: 94px;background-color: transparent;background-repeat: no-repeat;background-position: center center;border:none;font-size:0;line-height:0;position: absolute;top:50%;z-index:7;-webkit-transform: translateY(-50%);transform: translateY(-50%);cursor: pointer;} #mVisual .slick-prev{background-image: url("../../images/main/btn_bx_prev.png"); left:200px;} #mVisual .slick-next{background-image: url("../../images/main/btn_bx_next.png"); right:200px;} #mVisual .slick-active .inConts .ii{top:0px; opacity:1;} #mVisual .btn_visual{position:absolute;bottom:0;z-index:3;width:460px;left:50%;margin-left:-230px;} #mVisual .btn_visual li{display:inline-block;transform: translateY(65px);} #mVisual .btn_visual li.active{transform: translateY(0px);} #mVisual .btn_visual li+li{margin-left:16px;} #mMenu>ul>li>a, #mMenu>ul>li>a:before, #mMenu>ul>li>a:after{transition: all .3s ease-out; transform-origin: 50% 50%;} #mMenu>ul>li>a>span{transition: all .5s ease-out;} #mMenu{font-size:0;line-height:0;position: fixed;right: 130px;top:0;bottom:0;z-index:8;} #mMenu.last{bottom:0;} #mMenu>ul{position: relative; top:50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);} #mMenu>ul>li{position: relative;} #mMenu>ul>li>a{width:30px; height:30px; display:block;} #mMenu>ul>li>a:before{content: ""; width:12px; height:12px; background-color:#fff; border:1px solid #a3a3a3; border-radius:50%; position: absolute; left:-5px; top:50%; display:inline-block; overflow:hidden; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index:3;} #mMenu>ul>li:hover>a:before, #mMenu>ul>li.active>a:before{background-color: #0c3c6a;border:1px solid #0c3c6a;} #mMenu>ul>li:hover>a:after, #mMenu>ul>li.active>a:after{transform: translateY(-50%) scale(1);} #mMenu>ul>li:hover>a>span, #mMenu>ul>li.active>a>span{ text-align: right; right:22px; opacity: 1;} #mVisual .slick-dots{transform: translateY(-50%);top: 50%;right: 190px;/* width:100%; */text-align: center;position: absolute;/* left:0; *//* bottom:40px; */z-index:5;} #mVisual .slick-dots>li{padding:0 !important;display: block;vertical-align: top;margin:0 auto;} #mVisual .slick-dots>li+li{margin-top: 15px;/* margin-left:15px; */} #mVisual .slick-dots>li button{width:13px !important; height:13px; margin:0; padding:0; background-color:#0c3c6a !important; border:none; font-size:0; line-height:0; position: relative; cursor: pointer; border-radius:50%;} #mVisual .slick-dots>li.slick-active button{background-color: #0c3c6a !important;width:20px !important; height:20px; } .mTitle{padding-bottom:45px; font-weight: 500; font-size:30px; line-height:1; color: #000; text-align: center; letter-spacing: -0.05em;} .mTab{padding-bottom:10px;text-align: center;} .mTab>a{width:160px; height:45px; background-color: #fff; border:1px solid #dadada; font-weight: 300; font-size:19px; line-height:43px; color: #404040; text-align: center; letter-spacing: -0.05em; display:inline-block; vertical-align: top; box-sizing:border-box; position: relative;} .mTab>a+a{margin-left:-1px;} .mTab>a:hover, .mTab>a.active{background-color: #035ab6; border-color:#035ab6; color: #fff; z-index:2;} #mTwo{overflow:hidden;height:100vh;letter-spacing:-0.045em;} #mTwo > a{width:50%;float:left;text-align:center;height:100%;padding-left:30px;box-sizing:border-box;position:relative;} #mTwo > a.left{background:url("../../images/main/img_two_left.jpg")no-repeat center bottom;background-size:cover;} #mTwo > a.right{background:url("../../images/main/img_two_right.jpg")no-repeat center bottom;background-size:cover;} #mTwo > a .mTwo_txt{display:inline-block;vertical-align:middle; width:600px;text-align:left;padding-top:180px;} #mTwo > a .mTwo_txt h3{font-size:36px; line-height:44px; font-weight:400;margin-bottom:30px;text-align:left;text-shadow:0 0 2px rgba(0,0,0,0.3); color:#fff;} #mTwo > a .mTwo_txt p{font-size:19px; color:#fff; line-height:1.6;font-weight:300;} #mTwo > a .btn_preview {display: inline-block;width: 125px;border-radius: 35px;padding: 11px 47px 11px 31px;margin-top:60px;font-size:18px;color:#fff;letter-spacing:-0.025em;} #mTwo > a.left .btn_preview{background: #008af5 url("../../images/main/img_preview.png")no-repeat right 12px center;} #mTwo > a.right .btn_preview{background: #007a92 url("../../images/main/img_preview.png")no-repeat right 12px center;} #mTwo > a .right_bg{position:absolute; top:0;left:0;width:100%;height:100%;background: url("../../images/main/img_two_bg2.jpg")no-repeat;background-size:cover;opacity:0;} #mTwo > a .left_bg{position:absolute; top:0;left:0;width:100%;height:100%;background: url("../../images/main/img_two_bg.jpg")no-repeat;background-size:cover;opacity:0;} #mTwo > a .right_bg .in_con, #mTwo > a .left_bg .in_con{vertical-align:middle;text-align:center;padding: 300px 70px 0 120px;} #mTwo > a .right_bg .in_con .wrap_slider , #mTwo > a .left_bg .in_con .wrap_slider {display:block;margin-bottom:50px} #mTwo > a .right_bg .in_con .wrap_slider .slick-slide, #mTwo > a .left_bg .in_con .wrap_slider .slick-slide{padding: 0 8px;} #mTwo > a .right_bg .in_con p, #mTwo > a .left_bg .in_con p{font-size:28px; line-height:1.6; color:#fff;text-align:left;text-shadow:0 2px 3px rgba(0,0,0,0.2);margin-bottom:20px;} #mTwo > a .right_bg .in_con span, #mTwo > a .left_bg .in_con span{font-size:19px; line-height:1.6;color:#fff;text-align:left;display:block;} #mTwo > a .right_bg .in_con img #mTwo > a .left_bg .in_con img{width:33.33%; height:auto;display:block;} #mTwo > a:hover .right_bg, #mTwo > a:hover .left_bg{opacity:1;} #mVideo{height: 0; padding-bottom: 56.25%; /* 16:9 */ font-size:0; line-height:0; position: relative;} #mVideo:before{content:"";width:100%;height:100%;display:block;position:absolute;z-index:3;} #mVideo iframe{width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 8888;} #mVideo #play-video .mVideo_bg {position: absolute;width:130px;height:90px;background: url("../../images/main/youtube_on.png")no-repeat;top: 46%;left: 50%;margin-left: -65px;opacity:0;} #mVideo #play-video .mVideo_bg.start{opacity:1;background: url("../../images/main/youtube_on.png")no-repeat;} #mVideo:hover #play-video .mVideo_bg{opacity:1;} #mVideo #play-video .mVideo_bg.active {background: url("../../images/main/youtube_off.png")no-repeat;} .sum{position:absolute; bottom: 150px;right: 100px;} .sum li{display:inline-block;} .sum li+li{margin-left:15px;} #mBtm{padding:100px 0 120px; background-color: #e2e8ee; font-size:0; line-height:0;} #mBtm .mLocation{height:610px; overflow:hidden; position: relative; box-sizing:border-box;} #mBtm .mLocation>div{width:580px;float:left;border:1px solid #7c7c7c;box-sizing:border-boxl} #mBtm .mLocation>div+div{margin-left:36px;} #mBtm .root_daum_roughmap .wrap_btn_zoom {z-index:8;} #mBtm .root_daum_roughmap .wrap_controllers {display:none;} #mBtm .mBoard{margin-top:90px; display: flex; justify-content: space-between;} #mBtm .mBoard .title{padding-bottom:25px; position: relative;} #mBtm .mBoard .title>p{font-weight: 500; font-size:22px; line-height:1; color: #1b1b1b; letter-spacing: -0.1em;} #mBtm .mBoard .title>a{font-weight: 300; font-size:15px; line-height:1; color: #5c5c5c; display:inline-block; position: absolute; right:0; top:7px;} #mBtm .mBoard .list{padding-bottom:12px;} #mBtm .mBoard .list>li{position: relative;} #mBtm .mBoard .list>li.top{margin-bottom:12px; } #mBtm .mBoard .list>li a{font-weight: 300; font-size:15px; line-height:34px; display:block; position: relative;} #mBtm .mBoard .list>li .tit{max-width:80%; color: #4c4c4c; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} #mBtm .mBoard .list>li .txt{color: #797979; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} #mBtm .mBoard .list>li .day{color: #737373; position: absolute; right:0; top:0; display:inline-block;} #mBtm .mBoard .board{width:580px;} #mBtm .mBoard .board .list{border-top:1px solid #262626; border-bottom:1px solid #cdd2d7;} #mBtm .mBoard .board .list>li.top{padding:20px 0 21px; border-bottom:1px solid #cdd2d7;} #mBtm .mBoard .board .list>li.top a{font-weight: 300; font-size:15px; line-height:30px; display:block; position: relative;} #mBtm .mBoard .board .list>li.top .tit{max-width:100%; font-weight: 400; font-size:18px;} #mBtm .mBoard .tv{width:570px;} #mBtm .mBoard .tv .list>li.top{display: flex; justify-content: space-between;} #mBtm .mBoard .tv .list>li.top a{width:185px; height:103px; font-size:0; line-height:0; overflow:hidden;} .ba_photo p img + img{margin-left:15px;} .ba_tit{font-size:34px;color:#000000;font-weight:bold;text-align:center;margin-bottom:50px;} .ba_tit p{font-size:20px; color:#595959;margin-top:10px;font-weight:400} .btn_ba{display:inline-block;padding: 0 20px; line-height:54px; color:#fff; font-size:20px;background-color:#035ab6;} .ba_txt{font-size:16px;color:#595959;line-height:1.4;margin-top:50px;} /* 환자 자필후기 */ .section.after .list{display:flex; justify-content:space-between;} .section.after .list li{width:19%;} .section.after .list li a{display:block;} .section.after .list li a .thumb img{width:100%;} .section.after .list li a .area{padding-top:20px; text-align:center;} .section.after .list li a .area .title{font-size:20px; font-weight:700; color:#111;} /* sns 환자 후기 */ .sns_after{display: flex; gap: 40px 17px; flex-wrap: wrap;} .sns_after li{width: calc((100% - 17px)/2);} /*[e] Main Style */ /*[s] Sub Style */ .bGroup{padding-bottom:60px; text-align: center;} .bGroup .num{width:71px; height:71px; margin:0 auto; background-color: #0091db; font-family: 'Poppins', sans-serif; font-weight: 600; font-size:34px; line-height:71px; color: #fff; border-radius:999px;} .bGroup .tit{margin-top:40px; font-family: 'NanumSquare'; font-weight: bold; font-size:38px; line-height:52px; color: #fff;} .bGroup .title{margin-top:4px; font-family: 'Poppins'; font-weight: 600; font-size:48px; line-height:52px; color: #00ffff;} .bGroup .txt{margin-top:30px; font-family: 'NanumSquare'; font-weight: 400; font-size:26px; line-height:28px; color: #fff; letter-spacing: -0.05em;} .bGroup .txt .tt{font-family: 'Arial Rounded MT Bold'; font-weight: bold;} .historyArea{height:1304px; background:url('../../images/hospital/bg_history.jpg') no-repeat center top; background-size: cover; display:table; table-layout: fixed;} .historyArea .inConts{display:table-cell; vertical-align: middle;} .historyArea .history_tab{width:1200px; margin:0 auto;} .historyArea .history_tab .tab{text-align: center; display: flex; justify-content: space-between; position: relative;} .historyArea .history_tab .tab:before{content: ""; width:100%; height: 1px; background-color:#0073ae; display: block; position:absolute; left:0; top:0; z-index:2;} .historyArea .history_tab .tab:after{content: ""; width:100%; height: 1px; background-color:#0073ae; display: block; position:absolute; left:0; bottom:0; z-index:2;} .historyArea .history_tab .tab>a{width:25%; background-color: #0091db; font-family: 'NanumSquare'; font-size:18px; line-height:55px; color: #fff; display:inline-block; vertical-align: top; box-sizing:border-box;} .historyArea .history_tab .tab>a+a{border-left:1px solid #0073ae;} .historyArea .history_tab .tab>a.last{background:#0091db url('../../images/bg_folding.png') no-repeat right top;} .historyArea .history_tab .tab>a.active{background-color: #fff; font-weight: bold; color: #035ab6; z-index:3;} /*.historyArea .history_tab .tab>a.active.last{background-image:none;}*/ .historyArea .history_tab .history_cont{height:627px; padding:70px 60px 0 470px; background:#fff url('../../images/hospital/img_history.jpg') no-repeat 50px 70px; box-sizing:border-box;} .historyArea .history_tab .history_cont .conts{height:508px; margin-top:-5px; overflow:hidden; overflow-y:auto; display:none;} .historyArea .history_tab .history_cont .conts>dl{min-height:28px; padding-left:120px; line-height:28px; position: relative;} .historyArea .history_tab .history_cont .conts>dl>dt{font-weight: bold; font-size:20px; color: #1b1b1b; position: absolute; left:0; top:0;} .historyArea .history_tab .history_cont .conts>dl>dd{font-weight: 300; font-size:18px; color: #404040;} .historyArea .history_tab .history_cont .conts>dl+dl{margin-top:20px;} .mapArea{width:100%; height:470px; padding:0 !important; border:none !important; overflow:hidden;} /*[s] gallery */ .slidePhoto{width:100%; font-size:0; line-height:0; position: relative;} .slidePhoto .slider{background-repeat: no-repeat; background-position: center center; background-size: cover; box-sizing: border-box; position: relative;} .slidePhoto .slider-big{width:100%; position: relative;} .slidePhoto .slider-big .slider{width:100%; height:500px;} .slidePhoto .slider-big .slick-arrow{width:73px; height:73px; background-color: transparent; border:1px solid #0f0f0f; border-bottom:none; font-size:0; line-height:0; position: absolute; top:40%; z-index:7; cursor: pointer; box-sizing: border-box; -webkit-transform: translateY(-50%); transform: translateY(-50%);} .slidePhoto .slider-big .slick-arrow.slick-prev{ border-right:none; left:-100px; transform:rotate(-45deg); } .slidePhoto .slider-big .slick-arrow.slick-next{border-left:none; right:-100px; transform:rotate(45deg);} .slidePhoto .slider-big .slick-arrow.slick-disabled{opacity: 0.3; cursor: default;} .slidePhoto .slider-big .slick-arrow:hover{border-color:#1bc0ff;} .slidePhoto .slider-small{width:774px; margin:55px auto 0; position: relative;} .slidePhoto .slider-small.one{width:149px;} .slidePhoto .slider-small.two{width:310px;} .slidePhoto .slider-small.three{width:465px;} .slidePhoto .slider-small.four{width:620px;} .slidePhoto .slider-small .slick-slide{padding:0 3px;} .slidePhoto .slider-small .slider{height:90px;} .slidePhoto .slider-small .slider:after{content: ""; background-color:rgba(0,0,0,0.5); position:absolute; left: 0; top:0px; right:0; bottom:0;} .slidePhoto .slider-small .slick-arrow{width:30px; height:90px; background-color: transparent; background-repeat: no-repeat; background-position: center center; border:none; font-size:0; line-height:0; position: absolute; top:0; z-index:7; cursor: pointer;} .slidePhoto .slider-small .slick-arrow.slick-prev{background-image: url('../../images/btn_slick_prev.gif'); left:0px;} .slidePhoto .slider-small .slick-arrow.slick-next{background-image: url('../../images/btn_slick_next.gif'); right:0px;} .slidePhoto .slider-small .slick-arrow.slick-disabled{opacity: 0.3; cursor: default;} .slidePhoto .slider-small .slick-current .slider:before{content: ""; border:2px solid #0062b1; position:absolute; left: 0; top:0px; right:0; bottom:0;} .slidePhoto .slider-small .slick-current .slider:after{background-color:rgba(0,98,177,0);} /*[e] gallery */ /* 서브공통 */ .wrap_tit{text-align:center;letter-spacing:-0.045em;margin-bottom:40px;display:block;} .wrap_tit .s_head{font-family:'NanumSquare','Noto Sans KR', sans-serif;font-size:32px;color:#000000;letter-spacing:-0.045em;font-weight:600;margin-bottom:10px;} .wrap_tit .s_tit {font-size:44px;color:#000;font-weight:800;margin-bottom:20px;font-family:'NanumSquare','Noto Sans KR', sans-serif;} .wrap_tit .s_txt {font-size:22px; line-height:30px; color:#4c4c4c;margin-bottom:50px;display:inline-block;} .wrap_tit .s_txt1 {font-size:20px; line-height:25px; color:gray;margin-bottom:50px;display:inline-block;} .wrap_tit .s_etc {display: inline-block;border-radius: 29px;line-height: 65px;padding:0 40px;font-size:30px;background-color:#888b94;color:#fff;font-weight:900;font-family:'NanumSquare','Noto Sans KR', sans-serif;} .wrap_tit .s_tit.big{font-size:58px;} .wrap_tit02{text-align:left;} .wrap_tit02 .s_tit {font-size:36px;color:#000;font-weight:800;margin-bottom:10px;} .wrap_tit02 .s_txt {font-size:28px; line-height:30px; color:#434343;margin-bottom:10px;display:inline-block;} .wrap_tit02.white .s_tit, .wrap_tit02.white .s_txt {color:#fff;} .wrap_tit.normal h3>span{color:#035ab6;} .wrap_tit.gangnam h3>span{color:#0b267f;} .wrap_tit.incheon h3>span{color:#f58733;} .wrap_tit .btn_naver{display:inline-block;} /* 의료진 소개 */ .doctor_list{width:100%; font-size:0; line-height:0; overflow:hidden;text-align:left;} .doctor_list>ul{} .doctor_list>ul>li{width:334px;height:235px;display:inline-block;vertical-align: top;box-sizing: border-box;/* border:1px solid #858585; */overflow:hidden;border:1px solid #858585;margin-bottom:50px;} .doctor_list>ul>li+li{margin-left: 99px;} .doctor_list>ul>li>a{display: block;} .doctor_list>ul>li:nth-child(3n+1){margin-left:0;} .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: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{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;} /* 미리보기 */ .slider-for .slick-arrow{width:52px;height: 95px;background-color:transparent; background-repeat:no-repeat; background-position:center center; border:none; font-size:0; line-height:0; position:absolute; top:50%; z-index:7; -webkit-transform:translateY(-50%); transform:translateY(-50%); cursor:pointer;opacity:0;} .slider-for .slick-prev{background-image:url("../../images/front/btn_bx_prev01.png"); left:30px;} .slider-for .slick-next{background-image:url("../../images/front/btn_bx_next01.png"); right:30px;} .slider-for:hover .slick-arrow{opacity:1;} .slider-nav .slick-arrow{width:40px;height: 50px;background-color:transparent; background-repeat:no-repeat; background-position:center center; border:none; font-size:0; line-height:0; position:absolute; top:50%; z-index:7; -webkit-transform:translateY(-50%); transform:translateY(-50%); cursor:pointer;opacity:0;} .slider-nav .slick-prev{background-image:url("../../images/front/btn_bx_prev01.png");background-size:cover; left:30px;} .slider-nav .slick-next{background-image:url("../../images/front/btn_bx_next01.png");background-size:cover; right:30px;} .slider-nav:hover .slick-arrow{opacity:1;} .slider-nav .slick-slide{padding:5px 8px;} .slider-nav .slick-current .slider{border:3px solid #035ab6;box-sizing:border-box;} /* 오시는길 */ #mBtm .mTab>a+a{margin-left:420px;} .btn_location{display:table;width:100%;text-align:center;} .btn_location li{position:relative;display:table-cell;width:25%;background-color:#fff; vertical-align: middle;} .btn_location li a{line-height: 150px;display:block;} .btn_location li a img{vertical-align:middle;} .btn_location li+li:before{content:"";position:absolute;left:0;top:50%;margin-top:-50px;width:1px;height:100px;background-color:#dadada;} /* 차별화 */ .different{position:relative;text-align:center;margin-bottom:120px;} .tab_box{position:absolute;text-align:center;z-index:2;width:100%;top:120px;} .tab_box > a{height:80px; line-height:80px;padding:0 50px; color:#cccccc;display:inline-block;border-radius:30px;font-size:29px;background-color:#444444;font-weight:600;} .tab_box > a+a{margin-left:10px; } .tab_box > a.active, .tab_box > a:hover{color:#fff;background-color:#035ab6;} /* why live */ .box_why{} .why {position:relative;} .why .box_why{width:1200px; margin:0 auto 100px;} .why .box_why > *{display:inline-block;vertical-align:middle;text-align:center;} .why .why_list {margin-left:50px;} .why .why_list li{} .why .why_list li a{width:699px;height:91px;display:block;} .why .why_list li+li{margin-top:40px;} .why .why_list .list01{background-image:url("../../images/special/img_customer_01.png");} .why .why_list .list02{background-image:url("../../images/special/img_customer_02.png");} .why .why_list .list03{background-image:url("../../images/special/img_customer_03.png");} .why .why_list .list01:hover{background-image:url("../../images/special/img_customer_01_on.png");} .why .why_list .list02:hover{background-image:url("../../images/special/img_customer_02_on.png");} .why .why_list .list03:hover{background-image:url("../../images/special/img_customer_03_on.png");} .box_why{} .self {position:relative;} .self .self_list{margin-left: -620px;position:absolute;top: 980px;left: 50%;} .self .self_list li{display:inline-block;float:left;} .self .self_list li a{width:396px;height:389px;display:inline-block;} .self .self_list li+li{margin-left:15px;} .self .self_list .list01{background-image:url("../../images/special/img_self_ring01.png");} .self .self_list .list02{background-image:url("../../images/special/img_self_ring02.png");} .self .self_list .list03{background-image:url("../../images/special/img_self_ring03.png");} .self .self_list .list01:hover{background-image:url("../../images/special/img_self_ring01_on.png");} .self .self_list .list02:hover{background-image:url("../../images/special/img_self_ring02_on.png");} .self .self_list .list03:hover{background-image:url("../../images/special/img_self_ring03_on.png");} /* 사회공헌 LIVE */ .wrap_cont{font-size:28px;line-height:28px;color:#222222;font-family: 'NanumSquare','Noto Sans KR', sans-serif;text-align:center;} .wrap_cont .cont_txt{background-color:#f6aa19;font-weight:bold;font-size:38px;color:#fff;border-radius:10px;padding: 7px;margin: 0 3px;} .live_top {background-color:#fff;text-align:center;color:#222222;letter-spacing:-0.045em;margin:0 auto;width:1200px;} .live_top ul {padding:70px 40px 10px } .live_top ul li {display:inline-block; width:33%;vertical-align:top;padding:0 40px;box-sizing:border-box;} .live_top ul li+li{border-left:1px dashed #aaaaaa} .live_top ul li img {} .live_top ul li img span {} .live_top ul li img strong {} .live_top ul li img a {} .live_top ul li h5 {font-size:22px; font-weight:500;padding-top:30px;padding-bottom:40px;color:#222222;} .live_top ul li p {font-weight:400;font-size:22px;font-family: 'NanumSquare','Noto Sans KR', sans-serif;} .live_top ul li p span {} .live_top ul li p strong {font-size:28px; color:#f6aa19;font-weight:900;} .live_top ul li p a {font-size:17px;line-height:17px; padding:16px 0;border-radius:15px;border:1px solid #f1f1f1;background-color:#f1f1f1;display:block;color:#222222;margin-top:30px;} .live_top ul li p a:nth-child(odd){border:1px solid #d6d6d6;background-color:#ffffff;margin-top:15px;} .bk_bg{background:url("../../images/img_tit_bg.jpg") no-repeat center top; background-size: cover;} /* 치료별 시술 전.후사진 */ .list_bna{overflow:hidden;padding-top:70px;} .list_bna li{width:50%;float:left;margin-bottom:30px;} .list_bna li a{} .list_bna li a .wrap_img{padding-bottom:10px;overflow: hidden;text-align:center;} .list_bna li a .wrap_img > span {width:284px; height:171px;overflow:hidden;display:inline-block;border-radius: 10px;} .list_bna li a .wrap_img > span + span{margin-left:10px;} .list_bna li a .wrap_img > span img{width:100%;} .list_bna p{width: 90%;font-size:16px;font-weight:300;text-align:center;color:#222;border-top:1px solid #c1c1c1;padding-top:10px;margin: 0 auto;display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .in_photo .view_list {overflow:hidden;} .in_photo .view_list > div{float:left; width:50%; padding:5px;display:inline-block;box-sizing:border-box;margin-bottom:25px;} .in_photo .view_list > div > p{font-size:18px; font-weight:500;padding-top:15px;color:#222;} .bnaBox{text-align:center;background-color:#f6f6f6;border:1px solid #dddddd;box-sizing:border-box;padding:45px 0;width:100%;margin-top:40px;} .bnaBox p {font-size:22px; line-height:30px; margin-bottom:20px;color:#035ab6;font-weight:600;} .bnaBox span {font-size:18px; line-height:30px; color:#222222;font-weight:500;} .bna_view {padding:10px;overflow:hidden;border:1px solid #dddddd; box-sizing:border-box;background-color:#f0f0f0;} .bna_view .in_view{background-color:#fff;overflow:hidden;padding:40px 50px;} .bna_view .in_view > div{margin-bottom:30px;} .bna_view .in_view > div .view_cate {} .bna_view .in_view > div .view_tit {display: inline-block;; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .bna_view .bna_left {float:left;width:50%;border-top:1px solid #dddddd;box-sizing:border-box;padding:40px 60px 0 0;} .bna_view .bna_right{float:left;width:50%;border-top:1px solid #dddddd;box-sizing:border-box;padding:40px 0px 0 60px;border-left: 1px solid #ddd;} .bna_view .bna_left .doc_photo {display:inline-block;width:262px; height:184px; overflow:hidden;} .bna_view .bna_left .in_txt {display:inline-block;font-size:22px;color:#222;line-height:1.4;vertical-align:top;padding-left:40px;} .bna_view .bna_left .in_txt > span {padding:6px 10px;background-color:#888b94; font-size:17px; color:#fff;font-weight:500;margin-bottom:8px;border-radius:10px;text-align:center; display: block;width:120px;} .bna_view .bna_left .in_txt > span > strong {font-size:26px; } .bna_view .bna_left .wrap_doc_txt{position:relative;text-align:center;margin-top:40px;} .bna_view .bna_left .wrap_doc_txt .doc_txt {font-size:15px; color:#484848; line-height:1.5;padding:20px 20px 25px;background-color:#f6f6f6;border-top:1px solid #dddddd;border-bottom:1px solid #dddddd;font-weight:500;min-height:180px;} .bna_view .bna_left .wrap_doc_txt .doc_login{display: inline-block;width:100%;top:0;left:0;height:100%;background-color:#fff;padding: 90px 0;box-sizing:border-box;border:1px solid #ddd;position:absolute;line-height: 1.6; border: 1px solid #f0f0f0;box-shadow: 1px 1px 10px #f9f9f9f9;} .bna_view .bna_left .wrap_doc_txt .doc_login .memTit{top: 50%;font-size:16px;color:#222;font-weight:500;position: absolute;transform: translate(-50%,-50%);left: 50%;} .bna_view img {} .bna_view .bna_right {} .bna_view .bna_right .info_tit {font-size:26px; color:#222222;line-height:1.6;font-weight:600;margin-bottom:35px;} .bna_view .bna_right ul {} .bna_view .bna_right ul li{border-bottom:1px solid #dddddd;padding:25px 0;} .bna_view .bna_right ul li p{margin-bottom:8px;} .bna_view .bna_right ul li p > b{display:inline-block;font-size:16px; color:#222222;position:relative;padding-left:10px;width:115px;} .bna_view .bna_right ul li p > b:before{content:"";position:absolute; top:50%; left:0; width:2px;height:2px; margin-top:-1px;background-color:#5985c6;} .bna_view .bna_right ul li p > span {width: 330px;color:#555555;display: inline-block;vertical-align:middle;} .bna_photo{text-align:center;margin-top:80px;} .bna_photo .v_tit{font-size:40px;font-family: 'NanumSquare','Noto Sans KR', sans-serif;font-weight:800;margin-bottom:30px;color:#000000;} .bna_photo .imgBox{padding:50px 0;border-top:2px solid #222222;border-bottom:1px solid #cccccc;} .qu_toggle{font-size:22px; font-weight:600; color:#fff;background-color:#035ab6;border-radius:5px 5px 0 0;margin-top:-50px;margin-left:-120px;width:240px; position: absolute;top:0;left:50%;text-align:center;display:inline-block;z-index:10;height:50px; line-height:50px;} /* 온라인예약 */ .date_sel button{border:1px solid #ddd; background-color:#fff;vertical-align:middle; height: 47px;line-height:47px;margin-left:-1px;} .date_sel img{display:block;} /* 라이브신문고 */ .sinmun01{background:url("../../images/community/img_sinmun_bg01.jpg") no-repeat center top; background-size: cover; min-height:1400px;} .sinmun02{background:url("../../images/community/img_sinmun_bg02.jpg") no-repeat center top; min-height:1100px;background-size:cover;} .form_area {margin: 20px auto 0;width: 600px;box-sizing:border-box;overflow: hidden;border-radius: 5px;} .clause_tit h1{font-size: 22px;font-weight: 800;width:100%;overflow:hidden;line-height:60px;padding: 10px 20px 10px;box-sizing: border-box;font-family: 'NanumSquare','Noto Sans KR', sans-serif;} .form_area .info{padding:20px 0px 20px;} .form_area .info li {margin: 16px 0 0;font-weight: 200;text-align: left;position:relative;box-shadow:0 5px 10px rgba(0,0,0,0.2);} .form_area .info input , .form_area .info textarea {border: 1px solid #dddddd;color:#999999;width:100%;height:60px;padding: 13px 20px 13px 110px;box-sizing:border-box;position:relative;font-size:17px; border-radius: 5px;} .form_area .info input::placeholder{ color: #999999;} .form_area .info input[type="checkbox"] {width:auto;} .form_area .info button{color:#fff; border-radius: 50px; background: #e52d34; width:100%; height:38px} .form_area .info a {color:#222;font-size:17px;font-weight:500;} .form_area .info .in_check .wrap_check{background-color:#fff; border: 1px solid #dddddd;color: #999999;width: 100%;height: 60px;padding: 13px 20px 13px 110px;box-sizing: border-box;position: relative;font-size: 17px;border-radius: 5px;} .form_area .info .in_check .wrap_check .checkIn{vertical-align:middle;} .form_area .info .in_check .check_etc{position:absolute; top:50%;right:20px;font-size:14px;transform: translateY(-50%);color:#999999;} .form_area .info>ul>li.in_content textarea{height:150px;resize:none;} .form_area .info>ul>li>label{display:block;font-size:0;} .form_area .info>ul>li>label:before{position:absolute;top:0;left:0;content:"";z-index:10;height: 60px;width: 85px;border-radius:5px 0 0 5px;} .form_area .info>ul>li.in_name label:before {background: #035ab6 url("../../images/community/intro_name.png") no-repeat center;} .form_area .info>ul>li.in_email label:before {background: #035ab6 url("../../images/community/intro_email.png") no-repeat center;} .form_area .info>ul>li.in_tel label:before {background: #035ab6 url("../../images/community/intro_tel.png") no-repeat center;} .form_area .info>ul>li.in_content label:before {background: #035ab6 url("../../images/community/intro_company.png") no-repeat center;height:150px;} .form_area .info>ul>li.in_check>label:before {background: #035ab6 url("../../images/community/intro_extend.png") no-repeat center;} .form_area .info>ul .checkIn input[type=checkbox]+label{font-size:17px;line-height:1.6} .form_area .info>ul .checkIn input[type=checkbox]+label:before{top:4px;} .form_area .checkIn input[type=checkbox]+label:after{top:4px;} .form_area .info .clauseArea{overflow:visible;} .form_area .info .clauseArea .clauseTxt{border:none;padding: 30px 0 0 0} .form_area .info .clauseArea .checkIn *{vertical-align:top;line-height:1.4;} /* 인재채용 */ .recruit02{background:url("../../images/community/img_recruit_bg01.jpg") no-repeat center top;background-size:cover;} .recruit03{background:url("../../images/community/img_recruit_bg02.jpg") no-repeat center top;background-size:cover;} /* 원가이드 임플란트 */ .one01{background:url("../../images/implant/img_one_bg01.jpg") no-repeat center top;background-size:cover;} /* 원타임 임플란트 */ .one02{background:url("../../images/implant/img_one_bg01.jpg") no-repeat center top;background-size:cover;} /* 즉시로딩 임플란트 */ .loding01{background:url("../../images/implant/img_one_bg01.jpg") no-repeat center top;background-size:cover;} /*[e] Sub Style */ /*[s] Plugin Style */ /* quick menu Style */ .quick{position:fixed;top:150px;right:0;z-index:8;text-align:center;background-color:#093865;z-index: 9999;} .quick .qu_con{width: 75px;} .quick .qu_con .qu_icon {display:inline-block;padding: 10px 0;width:100%;} .quick .qu_con .qu_icon p{/* margin-top:3px; */} .quick .qu_con .qu_login, .quick .qu_con .qu_join{display:inline-block;padding:6px 0;width:100%;} .quick .qu_con .qu_login, .quick .qu_con .qu_join, .quick .qu_con .qu_icon+.qu_icon{border-top:1px solid #6b88a3;} .quick .qu_con .qu_login p, .quick .qu_con .qu_join p, .quick .qu_con .qu_icon p{color:#fff;font-size:13px;line-height:1.5;letter-spacing:-0.045em;} .quick .qu_con .quick_bottom{border-top:1px solid #6b88a3;background-color:#ffffff;} .quick .qu_con .quick_bottom .qu_sns{width: 100%;overflow:hidden;} .quick .qu_con .quick_bottom .qu_sns li{float:left;width:50%;height:37px;} .quick .qu_con .quick_bottom .qu_sns li a{display:inline-block;} .qu_bottom{position:relative;position:fixed;bottom:0px;width:100%;z-index:6;} .qu_bottom .qu_inquiry{width:100%; min-width:1920px; background:#f6f6f6 url("../../images/qu_inquiry.jpg") no-repeat left top; background-size: contain; display:none;} .qu_bottom .qu_inquiry{min-height:410px;} .qu_bottom .qu_inquiry.active{display:block;} .qu_bottom .qu_inquiry .board_write{width:880px;margin: 0 auto;border:none;padding:40px 0 0 40px;} .qu_bottom .qu_inquiry .board_write>table th, .qu_bottom .qu_inquiry .board_write>table td{padding:5px 10px 0 0px;border:none;height:60px;} .qu_bottom .qu_inquiry .board_write .qu_tit{font-size:22px; line-height:1.6; font-family: 'NanumSquare','Noto Sans KR', sans-serif;color:#222222;font-weight:600;margin-bottom:15px;} .qu_bottom .qu_inquiry .board_write textarea{width:675px; height:135px;display:inline-block;vertical-align:top;} .qu_bottom .qu_inquiry .board_write input[type=submit]{height:100px; width:140px;display:inline-block;margin-left:10px;background-color:#ff7411;color:#fff;font-size:22px; font-weight:600;border:none;height: 100%;vertical-align:top;cursor:pointer} .qu_bottom .btnArea {display:none;} #contents .qu_bottom{position: relative;bottom:0;} #contents .qu_bottom .qu_toggle{display:none;} #contents .qu_bottom .btnArea{display:block;} .left_inquiry {height:100%;background-color:#fff;border:1px solid #ddd;padding: 15px 30px;width:460px;position:absolute;top:0;box-sizing: border-box;text-align:left;left:100px;} .left_inquiry.open {left:-460px;} .left_inquiry .left_in_tit{text-align:left;z-index:3;margin-bottom:30px;} .left_inquiry .left_in_tit p{font-size:28px;line-height: 25px;color:#093865;font-weight:600;margin-bottom: 7px;} .left_inquiry .left_in_tit span{font-size: 14px;color:#666;line-height: 21px;} .left_inquiry .in_con {} .left_inquiry .in_con .board_write{border:none;} .left_inquiry .in_con .board_write .three.phone{max-width:100%;} .left_inquiry .in_con .board_write>table th{background-color:#fff;} .left_inquiry .in_con .board_write>table th, .left_inquiry .in_con .board_write>table td{border:none;padding: 3px 5px;} .left_inquiry .in_con .board_write>table th, .left_inquiry .in_con .board_write>table td{height: 53px;} .left_inquiry .btnArea .btn_left{background-color:#16bae1;font-size:18px;width:100%;display:inline-block;height:50px; line-height:50px;font-weight:500;} .left_inquiry .checkIn a{ color: #222;font-size: 17px;font-weight: 500;} .left_inquiry .closeLy{display:block;width:50px; height:50px;position:absolute; top:10px; right:20px;} /* 레이어 staff */ .layerArea .layerIn .layerBox.staff{width:1200px;padding:0;} .wrap_pop{position:relative;} .wrap_pop .staff_bg{position:relative;min-height:720px;} .wrap_pop .staff_bg img{/* position:absolute; */} .wrap_pop .staff_txt{position:absolute;top:0;left:0;} .wrap_pop .sns_list{position:absolute;left: 100px;bottom: 90px;} .wrap_pop .sns_list li{display:inline-block;} .wrap_pop .sns_list li+li {margin-left:15px;} .wrap_pop .slick-arrow{width:60px; height:60px; background-color: transparent; background-repeat: no-repeat; background-position: center center; border:none; font-size:0; line-height:0; position: absolute; top:50%; z-index:7;cursor: pointer;z-index:5;} .wrap_pop .slick-prev{background-image: url("/images/hospital/btn_slick_prev.jpg"); left:18px;} .wrap_pop .slick-next{background-image: url("/images/hospital/btn_slick_next.jpg"); right:18px;} /* staff_bg 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: .5s; transition: .5s; 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: .5s; transition: .5s; 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{z-index: 1;width:100px;display:inline-block;position: absolute;right: -100px;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{} .box01{width:500px; padding:10px;} .box01>.tit{padding:0 10px 10px;} .box01>.contLy{padding:20px;} .box02{width:800px; padding:10px;} .box02>.tit{padding:0 10px 10px;} .box02>.contLy{padding:80px;} /* 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;} /* Img Over Curtain Style */ .imgCurtain{width:960px; margin:0 auto; font-size:0; line-height:0; overflow:hidden;} .imgCurtain img{max-width:none;} .imgCurtain>li{margin:5px; display:inline-block; vertical-align: top;} .imgCurtain>li>a{background-color: #ddd; position: relative;} .imgCurtain>li>a>.img{position: absolute; left:0; top:0;} .imgCurtain>li>a>dl{padding:10px; font-size:12px; line-height:18px; color: #000;} .imgCurtain>li>a>dl>dt{padding-bottom:5px; font-size:14px;} .imgCurtain>li, .imgCurtain>li>a, .imgCurtain>li>a>.img, .imgCurtain>li>a>.img img{width:150px; height:150px; overflow:hidden;} .imgCurtain>li>a, .imgCurtain>li>a>.img img{display:block;} /* 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;} /*[e] Plugin Style */ /* transform: scale(1.1) 부분을 transform: scale(1.1) rotate(.001deg); 로 변경하면 부드럽게 처리되네요 display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; 맨 앞에 정렬 justify-content: flex-start; ​ 맨 끝에 정렬 justify-content: flex-end; 가운데 정렬 justify-content: center; 서로 같은 간격으로 박스들이 조정됨. justify-content: space-between;​ 컨텐츠 뿐만 아니라 그 주변도 같은 간격으로 조정됨. justify-content: space-around; ​ * 수직으로 적용 align-items 컨테이너의 꼭대기로 정렬 justify-content: flex-start ​ 컨테이너의 바닥으로 정렬 flex-end​ 가운데로 정렬 center 컨테이너의 시작 위치에 정렬 baseline​ 컨테이너에 맞도록 늘린다. stretch .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;} -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; */ /* 메인 비주얼 iframe영상 자동중앙정렬 .container { float: none; clear: both; width: 100%; position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; } iframe { position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; margin-left: auto; margin-right: auto; } */ .nMemberTxt{font-size:16px; text-align:center; line-height:24px; font-weight:300;}