@charset "euc-kr"; @media (min-width:1024px) {/* 최소 1024 ~ 최대 */ #wrapper {overflow: hidden; height:100%; width:100%; min-width:1140px; margin:auto; position:relative; background-color:#ffffff;} header.firstheader {position: relative; width:100%; min-width: 1140px; background: #fff; border-bottom:1px solid #dadada; height:131px; z-index: 100;} .top_box_wrap{margin-bottom:20px; width:100%; height:30px; line-height:30px; background: #fff; box-sizing: border-box; border-bottom:1px solid #dadada;} .top_box{position:relative; max-width:1140px; margin:0 auto;} .sns_box {} .sns_box li{float:left; padding:0 15px; border-left:1px solid #dadada;} .sns_box li:last-child{border-right:1px solid #dadada; } .sns_box li img{vertical-align:sub; margin-right:2px;} .sns_box li a{color:#393939; font-size:12px;} .sns_box li a:hover{color:#4b9919;} .login_box {text-align:right; font-size:0px;} .login_box a {text-align:center; color:#393939; font-size:11px; height:30px; line-height:30px; padding:0 10px; display:inline-block; border-left:1px solid #dadada;} .login_box a:last-child {border-right:1px solid #dadada;} .login_box a:hover {color:#4b9919;} .middle_box_wrap{} #logo_box{position:relative; width:1140px; margin:0 auto;} #logo{position:absolute; left: 5px; top: 55px; z-index:2;} #logo a{display:inline-block;} #logo img{transition:all 0.3s; vertical-align:top;} #sb-btn img {display:none;} .calling {display:none;} .top_menu{display:none;} /* 퀵배너 */ /* .quick{position:absolute; right:50px; top:300px; z-index:99} */ #contents { width:100%; position:relative; } .container { position:relative; width:100%;} /* 섹션1 */ .sec01{margin-top:-12px; position:relative; z-index: 2;} .sec01_bar_top{background:url(/img/sec04_bar.png) center top; height:12px;} .sec01_bar_bottom{background:url(/img/sec01_bar_b.png) center top; height:12px;} .sec01_bg{position:relative; background-image: linear-gradient(white,#dff5d2); padding:70px 0 140px;} .sec01_bg:before{ content: "IJUN CLINIC"; display: inline-block; font-size: 300px; font-weight:bold; letter-spacing:-10px; line-height:100%; color: #d4ebc5; position: absolute; right: 10px; bottom: 10px; width: 50%; text-align: right; } .sec01_box{opacity:0;} .sec01_box .title{width:1140px; background:url(/img/sec_title.png) no-repeat center top; margin:0 auto; padding-top:35px;} .sec01_box .title .t1{font-size:38px; color:#393939; font-family:"NBGothicb"; text-align:center;} .sec01_box .title .t1 span{color:#4b9919;} .sec01_box .title .t2{font-size:16px; color:#6f6f6f; font-family:"NBGothic"; text-align:center; letter-spacing: 15px; padding-top:10px;} .sec01 ul{width:1140px; margin:0 auto; padding-top:90px;} .sec01 ul:after{clear:both; content:""; display:block;} .sec01 ul li{transition:all 0.5s; float:left; width:22%; margin-right:4%; box-shadow:0px 9px 15px -2px #969696;} .sec01 ul li:last-child{margin-right:0;} .sec01 ul li:hover{transform:scale(1.1);} .sec01 ul li:nth-child(1) .img{height:174px; background:url(/img/sec01_img_01.jpg) no-repeat center top; } .sec01 ul li:nth-child(2) .img{height:174px; background:url(/img/sec01_img_02.jpg) no-repeat center top; } .sec01 ul li:nth-child(3) .img{height:174px; background:url(/img/sec01_img_03.jpg) no-repeat center top; } .sec01 ul li:nth-child(4) .img{height:174px; background:url(/img/sec01_img_04.jpg) no-repeat center top; } .sec01 ul li .txt{position:relative; height:190px; background:#fff;} .sec01 ul li:nth-child(1) .txt .icon{position:absolute; top:-59px; left:50%; margin-left:-59px; width:118px; height:118px; background:url(/img/sec01_icon_01.png) no-repeat center top; } .sec01 ul li:nth-child(2) .txt .icon{position:absolute; top:-59px; left:50%; margin-left:-59px; width:118px; height:118px; background:url(/img/sec01_icon_02.png) no-repeat center top; } .sec01 ul li:nth-child(3) .txt .icon{position:absolute; top:-59px; left:50%; margin-left:-59px; width:118px; height:118px; background:url(/img/sec01_icon_03.png) no-repeat center top; } .sec01 ul li:nth-child(4) .txt .icon{position:absolute; top:-59px; left:50%; margin-left:-59px; width:118px; height:118px; background:url(/img/sec01_icon_04.png) no-repeat center top; } .sec01 ul li .txt p:nth-of-type(1){color:#393939; font-size:20px; font-family:"NBGothic"; padding:60px 0 15px; text-align:center;} .sec01 ul li .txt p:nth-of-type(2){color:#393939; font-size:14px; line-height:20px; font-family:"NBGothic"; padding:0 40px; text-align:center; word-break:keep-all;} /* 섹션2 */ .sec02{margin-top: -12px; position: relative; z-index: 1;} .sec02_bg{height:700px; background-image:url(/img/sec02_bg.jpg); background-color:#fff; background-size:cover; background-position:right bottom; background-repeat:no-repeat; } .sec02_box{position:relative; overflow:hidden; opacity:1; width:1140px; height:100%; margin:0 auto;} .sec02_box .txt{opacity:0; padding-top:230px; float:left; width:55%;} .sec02_box .txt p:nth-child(1){font-family:"NGothicb"; font-size:30px; color:#393939;} .sec02_box .txt p:nth-child(1) span{display:block; padding:20px 0 20px; font-family:"NBGothicb"; font-size:50px; color:#ff7a00;} .sec02_box .txt p:nth-child(2){font-family:"NGothic"; font-size:20px; line-height:34px; word-break:keep-all; color:#393939; font-weight:bold;} .sec02_box .img{opacity:0; float:left; width:45%; height:100%; background:url(/img/sec02_img_01.png) no-repeat center bottom; background-size:contain;} /* 섹션3 */ .sec03{margin-top: -12px; position: relative; z-index: 4;} .sec03_bar_top{background:url(/img/sec03_bar.png) center top; height:12px;} .sec03_bg{padding:70px 0 140px; background:url(/img/sec03_bg.png) no-repeat center top; } .sec03_box{opacity:0;} .sec03_box .title{width:1140px; background:url(/img/sec_title_w.png) no-repeat center top; margin:0 auto; padding-top:35px;} .sec03_box .title .t1{font-size:38px; color:#fff; font-family:"NBGothicb"; text-align:center;} .sec03_box .title .t1 span{color:#fff;} .sec03_box .title .t2{font-size:16px; color:#fff; font-family:"NBGothic"; text-align:center; letter-spacing: 15px; padding-top:10px;} .sec03_box .txt{width:1140px; margin:0 auto; padding:30px 200px; box-sizing:border-box; text-align:center; color:#fff; font-size:18px; line-height:35px; word-break:keep-all;} /* SLIDE S*/ #slides {z-index: 50; width: 1140px; margin: 0 auto; position: relative; padding: 0 50px; box-sizing: border-box;} .slides_container {width:615px; overflow:hidden; position:relative; box-shadow: 0px 13px 30px 0px #393939;} .slides_container a {width:615px; height:510px; display:block; } .slides_container a:nth-child(1){background:url(/img/process_01.jpg) no-repeat; background-size:cover; } .slides_container a:nth-child(2){background:url(/img/process_02.jpg) no-repeat; background-size:cover; } .slides_container a:nth-child(3){background:url(/img/process_03.jpg) no-repeat; background-size:cover; } .slides_container a:nth-child(4){background:url(/img/process_04.jpg) no-repeat; background-size:cover; } .slides_container a:nth-child(5){background:url(/img/process_05.jpg) no-repeat; background-size:cover; } .slides_container a:nth-child(6){background:url(/img/process_06.jpg) no-repeat; background-size:cover; } /*SLIDE 으론쪽 텍스트*/ .slides_txt{position:absolute; top:50%; margin-top:-190px; right:50px; width:550px; height:380px; z-index:999;} .slides_txt li{transition:all 1s; opacity:0; position:absolute; left:0; width:100%; height:100%; padding:30px 20px; box-sizing:border-box; background:rgba(255, 255, 255, 0.9);} .slides_txt li.on{opacity:1; z-index:1;} .slides_txt li .p1{margin-bottom:10px; color:#4b9919; font-size:16px; font-family:"NBGothicb";} .slides_txt li .p2{color:#393939; font-size:32px; font-family:"NBGothicb";} .slides_txt li .p2:after{content:""; display:block; width:50px; height:2px; background-color:#4b9919; margin:30px 0;} .slides_txt li .p3{color:#393939; font-size:16px; line-height:28px; font-family:"NGothic"; word-break:keep-all;} .slides_txt li .go{position:absolute; bottom:30px; left:20px; color:#393939; font-size:20px; font-family:"NGothicb";} .slides_txt li .go span{transition:all 0.3s; font-size:18px; vertical-align: top;} .slides_txt li .go:hover{color:#4b9919!important;} .slides_txt li .go:hover span{padding-left:5px;} /*//SLIDE 으론쪽 텍스트*/ /*SLIDE 버튼*/ .pagination {position: absolute; right: 50%; bottom:-50px; width:200px; margin-right:-100px; text-align:center; z-index: 500;} .pagination li { display:inline-block; padding:0 5px; list-style:none; } .pagination li a {border-radius:50%; background:#fff; display:block; width:10px; height:0px; padding-top:10px; float:left; overflow:hidden; } .pagination li.current a {background:#57b123;} .prev{position: absolute; left:0; top:50%; margin-top:-27px; font-size:0; width:34px; height:54px; background:url(/img/arrows_01.png) no-repeat left center;} .next{position: absolute; right:0; top:50%; margin-top:-27px; font-size:0; width:34px; height:54px; background:url(/img/arrows_01.png) no-repeat right center;} /*//SLIDE 버튼 */ /* 섹션4 */ .sec04{margin-top:-12px; position:relative; z-index: 5;} .sec04_bar_top{background:url(/img/sec04_bar.png) center top; height:12px;} .sec04_bar_bottom{background:url(/img/sec04_bar_b.png) center top; height:12px;} .sec04_bg{position:relative; background-color:#fff; padding:70px 0 140px;} .sec04_bg:before{ content: "IJUN QUICK"; display: inline-block; font-size: 300px; font-weight:bold; letter-spacing:-10px; line-height:100%; color: #efefef; position: absolute; left: 10px; bottom: 10px; width: 50%; text-align: left; } .sec04_box{opacity:0;} .sec04_box .title{width:1140px; background:url(/img/sec_title.png) no-repeat center top; margin:0 auto; padding-top:35px;} .sec04_box .title .t1{font-size:38px; color:#393939; font-family:"NBGothicb"; text-align:center;} .sec04_box .title .t1 span{color:#4b9919;} .sec04_box .title .t2{font-size:16px; color:#6f6f6f; font-family:"NBGothic"; text-align:center; letter-spacing: 15px; padding-top:10px;} .sec04 ul{width:1140px; margin:0 auto; padding-top:90px;} .sec04 ul:after{clear:both; content:""; display:block;} .sec04 ul li{overflow:hidden; transition:all 0.3s; float:left; margin-bottom:50px; border-radius: 15px;} .sec04 ul li:nth-child(1){width:620px; height:245px; float:left; } .sec04 ul li:nth-child(2){width:450px; height:245px; float:right;} .sec04 ul li:nth-child(3){width:450px; height:245px; float:left;} .sec04 ul li:nth-child(4){width:620px; height:245px; float:right;} .sec04 ul li:nth-child(5){width:620px; height:245px; float:left; margin-bottom:0px;} .sec04 ul li:nth-child(6){width:450px; height:245px; float:right; margin-bottom:0px;} .sec04 ul li a{transition:all 0.3s; display:inline-block; width:100%; height:100%;} .sec04 ul li:nth-child(1) a{background:url(/img/sec04_img_01.jpg) no-repeat center; background-size:100%;} .sec04 ul li:nth-child(2) a{background:url(/img/sec04_img_02.jpg) no-repeat center; background-size:100%;} .sec04 ul li:nth-child(3) a{background:url(/img/sec04_img_03.jpg) no-repeat center; background-size:100%;} .sec04 ul li:nth-child(4) a{background:url(/img/sec04_img_04.jpg) no-repeat center; background-size:100%;} .sec04 ul li:nth-child(5) a{background:url(/img/sec04_img_05.jpg) no-repeat center; background-size:100%; margin-bottom:0px;} .sec04 ul li:nth-child(6) a{background:url(/img/sec04_img_06.jpg) no-repeat center; background-size:100%; margin-bottom:0px;} .sec04 ul li .bg{transition:all 0.3s; position:relative; height:100%; background:rgba(0,0,0,0.5)} .sec04 ul li .bg > p{transition:all 0.3s; color:#fff; text-align:center; padding-top:85px; font-size:30px; font-family:"NBGothicb";} .sec04 ul li .bg > p span{display:block; color:#fff; padding-top:10px; font-size:20px; font-family:"NGothic";} .sec04 ul li .eq{transition:all 0.3s; opacity:0; position:absolute; left:0; top:0; width:100%; height:100%; background:url(/img/eq_hover.png) no-repeat center;} .sec04 ul li:hover a{transform:scale(1.1);} .sec04 ul li:hover .bg{background:rgba(0,0,0,0.7)} .sec04 ul li:hover .bg p{opacity:0;} .sec04 ul li:hover .eq{opacity:1;} /* 섹션5 */ .sec05{margin-top:-12px; position:relative; z-index: 4;} .sec05_bar_top{background:url(/img/sec05_bar.png) center top; height:12px;} .sec05_bg{background-color:#d7ffca; padding:70px 0 140px; background:url(/img/sec05_bg.jpg) center no-repeat; background-size:cover; background-attachment: fixed;} .sec05_bar_bottom{background:url(/img/sec05_bar_b.png) center top; height:12px;} .sec05_box{opacity:0;} .sec05_box .title{width:1140px; background:url(/img/sec_title_w.png) no-repeat center top; margin:0 auto; padding-top:35px;} .sec05_box .title .t1{font-size:38px; color:#fff; font-family:"NBGothicb"; text-align:center;} .sec05_box .title .t1 span{color:#fff;} .sec05_box .title .t2{font-size:16px; color:#fff; font-family:"NBGothic"; text-align:center; letter-spacing: 15px; padding-top:10px;} .board{overflow:hidden; width:1140px; margin:0 auto; padding-top:90px;} .sec05 .button_box{border:1px solid #ccc; box-sizing:border-box; overflow:hidden;} .sec05 .button_box li{transition:all 0.3s; float:left; width:50%; height:65px; line-height:65px; background-color:#a6e093; text-align:center;} .sec05 .button_box li.on{background-color:#fff;} .sec05 .button_box li a{display:inline-block; width:100%; height:100%;} .sec05 .button_box li .head{display:inline-block; vertical-align:middle; padding-right:15px; color:#fff; font-family:"NBGothicb"; font-size:24px;} .sec05 .button_box li.on .head{color:#393939;} .sec05 .button_box li .img{vertical-align:middle;} .sec05 .button_box li.on .img{display:inline-block; width:37px; height:37px; background:url(/img/more_hover.png) no-repeat center;} .sec05 .button_box li .img{display:inline-block; width:37px; height:37px; background:url(/img/more.png) no-repeat center;} .sec05 .list_box{overflow:hidden; background:#fff;} .sec05 .list_box .list{display:none; border:1px solid #ccc; border-top:0px; box-sizing:border-box;} .sec05 .list_box .list:nth-child(1){display:block;} .sec05 .list_box .list p{border-bottom:1px dashed #ccc; display:block; font-size:20px; padding:20px;} .sec05 .list_box .list p:last-child{border-bottom:0px;} /* 섹션6 */ .sec06{margin-top: -12px; position: relative; z-index: 7; position:relative; width:100%; height:500px; background-image: url(/img/sec06_img.jpg); background-repeat:no-repeat; background-position:center center; background-size: cover;} .sec06 .text{width:100%; height:500px; background:url(/img/sec06_text.png) no-repeat center; background-attachment:fixed;} /* 섹션7 */ .sec07{margin-top:-12px; position:relative; z-index: 8;} .sec07_bar_top{background:url(/img/sec07_bar.png) center top; height:12px;} .sec07_bg{background-color:#fff; padding:70px 0 140px;} .sec07_box{opacity:0;} .sec07_box .title{width:1140px; background:url(/img/sec_title.png) no-repeat center top; margin:0 auto; padding-top:35px;} .sec07_box .title .t1{font-size:38px; color:#393939; font-family:"NBGothicb"; text-align:center;} .sec07_box .title .t1 span{color:#4b9919;} .sec07_box .title .t2{font-size:16px; color:#6f6f6f; font-family:"NBGothic"; text-align:center; letter-spacing: 15px; padding-top:10px;} .map{width:1140px; height:400px; margin:0 auto; margin-top:90px; background:url(/img/sec07_map.jpg) no-repeat center; border-radius: 15px;} .map a{display:inline-block; width:100%; height:100%;} .sec07 .info{overflow:hidden; width:1140px; margin:0 auto; padding-top:60px; } .sec07 .info li{float:left; width:30%;} .sec07 .info li:nth-child(2){margin:0 5%;} .sec07 .info li .head{margin-bottom:35px; font-size:34px; font-family:"NBGothic"; color:#393939;} .sec07 .info li:nth-child(1) .head a{font-family:"NBGothicb"; color:#5fbc3c;} .sec07 .info li:nth-child(2) .head a{font-family:"NBGothicb"; color:#ff8912;} .sec07 .info li:nth-child(3) .head a{font-family:"NBGothicb"; color:#4ca9d0;} .sec07 .info li .p1{height:50px; margin-bottom:25px; font-family:"NBGothic"; font-size:18px; color:#393939; line-height:26px;} .sec07 .info li:nth-child(1) .box{padding:5px 0 5px 20px; box-sizing:border-box; border-left:5px solid #5fbc3c; color:#393939; font-size:20px; line-height:35px;} .sec07 .info li:nth-child(2) .box{padding:5px 0 5px 20px; box-sizing:border-box; border-left:5px solid #ff8912; color:#393939; font-size:20px; line-height:35px;} .sec07 .info li:nth-child(3) .box{padding:5px 0 5px 20px; box-sizing:border-box; border-left:5px solid #4ca9d0; color:#393939; font-size:20px; line-height:35px;} .sec07 .info li:nth-child(3) .box span{font-size:14px;} /* 푸터 */ footer{margin-top:-24px; position:relative; z-index: 9;} .foot_bar_top{background:url(/img/foot_bar.png) center top; height:24px;} .foot{background-color:#fff;} .foot_box{position:relative; width:1140px; margin:0 auto; padding:60px 0 80px 35px; overflow:hidden;} .foot_box .others{float:right; overflow:hidden;} .foot_box .others li{float:left; margin-right:20px;} .foot_box .others li:last-child{margin-right:0px;} .foot_box .others a{display:block; width:100%; height:100%;} .foot_box .foot_logo{float:left; margin-right:120px; margin-left:10px;} .foot_box .info{float:left; padding-top:20px; color:#393939;} .foot_box .info p{font-size:15px; line-height:160%; margin-bottom:30px;} .foot_box .info .link a{font-size:15px; color:#393939;} .foot_box .info .link a:hover{color:#5fbc3c;} /* 서브페이지 */ #sub_contents{width:100%; position:relative; z-index:3;} .sub_header_01 .sub_header_bg{width:100%; height:300px; background:url(/img/sub_header_01.jpg) no-repeat center; background-size: cover;} .sub_header_02 .sub_header_bg{width:100%; height:300px; background:url(/img/sub_header_02.jpg) no-repeat center; background-size: cover;} .sub_header_03 .sub_header_bg{width:100%; height:300px; background:url(/img/sub_header_03.jpg) no-repeat center; background-size: cover;} .sub_header_04 .sub_header_bg{width:100%; height:300px; background:url(/img/sub_header_04.jpg) no-repeat center; background-size: cover;} .sub_header_05 .sub_header_bg{width:100%; height:300px; background:url(/img/sub_header_05.jpg) no-repeat center; background-size: cover;} .sub_header_etc .sub_header_bg{width:100%; height:300px; background:url(/img/sub_header_01.jpg) no-repeat center; background-size: cover;} .sub_header_bg .text{width:480px; height:300px; margin:0 auto; background:url(/img/sub_header_text.png) no-repeat center; background-size:contain; } #sub_contents_box{width:1140px; margin:0 auto; overflow:hidden; padding-top:60px;} /* 서브메뉴 */ .submenu_box{float:left; width:210px; margin-bottom: 100px;} .sm_title{margin-bottom:25px; background-color:#8fce69; height:180px; line-height:180px; color:#fff; font-family:"NBGothicb"; font-size:26px; text-align:center;} .sm_title .box{line-height:normal; display: inline-block; vertical-align: middle;} .sm_title p{padding-top:5px; letter-spacing:4px; font-family:"NGothicb"; font-size:16px;} .submenu{margin-bottom:70px;} .submenu .sm01{transition:all 0.3s; background-color:#fff; text-align: center;} .submenu .sm01 a{display: inline-block; width:100%; padding:20px 0; border-bottom:1px dashed #ccc; color: #3b3b3b; font-size: 16px; word-break: keep-all;} .submenu .sm01:hover{background-color:#fdab4b; } .submenu .sm01:hover a{color:#fff;} .submenu .sm02{transition:all 0.3s; background-color:#eee; text-align: center;} .submenu .sm02 a{display: inline-block; width:100%; padding:10px 0; border-bottom:1px dashed #ccc; color: #3b3b3b; font-size: 14px;} .submenu .sm02:hover{background-color:#fdab4b; } .submenu .sm02:hover a{color:#fff;} .submenu_bottom{border-top:3px solid #ccc; border-bottom:3px solid #ccc; padding:20px 0; text-align:center;} .submenu_bottom .call{margin-bottom:20px;} .submenu_bottom .call li{margin-bottom:10px; font-size:18px; color:#555;} .submenu_bottom .call li:nth-child(3){margin-bottom:0px;} .submenu_bottom .call li span{display:inline-block; margin-right:10px; padding:5px; color:#fff;} .submenu_bottom .call li:nth-child(1) span{background:#8fce69;} .submenu_bottom .call li:nth-child(2) span{background:#fdab4b;} .submenu_bottom .call li:nth-child(3) span{background:#53a4cc;} .submenu_bottom .link{display:inline-block; margin-bottom:10px;} .submenu_bottom .link:last-child{margin-bottom:0px;} .submenu_bottom .link img{vertical-align:top;} .page{position:relative; float:right; width:880px; opacity:0; padding-bottom:200px;} /*서브페이지 공통 상단*/ .top_sec{position:relative; min-height:180px; box-sizing:border-box; border-bottom:2px dashed #ccc;} .top_sec .s_title{position:absolute; left:0; top:0; font-family: "NBGothic"; font-size:38px; color:#393939; margin-bottom:30px; padding-top:45px; background:url(/img/s_title.jpg) no-repeat left top;} .top_sec .navi{position:absolute; right:0; top:0; font-family:"NGothic"; font-size:15px; color:#393939;} .top_sec .txt{padding-top: 120px; padding-bottom: 37px; font-size:17px; color:#606060;} /*서브페이지 내용 부분*/ /*서브페이지 공통*/ .cont_box{} /*상단 부분*/ .cont_head{padding-top:80px;} .cont_head img{vertical-align:top;} .cont{padding-top:60px;} /* 레이아웃 */ .section > li{margin-bottom:100px; overflow:hidden;} .section > li:last-child{margin-bottom:0px;} .section > li .left{float:left; width:210px; box-sizing: border-box; word-break:keep-all; padding-right: 20px; font-family:"NBGothic"; font-size:22px; color:#393939;} .section > li .left span{color:#59b224;} .section > li .right{float:left; width:calc(100% - 210px);} /*//서브페이지 공통*/ /* 인사말 */ .m07 .cont img:nth-of-type(1){display:block; margin:0 auto; margin-bottom:30px;} .m07 .cont p:nth-of-type(1){margin-bottom:70px; font-size:16px; line-height:32px; color:#393939; text-align:center; padding:0 50px; word-break:keep-all;} .m07 .cont img:nth-of-type(2){display:block; margin:0 auto; margin-bottom:30px;} .m07 .cont p:nth-of-type(2){margin-bottom:150px; font-size:16px; line-height:32px; color:#393939; text-align:center; padding:0 200px; word-break:keep-all;} .m07 .cont img:nth-of-type(3){display:block; padding-top:0px;} /* 병원연혁 */ .m08 .cont table{width:100%; border-top:5px solid #8fce69;} .m08 .cont table th{vertical-align:top; border-bottom:1px solid #dedede; background-color:#fafafa; padding:20px 0; font-size:18px; color:#ff8b25;} .m08 .cont table td{border-bottom:1px solid #dedede; padding:20px 0; text-align:center; font-size:14px; line-height:24px; color:#393939;} .m08 .cont table td:last-child{text-align:left;} /* 의료진소개 */ .m09 .doc{margin-bottom:150px;} .m09 .cont_head{padding:30px; border:1px solid #ccc; margin:40px 0 40px; } .m09 .doc > li{margin-bottom:100px; overflow:hidden;} .m09 .doc > li:last-child{margin-bottom:0px;} .m09 .doc .txt{float:right; width:calc(100% - 360px); padding:30px 0 0 50px; box-sizing:border-box;} .m09 .doc > li:nth-child(2) .txt{float:left; width:calc(100% - 360px); padding:30px 50px 0 0; box-sizing:border-box;} .m09 .doc .head{border-bottom:1px dashed #ccc; margin-bottom:20px;} .m09 .doc .head h3{display:inline-block; font-family:"NBGothic"; font-size:30px; color:#393939; letter-spacing:10px;} .m09 .doc .head span{display:inline-block; font-family:"NBGothic"; font-size:16px; color:#4eae17; } .m09 .doc .head p{margin:20px 0; font-family:"NBGothic"; font-size:16px; color:#707070;} .m09 .doc .list{ position: relative; font-size:14px; color:#707070; line-height:28px;} .m09 .doc .list .left{float:left; width:50%; margin-bottom: 30px;} .m09 .doc .list .bottom{width: 50%; clear: left;} .m09 .doc .list .right{width: 50%; position: absolute; right: 0; top: 0;} .m09 .doc > li:nth-child(1) ~ li .list .left{float:inherit; width:100%;} .m09 .doc > li:nth-child(1) ~ li .list .bottom{float:inherit; width:100%;} .m09 .etc{overflow:hidden;} .m09 .etc .list{} .m09 .etc .list li{width:calc((100% - 30px)/3); float:left; margin:10px 5px; box-sizing:border-box; text-align:center;} .m09 .etc .list li p{color:#fff; height:40px; line-height:40px; font-size:14px; margin-bottom:10px;} .m09 .etc .list li:nth-child(2n-1) p{background-color:#59b224;} .m09 .etc .list li:nth-child(2n) p{background-color:#ff8817;} /* 비전 */ .m10 .section li:nth-child(1) > .right > p{margin-bottom:40px; line-height:26px; font-size:16px; color:#393939; word-break:keep-all;} .m10 .section li:nth-child(1) > .right > p span{font-weight:bold; font-size:18px; color:#59b224;} .m10 .section li:nth-child(2) > .right li{margin-bottom:25px; font-size:16px; color:#393939;} .m10 .section li:nth-child(2) > .right li:last-child{margin-bottom:0px;} .m10 .section li:nth-child(2) > .right li span{display:inline-block; margin-right:10px; font-family:"NBGothic"; font-style:italic; color:#fdab4b; font-size:24px;} .m10 .section li:nth-child(3) > .right{text-align:left;} /* 진료과목/시간 */ .m11 .section li:nth-child(1) > .right table{width:100%; border-top:5px solid #8fce69;} .m11 .section li:nth-child(1) > .right table th{border-bottom:1px solid #eee; background-color:#fafafa; padding:15px 0; font-family:"NBGothicb"; text-align:center; font-size:18px; color:#393939;} .m11 .section li:nth-child(1) > .right table td{border-bottom:1px solid #eee; border-right:1px solid #eee; padding:15px 0; line-height:25px; text-align:center; font-size:15px; color:#393939;} .m11 .section li:nth-child(1) > .right table td:last-child{border-right:0px;} .m11 .section li:nth-child(2) > .right li{float:left; width:320px; margin-bottom:50px; font-size:18px; color:#393939; text-align:center;} .m11 .section li:nth-child(2) > .right li:nth-child(2n-1){margin-right:calc(100% - 640px);} .m11 .section li:nth-child(2) > .right li:last-child{margin-bottom:0px;} .m11 .section li:nth-child(2) > .right li img{display:block; margin-bottom:15px;} /* 병원둘러보기 */ .m12 .cont{} #gallery{margin-bottom:80px;} .m12 .cont h3{margin-bottom:10px; font-family:"NBGothic"; font-size:22px; color:#393939;} /* 오시는길 */ .m13 #map{position:relative; width:100%; height:420px; margin-top:80px; background:url(/img/map.jpg) no-repeat center;} .m13 #map .mark li{cursor:pointer; background:url(/img/mark.png) no-repeat center; width:34px; height:39px;} .m13 #map .mark li.on{background:url(/img/mark_hover.png) no-repeat center; width:34px; height:39px;} .m13 #map .mark li:nth-child(1){position:absolute; left: 425px; top: 177px;} .m13 #map .mark li:nth-child(2){position:absolute; left: 395px; top: 150px;} .m13 #map .txt{font-size:14px; line-height:20px;} .m13 #map .txt li{display:none; position:absolute; background:#fff; padding:15px;} .m13 #map .txt li.on{display:block;} .m13 #map .txt li:nth-child(1){left: 480px; top: 130px;} .m13 #map .txt li:nth-child(1):before{content: ""; display: block; position: absolute; top: 50%; left: -20px; margin-top: -15px; width: 0; height: 0; border-top: 20px solid transparent; border-right: 20px solid #fff; border-bottom: 20px solid transparent;} .m13 #map .txt li:nth-child(2){left: 330px; top: 30px;} .m13 #map .txt li:nth-child(2):before{content: ""; display: block; position: absolute; bottom: -20px; left: 50%; margin-left: -20px; width: 0; height: 0; border-left: 20px solid transparent; border-top: 20px solid #fff; border-right: 20px solid transparent;} .m13 #map .txt .logo{display:block; margin-bottom:10px; text-align:center;} .m13 #map .txt .logo img{width:100px;} .m13 #map .bottom{transition:all 0.3s; opacity:0; position:absolute; bottom:0; width:100%; padding:10px 0; text-align:center; background-color:rgba(0,0,0,0.6); color:#fff; font-size:15px;} .m13 #map:hover .bottom{opacity:1;} .m13 .other{text-align:center;} .m13 .other li{display:inline-block;} .m13 .other li:nth-child(1){margin-right:30px;} .m13 .other li a{display:inline-block; padding:10px 15px; font-size:16px; color:#fff;} .m13 .other li:nth-child(1) a{background-color:#5eaf2f;} .m13 .other li:nth-child(2) a{background-color:#ff8912;} .m13 .section li table{border-top:5px solid #ccc; width:100%;} .m13 .section li table th{padding:20px 0; border-bottom:1px dashed #ccc; text-align:center; font-size:18px; color:#393939;} .m13 .section li table td{padding:20px 0; border-bottom:1px dashed #ccc; font-size:15px; color:#393939;} .m13 .section li table td .tit_link{text-align:center;} .m13 .section li table td .tit_link a{display:inline-block; border:1px solid #ccc; padding:10px;} .m13 .section li table td .tit_link a:hover{border:1px solid #8fce69; color:#8fce69;} .m13 .section li table td .tit_link a:nth-child(1){margin-right:30px;} .m13 .section li:nth-child(3) p{margin-bottom:20px; font-size:16px; font-family:"NBGothicb";} .m13 .section li:nth-child(3) li{margin-bottom:20px; padding-left:40px;} .m13 .section li:nth-child(3) li:nth-child(1) span{display:inline-block; padding:4px; margin-left: -40px; margin-right:5px; background-color:#5eaf2f; font-size:13px; color:#fff;} .m13 .section li:nth-child(3) li:nth-child(2) span{display:inline-block; padding:4px; margin-left: -40px; margin-right:5px; background-color:#2f65af; font-size:13px; color:#fff;} .m13 .section li:nth-child(3) li:nth-child(3) span{display:inline-block; padding:4px; margin-left: -40px; margin-right:5px; background-color:#5eaf2f; font-size:13px; color:#fff;} /* 비급여 */ .m14 .top_sec .txt{line-height:24px; word-break:keep-all;} .m14 .cont section{margin-bottom:60px;} .m14 .cont h3{margin-bottom:10px; font-size:22px; font-family:"NGothicb"; color: #393939;} .m14 .cont table{width:100%; border-top:5px solid #8fce69; color:#393939;} .m14 .cont thead th{background-color:#eee; padding:15px 0; border-bottom:1px solid #dadada; border-right:1px solid #dadada; font-size:15px; line-height:20px; font-family:"NGothicb";} .m14 .cont thead th:last-child{border-right:0px solid #dadada;} .m14 .cont tbody td{border-bottom:1px solid #dadada; border-right:1px solid #dadada; padding:10px 5px; word-break:keep-all; text-align:center; font-size:13px; line-height:18px;} .m14 .cont tbody td:last-child{border-right:0px solid #dadada;} .m14 .cont tbody td:first-child{border-right:1px solid #dadada;} .m14 .cont tbody td.tit{border-right:1px solid #dadada;} /* 클리닉 */ /* 클리닉 공통 */ /* 세부 탭 메뉴 */ #wrap_tab{position:relative; border-top: 5px solid #eee; padding-top: 50px;} [id^="tab"]{display:none;} [id^="tab"]:nth-of-type(1){display:block;} /* 페이지안 탭메뉴 */ .tab{font-size:0;} .tab li{display:inline-block; margin-top: 10px; margin-right: 10px;} .tab li a{transition:all 0.3s; display:inline-block; padding:10px 30px; background-color:#eee; border-radius:10px 10px 0px 0px; font-size:15px;} .tab li.on a{background-color:#8fce69; color:#fff;} .tab li a:hover{background-color:#8fce69; color:#fff;} /* // 세부 탭 메뉴 */ /* 레이아웃1 */ .layout1{overflow:hidden; margin-top:80px;} .layout1:first-child{margin-top:0px;} .layout1 h4{float:left; width:155px; padding-right:20px; box-sizing:border-box; font-size:18px; line-height:28px; font-family:"NGothicb"; color:#555; word-break:keep-all;} .layout1 > .content{float:left; width:calc(100% - 155px);} .layout1 > .content > p{font-size:15px; line-height:28px; word-break:keep-all;} /* //레이아웃1 */ /* 레이아웃2 */ .layout2{margin-top:80px;} .layout2:first-child{margin-top:0px;} .layout2 h4{margin-bottom:25px; font-size:18px; line-height:24px; font-family:"NGothicb"; color:#555; word-break:keep-all;} .layout2 > .content{} .layout2 > .content > p{font-size:15px; line-height:26px; word-break:keep-all;} /* //레이아웃2 */ /* 레이아웃-1 */ .layout_1{margin-top:30px;} .layout_1 > h5{margin-bottom:15px; font-size:16px; line-height:24px; font-family:"NGothicb"; color:#ff8900; word-break:keep-all;} .layout_1 > p{font-size:15px; line-height:26px; word-break:keep-all;} /* //레이아웃-1 */ /* 리스트1 */ /* 제목들어가고 그밑으로 내용 */ .list01{margin-top:40px;} .list01:first-child{margin-top:0px;} .list01 li{margin-top:20px; font-size:15px; line-height:26px; word-break:keep-all;} .list01 li:first-child{margin-top:0px;} .list01 li p{margin-bottom:10px; color:#ff8900; } /* //리스트1 */ /* 리스트2 */ /* 넘버 옆으로 내용 */ .list02{margin-top:40px;} .list02:first-child{margin-top:0px;} .list02 li{overflow:hidden; margin-top:15px; font-size:15px; line-height:26px; word-break:keep-all;} .list02 li:first-child{margin-top:0px;} .list02 li .num{float:left; width:40px; box-sizing:border-box; background-color:#8fce69; border-bottom:1px solid #ccc; padding:5px 0; color:#fff; text-align:center;} .list02 li .txt{float:left; width:calc(100% - 40px); border-bottom:1px solid #ccc; box-sizing:border-box; padding:5px 0 5px 10px; } /* //리스트2 */ /* 리스트3 */ /* 넘버가 있고 박스로 나열 */ .list03{margin-top:40px; font-size:0px;} .list03:first-child{margin-top:0px;} .list03 li{text-align:center; box-sizing:border-box; border:1px dashed #ccc; vertical-align:top; padding:20px 10px; margin-bottom:30px; display:inline-block; width:30%; margin-right:5%;} .list03 li:nth-child(3n){margin-right:0px;} .list03 li div{display:inline-block; line-height:normal;} .list03 li span{color:#ffb942; font-size:20px; display:inline-block; margin-bottom:10px; word-break:keep-all;} .list03 li p{font-size:15px; word-break:keep-all;} /* //리스트3 */ /* img */ .img01{padding-top:20px;} /* //img */ /* table */ .tb_01{width:100%; border-top:5px solid #8fce69; text-align:center;} .tb_01 thead th{background-color:#eee; padding:10px 10px; border-bottom:1px solid #dadada; border-right:1px solid #dadada; font-size:16px; font-family:"NGothicb";} .tb_01 thead th:last-child{border-right:0px solid #dadada;} .tb_01 tbody td{border-bottom:1px solid #dadada; border-right:1px solid #dadada; padding:10px 10px; text-align:center; font-size:14px; line-height:22px;} .tb_01 tbody td:last-child{border-right:0px solid #dadada;} .tb_01 tbody td:first-child{border-right:1px solid #dadada;} .tb_01 tbody td.tit{border-right:1px solid #dadada;} /* // table */ /*// 클리닉 공통 */ /* 검사항목 */ .m15 .m15_top{margin-bottom: 80px; padding: 30px; border: 5px dashed #eee;} .m15 .m15_top h3{margin-bottom:20px; font-family: "NBGothic"; font-size: 22px; color: #393939; } .m15 .m15_top h3 span{color:#ffa53d; } .m15 .m15_top p{font-size:16px; color:#393939; } .m15 .tb_01 td.t_left{padding-left:15px; text-align:left;} .m15 .tb_01 td{word-break:keep-all;} .m15 #tab04 .list02 li:nth-child(3){word-spacing:-2px;} .m15 .tit_list{} .m15 .tit_list li{text-indent:-15px; padding-left:15px; margin-bottom:10px;} .m15 .tit_list li:last-child{margin-bottom:0px;} /* // 검사항목 */ /* 통증치료 */ .m16 .section > li .left span{display:block;} .m16 .section > li .left span:nth-of-type(1){color:#59b224; margin-bottom:5px;} .m16 .section > li .left span:nth-of-type(2){color:#555; font-size:13px;} /* // 통증치료 */ /* 통증치료안내 */ .m17 .section > li .left span{display:block;} .m17 .section > li .left span:nth-of-type(1){color:#59b224; margin-bottom:5px;} .m17 .section > li .left span:nth-of-type(2){color:#555; font-size:13px;} .m17 .tb_01 td.t_left{padding-left:15px; text-align:left;} .m17 .tb_01 td{word-break:keep-all;} /* // 통증치료안내 */ /* 교통사고 */ .m18 .section > li .left span{display:block;} .m18 .section > li .left span:nth-of-type(1){color:#59b224; margin-bottom:5px;} .m18 .section > li .left span:nth-of-type(2){color:#555; font-size:13px;} .m18 .tit_list li{margin-top:40px;word-break:keep-all;} .m18 .tit_list li:first-child{margin-top:0px;} .m18 .tit_list li p:nth-child(1){margin-bottom:10px; color:#ff8900; font-size:16px; line-height:24px; padding-left:20px; text-indent:-20px; } .m18 .tit_list li p:nth-child(2){font-size:15px; line-height:24px; padding-left:20px; text-indent:-20px; } /* // 교통사고 */ /* 소아낮병동 */ .m19 .tb_01 td.t_left{padding-left:15px; text-align:left;} .m19 .tb_01 td{word-break:keep-all;} .m19 .t_list li{margin-top:15px; text-indent: -15px; padding-left: 15px;} .m19 .t_list li:first-child{margin-top:0px;} .m19 .layout2:last-child .t_p{font-size:18px;} .m19 .layout2:last-child .t_p span{display:inline-block; padding:3px 5px; margin-right:10px; color:#fff; background-color:#ff971e;} /* // 소아낮병동 */ /* 소아재활치료안내 */ /* // 소아재활치료안내 */ /* 사회복지프로그램 */ .m21 .tb_01 td:last-child{padding:15px; text-align:left;} .m21 .layout2:nth-child(6) .tb_01{margin-top:10px;} /* // 사회복지프로그램 */ /*// 클리닉 */ /* 환자권리장전 */ .patient{color:#393939; line-height:22px;} .patient .parag1{margin-bottom:50px;} .patient .parag2{margin-bottom:30px; padding-left:20px;} .patient .parag3{margin-bottom:20px; padding-left:20px; font-size:15px; line-height:22px;} .patient div[class^=para]:last-child{margin-bottom:0;} .patient h3{margin-bottom:20px; font-size:18px;} .patient h3:last-child{margin-bottom:0;} .patient h4{margin-bottom:15px; font-size:16px;} .patient h4:last-child{margin-bottom:0;} /* 환자권리장전 */ /* 서브페이지 하단바 */ .sub_bar_bottom{background:url(/img/sub_bar_b.png) no-repeat center top; height:12px;} /* 서브페이지 pallax */ /* .pallax{margin-top: -12px; position: relative; z-index: 1; position:relative; width:100%; height:500px; background-image: url(/img/pallax.jpg); background-repeat:no-repeat; background-position:center center; background-size: cover;} .pallax .text{width:100%; height:500px; background:url(/img/pallax_text.png) no-repeat center; background-attachment:fixed;} */ /*로그인css*/ .login{} .login .login_inner{text-align:center; width:100%; margin:0 auto; padding:75px 0 0; border-top:10px solid #eee;} .login .txt{line-height:normal;} .login .txt p{font-size:50px; color:#59b124; margin-bottom:40px;} .login .txt p span{display:block; color:#393939; font-size:16px; padding-top:15px; letter-spacing: 0px;} .login .input table{width:50%; margin:0 auto; text-align:left; border:1px solid #ccc; border-bottom:0;} .login .input table td:nth-child(1){width:10%; padding:15px 20px; border-bottom:1px solid #ccc;} .login .input table td:nth-child(2){width:90%; padding:15px 10px; border-bottom:1px solid #ccc;} .login .input table td input{width:100%; border:0; outline:0; font-size:13px;} .login .input label{font-size:13px; padding-right:10px;} .login .btn_login { width:50%; margin:20px auto 0; background-color:#7c7c7c; font-size:16px; } .login .btn_login a { color:#FFF; display:block; height:35px; line-height:35px; } .login .btn_login a:hover { color:#FFF; background-color:#59b124;} /*사이트맵 */ .smap_box {padding-top: 60px; margin:0 auto; width:95%; font-size:0;} .smap_box .smap1{ vertical-align: top; width:50%; display:inline-block; margin-bottom:50px; min-height:200px; text-align:center;} .smap_box .smap1 a:hover{ color:#59b224;} .smap_box .tit_01{font-size:20px; padding-bottom:20px; color:#59b224; width:45%; margin:0 auto; margin-bottom:20px; border-bottom: 1px dashed #ddd;} .smap_box .list > li {margin-bottom:22px; } .smap_box .list > li > a{font-size:16px; color:#585858;} /*//사이트맵 */ } @media (min-width:768px) and (max-width:1023px) {/* 최소 768 ~ 1023 */ #wrapper {height:100%; width:100%; position:relative; background-color:#ffffff; overflow: hidden;} header.firstheader {position: fixed; z-index: 100; width:100%; background: #fff; } .top_box_wrap{margin-bottom:20px; width:100%; box-sizing: border-box; background: #fff; box-sizing: border-box; border-bottom:1px solid #dadada;} .top_box{position:relative; width:100%; margin:0 auto;} .sns_box {text-align:center; font-size:0; border-bottom: 1px solid #dadada; } .sns_box li{display:inline-block; height:30px; line-height:30px; padding:0 10px; border-left:1px solid #dadada;} .sns_box li:last-child{border-right:1px solid #dadada;} .sns_box li img{vertical-align:sub; margin-right:2px;} .sns_box li a{color:#393939; font-size:12px;} .sns_box li a:hover{color:#4b9919;} .login_box {text-align:center; font-size:0px;} .login_box a {text-align:center; color:#393939; font-size:11px; height:30px; line-height:30px; padding:0 10px; display:inline-block; border-left:1px solid #dadada;} .login_box a:last-child {border-right:1px solid #dadada;} .login_box a:hover {color:#4b9919;} .middle_box_wrap{} #logo_box{position:relative; width:100%;} #logo{position:absolute; left: 20px; top: 65px; z-index:2;} #logo a{display:inline-block;} #logo img{transition:all 0.3s; vertical-align:top;} #sb-btn img {display:none;} .calling {display:none;} .top_menu{display:none;} /* 퀵배너 */ /* .quick{display:none;} */ #contents { width:100%; position:relative; } .container { position:relative; width:100%;} /* 섹션1 */ .sec01{margin-top:-12px; position:relative; z-index: 2;} .sec01_bar_top{background:url(/img/sec04_bar.png) center top; height:12px;} .sec01_bar_bottom{background:url(/img/sec01_bar_b.png) center top; height:12px;} .sec01_bg{position:relative; background-image: linear-gradient(white,#dff5d2); padding:50px 0 100px;} .sec01_bg:before{ content: "IJUN CLINIC"; display: inline-block; font-size: 200px; font-weight:bold; letter-spacing:-5px; line-height:100%; color: #d4ebc5; position: absolute; z-index:0; right: 10px; bottom: 10px; width: 50%; text-align: right; } .sec01_box{} .sec01_box .title{width:100%; background:url(/img/sec_title.png) no-repeat center top; background-size:120px; margin:0 auto; padding-top:30px;} .sec01_box .title .t1{font-size:30px; color:#393939; font-family:"NBGothicb"; text-align:center;} .sec01_box .title .t1 span{color:#4b9919;} .sec01_box .title .t2{font-size:12px; color:#6f6f6f; font-family:"NBGothic"; text-align:center; letter-spacing: 12px; padding-top:7px;} .sec01 ul{position:relative; z-index:2; width:95%; margin:0 auto; padding-top:50px;} .sec01 ul:after{clear:both; content:""; display:block;} .sec01 ul li{transition:all 0.5s; float:left; width:22%; margin-right:4%; box-shadow:0px 9px 15px -2px #969696;} .sec01 ul li:last-child{margin-right:0;} .sec01 ul li:hover{transform:scale(1.1);} .sec01 ul li:nth-child(1) .img{height:120px; background:url(/img/sec01_img_01.jpg) no-repeat center top; background-size:cover; } .sec01 ul li:nth-child(2) .img{height:120px; background:url(/img/sec01_img_02.jpg) no-repeat center top; background-size:cover;} .sec01 ul li:nth-child(3) .img{height:120px; background:url(/img/sec01_img_03.jpg) no-repeat center top; background-size:cover;} .sec01 ul li:nth-child(4) .img{height:120px; background:url(/img/sec01_img_04.jpg) no-repeat center top; background-size:cover;} .sec01 ul li .txt{position:relative; height:170px; background:#fff;} .sec01 ul li:nth-child(1) .txt .icon{position:absolute; top:-35px; left:50%; margin-left:-35px; width:70px; height:70px; background:url(/img/sec01_icon_01.png) no-repeat center top; background-size:cover; } .sec01 ul li:nth-child(2) .txt .icon{position:absolute; top:-35px; left:50%; margin-left:-35px; width:70px; height:70px; background:url(/img/sec01_icon_02.png) no-repeat center top; background-size:cover; } .sec01 ul li:nth-child(3) .txt .icon{position:absolute; top:-35px; left:50%; margin-left:-35px; width:70px; height:70px; background:url(/img/sec01_icon_03.png) no-repeat center top; background-size:cover; } .sec01 ul li:nth-child(4) .txt .icon{position:absolute; top:-35px; left:50%; margin-left:-35px; width:70px; height:70px; background:url(/img/sec01_icon_04.png) no-repeat center top; background-size:cover; } .sec01 ul li .txt p:nth-of-type(1){color:#393939; font-size:16px; font-family:"NBGothic"; padding:40px 0 15px; text-align:center;} .sec01 ul li .txt p:nth-of-type(2){color:#393939; font-size:13px; line-height:18px; font-family:"NBGothic"; padding:0 10px; text-align:center; word-break:keep-all;} /* 섹션2 */ .sec02{margin-top: -12px; position: relative; z-index: 1;} .sec02_bg{height:500px; background-image:url(/img/sec02_bg.jpg); background-color:#fff; background-size:cover; background-position:right bottom; background-repeat:no-repeat; } .sec02_box{position:relative; overflow:hidden; opacity:1; width:95%; height:100%; margin:0 auto;} .sec02_box .txt{padding-top:100px; float:left; width:50%;} .sec02_box .txt p:nth-child(1){font-family:"NGothicb"; font-size:16px; color:#393939;} .sec02_box .txt p:nth-child(1) span{display:block; padding:5px 0 15px; font-family:"NBGothicb"; font-size:28px; color:#ff7a00;} .sec02_box .txt p:nth-child(2){font-family:"NGothic"; font-size:16px; line-height:26px; word-break:keep-all; color:#393939; font-weight:bold;} .sec02_box .img{float:left; width:50%; height:100%; background:url(/img/sec02_img_01.png) no-repeat center bottom; background-size:contain;} /* 섹션3 */ .sec03{margin-top: -12px; position: relative; z-index: 4;} .sec03_bar_top{background:url(/img/sec03_bar.png) center top; height:12px;} .sec03_bg{padding:50px 0 100px; background:url(/img/sec03_bg.png) no-repeat center top; } .sec03_box{} .sec03_box .title{width:100%; background:url(/img/sec_title_w.png) no-repeat center top; background-size:120px; margin:0 auto; padding-top:30px;} .sec03_box .title .t1{font-size:30px; color:#fff; font-family:"NBGothicb"; text-align:center;} .sec03_box .title .t1 span{color:#fff;} .sec03_box .title .t2{font-size:12px; color:#fff; font-family:"NBGothic"; text-align:center; letter-spacing: 12px; padding-top:7px;} .sec03_box .txt{width:90%; margin:0 auto; padding:30px 0; box-sizing:border-box; text-align:center; color:#fff; font-size:15px; line-height:25px; word-break:keep-all;} /* SLIDE S*/ #slides {z-index: 50; width: 95%; margin: 0 auto; position: relative; padding: 0 40px; box-sizing: border-box;} .slides_container {width:450px; overflow:hidden; position:relative; } .slides_container a {width:400px; height:400px; display:block; } .slides_container a:nth-child(1){background:url(/img/process_01.jpg) no-repeat; background-size:cover; } .slides_container a:nth-child(2){background:url(/img/process_02.jpg) no-repeat; background-size:cover; } .slides_container a:nth-child(3){background:url(/img/process_03.jpg) no-repeat; background-size:cover; } .slides_container a:nth-child(4){background:url(/img/process_04.jpg) no-repeat; background-size:cover; } .slides_container a:nth-child(5){background:url(/img/process_05.jpg) no-repeat; background-size:cover; } .slides_container a:nth-child(6){background:url(/img/process_06.jpg) no-repeat; background-size:cover; } /*SLIDE 으론쪽 텍스트*/ .slides_txt{position:absolute; top:50%; margin-top:-170px; right:50px; width:350px; height:340px; z-index:999;} .slides_txt li{transition:all 1s; opacity:0; position:absolute; left:0; width:100%; height:100%; padding:20px 15px; box-sizing:border-box; background:rgba(255, 255, 255, 0.9);} .slides_txt li.on{opacity:1; z-index:1;} .slides_txt li .p1{margin-bottom:5px; color:#4b9919; font-size:14px; font-family:"NBGothicb";} .slides_txt li .p2{color:#393939; font-size:25px; font-family:"NBGothicb";} .slides_txt li .p2:after{content:""; display:block; width:30px; height:1px; background-color:#4b9919; margin:20px 0;} .slides_txt li .p3{color:#393939; font-size:14px; line-height:24px; font-family:"NGothic"; word-break:keep-all;} .slides_txt li .go{position:absolute; bottom:20px; left:20px; color:#393939; font-size:16px; font-family:"NGothicb";} .slides_txt li .go span{transition:all 0.3s; font-size:14px; vertical-align: unset;} .slides_txt li .go:hover{color:#4b9919!important;} .slides_txt li .go:hover span{padding-left:5px;} /*//SLIDE 으론쪽 텍스트*/ /*SLIDE 버튼*/ .pagination {position: absolute; right: 50%; bottom:-50px; width:200px; margin-right:-100px; text-align:center; z-index: 500;} .pagination li { display:inline-block; padding:0 5px; list-style:none; } .pagination li a {border-radius:50%; background:#fff; display:block; width:10px; height:0px; padding-top:10px; float:left; overflow:hidden; } .pagination li.current a {background:#57b123;} .prev{position: absolute; left:0; top:50%; margin-top:-27px; font-size:0; width:25px; height:40px; background:url(/img/arrows_01.png) no-repeat left center; background-size:cover;} .next{position: absolute; right:0; top:50%; margin-top:-27px; font-size:0; width:25px; height:40px; background:url(/img/arrows_01.png) no-repeat right center; background-size:cover;} /*//SLIDE 버튼 */ /* 섹션4 */ .sec04{margin-top:-12px; position:relative; z-index: 5;} .sec04_bar_top{background:url(/img/sec04_bar.png) center top; height:12px;} .sec04_bg{background-color:#fff; padding:50px 0 100px;} .sec04_bar_bottom{background:url(/img/sec04_bar_b.png) center top; height:12px;} .sec04_bg:before{ content: "IJUN QUICK"; display: inline-block; font-size:200px; font-weight:bold; letter-spacing:-10px; line-height:100%; color: #efefef; position: absolute; left: 10px; bottom: 10px; text-align:right; z-index: 0; width: 50%; text-align: left; } .sec04_box{opacity:1;} .sec04_box .title{width:100%; background:url(/img/sec_title.png) no-repeat center top; background-size:120px; margin:0 auto; padding-top:30px;} .sec04_box .title .t1{font-size:30px; color:#393939; font-family:"NBGothicb"; text-align:center;} .sec04_box .title .t1 span{color:#4b9919;} .sec04_box .title .t2{font-size:12px; color:#6f6f6f; font-family:"NBGothic"; text-align:center; letter-spacing: 12px; padding-top:7px;} .sec04 ul{ position:relative; z-index: 5; width:95%; margin:0 auto; padding-top:50px;} .sec04 ul:after{clear:both; content:""; display:block;} .sec04 ul li{overflow:hidden; width:48%; height:200px; transition:all 0.3s; float:left; margin-bottom:20px; border-radius: 15px;} .sec04 ul li:nth-child(1){float:left;} .sec04 ul li:nth-child(2){float:right;} .sec04 ul li:nth-child(3){float:left;} .sec04 ul li:nth-child(4){float:right;} .sec04 ul li:nth-child(5){float:left;margin-bottom:0px;} .sec04 ul li:nth-child(6){float:right; margin-bottom:0px;} .sec04 ul li a{transition:all 0.3s; display:inline-block; width:100%; height:100%;} .sec04 ul li:nth-child(1) a{background:url(/img/sec04_img_01.jpg) no-repeat center; background-size:140%;} .sec04 ul li:nth-child(2) a{background:url(/img/sec04_img_02.jpg) no-repeat center; background-size:140%;} .sec04 ul li:nth-child(3) a{background:url(/img/sec04_img_03.jpg) no-repeat center; background-size:140%;} .sec04 ul li:nth-child(4) a{background:url(/img/sec04_img_04.jpg) no-repeat center; background-size:140%;} .sec04 ul li:nth-child(5) a{background:url(/img/sec04_img_05.jpg) no-repeat center; background-size:140%; margin-bottom:0px;} .sec04 ul li:nth-child(6) a{background:url(/img/sec04_img_06.jpg) no-repeat center; background-size:140%; margin-bottom:0px;} .sec04 ul li .bg{transition:all 0.3s; position:relative; height:100%; background:rgba(0,0,0,0.5)} .sec04 ul li .bg > p{transition:all 0.3s; color:#fff; text-align:center; padding-top:75px; font-size:25px; font-family:"NBGothicb";} .sec04 ul li .bg > p span{display:block; color:#fff; padding-top:10px; font-size:16px; font-family:"NGothic";} .sec04 ul li .eq{transition:all 0.3s; opacity:0; position:absolute; left:0; top:0; width:100%; height:100%; background:url(/img/eq_hover.png) no-repeat center;} .sec04 ul li:hover a{transform:scale(1.1);} .sec04 ul li:hover .bg{background:rgba(0,0,0,0.7)} .sec04 ul li:hover .bg p{opacity:0;} .sec04 ul li:hover .eq{opacity:1;} /* 섹션5 */ .sec05{margin-top:-12px; position:relative; z-index: 4;} .sec05_bg{background-color:#d7ffca; padding:50px 0 100px; background:url(/img/sec05_bg.jpg) center no-repeat; background-size:cover; background-attachment: fixed;} .sec05_bar_bottom{background:url(/img/sec05_bar_b.png) center top; height:12px;} .sec05_box{opacity:1;} .sec05_box .title{width:100%; background:url(/img/sec_title_w.png) no-repeat center top; background-size:120px; margin:0 auto; padding-top:30px;} .sec05_box .title .t1{font-size:30px; color:#fff; font-family:"NBGothicb"; text-align:center;} .sec05_box .title .t1 span{color:#fff;} .sec05_box .title .t2{font-size:12px; color:#fff; font-family:"NBGothic"; text-align:center; letter-spacing: 12px; padding-top:7px;} .board{overflow:hidden; width:95%; margin:0 auto; padding-top:50px;} .sec05 .button_box{border:1px solid #ccc; box-sizing:border-box; overflow:hidden;} .sec05 .button_box li{transition:all 0.3s; float:left; width:50%; height:45px; line-height:45px; background-color:#a6e093; text-align:center;} .sec05 .button_box li.on{background-color:#fff;} .sec05 .button_box li a{display:inline-block; width:100%; height:100%;} .sec05 .button_box li .head{display:inline-block; vertical-align:middle; padding-right:10px; color:#fff; font-family:"NBGothicb"; font-size:18px;} .sec05 .button_box li.on .head{color:#393939;} .sec05 .button_box li .img{vertical-align:middle;} .sec05 .button_box li.on .img{display:inline-block; width:25px; height:25px; background:url(/img/more_hover.png) no-repeat center; background-size:cover;} .sec05 .button_box li .img{display:inline-block; width:25px; height:25px; background:url(/img/more.png) no-repeat center; background-size:cover;} .sec05 .list_box{overflow:hidden; background:#fff;} .sec05 .list_box .list{display:none; border:1px solid #ccc; border-top:0px; box-sizing:border-box;} .sec05 .list_box .list:nth-child(1){display:block;} .sec05 .list_box .list p{border-bottom:1px dashed #ccc; display:block; font-size:16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding:15px;} .sec05 .list_box .list p:last-child{border-bottom:0px;} /* 섹션6 */ .sec06{margin-top: -12px; position: relative; z-index: 7; position:relative; width:100%; height:300px; background-image: url(/img/sec06_img.jpg); background-repeat:no-repeat; background-position:center center; background-size: cover;} .sec06 .text{width:100%; height:300px; background:url(/img/sec06_text.png) no-repeat center; background-attachment:fixed; background-size: 1200px;} /* 섹션7 */ .sec07{margin-top:-12px; position:relative; z-index: 8;} .sec07_bar_top{background:url(/img/sec07_bar.png) center top; height:12px;} .sec07_bg{background-color:#fff; padding:50px 0 100px;} .sec07_box{opacity:1;} .sec07_box .title{width:100%; background:url(/img/sec_title.png) no-repeat center top; background-size:120px; margin:0 auto; padding-top:30px;} .sec07_box .title .t1{font-size:30px; color:#393939; font-family:"NBGothicb"; text-align:center;} .sec07_box .title .t1 span{color:#4b9919;} .sec07_box .title .t2{font-size:12px; color:#6f6f6f; font-family:"NBGothic"; text-align:center; letter-spacing: 12px; padding-top:7px;} .sec07 .map{width:95%; height:300px; margin:0 auto; margin-top:50px; background:url(/img/sec07_map.jpg) no-repeat center; background-size:cover; border-radius: 15px;} .sec07 .map a{display:inline-block; width:100%; height:100%;} .sec07 .info{overflow:hidden; width:95%; margin:0 auto; padding-top:40px; } .sec07 .info li{float:left; width:32%;} .sec07 .info li:nth-child(2){margin:0 2%;} .sec07 .info li .head{margin-bottom:20px; font-size:25px; font-family:"NBGothic"; color:#393939;} .sec07 .info li:nth-child(1) .head a{display:block; padding-top:5px; font-family:"NBGothicb"; color:#5fbc3c;} .sec07 .info li:nth-child(2) .head a{display:block; padding-top:5px; font-family:"NBGothicb"; color:#ff8912;} .sec07 .info li:nth-child(3) .head a{display:block; padding-top:5px; font-family:"NBGothicb"; color:#4ca9d0;} .sec07 .info li .p1{height:60px; margin-bottom:25px; font-family:"NBGothic"; font-size:15px; color:#393939; line-height:24px;} .sec07 .info li:nth-child(1) .box{padding:2px 0 2px 10px; box-sizing:border-box; border-left:5px solid #5fbc3c; color:#393939; font-size:15px; line-height:25px;} .sec07 .info li:nth-child(2) .box{padding:2px 0 2px 10px; box-sizing:border-box; border-left:5px solid #ff8912; color:#393939; font-size:15px; line-height:25px;} .sec07 .info li:nth-child(3) .box{padding:2px 0 2px 10px; box-sizing:border-box; border-left:5px solid #4ca9d0; color:#393939; font-size:15px; line-height:25px;} .sec07 .info li:nth-child(3) .box span{position: relative; font-size: 12px; left: 0px; top: -3px; display: inline-block;} /* 푸터 */ footer{margin-top:-24px; position:relative; z-index: 9;} .foot_bar_top{background:url(/img/foot_bar.png) center top; height:24px;} .foot{background-color:#fff;} .foot_box{position:relative; width:100%; margin:0 auto; padding:40px 20px 60px 20px; text-align:center;} .foot_box .others{text-align:center; font-size:0; margin-bottom:50px;} .foot_box .others li{display:inline-block; margin-right:20px;} .foot_box .others li:last-child{margin-right:0px;} .foot_box .others a{display:block; width:100%; height:100%;} .foot_box .others a img{height:100%;} .foot_box .foot_logo{display:inline-block; margin-bottom:30px;} .foot_box .info{color:#393939;} .foot_box .info p{font-size:14px; line-height:160%; margin-bottom:30px;} .foot_box .info .link a{font-size:14px; color:#393939;} .foot_box .info .link a:hover{color:#5fbc3c;} /* 서브페이지 */ #sub_contents{width:100%; position:relative; z-index:3;} .sub_header_01 .sub_header_bg{width:100%; height:200px; background:url(/img/sub_header_01.jpg) no-repeat center;} .sub_header_02 .sub_header_bg{width:100%; height:200px; background:url(/img/sub_header_02.jpg) no-repeat center;} .sub_header_03 .sub_header_bg{width:100%; height:200px; background:url(/img/sub_header_03.jpg) no-repeat center;} .sub_header_04 .sub_header_bg{width:100%; height:200px; background:url(/img/sub_header_04.jpg) no-repeat center;} .sub_header_05 .sub_header_bg{width:100%; height:200px; background:url(/img/sub_header_05.jpg) no-repeat center;} .sub_header_etc .sub_header_bg{width:100%; height:200px; background:url(/img/sub_header_01.jpg) no-repeat center;} .sub_header_bg .text{width:300px; height:200px; margin:0 auto; background:url(/img/sub_header_text.png) no-repeat center; background-size:contain; } #sub_contents_box{width:95%; margin:0 auto; overflow:hidden; padding-top:40px;} /* 서브메뉴 */ .submenu_box{float:left; width:20%;} .sm_title{margin-bottom:15px; background-color:#8fce69; height:120px; line-height:120px; color:#fff; font-family:"NBGothicb"; font-size:18px; text-align:center;} .sm_title .box{line-height:normal; display: inline-block; vertical-align: middle;} .sm_title p{padding-top:3px; letter-spacing:3px; font-family:"NGothicb"; font-size:12px;} .submenu{margin-bottom:40px;} .submenu .sm01{transition:all 0.3s; background-color:#fff; text-align: center;} .submenu .sm01 a{display: inline-block; width:100%; padding:10px 0; border-bottom:1px dashed #ccc; color: #3b3b3b; font-size: 13px; word-break: keep-all;} .submenu .sm01:hover{background-color:#fdab4b; } .submenu .sm01:hover a{color:#fff;} .submenu .sm02{transition:all 0.3s; background-color:#eee; text-align: center;} .submenu .sm02 a{display: inline-block; width:100%; padding:5px 0; border-bottom:1px dashed #ccc; color: #3b3b3b; font-size: 12px;} .submenu .sm02:hover{background-color:#fdab4b; } .submenu .sm02:hover a{color:#fff;} .submenu_bottom{border-top:2px solid #ccc; border-bottom:2px solid #ccc; padding:20px 0; text-align:center;} .submenu_bottom .call{margin-bottom:20px;} .submenu_bottom .call li{margin-bottom:15px; font-size:14px; color:#555;} .submenu_bottom .call li:nth-child(3){margin-bottom:0px;} .submenu_bottom .call li span{display:block; margin-bottom:5px; padding:5px; color:#fff;} .submenu_bottom .call li:nth-child(1) span{background:#8fce69;} .submenu_bottom .call li:nth-child(2) span{background:#fdab4b;} .submenu_bottom .call li:nth-child(3) span{background:#53a4cc;} .submenu_bottom .link{display:inline-block; margin-bottom:10px;} .submenu_bottom .link:last-child{margin-bottom:0px;} .submenu_bottom .link img{vertical-align:top;} .page{position:relative; float:right; width:75%; opacity:0; padding-bottom:150px;} /*서브페이지 공통 상단*/ .top_sec{position:relative; min-height:120px; box-sizing:border-box; border-bottom:1px dashed #ccc;} .top_sec .s_title{position:absolute; left:0; top:0; font-family: "NBGothic"; font-size:25px; color:#393939; padding-top:30px; background:url(/img/s_title.jpg) no-repeat left top; background-size:20px;} .top_sec .navi{position:absolute; right:0; top:0; font-family:"NGothic"; font-size:13px; color:#393939;} .top_sec .txt{padding-top:80px; padding-bottom:23px; font-size:14px; color:#606060;} /*서브페이지 내용 부분*/ /*서브페이지 공통*/ .cont_box{} /*상단 부분*/ .cont_head{padding-top:40px;} .cont_head img{vertical-align:top;} .cont{padding-top:50px;} /*레이아웃 */ .section > li{margin-bottom:80px; overflow:hidden;} .section > li:last-child{margin-bottom:0px;} .section > li .left{float:left; width:120px; padding-right:15px; box-sizing: border-box; font-family:"NBGothic"; font-size:18px; color:#393939;} .section > li .left span{color:#59b224;} .section > li .right{float:left; width:calc(100% - 120px);} /*//서브페이지 공통*/ /* 인사말 */ .m07 .cont img:nth-of-type(1){display:block; height:30px; margin:0 auto; margin-bottom:20px;} .m07 .cont p:nth-of-type(1){margin-bottom:40px; font-size:14px; line-height:28px; color:#393939; text-align:center; padding:0 50px; word-break:keep-all;} .m07 .cont img:nth-of-type(2){display:block; height:30px; margin:0 auto; margin-bottom:20px;} .m07 .cont p:nth-of-type(2){margin-bottom:100px; font-size:14px; line-height:28px; color:#393939; text-align:center; padding:0 100px; word-break:keep-all;} .m07 .cont img:nth-of-type(3){display:block;} /* 병원연혁 */ .m08 .cont table{width:100%; border-top:5px solid #8fce69;} .m08 .cont table th{vertical-align:top; border-bottom:1px solid #dedede; background-color:#fafafa; padding:12px 0; font-size:16px; color:#ff8b25;} .m08 .cont table td{border-bottom:1px solid #dedede; padding:12px 0; text-align:center; font-size:14px; color:#393939;} .m08 .cont table td:last-child{text-align:left;} /* 의료진소개 */ .m09 .doc{margin-bottom:100px;} .m09 .cont_head{padding:20px; border:1px solid #ccc; margin:20px 0 20px; } .m09 .doc > li{margin-bottom:80px; overflow:hidden;} .m09 .doc > li:last-child{margin-bottom:0px;} .m09 .doc .img{width:230px;} .m09 .doc .txt{float:right; width:calc(100% - 230px); padding:15px 0 0 15px; box-sizing:border-box;} .m09 .doc > li:nth-child(2) .txt{float:left; width:calc(100% - 230px); padding:15px 15px 0 0; box-sizing:border-box;} .m09 .doc .head{border-bottom:1px dashed #ccc; margin-bottom:15px;} .m09 .doc .head h3{display:inline-block; font-family:"NBGothic"; font-size:24px; color:#393939; letter-spacing:5px;} .m09 .doc .head span{display:inline-block; font-family:"NBGothic"; font-size:14px; color:#4eae17; } .m09 .doc .head p{margin:15px 0; font-family:"NBGothic"; font-size:14px; color:#707070;} .m09 .doc .list{font-size:14px; color:#707070; line-height:28px;} .m09 .doc .list .left{margin-bottom: 10px;} .m09 .doc .list .bottom{margin-bottom: 10px;} .m09 .doc .list .right{} .m09 .etc{overflow:hidden;} .m09 .etc .list{} .m09 .etc .list li{width:calc((100% - 30px)/3); float:left; margin:10px 5px; box-sizing:border-box; text-align:center;} .m09 .etc .list li p{color:#fff; height:40px; line-height:40px; font-size:14px; margin-bottom:10px;} .m09 .etc .list li:nth-child(2n-1) p{background-color:#59b224;} .m09 .etc .list li:nth-child(2n) p{background-color:#ff8817;} .m09 .etc .list:nth-child(4) li:nth-child(8){ margin-top:10px; margin-bottom: 10px; background-color:#ff8817; border-bottom: 0px; height: 35px; line-height: 35px; font-size: 14px; color: #fff; } .m09 .etc .list:nth-child(4) li:nth-child(14){ margin-top:10px; margin-bottom: 10px; background-color:#ff8817; border-bottom: 0px; height: 35px; line-height: 35px; font-size: 14px; color: #fff; } /* 비전 */ .m10 .section li:nth-child(1) > .right > p{margin-bottom:30px; line-height:22px; font-size:14px; color:#393939; word-break:keep-all;} .m10 .section li:nth-child(1) > .right > p span{font-weight:bold; font-size:16px; color:#59b224;} .m10 .section li:nth-child(2) > .right li{margin-bottom:20px; font-size:14px; color:#393939;} .m10 .section li:nth-child(2) > .right li:last-child{margin-bottom:0px;} .m10 .section li:nth-child(2) > .right li span{display:inline-block; margin-right:5px; font-family:"NBGothic"; font-style:italic; color:#fdab4b; font-size:18px;} .m10 .section li:nth-child(3) > .right{text-align:left;} .m10 .section li:nth-child(3) > .right img{width:350px;} /* 의료진소개 */ .m08 .cont{padding-top:40px;} .m09 .cont_head{padding:20px; border:1px solid #ccc; margin:20px 0 20px; } .m08 .name{margin-bottom:60px; color:#393939; font-family:"NGothicb"; text-align:center;} .m08 .name:before{content:""; display:block; width:130px; height:4px; margin:0 auto; margin-bottom:15px; background-color:#d24567;} .m08 .name p:nth-child(1){padding-bottom:5px; font-size:22px;} .m08 .name p:nth-child(2){font-size:30px;} .m08 .name p:nth-child(2) span{color:#d24567;} .m08 .brief{width:80%; margin:0 auto; overflow:hidden; text-align:center;} .m08 .brief > li{float:left; width:50%;} .m08 .brief > li p{color:#393939; font-family:"NGothicb"; font-size:22px; margin-bottom:20px;} .m08 .brief > li p:before{content:""; display:block; width:35px; height:4px; margin:0 auto; margin-bottom:10px; background-color:#a3a3a3;} .m08 .brief ul li{color:#393939; font-size:16px; margin-bottom:16px;} /* 진료과목/시간 */ .m11 .section li:nth-child(1) > .right table{width:100%; border-top:5px solid #8fce69;} .m11 .section li:nth-child(1) > .right table th{border-bottom:1px solid #eee; background-color:#fafafa; padding:12px 0; font-family:"NBGothicb"; text-align:center; font-size:16px; color:#393939;} .m11 .section li:nth-child(1) > .right table td{border-bottom:1px solid #eee; border-right:1px solid #eee; padding:12px 0; line-height:20px; text-align:center; font-size:14px; color:#393939;} .m11 .section li:nth-child(1) > .right table td:last-child{border-right:0px;} .m11 .section li:nth-child(2) > .right li{float:left; width:45%; margin-bottom:30px; font-size:14px; color:#393939; text-align:center;} .m11 .section li:nth-child(2) > .right li:nth-child(2n-1){margin-right:10%;} .m11 .section li:nth-child(2) > .right li:last-child{margin-bottom:0px;} .m11 .section li:nth-child(2) > .right li img{display:block; margin-bottom:10px; font-family:"NBGothic";} /* 병원둘러보기 */ .m12 .cont{} #gallery{margin-bottom:50px;} .m12 .cont h3{margin-bottom:10px; font-family:"NBGothic"; font-size:18px; color:#393939;} /* 오시는길 */ .m13 #map{position: relative; width: 100%; height: 350px; margin-top: 40px; background: url(/img/map.jpg) no-repeat; background-position: -100px -50px;} .m13 #map .mark li{cursor:pointer; background:url(/img/mark.png) no-repeat center; width:34px; height:39px;} .m13 #map .mark li.on{background:url(/img/mark_hover.png) no-repeat center; width:34px; height:39px;} .m13 #map .mark li:nth-child(1){position:absolute; left: 325px; top: 127px;} .m13 #map .mark li:nth-child(2){position:absolute; left: 296px; top: 102px;} .m13 #map .txt{font-size:14px; line-height:20px;} .m13 #map .txt li{display:none; position:absolute; background:#fff; padding:15px;} .m13 #map .txt li.on{display:block;} .m13 #map .txt li:nth-child(1){left: 377px; top: 86px;} .m13 #map .txt li:nth-child(1):before{content: ""; display: block; position: absolute; top: 50%; left: -20px; margin-top: -15px; width: 0; height: 0; border-top: 15px solid transparent; border-right: 20px solid #fff; border-bottom: 15px solid transparent;} .m13 #map .txt li:nth-child(2){left: 105px; top: 65px;} .m13 #map .txt li:nth-child(2):before{content: ""; display: block; position: absolute; right: -20px; top: 50%; margin-top: -15px; width: 0; height: 0; border-top: 15px solid transparent; border-left: 20px solid #fff; border-bottom: 15px solid transparent;} .m13 #map .txt .logo{display:block; margin-bottom:10px; text-align:center;} .m13 #map .txt .logo img{width:100px;} .m13 #map .bottom{transition:all 0.3s; opacity:0; position:absolute; bottom:0; width:100%; padding:10px 0; text-align:center; background-color:rgba(0,0,0,0.6); color:#fff; font-size:14px;} .m13 #map:hover .bottom{opacity:1;} .m13 .other{text-align:center;} .m13 .other li{display:inline-block;} .m13 .other li:nth-child(1){margin-right:20px;} .m13 .other li a{display:inline-block; padding:10px; font-size:14px; color:#fff;} .m13 .other li:nth-child(1) a{background-color:#5eaf2f;} .m13 .other li:nth-child(2) a{background-color:#ff8912;} .m13 .section li table{border-top:5px solid #ccc; width:100%;} .m13 .section li table th{padding:10px 0; border-bottom:1px dashed #ccc; text-align:center; font-size:15px; color:#393939;} .m13 .section li table td{padding:10px 5px; border-bottom:1px dashed #ccc; font-size:14px; color:#393939; line-height:24px; word-break:keep-all;} .m13 .section li table td .tit_link{text-align:center;} .m13 .section li table td .tit_link a{display:inline-block; border:1px solid #ccc; padding:5px;} .m13 .section li table td .tit_link a:hover{border:1px solid #8fce69; color:#8fce69;} .m13 .section li table td .tit_link a:nth-child(1){margin-right:20px;} .m13 .section li:nth-child(3) p{margin-bottom:15px; font-size:15px; font-family:"NBGothicb";} .m13 .section li:nth-child(3) li{margin-bottom:15px; padding-left:30px;} .m13 .section li:nth-child(3) li:nth-child(1) span{display:inline-block; padding:0px 3px; margin-left: -30px; margin-right:5px; background-color:#5eaf2f; font-size:12px; color:#fff;} .m13 .section li:nth-child(3) li:nth-child(2) span{display:inline-block; padding:0px 3px; margin-left: -30px; margin-right:5px; background-color:#2f65af; font-size:12px; color:#fff;} .m13 .section li:nth-child(3) li:nth-child(3) span{display:inline-block; padding:0px 3px; margin-left: -30px; margin-right:5px; background-color:#5eaf2f; font-size:12px; color:#fff;} /* 비급여 */ .m14 .top_sec .txt{line-height:22px; word-break:keep-all;} .m14 .cont section{margin-bottom:30px;} .m14 .cont h3{margin-bottom:10px; font-size:18px; font-family:"NGothicb"; color: #393939;} .m14 .cont table{width:100%; border-top:5px solid #8fce69; color:#393939;} .m14 .cont thead th{background-color:#eee; padding:10px 0; border-bottom:1px solid #dadada; border-right:1px solid #dadada; font-size:15px; line-height:20px; font-family:"NGothicb";} .m14 .cont thead th:last-child{border-right:0px solid #dadada;} .m14 .cont tbody td{border-bottom:1px solid #dadada; border-right:1px solid #dadada; padding:10px 5px; word-break:keep-all; text-align:center; font-size:13px; line-height:18px;} .m14 .cont tbody td:last-child{border-right:0px solid #dadada;} .m14 .cont tbody td:first-child{border-right:1px solid #dadada;} .m14 .cont tbody td.tit{border-right:1px solid #dadada;} /* 클리닉 */ /* 클리닉 공통 */ /* 세부 탭 메뉴 */ #wrap_tab{position:relative; border-top: 5px solid #eee; padding-top: 30px;} [id^="tab"]{display:none;} [id^="tab"]:nth-of-type(1){display:block;} /* 페이지안 탭메뉴 */ .tab{font-size:0;} .tab li{display:inline-block; margin-top: 5px; margin-right: 5px;} .tab li a{transition:all 0.3s; display:inline-block; padding:10px 20px; background-color:#eee; border-radius:10px 10px 0px 0px; font-size:13px;} .tab li.on a{background-color:#8fce69; color:#fff;} .tab li a:hover{background-color:#8fce69; color:#fff;} /* // 세부 탭 메뉴 */ .border > li{padding-bottom:60px; margin-bottom:60px; border-bottom:1px dashed #ccc;} .border > li:last-child{padding-bottom:0px; border-bottom:0px;} /* 레이아웃1 */ .layout1{overflow:hidden; margin-top:60px;} .layout1:first-child{margin-top:0px;} .layout1 h4{float:left; width:100px; padding-right:20px; box-sizing:border-box; font-size:14px; line-height:24px; font-family:"NGothicb"; color:#555; word-break:break-all;} .layout1 > .content{float:left; width:calc(100% - 100px);} .layout1 > .content > p{font-size:14px; line-height:24px; word-break:keep-all;} /* //레이아웃1 */ /* 레이아웃2 */ .layout2{margin-top:60px;} .layout2:first-child{margin-top:0px;} .layout2 h4{margin-bottom:15px; font-size:14px; line-height:24px; font-family:"NGothicb"; color:#555; word-break:keep-all;} .layout2 > .content{} .layout2 > .content > p{font-size:14px; line-height:24px; word-break:keep-all;} /* //레이아웃2 */ /* 레이아웃-1 */ .layout_1{margin-top:30px;} .layout_1 > h5{margin-bottom:10px; font-size:14px; line-height:24px; font-family:"NGothicb"; color:#ff8900; word-break:keep-all;} .layout_1 > p{font-size:14px; line-height:24px; word-break:keep-all;} /* //레이아웃-1 */ /* 리스트1 */ /* 제목들어가고 그밑으로 내용 */ .list01{margin-top:40px;} .list01:first-child{margin-top:0px;} .list01 li{margin-top:10px; font-size:14px; line-height:24px; word-break:keep-all;} .list01 li:first-child{margin-top:0px;} .list01 li p{margin-bottom:10px; color:#ff8900;} /* //리스트1 */ /* 리스트2 */ /* 넘버 옆으로 내용 */ .list02{margin-top:40px;} .list02:first-child{margin-top:0px;} .list02 li{overflow:hidden; margin-top:15px; font-size:14px; line-height:24px; word-break:keep-all;} .list02 li:first-child{margin-top:0px;} .list02 li .num{float:left; width:35px; box-sizing:border-box; background-color:#8fce69; border-bottom:1px solid #ccc; padding:3px 0; text-align:center; color:#fff;} .list02 li .txt{float:left; width:calc(100% - 35px); border-bottom:1px solid #ccc; box-sizing:border-box; padding:3px 0 3px 10px; } /* //리스트2 */ /* 리스트3 */ /* 넘버가 있고 박스로 나열 */ .list03{margin-top:40px; font-size:0px;} .list03:first-child{margin-top:0px;} .list03 li{text-align:center; box-sizing:border-box; border:1px dashed #ccc; vertical-align:top; padding:10px 10px; margin-bottom:15px; display:inline-block; width:32%; margin-right:2%;} .list03 li:nth-child(3n){margin-right:0px;} .list03 li div{display:inline-block; line-height:normal;} .list03 li span{color:#ffb942; font-size:18px; display:inline-block; margin-bottom:5px; word-break:keep-all;} .list03 li p{font-size:14px; word-break:keep-all;} /* //리스트3 */ /* img */ .img01{padding-top:10px;} /* //img */ /* table */ .tb_01{width:100%; border-top:5px solid #8fce69; text-align:center;} .tb_01 thead th{background-color:#eee; padding:10px 0; border-bottom:1px solid #dadada; border-right:1px solid #dadada; font-size:15px; font-family:"NGothicb";} .tb_01 thead th:last-child{border-right:0px solid #dadada;} .tb_01 tbody td{border-bottom:1px solid #dadada; border-right:1px solid #dadada; padding:10px 5px; text-align:center; font-size:13px; line-height:20px;} .tb_01 tbody td:last-child{border-right:0px solid #dadada;} .tb_01 tbody td:first-child{border-right:1px solid #dadada;} .tb_01 tbody td.tit{border-right:1px solid #dadada;} /* // table */ /*// 클리닉 공통 */ /* 검사항목 */ .m15 .m15_top{margin-bottom: 60px; padding: 20px; border: 5px dashed #eee;} .m15 .m15_top h3{margin-bottom:20px; font-family: "NBGothic"; font-size: 18px; color: #393939; } .m15 .m15_top h3 span{color:#ffa53d; } .m15 .m15_top p{font-size:14px; color:#393939; line-height:18px; } .m15 .tb_01 td.t_left{padding-left:15px; text-align:left;} .m15 .tit_list{} .m15 .tit_list li{text-indent:-10px; padding-left:10px; margin-bottom:5px;} .m15 .tit_list li:last-child{margin-bottom:0px;} /* // 검사항목 */ /* 통증치료 */ .m16 .section > li .left span{display:block;} .m16 .section > li .left span:nth-of-type(1){color:#59b224;} .m16 .section > li .left span:nth-of-type(2){padding-top:5px; color:#555; font-size:13px; line-height:18px;} /* // 통증치료 */ /* 통증치료안내 */ .m17 .section > li .left span{display:block;} .m17 .section > li .left span:nth-of-type(1){color:#59b224;} .m17 .section > li .left span:nth-of-type(2){padding-top:5px; color:#555; font-size:13px; line-height:18px;} .m17 .tb_01 td.t_left{padding-left:15px; text-align:left;} .m17 .tb_01 td{word-break:keep-all;} /* // 통증치료안내 */ /* 교통사고 */ .m18 .section > li .left span{display:block;} .m18 .section > li .left span:nth-of-type(1){color:#59b224;} .m18 .section > li .left span:nth-of-type(2){padding-top:5px; color:#555; font-size:13px; line-height:18px;} .m18 .tit_list li{margin-top:35px;word-break:keep-all;} .m18 .tit_list li:first-child{margin-top:0px;} .m18 .tit_list li p:nth-child(1){margin-bottom:10px; color:#ff8900; font-size:15px; line-height:22px; padding-left:20px; text-indent:-20px; } .m18 .tit_list li p:nth-child(2){font-size:14px; line-height:24px; padding-left:20px; text-indent:-20px; } /* // 교통사고 */ /* 소아낮병동 */ .m19 .tb_01 td.t_left{padding-left:15px; text-align:left;} .m19 .tb_01 td{word-break:keep-all;} .m19 .t_list li{margin-top:15px; text-indent: -15px; padding-left: 15px;} .m19 .t_list li:first-child{margin-top:0px;} .m19 .layout2:last-child .t_p{font-size:18px;} .m19 .layout2:last-child .t_p span{display:inline-block; padding:3px 5px; margin-right:10px; color:#fff; background-color:#ff971e;} /* // 소아낮병동 */ /* 소아재활치료안내 */ /* // 소아재활치료안내 */ /* 사회복지프로그램 */ .m21 .tb_01 td:last-child{padding:10px; text-align:left; font-size:14px;} .m21 .layout2:nth-child(6) .tb_01{margin-top:10px;} /* // 사회복지프로그램 */ /*// 클리닉 */ /* 환자권리장전 */ .patient{color:#393939; line-height:22px;} .patient .parag1{margin-bottom:40px;} .patient .parag2{margin-bottom:20px; padding-left:10px;} .patient .parag3{margin-bottom:15px; padding-left:10px; font-size:14px; line-height:22px;} .patient div[class^=para]:last-child{margin-bottom:0;} .patient h3{margin-bottom:20px; font-size:16px;} .patient h3:last-child{margin-bottom:0;} .patient h4{margin-bottom:15px; font-size:15px;} .patient h4:last-child{margin-bottom:0;} /* 환자권리장전 */ /*서브페이지 하단 온라인 상담 링크*/ .onConsult{width:100%; height:250px; background:#ff7193;} .onConsult .box{position:relative; background:url(/img/online_img.png) no-repeat 110% top; background-size:contain; width:100%; height:250px; padding:25px 0 0 10px; box-sizing:border-box;} .onConsult .box > p:nth-child(1){border-left:5px solid #fff; margin-bottom:20px; padding-left:15px; font-family:"NBGothic"; font-size:28px; line-height:40px; color:#fff;} .onConsult .box > p:nth-child(2){display:inline-block; margin-bottom:15px; padding:5px; background-color:#c73c5d; font-family:"NBGothic"; font-size:18px; color:#fff;} .onConsult .box > p:nth-child(3){width:60%; font-size:15px; line-height:23px; color:#fff; word-break:keep-all;} .onConsult .box > a{position:absolute; bottom:20px; right:20px; display:inline-block; border-radius:50%; background-color:#fff; width:100px; height:100px; line-height:100px; text-align:center;} .onConsult .box > a p{display:inline-block; line-height:normal; vertical-align:middle; font-family:"NBGothic"; font-size:18px; color:#6c6c6c;} .onConsult .box > a p span{display:block; color:#c73c5d;} /* 서브페이지 하단바 */ .sub_bar_bottom{background:url(/img/sub_bar_b.png) no-repeat center top; height:12px;} /* 서브페이지 pallax */ /* .pallax{margin-top: -12px; position: relative; z-index: 1; position:relative; width:100%; height:300px; background-image: url(/img/pallax.jpg); background-repeat:no-repeat; background-position:center center; background-size: cover;} .pallax .text{width:100%; height:300px; background:url(/img/pallax_text.png) no-repeat center; background-attachment:fixed; background-size: 1200px;} */ /*로그인css*/ .login{} .login .login_inner{text-align:center; width:100%; margin:0 auto; padding:60px 0 0; border-top:10px solid #eee;} .login .txt{line-height:normal;} .login .txt p{font-size:40px; color:#59b124; margin-bottom:30px;} .login .txt p span{display:block; color:#393939; font-size:12px; padding-top:15px; letter-spacing: 0px;} .login .input table{width:80%; margin:0 auto; text-align:left; border:1px solid #ccc; border-bottom:0;} .login .input table td:nth-child(1){width:10%; padding:15px 20px; border-bottom:1px solid #ccc;} .login .input table td:nth-child(2){width:90%; padding:15px 10px; border-bottom:1px solid #ccc;} .login .input table td input{width:100%; border:0; outline:0; font-size:13px;} .login .input label{font-size:13px; padding-right:10px;} .login .btn_login { width:80%; margin:20px auto 0; background-color:#7c7c7c; font-size:16px; } .login .btn_login a { color:#FFF; display:block; height:35px; line-height:35px; } .login .btn_login a:hover { color:#FFF; background-color:#59b124;} /*사이트맵 */ .smap_box {padding-top: 50px; margin:0 auto; width:95%; font-size:0;} .smap_box .smap1{ vertical-align: top; width:50%; display:inline-block; margin-bottom:50px; min-height:200px; text-align:center;} .smap_box .smap1 a:hover{ color:#59b224;} .smap_box .tit_01{font-size:18px; padding-bottom:15px; color:#59b224; width:45%; margin:0 auto; margin-bottom:20px; border-bottom: 1px dashed #ddd;} .smap_box .list > li {margin-bottom:20px; } .smap_box .list > li > a{font-size:14px; color:#585858;} /*//사이트맵 */ } @media (max-width:767px){ #wrapper {width:100%; margin:auto; background-color:#ffffff; overflow: hidden; } header.firstheader{position:relative; background: #fff;} .top_box_wrap{width:100%; padding:10px 0; background: #7cc355;} .top_box{} .sns_box {text-align:center;} .sns_box li{display:inline-block; margin-right:20px; padding:5px 0;} .sns_box li:last-child{margin-right:0px;} .sns_box li img{vertical-align:sub; margin-right:2px;} .sns_box li a{color:#fff; font-size:12px;} .sns_box li a:hover{color:#ffee00;} .login_box {text-align:center; font-size:11px; padding:10px 0; color:#fff; } .login_box a {color:#fff; display:inline-block; padding:0px 5px;} .login_box a:hover { color:#ffee00; } .middle_box_wrap{position:relative; text-align:center; height:100px; line-height:100px;} #logo_box{display:inline-block; vertical-align:middle;} #logo{} #logo img{transition:all 0.3s; vertical-align: middle;} #sb-btn{position: absolute; height: 100px; line-height: 100px; top: 0; left:10px;} .sb-toggle-left { display:inline-block; cursor:pointer; line-height: normal;} .sb-toggle-left img{ vertical-align: middle;} .calling {position:absolute; height: 100px; line-height: 100px; top: 0; right:10px;} .calling a{display:inline-block; cursor:pointer; line-height: normal;} .calling a img{ vertical-align: middle;} top_menu{} .top_menu ul{overflow:hidden; border-bottom:8px solid #b3b3b3;} .top_menu ul li{float:left; width:25%; text-align:center;} .top_menu ul li a{display: inline-block; padding:10px 0; width: 100%; box-sizing:border-box; border-right:1px solid #ababab; border-top:1px solid #ababab; color: #393939; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; vertical-align: top;} .top_menu ul li:nth-child(4n) a{border-right:0;} .top_menu ul li:nth-child(4)~ li a{border-bottom:0px;} /* 퀵배너 */ /* .quick{display:none;} */ #contents { width:100%; position:relative; } .container { position:relative; width:100%;} /* 섹션1 */ .sec01{margin-top:-12px; position:relative; z-index: 2;} .sec01_bar_top{background:url(/img/sec04_bar.png) center top; height:12px;} .sec01_bar_bottom{background:url(/img/sec01_bar_b.png) center top; height:12px;} .sec01_bg{position:relative; background-image: linear-gradient(white,#dff5d2); padding:40px 0 80px;} .sec01_bg:before{ content: "IJUN CLINIC"; display: inline-block; font-size: 150px; font-weight:bold; letter-spacing:-5px; line-height:100%; color: #d4ebc5; position: absolute; z-index:0; right: 10px; bottom: 10px; text-align: right; text-align: right; } .sec01_box{} .sec01_box .title{width:100%; background:url(/img/sec_title.png) no-repeat center top; background-size:120px; margin:0 auto; padding-top:30px;} .sec01_box .title .t1{font-size:26px; color:#393939; font-family:"NBGothicb"; text-align:center;} .sec01_box .title .t1 span{color:#4b9919;} .sec01_box .title .t2{font-size:12px; color:#6f6f6f; font-family:"NBGothic"; text-align:center; letter-spacing: 12px; padding-top:7px;} .sec01 ul{ position:relative; z-index: 2; width:95%; margin:0 auto; padding-top:40px;} .sec01 ul:after{clear:both; content:""; display:block;} .sec01 ul li{transition:all 0.5s; float:left; width:46%; margin:0 2% 4%; box-shadow:0px 9px 15px -2px #969696;} .sec01 ul li:nth-child(2) ~ li{margin-bottom:0;} .sec01 ul li:hover{transform:scale(1.1);} .sec01 ul li:nth-child(1) .img{height:120px; background:url(/img/sec01_img_01.jpg) no-repeat center top; background-size:cover; } .sec01 ul li:nth-child(2) .img{height:120px; background:url(/img/sec01_img_02.jpg) no-repeat center top; background-size:cover;} .sec01 ul li:nth-child(3) .img{height:120px; background:url(/img/sec01_img_03.jpg) no-repeat center top; background-size:cover;} .sec01 ul li:nth-child(4) .img{height:120px; background:url(/img/sec01_img_04.jpg) no-repeat center top; background-size:cover;} .sec01 ul li .txt{position:relative; height:160px; background:#fff;} .sec01 ul li:nth-child(1) .txt .icon{position:absolute; top:-35px; left:50%; margin-left:-35px; width:70px; height:70px; background:url(/img/sec01_icon_01.png) no-repeat center top; background-size:cover; } .sec01 ul li:nth-child(2) .txt .icon{position:absolute; top:-35px; left:50%; margin-left:-35px; width:70px; height:70px; background:url(/img/sec01_icon_02.png) no-repeat center top; background-size:cover; } .sec01 ul li:nth-child(3) .txt .icon{position:absolute; top:-35px; left:50%; margin-left:-35px; width:70px; height:70px; background:url(/img/sec01_icon_03.png) no-repeat center top; background-size:cover; } .sec01 ul li:nth-child(4) .txt .icon{position:absolute; top:-35px; left:50%; margin-left:-35px; width:70px; height:70px; background:url(/img/sec01_icon_04.png) no-repeat center top; background-size:cover; } .sec01 ul li .txt p:nth-of-type(1){color:#393939; font-size:14px; font-family:"NBGothic"; padding:40px 0 10px; text-align:center;} .sec01 ul li .txt p:nth-of-type(2){color:#393939; font-size:12px; line-height:18px; font-family:"NBGothic"; padding:0 15px; text-align:center; word-break:keep-all;} /* 섹션2 */ .sec02{margin-top: -12px; position: relative; z-index: 1;} .sec02_bg{ padding:120px 0; background-image:url(/img/sec02_bg.jpg); background-color:#fff; background-size:cover; background-position:left bottom; background-repeat:no-repeat; } .sec02_box{position:relative; overflow:hidden; opacity:1; width:90%; height:100%; margin:0 auto;} .sec02_box .txt{text-align:center;} .sec02_box .txt p:nth-child(1){font-family:"NGothicb"; font-size:16px; color:#393939;} .sec02_box .txt p:nth-child(1) span{display:block; padding:5px 0 15px; font-family:"NBGothicb"; font-size:28px; color:#ff7a00;} .sec02_box .txt p:nth-child(2){font-family:"NGothic"; font-size:16px; line-height:26px; word-break:keep-all; color:#393939; font-weight:bold;} .sec02_box .img{display:none; height:100%; background:url(/img/sec02_img_01.png) no-repeat center 20px; background-size:300px;} /* 섹션3 */ .sec03{margin-top: -12px; position: relative; z-index: 4;} .sec03_bar_top{background:url(/img/sec03_bar.png) center top; height:12px;} .sec03_bg{padding:52px 0 150px; background:url(/img/sec03_bg.png) center top; } .sec03_box{} .sec03_box .title{width:100%; background:url(/img/sec_title_w.png) no-repeat center top; background-size:120px; margin:0 auto; padding-top:30px;} .sec03_box .title .t1{font-size:26px; color:#fff; font-family:"NBGothicb"; text-align:center;} .sec03_box .title .t1 span{color:#fff;} .sec03_box .title .t2{font-size:12px; color:#fff; font-family:"NBGothic"; text-align:center; letter-spacing: 12px; padding-top:7px;} .sec03_box .txt{width:90%; margin:0 auto; padding:30px 0; box-sizing:border-box; text-align:center; color:#fff; font-size:14px; line-height:22px; word-break:keep-all;} /* SLIDE S*/ #slides {z-index: 50; width: 95%; margin: 0 auto; position: relative; box-sizing: border-box;} .slides_container {width:100%; overflow:hidden; position:relative;} .slides_container a {width:100%; height:300px; display:block;} .slides_container a:nth-child(1){background:url(/img/process_01.jpg) no-repeat; background-size:cover; } .slides_container a:nth-child(2){background:url(/img/process_02.jpg) no-repeat; background-size:cover; } .slides_container a:nth-child(3){background:url(/img/process_03.jpg) no-repeat; background-size:cover; } .slides_container a:nth-child(4){background:url(/img/process_04.jpg) no-repeat; background-size:cover; } .slides_container a:nth-child(5){background:url(/img/process_05.jpg) no-repeat; background-size:cover; } .slides_container a:nth-child(6){background:url(/img/process_06.jpg) no-repeat; background-size:cover; } /*SLIDE 으론쪽 텍스트*/ .slides_txt{position:absolute; bottom:-50px; left:0px; width:100%; height:150px; z-index:999;} .slides_txt li{transition:all 1s; opacity:0; position:absolute; left:0; width:100%; height:100%; padding:20px 15px; box-sizing:border-box; background:rgba(255, 255, 255, 0.9);} .slides_txt li.on{opacity:1; z-index:1;} .slides_txt li .p1{margin-bottom:5px; color:#4b9919; font-size:14px; font-family:"NBGothicb";} .slides_txt li .p2{color:#393939; font-size:25px; font-family:"NBGothicb";} .slides_txt li .p2:after{content:""; display:block; width:30px; height:1px; background-color:#393939; margin:20px 0;} .slides_txt li .p3{display:none;} .slides_txt li .go{position:absolute; bottom:20px; left:20px; color:#393939; font-size:16px; font-family:"NGothicb";} .slides_txt li .go span{transition:all 0.3s; font-size:14px; vertical-align: unset;} .slides_txt li .go:hover{color:#4b9919!important;} .slides_txt li .go:hover span{padding-left:5px;} /*//SLIDE 으론쪽 텍스트*/ /*SLIDE 버튼*/ .pagination {position: absolute; right: 50%; bottom:-90px; width:200px; margin-right:-100px; text-align:center; z-index: 500;} .pagination li { display:inline-block; padding:0 5px; list-style:none; } .pagination li a {border-radius:50%; background:#fff; display:block; width:10px; height:0px; padding-top:10px; float:left; overflow:hidden; } .pagination li.current a {background:#57b123;} .prev{position: absolute; left:10px; bottom:-90px; margin-bottom:-4px; font-size:0; width:14px; height:24px; background:url(/img/arrows_01.png) no-repeat left center; background-size:cover;} .next{position: absolute; right:10px; bottom:-90px; margin-bottom:-4px; font-size:0; width:14px; height:24px; background:url(/img/arrows_01.png) no-repeat right center; background-size:cover;} /*//SLIDE 버튼 */ /* 섹션4 */ .sec04{margin-top:-12px; position:relative; z-index: 5;} .sec04_bar_top{background:url(/img/sec04_bar.png) center top; height:12px;} .sec04_bar_bottom{background:url(/img/sec04_bar_b.png) center top; height:12px;} .sec04_bg{position:relative; background-color:#fff; padding:40px 0 80px;} .sec04_bg:before{ content: "IJUN QUICK"; display: inline-block; font-size:150px; font-weight:bold; letter-spacing:-5px; line-height:100%; color: #efefef; position: absolute; right: 10px; bottom: 10px; text-align:right; z-index: 0; } .sec04_box{opacity:1;} .sec04_box .title{width:100%; background:url(/img/sec_title.png) no-repeat center top; background-size:120px; margin:0 auto; padding-top:30px;} .sec04_box .title .t1{font-size:26px; color:#393939; font-family:"NBGothicb"; text-align:center;} .sec04_box .title .t1 span{color:#4b9919;} .sec04_box .title .t2{font-size:12px; color:#6f6f6f; font-family:"NBGothic"; text-align:center; letter-spacing: 12px; padding-top:7px;} .sec04 ul{position:relative; z-index: 2; width:95%; margin:0 auto; padding-top:40px;} .sec04 ul:after{clear:both; content:""; display:block;} .sec04 ul li{overflow:hidden; width:48%; height:150px; transition:all 0.3s; float:left; margin-bottom:20px; border-radius: 15px;} .sec04 ul li:nth-child(1){float:left;} .sec04 ul li:nth-child(2){float:right;} .sec04 ul li:nth-child(3){float:left;} .sec04 ul li:nth-child(4){float:right;} .sec04 ul li:nth-child(5){float:left; margin-bottom:0px;} .sec04 ul li:nth-child(6){float:right; margin-bottom:0px;} .sec04 ul li a{transition:all 0.3s; display:inline-block; width:100%; height:100%;} .sec04 ul li:nth-child(1) a{background:url(/img/sec04_img_01.jpg) no-repeat center; background-size:cover;} .sec04 ul li:nth-child(2) a{background:url(/img/sec04_img_02.jpg) no-repeat center; background-size:cover;} .sec04 ul li:nth-child(3) a{background:url(/img/sec04_img_03.jpg) no-repeat center; background-size:cover;} .sec04 ul li:nth-child(4) a{background:url(/img/sec04_img_04.jpg) no-repeat center; background-size:cover;} .sec04 ul li:nth-child(5) a{background:url(/img/sec04_img_05.jpg) no-repeat center; background-size:cover; margin-bottom:0px;} .sec04 ul li:nth-child(6) a{background:url(/img/sec04_img_06.jpg) no-repeat center; background-size:cover; margin-bottom:0px;} .sec04 ul li .bg{transition:all 0.3s; position:relative; height:100%; background:rgba(0,0,0,0.5)} .sec04 ul li .bg > p{transition:all 0.3s; padding:0 20px; color:#fff; text-align:center; padding-top:55px; font-size:22px; font-family:"NBGothicb";} .sec04 ul li .bg > p span{display:block; color:#fff; padding-top:10px; font-size:14px; font-family:"NGothic"; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .sec04 ul li .eq{transition:all 0.3s; opacity:0; position:absolute; left:0; top:0; width:100%; height:100%; background:url(/img/eq_hover.png) no-repeat center;} .sec04 ul li:hover a{transform:scale(1.1);} .sec04 ul li:hover .bg{background:rgba(0,0,0,0.7)} .sec04 ul li:hover .bg p{opacity:0;} .sec04 ul li:hover .eq{opacity:1;} /* 섹션5 */ .sec05{margin-top:-12px; position:relative; z-index: 4;} .sec05_bg{background-color:#d7ffca; padding:40px 0 80px; background:url(/img/sec05_bg.jpg) center no-repeat; background-size:cover; } .sec05_bar_bottom{background:url(/img/sec05_bar_b.png) center top; height:12px;} .sec05_box{opacity:1;} .sec05_box .title{width:100%; background:url(/img/sec_title_w.png) no-repeat center top; background-size:120px; margin:0 auto; padding-top:30px;} .sec05_box .title .t1{font-size:26px; color:#fff; font-family:"NBGothicb"; text-align:center;} .sec05_box .title .t1 span{color:#fff;} .sec05_box .title .t2{font-size:12px; color:#fff; font-family:"NBGothic"; text-align:center; letter-spacing: 12px; padding-top:7px;} .board{overflow:hidden; width:95%; margin:0 auto; padding-top:50px;} .sec05 .button_box{border:1px solid #ccc; box-sizing:border-box; overflow:hidden;} .sec05 .button_box li{transition:all 0.3s; float:left; width:50%; height:40px; line-height:40px; background-color:#a6e093; text-align:center;} .sec05 .button_box li.on{background-color:#fff;} .sec05 .button_box li a{display:inline-block; width:100%; height:100%;} .sec05 .button_box li .head{display:inline-block; vertical-align:middle; padding-right:10px; color:#fff; font-family:"NBGothicb"; font-size:16px;} .sec05 .button_box li.on .head{color:#393939;} .sec05 .button_box li .img{vertical-align:middle;} .sec05 .button_box li.on .img{display:inline-block; width:22px; height:22px; background:url(/img/more_hover.png) no-repeat center; background-size:cover;} .sec05 .button_box li .img{display:inline-block; width:22px; height:22px; background:url(/img/more.png) no-repeat center; background-size:cover;} .sec05 .list_box{overflow:hidden; background:#fff;} .sec05 .list_box .list{display:none; border:1px solid #ccc; border-top:0px; box-sizing:border-box;} .sec05 .list_box .list:nth-child(1){display:block;} .sec05 .list_box .list p{border-bottom:1px dashed #ccc; display:block; font-size:14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding:15px;} .sec05 .list_box .list p:last-child{border-bottom:0px;} /* 섹션6 */ .sec06{margin-top: -12px; position: relative; z-index: 7; position:relative; width:100%; height:200px; background-image: url(/img/sec06_img.jpg); background-repeat:no-repeat; background-position:center center; background-size: cover;} .sec06 .text{width:100%; height:200px; background:url(/img/sec06_text.png) no-repeat center; background-size: 800px;} /* 섹션7 */ .sec07{margin-top:-12px; position:relative; z-index: 8;} .sec07_bar_top{background:url(/img/sec07_bar.png) center top; height:12px;} .sec07_bg{background-color:#fff; padding:40px 0 80px;} .sec07_box{opacity:1;} .sec07_box .title{width:100%; background:url(/img/sec_title.png) no-repeat center top; background-size:120px; margin:0 auto; padding-top:30px;} .sec07_box .title .t1{font-size:26px; color:#393939; font-family:"NBGothicb"; text-align:center;} .sec07_box .title .t1 span{color:#4b9919;} .sec07_box .title .t2{font-size:12px; color:#6f6f6f; font-family:"NBGothic"; text-align:center; letter-spacing: 12px; padding-top:7px;} .sec07 .map{width:95%; height:200px; margin:0 auto; margin-top:50px; background:url(/img/sec07_map.jpg) no-repeat center; background-size:cover; border-radius: 15px;} .sec07 .map a{display:inline-block; width:100%; height:100%;} .sec07 .info{width:95%; margin:0 auto; padding-top:30px; } .sec07 .info li{margin-bottom:40px;} .sec07 .info li:nth-child(3){margin:0;} .sec07 .info li .head{margin-bottom:10px; font-size:22px; font-family:"NBGothic"; color:#393939;} .sec07 .info li:nth-child(1) .head a{font-family:"NBGothicb"; color:#5fbc3c;} .sec07 .info li:nth-child(2) .head a{font-family:"NBGothicb"; color:#ff8912;} .sec07 .info li:nth-child(3) .head a{font-family:"NBGothicb"; color:#4ca9d0;} .sec07 .info li .p1{margin-bottom:15px; font-family:"NBGothic"; font-size:15px; color:#393939; line-height:24px;} .sec07 .info li:nth-child(1) .box{padding:2px 0 2px 10px; box-sizing:border-box; border-left:5px solid #5fbc3c; color:#393939; font-size:15px; line-height:24px;} .sec07 .info li:nth-child(2) .box{padding:2px 0 2px 10px; box-sizing:border-box; border-left:5px solid #ff8912; color:#393939; font-size:15px; line-height:24px;} .sec07 .info li:nth-child(3) .box{padding:2px 0 2px 10px; box-sizing:border-box; border-left:5px solid #4ca9d0; color:#393939; font-size:15px; line-height:24px;} /* 푸터 */ footer{margin-top:-24px; position:relative; z-index: 9;} .foot_bar_top{background:url(/img/foot_bar.png) center top; height:24px;} .foot{background-color:#fff;} .foot_box{position:relative; width:95%; margin:0 auto; padding:50px 0px 50px 0px; overflow:hidden; text-align:center;} .foot_box .others{text-align:center;} .foot_box .others li{display:inline-block; height:60px; margin-right:10px;} .foot_box .others li:last-child{height:100px; margin-right:0px;} .foot_box .others a{display:block; width:100%; height:100%;} .foot_box .others a img{height:100%;} .foot_box .foot_logo{display:inline-block; margin:40px 0;} .foot_box .info{color:#393939; word-break:keep-all;} .foot_box .info p{font-size:14px; line-height:160%; margin-bottom:30px;} .foot_box .info .link a{font-size:14px; line-height:26px; color:#393939;} .foot_box .info .link a:hover{color:#5fbc3c;} /* 서브페이지 */ #sub_contents{width:100%; position:relative; z-index:3;} .sub_header_01 .sub_header_bg{width:100%; height:150px; background:url(/img/sub_header_01.jpg) no-repeat center;} .sub_header_02 .sub_header_bg{width:100%; height:150px; background:url(/img/sub_header_02.jpg) no-repeat center;} .sub_header_03 .sub_header_bg{width:100%; height:150px; background:url(/img/sub_header_03.jpg) no-repeat center;} .sub_header_04 .sub_header_bg{width:100%; height:150px; background:url(/img/sub_header_04.jpg) no-repeat center;} .sub_header_05 .sub_header_bg{width:100%; height:150px; background:url(/img/sub_header_05.jpg) no-repeat center;} .sub_header_etc .sub_header_bg{width:100%; height:150px; background:url(/img/sub_header_01.jpg) no-repeat center;} .sub_header_bg .text{width:250px; height:150px; margin:0 auto; background:url(/img/sub_header_text.png) no-repeat center; background-size:contain; } #sub_contents_box{} /* 서브메뉴 */ .submenu_box{} .sm_title{display:none;} .submenu{background-color:#ececec; font-size: 0;} .submenu .sm01{transition:all 0.3s; width: 50%; display:inline-block;} .submenu .sm01 a{width: 100%; display: block; height: 30px; line-height: 30px; box-sizing: border-box; color: #3b3b3b; font-size: 12px; text-align: center; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding: 0 5px;} .submenu .sm01:hover{background-color:#fdab4b; } .submenu .sm01:hover a{color:#fff; } .submenu .sm02{transition:all 0.3s; width: 50%; display:inline-block; background-color:#ccc;} .submenu .sm02 a{width: 100%; display: block; height: 30px; line-height: 30px; box-sizing: border-box; color: #3b3b3b; font-size: 12px; text-align: center; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding: 0 5px;} .submenu .sm02:hover{background-color:#fdab4b; } .submenu .sm02:hover a{color:#fff; } .submenu_bottom{display:none;} .page{position:relative; width:95%; margin:0 auto; padding:30px 0 100px; opacity:0;} /*서브페이지 공통 상단*/ .top_sec{position:relative; box-sizing:border-box; border-bottom:1px dashed #ccc;} .top_sec .s_title{position:absolute; left:0; top:0; font-family: "NBGothic"; font-size:22px; color:#393939; padding-top:30px; background:url(/img/s_title.jpg) no-repeat left top; background-size:20px;} .top_sec .navi{position:absolute; right:0; top:0; font-family:"NGothic"; font-size:12px; color:#393939;} .top_sec .txt{padding-top: 75px; padding-bottom: 20px; font-size:13px; color:#606060;} /*서브페이지 내용 부분*/ /*서브페이지 공통*/ .cont_box{} /*상단 부분*/ .cont_head{padding-top:30px;} .cont_head img{vertical-align:top;} .cont{padding-top:30px;} /*레이아웃*/ .section > li{margin-bottom:70px; overflow:hidden;} .section > li:last-child{margin-bottom:0px;} .section > li .left{margin-bottom:20px; font-family:"NBGothic"; font-size:18px; color:#393939;} .section > li .left span{color:#59b224;} .section > li .right{} /*//서브페이지 공통*/ /* 인사말 */ .m07 .cont img:nth-of-type(1){display:block; height:25px; margin:0 auto; margin-bottom:20px;} .m07 .cont p:nth-of-type(1){margin-bottom:40px; font-size:14px; line-height:28px; color:#393939; text-align:center; padding:0 30px; word-break:keep-all;} .m07 .cont img:nth-of-type(2){display:block; height:25px; margin:0 auto; margin-bottom:20px;} .m07 .cont p:nth-of-type(2){margin-bottom:80px; font-size:14px; line-height:28px; color:#393939; text-align:center; padding:0 30px; word-break:keep-all;} .m07 .cont p:nth-of-type(2) br:nth-child(1){display:none;} .m07 .cont img:nth-of-type(3){display:block;} /* 병원연혁 */ .m08 .cont table{width:100%; border-top:5px solid #8fce69;} .m08 .cont table th{vertical-align:top; border-bottom:1px solid #dedede; background-color:#fafafa; padding:10px 0; font-size:14px; color:#ff8b25; line-height:22px;} .m08 .cont table td{vertical-align:top; border-bottom:1px solid #dedede; padding:10px 10px; text-align:center; font-size:13px; color:#393939; line-height:22px; word-break: break-all; } .m08 .cont table td:last-child{text-align:left;} /* 의료진소개 */ .m09 .doc{margin-bottom:100px;} .m09 .cont_head{padding:15px; border:1px solid #ccc; margin:20px 0 20px; } .m09 .doc > li{margin-bottom:60px; overflow:hidden;} .m09 .doc > li:last-child{margin-bottom:0px;} .m09 .doc .img{display:block; margin:0 auto; margin-bottom: 10px; width:200px;} .m09 .doc .txt{width:100%; box-sizing:border-box;} .m09 .doc .head{border-bottom:1px dashed #ccc; margin-bottom:15px; text-align:center;} .m09 .doc .head h3{display:inline-block; font-family:"NBGothic"; font-size:24px; color:#393939; letter-spacing:5px;} .m09 .doc .head span{display:inline-block; font-family:"NBGothic"; font-size:14px; color:#4eae17; } .m09 .doc .head p{margin:15px 0; font-family:"NBGothic"; font-size:14px; color:#707070;} .m09 .doc .list{font-size:14px; color:#707070; line-height:28px; text-align:center;} .m09 .doc .list .left{margin-bottom: 10px;} .m09 .doc .list .bottom{margin-bottom: 10px;} .m09 .doc .list .right{} .m09 .etc{overflow:hidden;} .m09 .etc .list{} .m09 .etc .list li{width:calc((100% - 20px)/2); float:left; margin:10px 5px; box-sizing:border-box; text-align:center;} .m09 .etc .list li p{color:#fff; height:30px; line-height:30px; font-size:14px; margin-bottom:10px;} .m09 .etc .list li:nth-child(2n-1) p{background-color:#59b224;} .m09 .etc .list li:nth-child(2n) p{background-color:#ff8817;} .m09 .etc .list:nth-child(4) li:nth-child(8){ margin-top:10px; margin-bottom: 10px; border-bottom: 0px; height: 30px; line-height: 30px; font-size: 13px; color: #fff; background-color:#ff8817; } .m09 .etc .list:nth-child(4) li:nth-child(14){ margin-top:10px; margin-bottom: 10px; border-bottom: 0px; height: 30px; line-height: 30px; font-size: 13px; color: #fff; background-color:#ff8817; color: #fff; } /* 비전 */ .m10 .section li:nth-child(1) > .right > p{margin-bottom:20px; line-height:22px; font-size:14px; color:#393939; word-break:keep-all;} .m10 .section li:nth-child(1) > .right > p span{font-weight:bold; font-size:14px; color:#59b224;} .m10 .section li:nth-child(2) > .right li{margin-bottom:25px; font-size:14px; line-height:22px; color:#393939; text-indent: -15px; padding-left: 30px; word-break:keep-all;} .m10 .section li:nth-child(2) > .right li:last-child{margin-bottom:0px;} .m10 .section li:nth-child(2) > .right li span{display:inline-block; margin-right:5px; font-family:"NBGothic"; font-style:italic; color:#fdab4b; font-size:18px;} .m10 .section li:nth-child(3) > .right{text-align:center;} .m10 .section li:nth-child(3) > .right img{max-width:350px;} /* 진료과목/시간 */ .m11 .section li:nth-child(1) > .right table{width:100%; border-top:5px solid #8fce69;} .m11 .section li:nth-child(1) > .right table th{border-bottom:1px solid #eee; background-color:#fafafa; padding:10px 5px; font-family:"NBGothicb"; text-align:center; font-size:16px; color:#393939;} .m11 .section li:nth-child(1) > .right table td{border-bottom:1px solid #eee; border-right:1px solid #eee; padding:10px 5px; line-height:22px; text-align:center; font-size:13px; color:#393939;} .m11 .section li:nth-child(1) > .right table td:last-child{border-right:0px;} .m11 .section li:nth-child(2) > .right li{margin-bottom:30px; font-size:14px; color:#393939; text-align:center;} .m11 .section li:nth-child(2) > .right li:last-child{margin-bottom:0px;} .m11 .section li:nth-child(2) > .right li img{display:block; margin:0 auto; margin-bottom:10px;} /* 병원둘러보기 */ .m12 .cont{} #gallery{margin-bottom:50px;} .m12 .cont h3{margin-bottom:10px; font-family:"NBGothic"; font-size:16px; color:#393939;} /* 오시는길 */ .m13 #map{position: relative; max-width: 500px; margin: 0 auto; height: 300px; margin-top: 30px; background: url(/img/map.jpg) no-repeat; background-position: -260px -60px; background-size: 850px;} .m13 #map .mark li{cursor:pointer; background:url(/img/mark.png) no-repeat center; background-size:contain; width:25px; height:35px;} .m13 #map .mark li.on{background:url(/img/mark_hover.png) no-repeat center; background-size:contain; width:25px; height:35px;} .m13 #map .mark li:nth-child(1){position:absolute; left: 152px; top: 114px;} .m13 #map .mark li:nth-child(2){position:absolute; left: 123px; top: 89px;} .m13 #map .txt{font-size:12px; line-height:20px;} .m13 #map .txt li{display:none; position:absolute; background:#fff; padding:10px 15px;} .m13 #map .txt li.on{display:block;} .m13 #map .txt li:nth-child(1){left:92px; top: 164px;} .m13 #map .txt li:nth-child(1):before{content: ""; display: block; position: absolute; top: -15px; left: 50%; margin-left: -15px; width: 0; height: 0; border-left: 15px solid transparent; border-bottom: 15px solid #fff; border-right: 15px solid transparent;} .m13 #map .txt li:nth-child(2){left: 162px; top: 37px;} .m13 #map .txt li:nth-child(2):before{content: ""; display: block; position: absolute; left: -15px; bottom: 0px; width: 0; height: 0; border-top: 15px solid transparent; border-right: 15px solid #fff; border-bottom: 15px solid transparent;} .m13 #map .txt .logo{display:block; margin-bottom:10px; text-align:center;} .m13 #map .txt .logo img{width:70px;} .m13 #map .bottom{position:absolute; bottom:0; width:100%; padding:10px 0; text-align:center; background-color:rgba(0,0,0,0.6); color:#fff; font-size:14px; line-height:22px; word-break:keep-all;} .m13 #map .bottom span{display:inline-block;} .m13 .other{text-align:center;} .m13 .other li{display:inline-block;} .m13 .other li:nth-child(1){margin-right:20px;} .m13 .other li a{display:inline-block; padding:10px; font-size:14px; color:#fff;} .m13 .other li:nth-child(1) a{background-color:#5eaf2f;} .m13 .other li:nth-child(2) a{background-color:#ff8912;} .m13 .section li table{border-top:5px solid #ccc; width:100%;} .m13 .section li table th{padding:10px 0; border-bottom:1px dashed #ccc; text-align:center; font-size:15px; color:#393939;} .m13 .section li table td{padding:10px 5px; border-bottom:1px dashed #ccc; font-size:14px; color:#393939; line-height:24px; word-break:keep-all;} .m13 .section li table td .tit_link{text-align:center;} .m13 .section li table td .tit_link a{display:inline-block; border:1px solid #ccc; padding:5px;} .m13 .section li table td .tit_link a:hover{border:1px solid #8fce69; color:#8fce69;} .m13 .section li table td .tit_link a:nth-child(1){margin-right:20px;} .m13 .section li:nth-child(3) p{margin-bottom:15px; font-size:15px; font-family:"NBGothicb";} .m13 .section li:nth-child(3) li{margin-bottom:15px; padding-left:30px;} .m13 .section li:nth-child(3) li:nth-child(1) span{display:inline-block; padding:0px 3px; margin-left: -30px; margin-right:5px; background-color:#5eaf2f; font-size:12px; color:#fff;} .m13 .section li:nth-child(3) li:nth-child(2) span{display:inline-block; padding:0px 3px; margin-left: -30px; margin-right:5px; background-color:#2f65af; font-size:12px; color:#fff;} .m13 .section li:nth-child(3) li:nth-child(3) span{display:inline-block; padding:0px 3px; margin-left: -30px; margin-right:5px; background-color:#5eaf2f; font-size:12px; color:#fff;} /* 비급여 */ .m14 .top_sec .txt{line-height:20px; word-break:keep-all;} .m14 .cont section{margin-bottom:30px;} .m14 .cont h3{margin-bottom:10px; font-size:16px; font-family:"NGothicb"; color: #393939;} .m14 .cont table{width:100%; border-top:5px solid #8fce69; color:#393939;} .m14 .cont thead th{word-break: break-all; background-color:#eee; padding:10px 0; border-bottom:1px solid #dadada; border-right:1px solid #dadada; font-size:14px; line-height:18px; font-family:"NGothicb";} .m14 .cont thead th:last-child{border-right:0px solid #dadada;} .m14 .cont tbody td{word-break: break-all; border-bottom:1px solid #dadada; border-right:1px solid #dadada; padding:10px 5px; text-align:center; font-size:12px; line-height:16px;} .m14 .cont tbody td:last-child{border-right:0px solid #dadada;} .m14 .cont tbody td:first-child{border-right:1px solid #dadada;} .m14 .cont tbody td.tit{border-right:1px solid #dadada;} /* 클리닉 */ /* 클리닉 공통 */ /* 세부 탭 메뉴 */ #wrap_tab{position:relative; border-top: 3px solid #eee; padding-top: 30px;} [id^="tab"]{display:none;} [id^="tab"]:nth-of-type(1){display:block;} /* 페이지안 탭메뉴 */ .tab{font-size:0;} .tab li{display:inline-block; margin-top: 5px; margin-right: 5px;} .tab li a{transition:all 0.3s; display:inline-block; padding:10px 20px; background-color:#eee; border-radius:10px 10px 0px 0px; font-size:12px;} .tab li.on a{background-color:#8fce69; color:#fff;} .tab li a:hover{background-color:#8fce69; color:#fff;} /* // 세부 탭 메뉴 */ /* 레이아웃1 */ .layout1{overflow:hidden; margin-top:60px;} .layout1:first-child{margin-top:0px;} .layout1 h4{float:left; width:100px; padding-right:20px; box-sizing:border-box; font-size:14px; line-height:24px; font-family:"NGothicb"; color:#555; word-break:keep-all;} .layout1 > .content{float:left; width:calc(100% - 100px);} .layout1 > .content > p{font-size:12px; line-height:20px; word-break:keep-all;} /* //레이아웃1 */ /* 레이아웃2 */ .layout2{margin-top:60px;} .layout2:first-child{margin-top:0px;} .layout2 h4{margin-bottom:15px; font-size:14px; line-height:24px; font-family:"NGothicb"; color:#555; word-break:keep-all;} .layout2 > .content{} .layout2 > .content > p{font-size:12px; line-height:20px; word-break:keep-all;} /* //레이아웃2 */ /* 레이아웃-1 */ .layout_1{margin-top:30px;} .layout_1 > h5{margin-bottom:10px; font-size:14px; line-height:24px; font-family:"NGothicb"; color:#ff8900; word-break:keep-all;} .layout_1 > p{font-size:12px; line-height:20px; word-break:keep-all;} /* //레이아웃-1 */ /* 리스트1 */ /* 제목들어가고 그밑으로 내용 */ .list01{margin-top:30px;} .list01:first-child{margin-top:0px;} .list01 li{margin-top:15px; font-size:12px; line-height:20px; word-break:keep-all;} .list01 li:first-child{margin-top:0px;} .list01 li p{margin-bottom:10px; color:#ff8900;} /* //리스트1 */ /* 리스트2 */ /* 넘버 옆으로 내용 */ .list02{margin-top:30px;} .list02:first-child{margin-top:0px;} .list02 li{overflow:hidden; margin-top:15px; font-size:12px; line-height:20px; word-break:keep-all;} .list02 li:first-child{margin-top:0px;} .list02 li .num{float:left; width:30px; box-sizing:border-box; background-color:#8fce69; border-bottom:1px solid #ccc; padding:3px 0; text-align:center; color:#fff;} .list02 li .txt{float:left; width:calc(100% - 30px); border-bottom:1px solid #ccc; box-sizing:border-box; padding:3px 0 3px 10px; } /* //리스트2 */ /* 리스트3 */ /* 넘버가 있고 박스로 나열 */ .list03{margin-top:40px; font-size:0px;} .list03:first-child{margin-top:0px;} .list03 li{text-align:center; box-sizing:border-box; border:1px dashed #ccc; vertical-align:top; padding:10px 10px; margin-bottom:15px; display:inline-block; width:48%; margin-right:4%;} .list03 li:nth-child(2n){margin-right:0px;} .list03 li div{display:inline-block; line-height:normal;} .list03 li span{color:#ffb942; font-size:16px; display:inline-block; margin-bottom:5px; word-break:keep-all;} .list03 li p{font-size:12px; word-break:keep-all;} /* //리스트3 */ /* img */ .img01{padding-top:10px;} /* //img */ /* table */ .tb_01{width:100%; border-top:5px solid #8fce69; text-align:center; word-break:keep-all;} .tb_01 thead th{word-break: break-all; background-color:#eee; padding:10px 0; border-bottom:1px solid #dadada; border-right:1px solid #dadada; font-size:14px; font-family:"NGothicb";} .tb_01 thead th:last-child{border-right:0px solid #dadada;} .tb_01 tbody td{word-break: break-all; border-bottom:1px solid #dadada; border-right:1px solid #dadada; padding:10px 5px; text-align:center; font-size:12px;} .tb_01 tbody td:last-child{border-right:0px solid #dadada;} .tb_01 tbody td:first-child{border-right:1px solid #dadada;} .tb_01 tbody td.tit{border-right:1px solid #dadada;} /* // table */ /*// 클리닉 공통 */ /* 검사항목 */ .m15 .m15_top{margin-bottom: 60px; padding: 20px; border: 3px dashed #eee;} .m15 .m15_top h3{margin-bottom:20px; font-family: "NBGothic"; font-size: 18px; color: #393939; } .m15 .m15_top h3 span{color:#ffa53d; } .m15 .m15_top p{font-size:14px; color:#393939; line-height:18px;} .m15 .tb_01 td.t_left{padding-left:10px; text-align:left;} .m15 .tit_list{} .m15 .tit_list li{text-indent:-10px; padding-left:10px; margin-bottom:5px;} .m15 .tit_list li:last-child{margin-bottom:0px;} /* // 검사항목 */ /* 통증치료 */ .m16 .section > li .left span:nth-of-type(1){color:#59b224;} .m16 .section > li .left span:nth-of-type(2){display:block; padding-top:5px; color:#555; font-size:13px; line-height:13px;} /* // 통증치료 */ /* 통증치료안내 */ .m17 .section > li .left span:nth-of-type(1){color:#59b224;} .m17 .section > li .left span:nth-of-type(2){display:block; padding-top:5px; color:#555; font-size:13px; line-height:13px;} .m17 .tb_01 td.t_left{padding-left:10px; text-align:left;} .m17 .tb_01 td{word-break:keep-all;} /* // 통증치료안내 */ /* 교통사고 */ .m18 .section > li .left span:nth-of-type(1){color:#59b224;} .m18 .section > li .left span:nth-of-type(2){display:block; padding-top:5px; color:#555; font-size:13px; line-height:13px;} .m18 .tit_list li{margin-top:30px; word-break:keep-all;} .m18 .tit_list li:first-child{margin-top:0px;} .m18 .tit_list li p:nth-child(1){margin-bottom:10px; color:#ff8900; font-size:14px; line-height:20px; padding-left:15px; text-indent:-15px; } .m18 .tit_list li p:nth-child(2){font-size:12px; line-height:20px; padding-left:15px; text-indent:-15px; } /* // 교통사고 */ /* 소아낮병동 */ .m19 .tb_01 td.t_left{padding-left:10px; text-align:left;} .m19 .tb_01 td{word-break:keep-all;} .m19 .t_list li{margin-top:15px; text-indent: -15px; padding-left: 15px;} .m19 .t_list li:first-child{margin-top:0px;} .m19 .layout2:last-child .t_p{font-size:16px;} .m19 .layout2:last-child .t_p span{display:inline-block; padding:3px 5px; margin-right:10px; color:#fff; background-color:#ff971e;} /* // 소아낮병동 */ /* 소아재활치료안내 */ /* // 소아재활치료안내 */ /* 사회복지프로그램 */ .m21 .tb_01 td:last-child{padding:10px; text-align:left;} .m21 .layout2:nth-child(6) .tb_01{margin-top:5px;} /* // 사회복지프로그램 */ /*// 클리닉 */ /* 환자권리장전 */ .patient{color:#393939; line-height:22px;} .patient .parag1{margin-bottom:40px;} .patient .parag2{margin-bottom:20px; padding-left:10px;} .patient .parag3{margin-bottom:15px; padding-left:10px; font-size:12px; line-height:20px;} .patient div[class^=para]:last-child{margin-bottom:0;} .patient h3{margin-bottom:15px; font-size:15px;} .patient h3:last-child{margin-bottom:0;} .patient h4{margin-bottom:10px; font-size:14px;} .patient h4:last-child{margin-bottom:0;} /* 환자권리장전 */ /* 서브페이지 하단바 */ .sub_bar_bottom{background:url(/img/sub_bar_b.png) no-repeat center top; height:12px;} /* 서브페이지 pallax */ /* .pallax{margin-top: -12px; position: relative; z-index: 1; position:relative; width:100%; height:200px; background-image: url(/img/pallax.jpg); background-repeat:no-repeat; background-position:center center; background-size: cover;} .pallax .text{width:100%; height:200px; background:url(/img/pallax_text.png) no-repeat center; background-size: 800px;} */ /*로그인css*/ .login{} .login .login_inner{text-align:center; width:100%; margin:0 auto; padding:60px 0 0; border-top:10px solid #eee;} .login .txt{line-height:normal;} .login .txt p{font-size:35px; color:#59b124; margin-bottom:30px;} .login .txt p span{display:block; color:#393939; font-size:12px; padding-top:15px; letter-spacing: 0px;} .login .input table{width:70%; margin:0 auto; text-align:left; border:1px solid #ccc; border-bottom:0;} .login .input table td:nth-child(1){width:10%; padding:10px 15px; border-bottom:1px solid #ccc;} .login .input table td:nth-child(2){width:90%; padding:10px 5px; border-bottom:1px solid #ccc;} .login .input table td input{width:100%; border:0; outline:0; font-size:13px;} .login .input label{font-size:13px; padding-right:10px;} .login .btn_login { width:70%; margin:10px auto 0; background-color:#7c7c7c; font-size:14px; } .login .btn_login a { color:#FFF; display:block; height:30px; line-height:30px; } .login .btn_login a:hover { color:#FFF; background-color:#59b124;} /*사이트맵 */ .smap_box {padding-top: 30px; margin:0 auto; width:95%; font-size:0;} .smap_box .smap1{ vertical-align: top; margin-bottom:50px; text-align:center;} .smap_box .smap1 a:hover{ color:#59b224;} .smap_box .tit_01{font-size:18px; padding-bottom:15px; color:#59b224; width:45%; margin:0 auto; margin-bottom:20px; border-bottom: 1px dashed #ddd;} .smap_box .list > li {margin-bottom:20px; } .smap_box .list > li > a{font-size:14px; color:#585858;} /*//사이트맵 */ } /* 내용 공통 */ ::-moz-selection { background:#5fbc3c; color:#fff; } ::selection { background:#5fbc3c; color:#fff; } .liner { border-bottom:1px dotted #999999; margin-top:10px; margin-bottom:20px; } .c_point { color:#333333; font-size:25px; font-family:"NGothicB"; } ::-webkit-scrollbar { width: 10px; height: 10px; } ::-webkit-scrollbar-thumb { background-color: #555; } ::-webkit-scrollbar-track { background-color: #ccc; }