/* 폰트 */ /*네이버 스퀘어 font-family: 'NanumSquare', sans-serif; */ @import url("http://cdn.jsdelivr.net/nanumsquare/1.0/nanumsquare.css"); /*네이버 나눔고딕 font-family: 'Nanum Gothic', serif; */ @import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css"); /*본고딕 font-family: 'Noto Sans', sans-serif; */ @import url("http://fonts.googleapis.com/css?family=Noto+Sans"); /*네이버 바른고딕 font-family: 'Nanum Barun Gothic', sans-serif; */ @import url("https://cdn.rawgit.com/openhiun/hangul/14c0f6faa2941116bb53001d6a7dcd5e82300c3f/nanumbarungothic.css"); /*네이버 나눔명조 font-family: 'Nanum Myeongjo', sans-serif; */ @import url("http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css"); /* 해상도 */ .container {margin: 0 auto; padding-right: 0 !important; padding-left: 0 !important;} .mw_1596 {max-width: 1596px; margin: 0 auto; position: relative;} /* 부스트 트랩 리셋 */ ul,ol {margin: 0;} h1, .h1, h2, .h2, h3, .h3,dl, ul, ol,h4, .h4, h5, .h5, h6, .h6 {margin: 0;} h1, .h1, h2, .h2, h3, .h3,h4, .h4, h5, .h5, h6, .h6 {font-family: 'NanumSquare', sans-serif;} p {margin: 0;} /* bold */ .bld {font-weight: bold;} /* link */ a:hover {text-decoration: none !important;} /* 메인 */ #main_sec1 .main_ban {position: relative;} #main_sec1 .pc_ban{display:none;} #main_sec1 .mbl_ban{display:block;} /* 메인 컨트롤 */ #main_sec1 .main_ban .bx-controls {position: absolute; width: 120px; height: 20px; left: 50%; margin-left: -60px; bottom: 0px; display:none;} #main_sec1 .main_ban .bx-wrapper .bx-pager {bottom: 7px; text-align: center; width: auto; margin-left: 8px;} #main_sec1 .main_ban .bx-wrapper .bx-controls-auto {bottom: 4px;} #main_sec1 .main_ban .bx-wrapper .bx-pager.bx-default-pager a {width: 6px; height: 6px; background: rgba(255,255,255,0.5); margin: 0 4px;} #main_sec1 .main_ban .bx-wrapper .bx-pager.bx-default-pager a.active { width: 6px; height: 6px; background: #ffffff;} #main_sec1 .main_ban .bx-wrapper .bx-controls-auto .bx-stop {background: url('../images/stop_img.png') no-repeat center;} #main_sec1 .main_ban .bx-wrapper .bx-controls-auto .bx-start {background: url('../images/play_img.png') no-repeat center;} /* 중간 배너 main_sec2 */ #main_sec2 {margin-top: 63px;} #main_sec2 .container-fluid {padding-right: 0; padding-left: 0; margin-bottom: 0px;} #main_sec2 .container-fluid .col-md-3 {padding-right: 0; padding-left: 0;} #main_sec2 .container-fluid .row {margin: 0 auto; width:100%;} #main_sec2 ul li img{width:100%;} #main_sec2 .container-fluid .sec_2_1 {background: none; width: 100%; } #main_sec2 .container-fluid .sec_2_2 {background: none; width: 50%; float: left;} #main_sec2 .container-fluid .sec_2_3 {background: none; width: 50%; float: right;} #main_sec2 .container-fluid .sec_2_4 {background: none; width: 100%; clear: both;} #main_sec2 .container-fluid .sec_box {height: 208px; width: 100%; margin: 0 auto; margin-top: 0;} #main_sec2 .container-fluid .sec_box h1 {font-size: 20px; font-family: 'NanumSquare', sans-serif; text-align: center; font-weight: bold; padding-top: 40px;} #main_sec2 .container-fluid .sec_box p {font-size: 12px; text-align: center;} #main_sec2 .container-fluid .sec_box .seca {width: 130px; height: 34px; line-height: 34px; margin: 0 auto; text-align: center;} /* 의료진소개 */ #main_sec2 .container-fluid .sec_2_1 .sec_box {background: #becedd;} #main_sec2 .container-fluid .sec_2_1 .sec_box h1 {color: #4a5c6e; background: none;} #main_sec2 .container-fluid .sec_2_1 .sec_box p {margin: 22px 0 30px 0; color: #738394; line-height: 1.3;} #main_sec2 .container-fluid .sec_2_1 .sec_box .seca a {display: block; color: #ffffff; background: #4a5c6e;} /* 온라인상담 */ #main_sec2 .container-fluid .sec_2_2 .sec_box {background: #ddbccf;} #main_sec2 .container-fluid .sec_2_2 .sec_box h1 {color: #725064; background: none;} #main_sec2 .container-fluid .sec_2_2 .sec_box p {margin: 22px 0 30px 0; color: #9d7d90; line-height: 1.3;} #main_sec2 .container-fluid .sec_2_2 .sec_box .seca a {display: block; color: #ffffff; background: #725064;} /* 카카오톡 빠른상담 */ #main_sec2 .container-fluid .sec_2_3 .sec_box {background: #bbbed5;} #main_sec2 .container-fluid .sec_2_3 .sec_box h1 {color: #505473; background: none;} #main_sec2 .container-fluid .sec_2_3 .sec_box p {margin: 22px 0 30px 0; color: #7a7e9c; line-height: 1.3; padding: 0 5px;} #main_sec2 .container-fluid .sec_2_3 .sec_box .seca a {display: block; color: #ffffff; background: #5e6280;} /* 고객센터 */ #main_sec2 .container-fluid .sec_2_4 .sec_box {background: #b2dada;} #main_sec2 .container-fluid .sec_2_4 .sec_box h1 {font-size: 40px; color: #4a6f6f; letter-spacing: -2px; background: none; padding-top: 40px;} #main_sec2 .container-fluid .sec_2_4 .sec_box p {margin: 16px 0 0 0; color: #648d8d; line-height: 1.3; font-size: 11px;} #main_sec2 .container-fluid .sec_2_4 .sec_box p.hm {margin: 13px 0 0 0; } /* 중간 배너 main_sec3 */ #main_sec3 .txt {margin: 67px 0;} #main_sec3 .txt h1 {text-align: center; margin-bottom: 53px; padding: 0 15px;} #main_sec3 .txt h1 img {max-width: 100%;} #main_sec3 .txt p {color: rgba(255,255,255,0.7); text-align: center; font-size: 15px; letter-spacing: -1px; padding: 0 10px;} #main_sec3 .btnbox {background: url('../images/main_sec3_cont_bg.png') repeat; padding: 30px 0;} #main_sec3 .btnbox.row {margin-right: 0; margin-left: 0;} #main_sec3 .btnbox .col-md-6 {overflow: hidden;} #main_sec3 .mbtn {width: 50%; float: left; text-align: center; background: url('../images/main_sec3_line.jpg') no-repeat left center;} #main_sec3 .mbtn.m01, #main_sec3 .mbtn.m02 {margin-bottom: 30px;} #main_sec3 .mbtn.m01 {background: none;} #main_sec3 .mbtn.m03 {background: none;} /* 중간 배너 main_sec4 */ #main_sec4 .container {background: #ffffff; padding-bottom: 11px;} #main_sec4 .container .row {margin-left: 0; margin-right: 0;} #main_sec4 .container .row .col-md-6 {padding-right: 10px; padding-left: 10px; } #main_sec4 .container .row .col-md-6.brline{background-color:#dfdfdf; padding:20px 10px; height: 500px;} #main_sec4 .container .bbs {position: relative; width: 100%;} #main_sec4 .container .bbs h1 {font-family: 'NanumSquare', sans-serif; font-size: 24px; color: #302e2e; font-weight: bold;} #main_sec4 .container .bbs .more {position: absolute; right: 10px; top: 0;} #main_sec4 .container .bbs ul {margin-top: 20px;} #main_sec4 .container .bbs ul li {padding:15px 0 15px 10px; border-bottom: 1px solid #dcdcdc; background: url('../images/dot.png') no-repeat left center;} #main_sec4 .container .bbs ul li:last-child {border: none;} #main_sec4 .container .bbs ul li a {font-size: 15px; color: #302e2e;} #main_sec4 .container .bbs ul li a span {float: right;} #main_sec4 .container .bbs.sd {margin-top: 25px;} #main_sec4 img{width:100%;} /* 온가족주치의 이끌림치과 */ /* 이끌림 치과 소개 */ #sub01_1 .s_sec_01 {background: url('../images/sub/sub01_01_bg.jpg') no-repeat center; background-size: cover; height: 178px;} #sub01_1 .s_sec_01 .title {text-align: center; padding-top: 18px;} #sub01_1 .s_sec_01 .title img {max-width: 100%; height: 90px} #sub01_1 .s_sec_02 {background: #f5f5f5; padding-top: 30px; padding-bottom: 30px;} #sub01_1 .s_sec_02 .box {margin-top: 73px;} #sub01_1 .s_sec_02 .box img {max-width: 100%;} #sub01_1 .s_sec_02 .box ul li {width: 32.6666667%; float: left; margin-left: 1%; margin-bottom: 1%; height: 180px;} #sub01_1 .s_sec_02 .box ul li.mgln {margin-left: 1%;} #sub01_1 .s_sec_02 .box ul li.boxImg01,#sub01_1 .s_sec_02 .box ul li.boxImg02,#sub01_1 .s_sec_02 .box ul li.boxImg03 {display: none;} #sub01_1 .s_sec_02 .box ul li.clrbox01 {background: #ddbccf; margin-left: 0;} #sub01_1 .s_sec_02 .box ul li.clrbox02 {background: #c8c8c8;} #sub01_1 .s_sec_02 .box ul li.clrbox03 {background: #becedd;} #sub01_1 .s_sec_02 .box ul li dl {text-align: center; margin-bottom: 0; padding-top: 38px;} #sub01_1 .s_sec_02 .box ul li dl dt {font-size: 20px; color: #363636; margin-bottom: 38px; position: relative;} #sub01_1 .s_sec_02 .box ul li dl dt:before {content: ''; width: 44px; height: 2px; position: absolute; background: #ffffff; top: 48px; left: 44.5%; margin-left: -15px;} #sub01_1 .s_sec_02 .box ul li dl dd {font-size: 16px; color: #ffffff;} #sub01_1 .s_sec_02 .container .box ul {width:80%; margin: 0 auto;} #sub01_1 .s_sec_03 {background: url('../images/sub/sub_01_sec03_bg.jpg') no-repeat center; background-size: cover; height: 548px; padding-top: 0px;} #sub01_1 .s_sec_03 .Img {margin-top: 117px;} #sub01_1 .s_sec_03 .Img img {max-width: 100%; display:block; } #sub01_1 .s_sec_04 {background: #f7f6f4; padding-top: 30px; padding-bottom: 30px;} #sub01_1 .s_sec_04 .secbm {color: #232323;} #sub01_1 .s_sec_04 ul {margin-top: 30px;} #sub01_1 .s_sec_04 ul li {width: 100%; float: none; text-align: center; padding-bottom: 43px; position: relative; margin-bottom: 25px;} #sub01_1 .s_sec_04 ul li:before {position: absolute; width: 10px; height: 10px; background: #6e4e78; content: ''; bottom: 0; left: 49%;} #sub01_1 .s_sec_04 ul li .thImg {margin-bottom: 48px;} #sub01_1 .s_sec_04 ul li .thImg img {max-width: 100%;} #sub01_1 .s_sec_04 ul li h6 {font-family: 'NanumSquare', sans-serif; font-size: 22px; color: #1d1d1d; font-weight: bold; margin-bottom: 23px;} #sub01_1 .s_sec_04 ul li span {font-family: 'NanumSquare', sans-serif; font-size: 16px; color: #6e4e78; font-weight: bold;} #sub01_1 .s_sec_04 ul li p {font-size: 16px; color: #505050; line-height: 1.2; margin-top: 24px;} /* 이끌림의 발걸음 */ #sub01_2 .s_sec_01 {padding-top: 0; background: #f7f7f7; height: 1900px;} #sub01_2 .s_sec_01 .secTitle {margin-bottom: 30px !important;} #sub01_2 .s_sec_01 .secTitle {padding-top: 30px !important;} #httab {margin-top: 52px;} #httab > ul {display: table; overflow: hidden; margin: 0 auto 66px; width:90%;} #httab > ul > li {float: left; margin: 0 1px; background: #ffffff; width:32%;} #httab > ul > li a {display: block; font-size: 16px; padding: 10px 22px;} #httab > ul > li.ui-tabs-active {background: #60316f;} #httab > ul > li.ui-tabs-active a {color: #ffffff; font-weight: bold;} #httab > ul > li:hover {background: #60316f;} #httab > ul > li:hover a {color: #ffffff; font-weight: bold;} /*연혁 */ #tabs-1 .hiscont ul { height: 1280px;} #tabs-2 .hiscont ul { height: 1228px;} #tabs-3 .hiscont ul { height: 630px;} .hiscont {margin-bottom: 20px;} .hiscont h3 {text-align: center;} .hiscont ul {background: url('../images/hist_line.jpg') repeat-y center top; padding-top: 38px;} .hiscont ul li {padding: 0 0 38px 0; position: relative;} .hiscont ul li .ctxt p {font-size: 15px; color: #5b5a5a;} .hiscont ul li .ytxt {width: 52px; height: 52px; line-height: 52px; text-align: center; border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; background: #cca2ba; color: #ffffff; font-size:18px; font-weight: bold; position: absolute; font-family: 'Nanum Myeongjo', sans-serif; } .hiscont ul li.right {margin-left: 50%; text-align: left;} .hiscont ul li.right .ytxt {left: -25px;} .hiscont ul li.right .ctxt {padding-left: 50px;} .hiscont ul li.left {margin-right: 50%; text-align: right;} .hiscont ul li.left .ctxt {padding-right: 50px;} .hiscont ul li.left .ytxt {right: -25px;} #sub01_2 .s_sec_02 {background-image: url('../images/sub_01_2_sec2_bg.jpg'); background-repeat: no-repeat; background-position: center top; background-color: #f7f6f4; padding-top: 0;} #sub01_2 .s_sec_02 .secTitle {margin-bottom: 30px !important;} #sub01_2 .s_sec_02 .secTitle {padding-top: 40px !important;} #sub01_2 .s_sec_02 .container {background: #f7f6f4; margin-top: 75px;} #sub01_2 .s_sec_02 .container .txt01 {padding-top: 58px; text-align: center;} #sub01_2 .s_sec_02 .container .txt01 p {font-size: 16px; color: #3b3b3b;} #sub01_2 .s_sec_02 .container .txt01 .ebox {margin-top: 20px; display: inline-block; background: #725064; *display: inline; *zoom: 1; padding: 5px 15px; color: #ffffff; font-size: 16px;} #sub01_2 .s_sec_02 .hlist {margin-top: 110px;} #sub01_2 .s_sec_02 .hlist div {margin-bottom: 37px;} #sub01_2 .s_sec_02 .hlist div h4 {font-size: 22px; color: #232323; margin-bottom: 27px; position: relative;} #sub01_2 .s_sec_02 .hlist div h4:before {content: ''; width: 27px; height: 3px; position: absolute; left: 0; top: -10px; background: #6e4e78;} #sub01_2 .s_sec_02 .hlist div ul {overflow: hidden;} #sub01_2 .s_sec_02 .hlist div ul li {float: left; margin-left: 25px; margin-bottom: 20px;} #sub01_2 .s_sec_02 .hlist div ul li:first-child, #sub01_2 .s_sec_02 .hlist div ul li:nth-child(6) {margin-left: 0;} /* 진료시간 안내 */ #sub01_3 .scadule{margin:60px 0; display:none;} #sub01_3 .mobile_scadule{display:block;} #sub01_3 .mobile_scadule img{width:100%;} #sub01_3 .s_sec_01 {height: 100px; line-height: 100px; text-align: center; font-size: 20px; font-weight: bold; } #sub01_3 .s_sec_02 {background: url('../images/sub_01_03_sec02_bg.jpg') no-repeat center top; padding-top: 65px;} #sub01_3 .s_sec_02 .container {margin-top: 410px;} #sub01_3 .s_sec_02 .secTitle { padding-top: 30px !important; margin-bottom: 30px !important;} #sub01_3 .s_sec_02 .container .time{display:none;} #sub01_3 .s_sec_02 .container .mobile_time{display:block; margin-bottom: 90px;} #sub01_3 .s_sec_02 .container .mobile_time img{width:100%;} #sub01_3 .s_sec_02 .container .time .box .thimg {text-align: center; margin-bottom: 40px;} #sub01_3 .s_sec_02 .container .time .box h4 {font-family: 'Noto Sans', sans-serif; font-size: 20px; color: #343434; letter-spacing: -1px; text-align: center; margin-bottom: 38px;} /* consultation hours */ #sub01_3 .s_sec_02 .container .time .b01 ul {padding-left: 52px;} #sub01_3 .s_sec_02 .container .time .b01 ul li {font-size: 15px; color: #6b6b6b; letter-spacing: -1px;} #sub01_3 .s_sec_02 .container .time .b01 ul li strong {color: #2f2f2f;} #sub01_3 .s_sec_02 .container .time .b01 ul li span {color: #834267; font-weight: bold;} #sub01_3 .s_sec_02 .container .time .b01 ul li:last-child {margin-top: 15px;} /* consultation information */ #sub01_3 .s_sec_02 .container .time .b02 p.tel {text-align: center; font-family: 'NanumSquare', sans-serif; font-size: 30px; font-weight: bold; margin-bottom: 47px; } #sub01_3 .s_sec_02 .container .time .b02 dl {padding-left: 68px;} #sub01_3 .s_sec_02 .container .time .b02 dt {font-size: 16px; color: #b58ea4; letter-spacing: -1px; margin-bottom: 18px;} #sub01_3 .s_sec_02 .container .time .b02 dd {font-size: 15px; color: #8e8e8e;} #sub01_3 .s_sec_02 .container .time .b02 ul li{text-align:center; margin-bottom:30px;} /* Online counseling */ #sub01_3 .s_sec_02 .container .time .b03 p {text-align: center; font-size: 15px; color: #161516; margin-bottom: 40px;} #sub01_3 .s_sec_02 .container .time .b03 ul li {text-align: center; margin-bottom: 8px;} /* 찾아오시는 길 */ #sub01_3 .s_sec_03 {background: #f2f2f2; padding-top: 0; padding-bottom: 90px;} #sub01_3 .s_sec_03 .container{margin-top:30px;} #sub01_3 .s_sec_03 .container .locmap .addr {margin-top: 24px;} #sub01_3 .s_sec_03 .container .locmap .addr .addrtxt p {font-size: 18px; color: #6b6b6b;} #sub01_3 .s_sec_03 .container .locmap .addr .addrtxt span {display: block; font-size: 16px; color: #a5a5a5;} #sub01_3 .s_sec_03 .container .locmap .addr .mapbtn {float: right; width: auto;} #sub01_3 .s_sec_03 .container .locmap .addr .mapbtn ul{margin-top:60px;} #sub01_3 .s_sec_03 .container .locmap .addr .mapbtn ul li {float: left; margin-left: 8px; width:48%;} #sub01_3 .s_sec_03 .container .ed {margin-top: 62px;} #sub01_3 .s_sec_03 .container .ed h4 {font-size: 22px; color: #3f3c3c; margin-bottom: 33px;} #sub01_3 .s_sec_03 .container .ed h4 img {margin-right: 20px; } #sub01_3 .s_sec_03 .container .ed dl {margin-bottom: 27px;} #sub01_3 .s_sec_03 .container .ed dl dt {font-size: 17px; color: #4d4d4d;} #sub01_3 .s_sec_03 .container .ed dl dd {font-size: 18px; color: #6b6b6b;} /* 이끌림 의료진 */ #sub02_1 {padding-bottom: 80px;} #sub02_1 .container .row {margin-left: 0; margin-right: 0;} #sub02_1 .container .psbox {width: 95%; height: 400px; margin-bottom: 12px; position: relative; margin-left:10px;} #sub02_1 .container .psbox:nth-child(1){background: url(../images/person_bg01.jpg); background-repeat:no-repeat; background-size: contain; background-position:center top;} #sub02_1 .container .psbox:nth-child(2){background: url(../images/person_bg02.jpg); background-repeat:no-repeat; background-size: contain; background-position:center top;} #sub02_1 .container .psbox:nth-child(3){background: url(../images/person_bg03.jpg); background-repeat:no-repeat; background-size: contain; background-position:center top;} #sub02_1 .container .psbox:nth-child(4){background: url(../images/person_bg04.jpg); background-repeat:no-repeat; background-size: contain; background-position:center top;} #sub02_1 .container .psbox:nth-child(5){background: url(../images/person_bg05.jpg); background-repeat:no-repeat; background-size: contain; background-position:center top;} #sub02_1 .container .psbox .delbox {background: #ffffff; width: 100%; height: 164px; position: absolute; left: 0; bottom: 0; display: table; padding: 10px 0 0;} #sub02_1 .container .psbox .delcont {text-align: center; display: table-cell; vertical-align: middle;} #sub02_1 .container .psbox .delcont dl {margin-top: 10px;} #sub02_1 .container .psbox .delcont dl dt {position: relative;} #sub02_1 .container .psbox .delcont dl dt img {max-width: 100%;} #sub02_1 .container .psbox .delcont dl dt:before {content: ''; position: absolute; width: 21px; height: 2px; background: #ffffff; bottom: -10px; left: 50%; margin-left: -10px;} #sub02_1 .container .psbox .delcont .txt {margin: 18px 0; font-size: 15px; color: #ffffff;} #sub02_1 .container .psbox .delcont .abtn a {font-size:12px; color: #ffffff; border: 1px solid #ffffff; height: 28px; padding: 0 17px; line-height: 28px; display: inline-block; *display: inline; *zoom: 1;} #sub02_1 .container .psbox .delcont .abtn a:hover {background: #ffffff; color: #555555;} #sub02_1 .container .ps01 .delcont {background: #becedd;} #sub02_1 .container .ps02 .delcont {background: #ddbccf;} #sub02_1 .container .ps03 .delcont {background: #bbbed5;} #sub02_1 .container .ps04 .delcont {background: #b2dada;} #sub02_1 .container .ps05 .delcont {background: #b7b7b7;} #sub02_1 .container .ps06 {display: none;} /*#sub02_1 .container .ps06 .delcont {background: #bbbed5;}*/ /* 의료진 팝업 스타일 */ .popbox {display: none;} .popbox .row {margin-right: 0; margin-left: 0;} .popbox .etxt {margin-top: 51px; padding-left: 14px;} .popbox .etxt h5 {font-family: 'Noto Sans', sans-serif; font-size: 16px; color: #ffffff; margin-bottom: 15px;} .popbox .etxt h4 {font-family: 'Noto Sans', sans-serif; font-size: 60px; color: #404444; border-bottom: 1px solid #eaeaea; padding-bottom: 12px; margin-bottom: 38px; } .popbox .etxt h4 span {font-size: 24px;} .popbox .etxt ul li {font-size: 16px; color: #5b6060;} .popbox .etxt ul.line01 li {font-size: 16px; color: #454c4c; font-weight: bold;} .popbox .etxt ul.line02 {margin: 24px 0;} #pop01 {background: #cdcdcd; position: relative; width: 100%; height: auto; background-image: url('../images/pop_logo.png'); background-repeat: no-repeat; background-position: 740px 590px;} #pop01 .thimg {margin-top: 107px;} #pop01 .thimg img {max-width: 100%;} #pop01 .col-xs-5 {width: 100%; float: none;} #pop01 .col-xs-7 {width: 100%; float: none;} #pop02 {background: #cdcdcd; position: relative; width: 100%; height: auto; background-image: url('../images/pop_logo.png'); background-repeat: no-repeat; background-position: 740px 520px;} #pop02 .thimg {margin-top: 66px;} #pop02 .thimg img {max-width: 100%;} #pop02 .col-xs-5 {width: 100%; float: none;} #pop02 .col-xs-7 {width: 100%; float: none;} #pop03 {background: #cdcdcd; position: relative; width: 100%; height: auto; background-image: url('../images/pop_logo.png'); background-repeat: no-repeat; background-position: 740px 628px;} #pop03 .thimg {margin-top: 58px;} #pop03 .thimg img {max-width: 100%;} #pop03 .col-xs-5 {width: 100%; float: none;} #pop03 .col-xs-7 {width: 100%; float: none;} #pop04 {background: #cdcdcd; position: relative; width: 100%; height: auto; background-image: url('../images/pop_logo.png'); background-repeat: no-repeat; background-position: 740px 520px;} #pop04 .thimg {margin-top: 66px;} #pop04 .thimg img {max-width: 100%;} #pop04 .col-xs-5 {width: 100%; float: none;} #pop04 .col-xs-7 {width: 100%; float: none;} #pop05 {background: #cdcdcd; position: relative; width: 100%; height: auto; background-image: url('../images/pop_logo.png'); background-repeat: no-repeat; background-position: 740px 520px;} #pop05 .thimg {margin-top: 66px;} #pop05 .thimg img {max-width: 100%;} #pop05 .col-xs-5 {width: 100%; float: none;} #pop05 .col-xs-7 {width: 100%; float: none;} #sub_cont div.bbs_search ul.sort li.div_back{margin-top:3px;} .sub_m3 .sub_big_title #sub_titlebar{margin-bottom:30px;} /* 이끌림 둘러보기 */ #subgp .section01 { margin-top: 40px; padding-right: 10px !important; padding-left: 10px !important;} #subgp .section01 p { font-family: 'NanumSquare', sans-serif; color: #404040; font-size: 10px; letter-spacing: -1px; text-align: center; } #subgp .section01 p .str { color :#393939; font-weight: bold; } #subgp .section01 p .clr_bb { color: #6b1586; font-weight: bold;} #subgp .box { width: 100%; margin: 28px auto 0 auto; background-color :#f4f4f4; padding: 15px 0;} #subgp .box ul li { background: url('../images/six_img.png') no-repeat left center; float: left; font-size: 12px; color: #6c6c6c;} #subgp .box ul li.list01 { margin-left: 15px; padding-left: 28px;} #subgp .box ul li.list02 { margin-left: 15px; padding-left: 28px;} #subgp .tabbox { margin-top: 30px;} #subgp .tabbox .nav-tabs > li { width: 100%; border: 1px solid #9b9b9b; box-sizing: border-box; float: none; margin-bottom: 1px;} #subgp .tabbox .nav-tabs > li span { display: inline-block; background :#9b9b9b; color: #ffffff; width: 56px; padding: 10px 0; font-size: 16px; text-align: center; } #subgp .tabbox .nav-tabs > li p {display: inline-block; color: #373737; padding-left: 30px; font-size:18px;font-family: 'NanumSquare', sans-serif; } #subgp .tabbox .nav-tabs > li.active, #subgp .tabbox .nav-tabs > li:hover { border: 1px solid #b888ad; } #subgp .tabbox .nav-tabs > li.active span { background :#b888ad;} #subgp .tabbox .nav-tabs > li:hover span { background :#b888ad; } #subgp .tab-content { margin-top: 32px; border-top: 2px solid #555555; border-bottom: 2px solid #555555; padding: 18px 0; margin-bottom: 20px;} #subgp .tab-content .slider-container { width: 100%; float: none; } #subgp .tab-content .slider-container img {width: 100%;} #subgp .tab-content .thumbnailSlider { width: 100% !important; float: none; } #subgp .tab-content .thumbnailSlider ul {overflow: hidden; display: table; margin: 10px auto 0 auto;} #subgp .tab-content .thumbnailSlider ul li {float: none; margin-top: 10px; margin-left: 1px; margin-bottom: 2px; display: table-cell;} #subgp .tab-content .thumbnailSlider ul li:nth-child(2n+1) {margin-left: 0;} #subgp .tab-content .thumbnailSlider ul li img { opacity: 0.5; width: 100%; } #subgp .tab-content .thumbnailSlider ul li a.active img { opacity: 1; } /* 상담/문의 */ /* 카카오톡 상담 */ /*#sub04_2 {padding-top: 60px;}*/ #sub04_2 .container .txt01 {margin: 20px 0 58px 0; text-align: center; font-size: 12px; color: #381e1f; letter-spacing: -1px;} #sub04_2 .container .txt01 a {display: inline-block; *display: inline; *zoom: 1; margin-left: 0; margin-top: 20px;} #sub04_2 .container .pbimg {text-align: center; padding-bottom: 62px;} #sub04_2 .s_sec_01 {margin-bottom: 60px;background: #e8e8e8;} #sub04_2 .s_sec_01 img {max-width: 100%;} #sub04_2 .s_sec_01 .qr {margin-left: 10px;} #sub04_2 .s_sec_02 {margin-bottom: 60px;background: #e8e8e8;} #sub04_2 .s_sec_02 img {max-width: 100%;} /* 페이스북 소식보기 */ #sub04_3 .container .txt01 {margin: 20px 0 58px 0; text-align: center; font-size: 12px; color: #381e1f; letter-spacing: -1px;} #sub04_3 .container .txt01 a {display: inline-block; *display: inline; *zoom: 1; margin-left: 20px;} #sub04_3 .container .pbimg {text-align: center; padding-bottom: 62px;} #sub04_3 .s_sec_01 {background: #e8e8e8;} #sub04_3 .s_sec_01 h1 { margin-top: 60px; } #sub04_3 .s_sec_01 img {max-width: 100%;} #sub04_3 .s_sec_02 {margin-bottom: 60px;background: #e8e8e8; text-align: center; padding: 50px 0;} #sub04_3 .s_sec_02 img {max-width: 100%;} /* 인스타그램 소식보기 */ /*#sub04_4 {padding-top: 60px;}*/ #sub04_4 .container .txt01 {margin: 20px 0 20px 0; text-align: center; font-size: 12px; color: #381e1f; letter-spacing: -1px;} #sub04_4 .container .txt01 a {display: inline-block; *display: inline; *zoom: 1; margin-left: 20px;} #sub04_4 .container .pbimg {text-align: center; padding-bottom: 20px;} #sub04_4 .s_sec_01 {padding-bottom: 20px;background: #e8e8e8; } #sub04_4 .s_sec_01 img {max-width: 100%;} #sub04_4 .s_sec_02 {margin-bottom: 60px;} #sub04_4 .s_sec_02 img {max-width: 100%;} #sub04_4 .s_sec_02 h4 {text-align: center; margin-bottom: 30px;} #sub04_4 .s_sec_01 .instar h5 {text-align: center; font-size: 26px; color: #2a2a2a; letter-spacing: 4px; font-weight: bold;} #sub04_4 .s_sec_01 .instar .tag {text-align: center; font-size: 15px; color: #5d5c5c; margin-top: 5px;} /* 이끌림 인재채용 */ #sub05_5 .s_sec_01 {position: relative; margin-bottom: 84px;} #sub05_5 .s_sec_01 h3 {margin-bottom: 15px;} #sub05_5 .s_sec_01 .line {width: 100%; height: 1px; position: absolute; background: #d7d7d7; top: 60%; display: none;} #sub05_5 .s_sec_01 .box{display:none;} #sub05_5 .s_sec_01 .mobile_box{display:block;} #sub05_5 .s_sec_01 .mobile_box img{width:100%;} #sub05_5 .s_sec_01 .box > div {height: 336px; text-align: center; border:1px solid #dedede; box-sizing: border-box;} #sub05_5 .s_sec_01 .box > div:nth-child(1){border-right:none;} #sub05_5 .s_sec_01 .box > div:nth-child(2){border-right:none;} #sub05_5 .s_sec_01 .box > div dl {margin-top: 40px; padding-top: 70px;} #sub05_5 .s_sec_01 .box > div dl dt {font-size: 34px; color: #ffffff; font-weight: bold; margin-bottom: 2px;} #sub05_5 .s_sec_01 .box > div dl dd {font-size: 16px; color: #929190; margin-top:85px;} #sub05_5 .s_sec_01 .box .box01 {background-image: url('../images/sub_05_05_sec01_bg1.png'); background-repeat: no-repeat; background-position: 50% 30%;} #sub05_5 .s_sec_01 .box .box02 {background-image: url('../images/sub_05_05_sec01_bg2.png'); background-repeat: no-repeat; background-position: 50% 30%;} #sub05_5 .s_sec_01 .box .box03 {background-image: url('../images/sub_05_05_sec01_bg3.png'); background-repeat: no-repeat; background-position: 50% 30%;} #sub05_5 .s_sec_02 .box{display:none;} #sub05_5 .s_sec_02 .mobile_box{display:block;} #sub05_5 .s_sec_02 .mobile_box img{width:100%;} #sub05_5 .s_sec_02 {background: #f4f2f0; padding-bottom: 78px;} #sub05_5 .s_sec_02 h3 { color: #232323;} #sub05_5 .s_sec_02 .box > div {height: 304px; width: 100%; text-align: center; float: left; background: #ffffff; padding-top: 25px;} #sub05_5 .s_sec_02 .box > div:first-child {margin-left: 1px;} #sub05_5 .s_sec_02 .box > div dl {margin-top: 10px;} #sub05_5 .s_sec_02 .box > div dl dt {font-size: 28px; color: #363636; font-weight: bold; margin-bottom: 2px;} #sub05_5 .s_sec_02 .box > div dl dd {font-size: 16px; color: #8a8a8a;} #sub05_5 .s_sec_03 {padding-bottom: 88px;} #sub05_5 .s_sec_03 .bimg img {max-width: 100%;} #sub05_5 .s_sec_03 h3 {margin: 0; color: #232323;} #sub05_5 .s_sec_04 {padding-bottom: 88px; background: #f4f2f0;} #sub05_5 .s_sec_04 h3 {margin: 0; color: #232323;} #sub05_5 .s_sec_04 ul li {width: 100%; float: left; position: relative;} #sub05_5 .s_sec_04 ul li .thImg img {max-width: 100%;} #sub05_5 .s_sec_04 ul li:first-child {margin-left: 0;} #sub05_5 .s_sec_04 ul li .arrow {position: absolute; right: -25px; top: 40%; z-index: 10; display: none;} #sub05_5 .s_sec_04 ul li p {height: 46px; line-height: 46px; text-align: center; font-size: 16px; font-weight: bold; color: #232323;} #sub05_5 .s_sec_04 ul li.list01 p {background: #88b3de;} #sub05_5 .s_sec_04 ul li.list02 p {background: #88c9de;} #sub05_5 .s_sec_04 ul li.list03 p {background: #88b3de;} #sub05_5 .s_sec_04 .email {margin-top: 30px;} #sub05_5 .s_sec_04 .email .box {display: inline-block; *display: inline; *zoom: 1; width: 21px; height: 21px; background: #5f4c64; color: #ffffff; text-align: center; font-size: 18px; line-height: 21px; margin-right: 5px;} #sub05_5 .s_sec_04 .email .txt {font-size: 18px; font-weight: bold; color: #2b2b2b;} /* 이끌림의 특별함 */ #subm1 {background: #f4f2f0;} #subm1 .s_sec_01 {background: #ffffff; display: none;} #subm1 .s_sec_01 ul {display: table; margin-bottom:3px;} #subm1 .s_sec_01 ul li {width: 237px; text-align: center; background: #f5f5f5; height: 120px; display: table-cell; vertical-align: middle; border-left: 3px solid #ffffff; line-height: 1.1; font-weight:bold;} #subm1 .s_sec_01 ul li:hover {background: #88b3de;} #subm1 .s_sec_01 ul li:hover a {color: #ffffff;} #subm1 .s_sec_01 ul li a {display: block; font-size: 15px; letter-spacing: -1px; color: #6b6b6b;} #subm1 .s_sec_01 ul li:first-child {border-left: 0; } #subm1 .s_sec_02 {border-bottom: 1px solid #dbdbdb; padding-bottom: 30px;} #subm1 .s_sec_02 .secTitle {padding-top: 88px; margin-bottom: 83px;} #subm1 .s_sec_02 .bimg {text-align: center; padding:0 46px;} #subm1 .s_sec_02 .bimg img {max-width: 100%;} #subm1 .s_sec_03 {border-bottom: 1px solid #dbdbdb; padding-bottom: 30px;} #subm1 .s_sec_03 .secTitle {padding-top: 88px; margin-bottom: 83px;} #subm1 .s_sec_03 ul li {width: 50%; float: left; text-align: center; margin-bottom: 15px; padding: 0 5px;} #subm1 .s_sec_03 ul li img {width: 90%;} #subm1 .s_sec_03 .jbImg {margin-top: 10px;} #subm1 .s_sec_03 .jbImg img {max-width: 100%;} #subm1 .s_sec_04 {border-bottom: 1px solid #dbdbdb; padding-bottom: 30px;} #subm1 .s_sec_04 .secTitle {padding-top: 88px; margin-bottom: 83px;} #subm1 .s_sec_04 ul li {width: 32%; float: left; position: relative; margin-left: 0;} #subm1 .s_sec_04 ul li:first-child {margin-left: 1%;} #subm1 .s_sec_04 ul li{margin-right:1%;} #subm1 .s_sec_04 ul li .thImg img {width: 100%;} #subm1 .s_sec_04 ul li p {height: 66px; line-height: 66px; text-align: center; font-size: 12px; color: #ffffff;} #subm1 .s_sec_04 ul li:nth-child(2) > p{padding-top:12px; line-height:18px;} #subm1 .s_sec_04 ul li.list01 p {background: #88b3de; margin-top: 1px;} #subm1 .s_sec_04 ul li.list02 p {background: #88c9de; margin-top: 1px;} #subm1 .s_sec_04 ul li.list03 p {background: #88b3de; margin-top: 1px;} #subm1 .s_sec_05 {border-bottom: 1px solid #dbdbdb; padding-bottom: 30px;} #subm1 .s_sec_05 .secTitle {padding-top: 88px; margin-bottom: 83px;} #subm1 .s_sec_05 .bimg {margin-bottom: 25px;} #subm1 .s_sec_05 .bimg img {max-width: 100%;} #subm1 .s_sec_05 .bimg .txt {text-align: center; color: #ffffff; font-size: 12px; background: #88b3de; height: 66px; line-height: 66px;} #subm1 .s_sec_05 ul li {width: 32%; float: left; position: relative; margin-left: 0; margin-right:1%;} #subm1 .s_sec_05 ul li:first-child {margin-left: 1%;} #subm1 .s_sec_05 ul li .thImg img {max-width: 100%; width: 100%;} #subm1 .s_sec_05 ul li p {height: 66px; line-height: 1.2; text-align: center; font-size: 12px; color: #ffffff; padding:14px 0; } #subm1 .s_sec_05 ul li.list01 p {background: #88b3de;} #subm1 .s_sec_05 ul li.list02 p {background: #88c9de;} #subm1 .s_sec_05 ul li.list03 p {background: #88b3de;} #subm1 .s_sec_06 {border-bottom: 1px solid #dbdbdb; padding-bottom: 30px;} #subm1 .s_sec_06 .secTitle {padding-top: 88px; margin-bottom: 83px;} #subm1 .s_sec_06 ul li {width: 50%; float: left; position: relative; margin-left: 0;} #subm1 .s_sec_06 ul li:first-child {margin-left: 0;} #subm1 .s_sec_06 ul li .thImg img {max-width: 100%;} #subm1 .s_sec_06 ul li p {padding: 14px 0; text-align: center; font-size: 10px; color: #ffffff; line-height: 1.2;} #subm1 .s_sec_06 ul li.list01 p {background: #88b3de;} #subm1 .s_sec_06 ul li.list02 p {background: #88c9de;} #subm1 .s_sec_06 ul li.list03 p {background: #88b3de;} #subm1 .s_sec_06 ul li.list04 p {background: #88c9de;} #subm1 .s_sec_07 {border-bottom: 1px solid #dbdbdb; padding-bottom: 30px;} #subm1 .s_sec_07 .secTitle {padding-top: 88px; margin-bottom: 83px;} #subm1 .s_sec_07 ul li {width: 50%; text-align: center; float: left;} #subm1 .s_sec_07 ul li:last-child {float: none; margin: 0 auto;} #subm1 .s_sec_07 ul li .box {padding: 0 5px;} #subm1 .s_sec_07 ul li .thImg {margin-bottom: 30px;} #subm1 .s_sec_07 ul li .thImg img {max-width: 100%;} #subm1 .s_sec_07 ul li .line {display: block; width: 35px; height: 2px; background: #000000; margin: 0 auto 26px auto;} #subm1 .s_sec_07 ul li .txt {font-size: 12px; color: #505050; line-height: 1.2; margin-bottom: 15px; letter-spacing: -1px;} #subm1 .s_sec_08 {border-bottom: 1px solid #dbdbdb; padding-bottom: 30px;} #subm1 .s_sec_08 .secTitle {padding-top: 88px; margin-bottom: 83px;} #subm1 .s_sec_08 ul li {width: 100%; float: left; position: relative; margin-left: 0;} #subm1 .s_sec_08 ul li:first-child {margin-left: 0;} #subm1 .s_sec_08 ul li .thImg img {max-width: 100%; width: 100%;} #subm1 .s_sec_08 ul li p {height: 66px; line-height: 66px; text-align: center; font-size: 16px; color: #ffffff;} #subm1 .s_sec_08 ul li.list01 p {background: #88b3de;} #subm1 .s_sec_08 ul li.list02 p {background: #88c9de;} #subm1 .s_sec_08 ul li.list03 p {background: #88b3de;} #subm1 .s_sec_09 {border-bottom: 1px solid #dbdbdb; padding-bottom: 30px;} #subm1 .s_sec_09 .secTitle {padding-top: 88px; margin-bottom: 83px;} #subm1 .s_sec_09 ul li {width: 100%; text-align: center; float: left; position: relative;} #subm1 .s_sec_09 ul li .thImg img {max-width: 100%;} #subm1 .s_sec_09 ul li .thtxt { width: 100%; height: 45px; position: absolute; bottom: 0; background: rgba(0,172,197,0.8); display: table; } #subm1 .s_sec_09 ul li p {text-align: center; color: #ffffff; font-size: 12px; line-height: 1.2; letter-spacing: -1px; vertical-align: middle; display: table-cell;} #subm1 .s_sec_10 {border-bottom: 1px solid #dbdbdb; padding-bottom: 83px;} #subm1 .s_sec_10 .secTitle {margin-bottom: 40px !important;} #subm1 .s_sec_10 .boxlist {margin-top:8px;} #subm1 .s_sec_10 .boxlist ul li {width: 50%; float: left; position: relative; margin-left: 0; padding: 0 1px;} #subm1 .s_sec_10 .boxlist ul li .thImg img {max-width: 100%;} #subm1 .s_sec_10 .boxlist ul li:first-child {margin-left: 0;} #subm1 .s_sec_10 .boxlist ul li .arrow {position: absolute; right: -25px; top: 40%; z-index: 10;} #subm1 .s_sec_10 .boxlist ul li p {height: 50px; line-height: 50px; text-align: center; font-size: 10px; color: #ffffff;} #subm1 .s_sec_10 .boxlist ul li.list01 p {background: #88b3de;} #subm1 .s_sec_10 .boxlist ul li.list02 p {background: #88c9de;} #subm1 .s_sec_10 .boxlist ul li.list03 p {background: #88b3de;} #subm1 .s_sec_10 .boxlist ul li.list04 p {background: #88c9de;} #subm1 .s_sec_11 {border-bottom: 1px solid #dbdbdb; padding-bottom: 80px;} #subm1 .s_sec_11 .secTitle {padding-top: 88px; margin-bottom: 83px;} #subm1 .s_sec_11 ul li {width: 100%; text-align: center; float: left; position: relative; margin-bottom: 1px ;} #subm1 .s_sec_11 ul li .thImg img {max-width: 100%;} #subm1 .s_sec_11 ul li .thtxt { width: 99.9%; height: 40px; position: absolute; bottom: 0; background: rgba(9,42,75,0.8); display: table; } #subm1 .s_sec_11 ul li p { text-align: center; color: #ffffff; font-size: 12px; line-height: 1.2; letter-spacing: -1px; vertical-align: middle; display: table-cell;} /* 디지털 치아교정 원장 */ .sub_m2 {margin: 0 0 30px 0;} .sub_m2 .fl .btn02:before {content: ''; width: 7px; height: 13px; background: url('../images/sub/btn_arrow.png') no-repeat; position: absolute; top: 14px; right: 20px;} .sub_m2 .fl {background: url('../images/sub/sub_m02_in_ban_bg.jpg') no-repeat right center; height: 275px; position: relative; padding: 0; background-size: cover;} .sub_m2 .fl .btn02 {display: block; position: absolute; bottom: 26px; right: 90px; font-size: 14px; margin-right: -88px; color: #ffffff; padding: 10px 32px;} .sub_m2 .fr {background: url('../images/sub/sub_m02_in_ban_bg02.jpg') no-repeat left top; height: 275px; position: relative; padding: 130px 35px 0 35px; background-size: cover;} .sub_m2 .fr ul li {font-size: 12px; color: #5b6060;} .sub_m2 .fr ul.line01 li {font-size: 14px; color: #454c4c; font-weight: bold;} .sub_m2 .fr ul.line02 {margin: 24px 0;} /* 디지털 치아교정 > 이끌림 디지털 치아교정의 특별함 */ #subm2_1 .s_sec_01 {background: #f4f2f0; border-bottom: 1px solid #dbdbdb; padding-bottom: 30px;} #subm2_1 .s_sec_01 .secTitle {padding-top: 88px; margin-bottom: 30px;} #subm2_1 .s_sec_01 ul li {width: 33.33%; float: left; position: relative;} #subm2_1 .s_sec_01 ul li .thImg img {width: 100%;} #subm2_1 .s_sec_01 ul li:first-child {margin-left: 0;} #subm2_1 .s_sec_01 ul li p {height: 60px; line-height: 25px; text-align: center; font-size: 14px; color: #ffffff;} #subm2_1 .s_sec_01 ul li.list01 p {background: #88b3de;} #subm2_1 .s_sec_01 ul li.list02 p {background: #88c9de;} #subm2_1 .s_sec_01 ul li.list03 p {background: #88b3de;} #subm2_1 .s_sec_02 {background: #f4f2f0; border-bottom: 1px solid #dbdbdb; padding-bottom: 30px;} #subm2_1 .s_sec_02 .clearfix{display:none;} #subm2_1 .s_sec_02 .mobile_clearfix{display:block;} #subm2_1 .s_sec_02 .mobile_clearfix img{width:100%;} #subm2_1 .s_sec_02 .secTitle {padding-top: 30px; margin-bottom: 30px;} #subm2_1 .s_sec_02 ul li {width: 33%; float: left; position: relative; text-align: center; background: #ffffff; padding-bottom: 14px; margin-bottom: 1px;} #subm2_1 .s_sec_02 ul li .thImg {padding: 22px 0 0 0;} #subm2_1 .s_sec_02 ul li:first-child {margin-left: 0;} #subm2_1 .s_sec_02 ul li h4 {font-size: 24px; font-weight: bold; color: #303030; font-family: 'Nanum Barun Gothic', sans-serif; margin-top: 26px; position: relative; padding-bottom: 28px;} #subm2_1 .s_sec_02 ul li h4:before {content: '/'; color: #707070; font-size: 8px; bottom: 8px; left: 49%; position: absolute;} #subm2_1 .s_sec_02 ul li p {text-align: center; font-size: 14px; color: #929190;} #subm2_1 .s_sec_03 {background: #f4f2f0; border-bottom: 1px solid #dbdbdb; padding-bottom: 30px;} #subm2_1 .s_sec_03 .secTitle {padding-top: 88px; margin-bottom: 83px;} #subm2_1 .s_sec_03 ul li {width: 50%; float: left; text-align: center;} #subm2_1 .s_sec_03 ul li a {display: block; width: 100%; height: 100%; position: relative; } #subm2_1 .s_sec_03 ul li a:before {background-color: rgba(0,0,0,.66); background-image: url("../images/download_btn.png"); background-repeat: no-repeat; background-position: center; background-size: 37%; width: 100%; height: 100%; position: absolute; content: ""; display: none;} #subm2_1 .s_sec_03 ul li a:hover:before {display: block;} #subm2_1 .s_sec_03 ul li img {max-width: 100%;} #subm2_1 .s_sec_04 {background: #f4f2f0; border-bottom: 1px solid #dbdbdb; padding-bottom: 30px;} #subm2_1 .s_sec_04 .secTitle {padding-top: 88px; margin-bottom: 83px;} #subm2_1 .s_sec_04 .bimg {text-align: center; padding:0;} #subm2_1 .s_sec_05 {background: #f4f2f0; border-bottom: 1px solid #dbdbdb; padding-bottom: 30px;} #subm2_1 .s_sec_05 .secTitle {padding-top: 88px; margin-bottom: 83px;} #subm2_1 .s_sec_05 ul li {width: 25%; float: left; text-align: center;} #subm2_1 .s_sec_05 ul li img {max-width: 100%;} #subm2_1 .s_sec_06 {background: #f4f2f0; border-bottom: 1px solid #dbdbdb; padding-bottom: 30px;} #subm2_1 .s_sec_06 .steplist {margin-bottom: 0;} #subm2_1 .s_sec_07 {background: #f4f2f0; padding-bottom: 30px;} .steplist ul.flleft li {position: relative; float: left; margin-left: 1px; width: 49%; margin-bottom: 1px;} .steplist ul.flleft li .img img {width: 100%;} .steplist ul li .arrow_l {position: absolute; z-index: 8; right: -25px; top: 38%; display: none;} .steplist ul li .arrow_down {position: absolute; z-index: 10; right: 80px; bottom:-18px; display: none;} .steplist ul li .arrow_r {position: absolute; z-index: 8; left: -25px; top: 38%; display: none; -ms-transform: rotate(180deg); /* IE 9 이상에서 사용*/ -webkit-transform: rotate(180deg); /* 사파리, 크롬, 오페라 브라우저 사용*/ transform: rotate(180deg); } .steplist ul.flright li {position: relative; float: left; margin-left: 1px; width: 49%; margin-bottom: 1px;} .steplist ul.flright li .img img {width: 100%;} .steplist ul.flright li.step11 {width: 98.2%;} 7 #subm2_1 .s_sec_07 {background: #f4f2f0; border-bottom: 1px solid #dbdbdb; padding-bottom: 90px;} #subm2_1 .s_sec_07 .secTitle {padding-top: 88px; margin-bottom: 83px;} #subm2_1 .s_sec_07 .thimg_cont {position: relative;} #subm2_1 .s_sec_07 .thImg img {max-width: 100%;} #subm2_1 .s_sec_07 ul {width: 100%; display: table; width: 100%; position: absolute; bottom: 0;} #subm2_1 .s_sec_07 ul li.thtxt { width: 50%; padding: 20px 0; background: rgba(9,42,75,0.8); text-align: center; color: #ffffff; font-size: 12px; line-height: 1.2; letter-spacing: -1px; vertical-align: middle; display: table-cell;} /* 디지털 치아교정 > triple-s 치아교정 */ #subm2_2 .s_sec_01 {background: #f4f2f0; border-bottom: 1px solid #dbdbdb; padding: 90px 15px 30px 15px;} #subm2_2 .s_sec_01 ul li {width: 33.33%; float: left; position: relative;} #subm2_2 .s_sec_01 ul li .thImg img {width: 100%;} #subm2_2 .s_sec_01 ul li:first-child {margin-left: 0;} #subm2_2 .s_sec_01 ul li p {height: 35px; line-height: 35px; text-align: center; font-size: 17px; color: #ffffff; font-family: 'NanumSquare', sans-serif;} #subm2_2 .s_sec_01 ul li.list01 p {background: #88b3de;} #subm2_2 .s_sec_01 ul li.list01 p span {color :#0606ef; font-weight: bold; font-size: 14px;} #subm2_2 .s_sec_01 ul li.list02 p {background: #c0c0c0;} #subm2_2 .s_sec_01 ul li.list02 p span {color :#0606ef;font-weight: bold; font-size: 14px;} #subm2_2 .s_sec_01 ul li.list03 p {background: #88c9de;} #subm2_2 .s_sec_01 ul li.list03 p span {color :#0606ef;font-weight: bold; font-size: 14px;} #subm2_2 .s_sec_02 {background: #f4f2f0; border-bottom: 1px solid #dbdbdb; padding-bottom: 30px;} #subm2_2 .s_sec_02 .secTitle {padding-top: 88px; margin-bottom: 83px;} #subm2_2 .s_sec_02 ul li {width: 50%; float: left; text-align: center; position: relative;} #subm2_2 .s_sec_02 ul li img {max-width: 100%;} #subm2_2 .s_sec_02 ul li span {position: absolute; bottom: 8px; display: block; text-align: center; width: 100%; font-family: 'NanumSquare', sans-serif; font-size: 12px; color: #272727;} #subm2_2 .s_sec_02 ul li span.w {color: #ffffff;} #subm2_2 .s_sec_02 .stepbox {margin: 32px 0 0 0;} #subm2_2 .s_sec_02 .stepbox > div {background: #ffffff; border-left: 1px solid #f4f2f0; box-sizing: border-box; padding: 0;} #subm2_2 .s_sec_02 .stepbox > div dl {overflow: hidden; text-align: center; display: table;} #subm2_2 .s_sec_02 .stepbox > div dl dt {float: left; padding: 0 15px; font-size: 25px; font-weight: bold; font-family: 'NanumSquare', sans-serif; border-right: 1px solid #cecece;} #subm2_2 .s_sec_02 .stepbox > div dl dd {width: 100%; font-size: 12px; display: table-cell; vertical-align: middle; color: #6a6a6a; text-align: center;} #subm2_2 .s_sec_02 .stepbox .box01 {border-left: 0; border-top: 10px solid #88b3de;} #subm2_2 .s_sec_02 .stepbox .box01 dt {color: #88b3de;} #subm2_2 .s_sec_02 .stepbox .box02 {border-top: 10px solid #88c9de;} #subm2_2 .s_sec_02 .stepbox .box02 dt {color: #88c9de;} #subm2_2 .s_sec_02 .stepbox .box03 {border-top: 10px solid #88b3de;} #subm2_2 .s_sec_02 .stepbox .box03 dt {color: #88b3de;} #subm2_2 .s_sec_03 {background: #f4f2f0; border-bottom: 1px solid #dbdbdb; padding-bottom: 30px;} #subm2_2 .s_sec_03 .secTitle {padding-top: 88px; margin-bottom: 83px;} #subm2_2 .s_sec_03 ul.imglist li {width: 50%; float: left; text-align: center; margin-bottom: 32px;} #subm2_2 .s_sec_03 ul.imglist li img {max-width: 100%;} #subm2_2 .s_sec_03 ul.txtlist li {width: 50%; float: left; text-align: center; font-size: 12px; color: #ffffff; border-bottom: 1px solid #f4f2f0; box-sizing: border-box; padding: 22px 0;} #subm2_2 .s_sec_03 ul.txtlist li:first-child {border-left: 0;} #subm2_2 .s_sec_03 ul.txtlist li:nth-child(2n+1) {background: #88b3de;} #subm2_2 .s_sec_03 ul.txtlist li:nth-child(2n+2) {background: #88c9de;} #subm2_2 .s_sec_04 {background: #f4f2f0; border-bottom: 1px solid #dbdbdb; padding-bottom: 30px;} #subm2_2 .s_sec_04 .secTitle {padding-top: 88px; margin-bottom: 83px;} #subm2_2 .s_sec_04 .bimg {margin-bottom: 32px;} #subm2_2 .s_sec_04 .stepbox.row {margin-left: 0; margin-right: 0;} #subm2_2 .s_sec_04 .stepbox > div {background: #ffffff; border-left: 1px solid #f4f2f0; box-sizing: border-box; padding: 0;} #subm2_2 .s_sec_04 .stepbox > div dl {overflow: hidden; text-align: center; display: table;} #subm2_2 .s_sec_04 .stepbox > div dl dt {float: left; padding: 0 15px; font-size: 25px; font-weight: bold; font-family: 'NanumSquare', sans-serif; border-right: 1px solid #cecece;} #subm2_2 .s_sec_04 .stepbox > div dl dd {width: 100%; font-size: 12px; display: table-cell; vertical-align: middle; color: #6a6a6a; text-align: center;} #subm2_2 .s_sec_04 .stepbox .box01 {border-left: 0; border-top: 10px solid #88b3de;} #subm2_2 .s_sec_04 .stepbox .box01 dt {color: #88b3de;} #subm2_2 .s_sec_04 .stepbox .box02 {border-top: 10px solid #88c9de;} #subm2_2 .s_sec_04 .stepbox .box02 dt {color: #88c9de;} /* 디지털 치아교정 > 시크릿 교정 */ #subm2_3 .s_sec_01 {background: #f4f2f0; border-bottom: 1px solid #dbdbdb; padding: 0 5px 30px 5px;} #subm2_3 .s_sec_01 ul li {width: 50%; float: left; position: relative;} #subm2_3 .s_sec_01 ul li img {width: 100%;} #subm2_3 .s_sec_01 ul li:first-child {margin-left: 0;} #subm2_3 .s_sec_01 ul li p {padding: 11px 0; text-align: center; font-size: 12px; color: #ffffff;} #subm2_3 .s_sec_01 ul li.list01 p {background: #88b3de;} #subm2_3 .s_sec_01 ul li.list02 p {background: #c0c0c0;} #subm2_3 .s_sec_01 ul li.list03 p {background: #88c9de;} #subm2_3 .s_sec_01 ul li.list04 p {background: #c0c0c0;} #subm2_3 .s_sec_02 {background: #f4f2f0; border-bottom: 1px solid #dbdbdb; padding-bottom: 30px;} #subm2_3 .s_sec_02 .secTitle {padding-top: 88px; margin-bottom: 83px;} #subm2_3 .s_sec_02 ul li {width: 33.3%; float: left; text-align: center; position: relative;} #subm2_3 .s_sec_02 ul li img {max-width: 100%;} #subm2_3 .s_sec_02 .stepbox {margin: 5px 0 0 0;} #subm2_3 .s_sec_02 .stepbox > div {background: #ffffff; border-left: 1px solid #f4f2f0; box-sizing: border-box; padding: 0;} #subm2_3 .s_sec_02 .stepbox > div dl {overflow: hidden; text-align: center; display: table;} #subm2_3 .s_sec_02 .stepbox > div dl dt {float: left; padding: 0 15px; font-size: 25px; font-weight: bold; font-family: 'NanumSquare', sans-serif; border-right: 1px solid #cecece;} #subm2_3 .s_sec_02 .stepbox > div dl dd {width: 100%; font-size: 12px; display: table-cell; vertical-align: middle; color: #6a6a6a; text-align: center;} #subm2_3 .s_sec_02 .stepbox .box01 {border-left: 0; border-top: 10px solid #88b3de;} #subm2_3 .s_sec_02 .stepbox .box01 dt {color: #88b3de;} #subm2_3 .s_sec_02 .stepbox .box02 {border-top: 10px solid #88c9de;} #subm2_3 .s_sec_02 .stepbox .box02 dt {color: #88c9de;} #subm2_3 .s_sec_02 .stepbox .box03 {border-top: 10px solid #88b3de;} #subm2_3 .s_sec_02 .stepbox .box03 dt {color: #88b3de;} #subm2_3 .s_sec_02 .stepbox .box04 {border-top: 10px solid #88c9de;} #subm2_3 .s_sec_02 .stepbox .box04 dt {color: #88c9de;} #subm2_3 .s_sec_03 {background: #f4f2f0; border-bottom: 1px solid #dbdbdb; padding-bottom: 30px;} #subm2_3 .s_sec_03 .secTitle {padding-top: 88px; margin-bottom: 83px;} #subm2_3 .s_sec_03 ul.imglist li {width: 33.333%; float: left; text-align: center; margin-bottom: 5px;} #subm2_3 .s_sec_03 ul.imglist li img {max-width: 100%;} #subm2_3 .s_sec_03 ul.txtlist li {width: 33.333%; float: left; text-align: center; font-size: 10px; color: #ffffff; border-left: 1px solid #f4f2f0; box-sizing: border-box; padding: 22px 0;} #subm2_3 .s_sec_03 ul.txtlist li:first-child {border-left: 0;} #subm2_3 .s_sec_03 ul.txtlist li:nth-child(2n+1) {background: #88b3de;} #subm2_3 .s_sec_03 ul.txtlist li:nth-child(2n+2) {background: #88c9de;} #subm2_3 .s_sec_04 {background: #f4f2f0; border-bottom: 1px solid #dbdbdb; padding-bottom: 30px;} #subm2_3 .s_sec_04 .secTitle {padding-top: 88px; margin-bottom: 83px;} #subm2_3 .s_sec_04 ul li {width: 33.3%; float: left; text-align: center; position: relative;} #subm2_3 .s_sec_04 ul li img {max-width: 100%; border-left: 1px solid #f4f2f0;} #subm2_3 .s_sec_04 .stepbox {margin: 32px 0 0 0;} #subm2_3 .s_sec_04 .stepbox > div {background: #ffffff; border-left: 1px solid #f4f2f0; box-sizing: border-box; padding: 0;} #subm2_3 .s_sec_04 .stepbox > div dl {overflow: hidden; text-align: center; display: table;} #subm2_3 .s_sec_04 .stepbox > div dl dt {float: left; padding: 0 15px; font-size: 25px; font-weight: bold; font-family: 'NanumSquare', sans-serif; border-right: 1px solid #cecece;} #subm2_3 .s_sec_04 .stepbox > div dl dd {width: 100%; font-size: 12px; display: table-cell; vertical-align: middle; color: #6a6a6a; text-align: center;} #subm2_3 .s_sec_04 .stepbox .box01 {border-left: 0; border-top: 10px solid #88b3de;} #subm2_3 .s_sec_04 .stepbox .box01 dt {color: #88b3de;} #subm2_3 .s_sec_04 .stepbox .box02 {border-top: 10px solid #88c9de;} #subm2_3 .s_sec_04 .stepbox .box02 dt {color: #88c9de;} #subm2_3 .s_sec_04 .stepbox .box03 {border-top: 10px solid #88b3de;} #subm2_3 .s_sec_04 .stepbox .box03 dt {color: #88b3de;} #subm2_3 .s_sec_04 .stepbox .box04 {border-top: 10px solid #88c9de;} #subm2_3 .s_sec_04 .stepbox .box04 dt {color: #88c9de;} #subm2_3 .s_sec_05 {background: #f4f2f0; border-bottom: 1px solid #dbdbdb; padding-bottom: 30px;} #subm2_3 .s_sec_05 .secTitle {padding-top: 88px; margin-bottom: 83px;} #subm2_3 .s_sec_05 ul.imglist li {width: 33.33%; float: left; text-align: center; margin-bottom: 32px;} #subm2_3 .s_sec_05 ul.imglist li img {max-width: 100%; border-left: 1px solid #f4f2f0;} #subm2_3 .s_sec_05 ul.txtlist li {width: 50%; float: left; text-align: center; font-size: 10px; color: #ffffff; border-bottom: 1px solid #f4f2f0; box-sizing: border-box; padding: 22px 0;} #subm2_3 .s_sec_05 ul.txtlist li:first-child {border-left: 0;} #subm2_3 .s_sec_05 ul.txtlist li:nth-child(2n+1) {background: #88b3de;} #subm2_3 .s_sec_05 ul.txtlist li:nth-child(2n+2) {background: #88c9de;} /* 디지털 치아교정 > 건겅한 교정 */ #subm2_4 .s_sec_01 {background: #f4f2f0; border-bottom: 1px solid #dbdbdb; padding-bottom: 30px;} #subm2_4 .s_sec_01 .bimg {text-align: center;} #subm2_4 .s_sec_01 .secTitle {padding-top: 88px; margin-bottom: 16px;} #subm2_4 .s_sec_01 .btxt {font-size: 18px; font-family: 'NanumSquare', sans-serif; color: #959595; margin-bottom: 56px; text-align: center;} #subm2_4 .s_sec_01 ul > li {width: 299px; float: left; position: relative; margin-left: 1px;} #subm2_4 .s_sec_01 ul li:first-child {margin-left: 0;} #subm2_4 .s_sec_01 ul li p {padding: 5px 0; text-align: center; font-size: 22px; font-weight: bold; color: #ffffff;} #subm2_4 .s_sec_01 ul li p span {font-weight: normal; font-size: 14px;} #subm2_4 .s_sec_01 ul li p:nth-child(2n+1) {background: #6f7479;} #subm2_4 .s_sec_01 ul li p:nth-child(2n+2) {background: #939393;} #subm2_4 .s_sec_01 ul li > div.yak {background: #ffffff; display: inline-block; *dispaly: inline; *zoom: 1; width: 299px; padding-bottom: 22px;} #subm2_4 .s_sec_01 ul li > div.yak ul {padding: 22px 0 0 16px; margin-bottom: 26px;} #subm2_4 .s_sec_01 ul li > div.yak ul li {background: url('../images/sub/dot.jpg') no-repeat left center; padding-left: 4px; font-size: 14px; letter-spacing: -1px; color: #848383; float: none; width: auto;} #subm2_4 .s_sec_01 ul li > div.yak .more_btn {text-align: center;} #subm2_4 .s_sec_02 {background: #f4f2f0; border-bottom: 1px solid #dbdbdb; padding-bottom: 30px;} #subm2_4 .s_sec_02 .secTitle {padding-top: 88px; margin-bottom: 60px;} #subm2_4 .s_sec_02 ul li {width: 33.33%; float: left; position: relative; } #subm2_4 .s_sec_02 ul li img {width: 100%;} #subm2_4 .s_sec_02 ul li:first-child {margin-left: 0;} #subm2_4 .s_sec_02 ul li p {height: 35px; line-height: 35px; text-align: center; font-size: 10px; color: #ffffff; font-family: 'NanumSquare', sans-serif;} #subm2_4 .s_sec_02 ul li.list01 p {background: #88b3de;} #subm2_4 .s_sec_02 ul li.list02 p {background: #88c7de;} #subm2_4 .s_sec_02 ul li.list03 p {background: #88b3de;} #subm2_4 .s_sec_03 {background: #f4f2f0; border-bottom: 1px solid #dbdbdb; padding-bottom: 30px;} #subm2_4 .s_sec_03 .secTitle {padding-top: 88px; margin-bottom: 16px;} #subm2_4 .s_sec_03 .btxt {font-size: 14px; font-family: 'NanumSquare', sans-serif; color: #959595; margin-bottom: 30px; text-align: center; line-height: 1.2;} #subm2_4 .s_sec_03 .btxt span {color: #b0b0b0;} /* 디지털 임플란트 원장 */ .sub_m3 .fl .btn02:before {content: ''; width: 7px; height: 13px; background: url('../images/sub/btn_arrow.png') no-repeat; position: absolute; top: 14px; right: 20px;} .sub_m3 {margin: 0;} .sub_m3 .fl { width:50%; position: relative; padding: 0; display:inline;} .sub_m3 .fl2 { width:50%; position: relative; padding: 0; display:inline;} .sub_m3 .fl .btn02 {display: block; position: absolute; bottom: 25px; right: 50%; font-size: 14px; margin-right: -88px; color: #ffffff; border: 1px solid #ffffff; padding: 10px 32px;} .sub_m3 .fr {background: url('../images/sub/sub_m02_in_ban_bg02.jpg') no-repeat left top; height: 460px; position: relative; padding: 118px 35px 0 35px; background-size: cover; margin-bottom: 35px;} .sub_m3 .fr ul li {font-size: 12px; color: #5b6060;} .sub_m3 .fr ul.line01 li {font-size: 12px; color: #454c4c; font-weight: bold;} .sub_m3 .fr ul.line02 {margin: 24px 0;} /* 디지털 임플란트 > 이끌림 디지털 임플란트의 특별함 */ #subm3_0 .s_sec_02 .bbox01 {display:none;} #subm3_0 .s_sec_02 .mobile_bbox01{display:block;} #subm3_0 .s_sec_02 .mobile_bbox01 img{width:100%;} #subm3_0 .s_sec_01 .secTitle{margin-bottom:0px !important; line-height:120px;} #subm3_1 .s_sec_01 {background: #f4f2f0; border-bottom: 1px solid #dbdbdb; padding: 0 0 30px 0;} #subm3_1 .s_sec_01 .secTitle{line-height:120px; margin-bottom:0 !important;} #subm3_1 .s_sec_01 .row {margin: 0;} #subm3_1 .s_sec_01 .box01, #subm3_1 .s_sec_01 .box02 {padding: 0;} #subm3_1 .s_sec_01 .box01 img , #subm3_1 .s_sec_01 .box02 img {max-width: 100%;} #subm3_1 .s_sec_01 .box02 ul {display: table; width: 100%;} #subm3_1 .s_sec_01 .box02 ul li {width: 33.3333%; display: table-cell; height: 120px; text-align: center;} #subm3_1 .s_sec_01 .box02 ul li span.line {display: block; width: 32px; height: 3px; background: #655e58; margin:30px auto 25px auto;} #subm3_1 .s_sec_01 .box02 ul li p {font-size: 13px; color: #312e2a; font-family: 'NanumSquare', sans-serif;} #subm3_1 .s_sec_01 .box02 ul li.list_box01, #subm3_1 .s_sec_01 .box02 ul li.list_box03, #subm3_1 .s_sec_01 .box02 ul li.list_box05 {background: #d7cdc3;} #subm3_1 .s_sec_01 .box02 ul li.list_box02, #subm3_1 .s_sec_01 .box02 ul li.list_box04, #subm3_1 .s_sec_01 .box02 ul li.list_box06 {background: #eae4dd;} #subm3_1 .s_sec_02 {background: #f4f2f0; border-bottom: 1px solid #dbdbdb; padding-bottom: 30px;} #subm3_1 .s_sec_02 .secTitle {padding-top: 88px; margin-bottom: 80px;} #subm3_1 .s_sec_02 .box01 {margin-bottom: 20px;} #subm3_1 .s_sec_02 .mobile_box01 img{width:100%;} #subm3_1 .s_sec_02 .thImg {margin-bottom: 10px;} #subm3_1 .s_sec_02 ul li {margin-bottom: 1px;} #subm3_1 .s_sec_02 ul li img {max-width: 100%;} #subm3_2 .s_sec_01 .secTitle{line-height:120px; margin-bottom:0 !important;} /* 디지털 임플란트 하단 공통처리 */ .kcont_1 {background: #f4f2f0; border-bottom: 1px solid #dbdbdb; padding-bottom: 30px;} .kcont_1 .secTitle {padding-top: 88px; margin-bottom: 120px; line-height:60px;} .kcont_1 .btxt {font-size: 15px; font-family: 'NanumSquare', sans-serif; color: #959595; margin-bottom: 56px; text-align: center; line-height: 1.2;} .kcont_1 ul li {width: 50%; float: left; position: relative; display: block;} .kcont_1 ul li .thImg {display: table-row;} .kcont_1 ul li .thImg img {max-width: 100%;} .kcont_1 ul li:first-child {margin-left: 0;} .kcont_1 ul li p { width: 100%; padding: 0; text-align: center; font-size: 10px; height: 66px; color: #ffffff; display: table-cell;; vertical-align: middle; line-height: 1.2;} .kcont_1 ul li.list01 p {background: #88b3de;} .kcont_1 ul li.list02 p {background: #88c9de;} .kcont_1 ul li.list03 p {background: #88b3de;} .kcont_1 ul li.list04 p {background: #88c9de;} .kcont_2 {background: #f4f2f0; border-bottom: 1px solid #dbdbdb; padding-bottom: 30px;} .kcont_2 .secTitle {padding-top: 88px; margin-bottom: 80px;} .kcont_2 .bbox01 ul {background: #ffffff;} .kcont_2 .bbox01 ul li {width: 33.33%; float: left; text-align: center; border-bottom: 1px solid #f4f2f0; padding: 35px 0 35px 0;} .kcont_2 .bbox01 ul li .thImg {margin:0 auto 15px; width:85%;} .kcont_2 .bbox01 ul li h4 {font-family: 'Noto Sans', sans-serif; font-size: 14px; color: #929190; position: relative; color: #929190; padding-top: 32px; height:70px;} .kcont_2 .bbox01 ul li h4:before {content: '/'; position: absolute; top: 0; left: 50%; font-weight: normal; font-size: 11px;} .kcont_2 .bbox02 {margin-top: 76px;} .kcont_2 .bbox02 ul li:nth-child(2n+1) {border-left: 0;} .kcont_2 .bbox02 ul li .thtxt span {line-height: 1.2; font-size: 10px; color: #d7d7d7; display: block;} .kcont_2 .bbox02 ul li {width: 100%; text-align: center; float: left; position: relative; margin-bottom: 1px ;} .kcont_2 .bbox02 ul li .thtxt { width: 100%; height: 40px; position: absolute; bottom: 0; background: rgba(9,42,75,0.8); display: table; } .kcont_2 .bbox02 ul li .thtxt p { text-align: center; color: #ffffff; font-size: 12px; line-height: 1.2; letter-spacing: -1px; vertical-align: middle; display: table-cell;} .kcont_3 {background: #f4f2f0; padding-bottom: 30px; border-bottom: 1px solid #dbdbdb;} .kcont_3 .bimg {text-align: center;} .kcont_4 {background: #f4f2f0; padding-bottom: 30px; border-bottom: 1px solid #dbdbdb;} .kcont_4 ul li {width: 31%; margin: 0 1%; float: left; text-align: center; background: url("../images/subm3_0_line.jpg") no-repeat left center;} .kcont_4 ul li img {max-width: 100%;} .kcont_4 ul li:first-child {background: none;} .kcont_5 {background: #f4f2f0; padding-bottom: 30px; border-bottom: 1px solid #dbdbdb;} .kcont_5 h3.secTitle {margin-bottom: 40px !important;} .kcont_5 .bimg {text-align: center;} .kcont_5 .boxlist {margin-top: 8px;} .kcont_5 .boxlist ul li {width: 50%; float: left; position: relative; margin-left: 0; padding: 0 1px; } .kcont_5 .boxlist ul li .thImg img {max-width: 100%;} .kcont_5 .boxlist ul li:first-child {margin-left: 0;} .kcont_5 .boxlist ul li .arrow {position: absolute; right: -25px; top: 40%; z-index: 10;} .kcont_5 .boxlist ul li p {height: 50px; line-height: 50px; text-align: center; font-size: 10px; color: #ffffff;} .kcont_5 .boxlist ul li.list01 p {background: #88b3de;} .kcont_5 .boxlist ul li.list02 p {background: #88c9de;} .kcont_5 .boxlist ul li.list03 p {background: #88b3de;} .kcont_5 .boxlist ul li.list04 p {background: #88c9de;} .kcont_6 {background: #f4f2f0; padding-bottom: 30px;} .kcont_6 .thimg_cont {position: relative;} .kcont_6 .thImg img {max-width: 100%;} .kcont_6 ul {width: 100%; display: table; width: 100%; position: absolute; bottom: 0;} .kcont_6 ul li.thtxt { width: 50%; padding: 10px 0; background: rgba(9,42,75,0.8); text-align: center; color: #ffffff; font-size: 10px; line-height: 1.2; letter-spacing: -1px; vertical-align: middle; display: table-cell;} /* 디지털 임플란트 > 안티에이징 임플란트 */ #subm3_2 .s_sec_01 {background: #f4f2f0; border-bottom: 1px solid #dbdbdb; padding-bottom: 30px;} #subm3_2 .s_sec_01 .secTitle {padding-top: 0 !important; margin-bottom: 83px;} #subm3_2 .s_sec_01 ul li {width: 50%; float: left; text-align: left; padding: 0 1px;} #subm3_2 .s_sec_01 ul li img {max-width: 100%;} #subm3_2 .s_sec_01 ul li p { width: 100%; padding: 22px 0; text-align: center; font-size: 16px; color: #ffffff;} #subm3_2 .s_sec_01 ul li.list01 p {background: #88b3de;} #subm3_2 .s_sec_01 ul li.list02 p {background: #88c9de;} #subm3_2 .s_sec_01 .txt{margin-top: 8px; background: #696c6f; text-align: center;} #subm3_2 .s_sec_01 .txt.bgrey {background: #acacac;} #subm3_2 .s_sec_01 .txt p {font-size: 12px; color: #ffffff; line-height: 1.2; padding: 30px 5px;} #subm3_2 .s_sec_02 {background: #f4f2f0; border-bottom: 1px solid #dbdbdb; padding-bottom: 30px;} #subm3_2 .s_sec_02 .secTitle {padding-top: 88px; margin-bottom: 83px;} #subm3_2 .s_sec_02 ul > li {width: 50%; float: left; text-align: left; padding: 0 1px;} #subm3_2 .s_sec_02 ul li img {max-width: 100%;} #subm3_2 .s_sec_02 ul li p { width: 100%; padding: 22px 0; text-align: center; font-size: 16px; color: #ffffff;} #subm3_2 .s_sec_02 ul li.list01 p {background: #88b3de;} #subm3_2 .s_sec_02 ul li.list02 p {background: #88c9de;} #subm3_2 .s_sec_02 .txt {margin-top: 8px; background: #696c6f; text-align: center;} /* 배경 추가 */ #subm3_2 .s_sec_02 .txt.bgrey {background: #acacac;} #subm3_2 .s_sec_02 .txt p {font-size: 12px; color: #ffffff; line-height: 1.2; padding: 30px 5px;} /* 디지털 임플란트 > 보험 임플란트 */ #subm3_2 .s_sec_03 {padding-top: 80px; padding-bottom: 30px; background: #f4f2f0;border-bottom: 1px solid #dbdbdb; } #subm3_2 .s_sec_03 .bluebox {background: #548ac0; padding:26px 10px 18px 10px; margin: 0 15px;} #subm3_2 .s_sec_03 .bluebox h4 {font-size: 30px; font-weight: bold; color: #ffffff; margin-bottom: 40px;} #subm3_2 .s_sec_03 .bluebox dl {margin-bottom: 15px;} #subm3_2 .s_sec_03 .bluebox dl dt {font-size: 18px; color: #ffffff; font-weight: normal; margin-bottom: 14px;} #subm3_2 .s_sec_03 .bluebox dl dt span {font-size: 14px;} #subm3_2 .s_sec_03 .bluebox dl dd {font-size: 14px; color: #bad9f9;} #subm3_2 .s_sec_03 .bluebox dl dd span {color: rgba(255,255,255,0.7);} #subm3_2 .s_sec_03 .bluebox dl dd.clr {color: #88c9de;} /* 디지털 임플란트 > 보험 임플란트 */ #subm3_3 .s_sec_01 {margin-top: 80px; margin-bottom: 80px;} #subm3_3 .s_sec_01 .bluebox {background: #548ac0; padding:26px 10px 18px 10px; margin: 0 15px;} #subm3_3 .s_sec_01 .bluebox h4 {font-size: 30px; font-weight: bold; color: #ffffff; margin-bottom: 40px;} #subm3_3 .s_sec_01 .bluebox dl {margin-bottom: 15px;} #subm3_3 .s_sec_01 .bluebox dl dt {font-size: 18px; color: #ffffff; font-weight: normal; margin-bottom: 14px;} #subm3_3 .s_sec_01 .bluebox dl dt span {font-size: 14px;} #subm3_3 .s_sec_01 .bluebox dl dd {font-size: 14px; color: #bad9f9;} #subm3_3 .s_sec_01 .bluebox dl dd span {color: rgba(255,255,255,0.7);} #subm3_3 .s_sec_01 .bluebox dl dd.clr {color: #88c9de;} /* 어린이치과 */ .sub_m4 {margin: 100px 0 0 0;} .sub_m4 .fl .btn02:before {content: ''; width: 7px; height: 13px; background: url('../images/sub/btn_arrow.png') no-repeat; position: absolute; top: 14px; right: 20px;} .sub_m4 .fl {background: url('../images/sub/sub_m04_sec_1_bg01.jpg') no-repeat right center; height: 240px; position: relative; padding: 0; background-size: cover;} .sub_m4 .fl .btn02 {display: block; position: absolute; bottom: 20px; right: 13px; font-size: 14px; color: #ffffff; padding: 10px 32px;} .sub_m4 .fr {background: url('../images/sub/sub_m02_in_ban_bg02.jpg') no-repeat left top; height: 240px; position: relative; padding: 110px 35px 0 35px; background-size: cover;} .sub_m4 .fr ul li {font-size: 12px; color: #5b6060;} .sub_m4 .fr ul.line01 li {font-size: 14px; color: #454c4c; font-weight: bold;} .sub_m4 .fr ul.line02 {margin: 24px 0;} #subm4 .s_sec_01 {margin-bottom: 30px;} #subm4 .s_sec_01 .txt { margin-top: 20px; text-align: center; padding: 45px 0 30px 0; display:inline;} #subm4 .s_sec_01 .txt2 { margin-top: 20px; text-align: center; padding: 45px 0 30px 0; display:inline;} #subm4 .txt img{width:51.75%; } #subm4 .txt2 img{width:48.25%; margin-left:-5px;} #subm4 .s_sec_01 .txt h3 {margin-bottom: 50px; padding: 0 15px;} #subm4 .s_sec_01 .txt h3 img {max-width: 100%;} #subm4 .s_sec_01 .txt p {font-size: 12px; color: #4a4a4a; line-height: 1.2; padding: 0 15px; margin-bottom: 5px;} #subm4 .s_sec_01 .clrbar {background: #88c9de; text-align: center; padding: 16px 0;} #subm4 .s_sec_01 .clrbar p {font-family: 'NanumSquare', sans-serif; color: #ffffff; font-size: 18px;} #subm4 .s_sec_02 {background: #f4f2f0; border-bottom: 1px solid #dbdbdb; padding-bottom: 30px;} #subm4 .s_sec_02 .secTitle {padding-top: 88px; margin-bottom: 83px;} #subm4 .s_sec_02 ul li {width: 50%; float: left; text-align: left; padding: 0 1px;} #subm4 .s_sec_02 ul li img {max-width: 100%;} #subm4 .s_sec_02 ul li p { width: 100%; padding: 22px 0; text-align: center; font-size: 16px; color: #ffffff;} #subm4 .s_sec_02 ul li.list01 p {background: #88b3de;} #subm4 .s_sec_02 ul li.list02 p {background: #88c9de;} #subm4 .s_sec_02 .txt {margin-top: 8px; background: #696c6f; text-align: center;} #subm4 .s_sec_02 .txt p {font-size: 16px; color: #ffffff; line-height: 1.2; padding: 30px 0; font-weight: bold;} #subm4 .s_sec_03 {background: #f4f2f0; border-bottom: 1px solid #dbdbdb; padding-bottom: 30px;} #subm4 .s_sec_03 .secTitle {padding-top: 88px; margin-bottom: 83px;} #subm4 .s_sec_03 ul li {width: 100%; float: left; text-align: center; position: relative;} #subm4 .s_sec_03 ul li img {max-width: 100%;} #subm4 .s_sec_03 ul li span {position: absolute; bottom: 10px; display: block; text-align: center; width: 100%; font-family: 'NanumSquare', sans-serif; font-size: 12px; color: #272727;} #subm4 .s_sec_03 ul li span.w {color: #ffffff; background: #a7a7a7; width: 99.99%;} #subm4 .s_sec_03 .clrbar {background: #88b3de; text-align: center; padding: 16px 0; width: 99.67%; margin: 1px auto 0 auto;} #subm4 .s_sec_03 .clrbar p {font-family: 'NanumSquare', sans-serif; color: #ffffff; font-size: 16px;} #subm4 .s_sec_04 {background: #f4f2f0; border-bottom: 1px solid #dbdbdb; padding-bottom: 30px;} #subm4 .s_sec_04 .secTitle {padding-top: 88px; margin-bottom: 38px;} #subm4 .s_sec_04 .btxt {font-size: 18px; font-family: 'NanumSquare', sans-serif; color: #959595; margin-bottom: 56px; line-height: 1.2; position: relative; text-align: center;} #subm4 .s_sec_04 .btxt:after {content: ''; width: 28px; height: 1px; background: #aeaead; position: absolute; top: 49%; right: 50%; margin-right: -150px;} #subm4 .s_sec_04 .btxt:before {content: ''; width: 28px; height: 1px; background: #aeaead; position: absolute; top: 49%; left: 50%; margin-left: -150px;} #subm4 .s_sec_04 .box01 {margin-bottom: 30px;} #subm4 .s_sec_04 .box01 .txt {text-align: center; margin-bottom: 30px;} #subm4 .s_sec_04 .box01 .txt h4 {margin-bottom: 33px; padding: 0 15px;} #subm4 .s_sec_04 .box01 .txt h4 img {max-width: 100%;} #subm4 .s_sec_04 .box01 .txt p {font-size: 16px; color: #959595; line-height: 1.2;} #subm4 .s_sec_04 .box01 ul li {width: 33.3333%; float: left; text-align: center;} #subm4 .s_sec_04 .box01 ul li img {max-width: 100%;} #subm4 .s_sec_04 .box02 .txt {text-align: center; margin-bottom: 30px;} #subm4 .s_sec_04 .box02 .txt h4 {margin-bottom: 33px; padding: 0 15px;} #subm4 .s_sec_04 .box02 .txt h4 img {max-width: 100%;} #subm4 .s_sec_04 .box02 .txt p {font-size: 16px; color: #959595; line-height: 1.2;} #subm4 .s_sec_04 .box02 ul li {width: 33.3333%; float: left; text-align: center; margin-bottom: 3px;} #subm4 .s_sec_04 .box02 ul li img {max-width: 100%;} #subm4 .s_sec_05 {background: #f4f2f0; border-bottom: 1px solid #dbdbdb; padding-bottom: 83px;} #subm4 .s_sec_05 .secTitle {padding-top: 88px; margin-bottom: 16px;} #subm4 .s_sec_05 .btxt {font-size: 18px; font-family: 'NanumSquare', sans-serif; color: #959595; margin-bottom: 56px; line-height: 1.2; position: relative; text-align: center;} #subm4 .s_sec_05 .bbox01{text-align:center; display:none;} #subm4 .s_sec_05 .mobile_bbox01{display:block;} #subm4 .s_sec_05 .mobile_bbox01 img{width:100%;} #subm4 .s_sec_05.kcont_2 .bbox01 ul li span {font-size: 15px; color: #afafaf;} #subm4 .s_sec_06 .bbox03 .bimg {text-align: center;} #subm4 .s_sec_07 {background: #f4f2f0; border-bottom: 1px solid #dbdbdb; padding-bottom: 83px;} #subm4 .s_sec_07 .bbox04 ul li {width: 33.3333%; float: left; text-align: center; margin-bottom: 3px;} #subm4 .s_sec_07 .bbox04 ul li img {max-width: 100%;} #subm4 .s_sec_08{background:#f4f2f0; border-bottom: 1px solid #dbdbdb;} #subm4 .s_sec_08 .clearfix{display:none;} #subm4 .s_sec_08 .mobile_cearfix{display:block;} #subm4 .s_sec_08 .mobile_cearfix img{width:100%;} #subm4 .s_sec_08 .calm{width:49.7%; float:left; margin-right:0.6%;} #subm4 .s_sec_08 .calm_title{font-size:16px; text-align:center; background:#a4c288; color:#ffffff; line-height:35px; font-weight:bold;} #subm4 .s_sec_08 p{padding:25px 40px; font-size:16px; background:#ffffff; text-align:center;} #subm4 .s_sec_08 .laugh{width:49.7%; float:left; margin-bottom:40px;} #subm4 .s_sec_08 .laugh_title{font-size:16px; text-align:center; background:#b7c16d; color:#ffffff; line-height:35px; font-weight:bold;} #subm4 .s_sec_08 .question{width:100%; background:#a7a7a7; color:#ffffff; line-height:45px; clear:both; text-align:center; font-size:16px; font-weight:bold;margin-top:20px; border-bottom: 1px solid #f4f2f0;} #subm4 .s_sec_08 .q_calm{border-bottom:1px solid #f4f2f0; padding-bottom:60px;} #subm4 .s_sec_08 .q_calm_title{background:#a4c288; color:#ffffff; font-size:16px; text-align:center; width:25%; float:left; height:60px;line-height:60px;} #subm4 .s_sec_08 .q_calm_cont{background:#ffffff; font-size:16px; padding:8px 0 5px 15px; height:60px; float:left; width:75%; letter-spacing:-1px;} #subm4 .s_sec_08 .q_laugh{border-bottom:1px solid #f4f2f0;} #subm4 .s_sec_08 .q_laugh_title{background:#b7c16d; color:#ffffff; font-size:16px; text-align:center; width:25%; float:left; height:60px;line-height:60px;} #subm4 .s_sec_08 .q_laugh_cont{background:#ffffff; font-size:16px; padding:15px 0 5px 15px; height:60px; float:left; width:75%; letter-spacing:-1px; margin-bottom:40px; } #subm4 .s_sec_08 .s_sec_08_03 img{width:100%; margin-bottom:30px; margin-bottom:83px;} #subm4 .s_sec_05 .secTitle .bbtxt {font-size: 22px; color :#232323; display: block; font-weight: normal; margin-bottom: 8px;} #subm4 .s_sec_06 {background: #f4f2f0; border-bottom: 1px solid #dbdbdb; padding-bottom: 83px;} /* 디지털 라미네이트 원장 */ .sub_m5 {margin: 0 0 30px 0;} .sub_m5 .sub_big_title h3{padding-bottom:30px;} .sub_m5 .fl {background: url('../images/sub/sub_m05_in_ban_bg.jpg') no-repeat right center; height:275px; position: relative; padding: 0; background-size: cover;} .sub_m5 .fl .btn02 {display: block; position: absolute; bottom: 26px; right: 90px; font-size: 14px; margin-right: -88px; color: #ffffff; padding: 10px 32px;} .sub_m5 .fl .btn02:before {content: ''; width: 7px; height: 13px; background: url('../images/sub/btn_arrow.png') no-repeat; position: absolute; top: 14px; right: 20px;} .sub_m5 .fr {background: url('../images/sub/sub_m02_in_ban_bg02.jpg') no-repeat left top; height: 275px; position: relative; padding: 130px 35px 0 35px; background-size: cover;} .sub_m5 .fr ul li {font-size: 12px; color: #5b6060;} .sub_m5 .fr ul.line01 li {font-size: 14px; color: #454c4c; font-weight: bold;} .sub_m5 .fr ul.line02 {margin: 24px 0;} .sub_m5 .fl02 {background: url('../images/sub/sub_m05_in_ban_bg02.jpg') no-repeat center; height: 275px; position: relative; padding: 0; background-size: cover;} .sub_m5 .fl02 .btn02 {display: block; position: absolute; bottom: 26px; right: 90px; font-size: 14px; margin-right: -88px; color: #ffffff; padding: 10px 32px;} .sub_m5 .fl02 .btn02:before {content: ''; width: 7px; height: 13px; background: url('../images/sub/btn_arrow.png') no-repeat; position: absolute; top: 14px; right: 20px;} /* 디지털 1day 라미네이트 */ #subm5 .s_sec_01 {background: #f4f2f0; border-bottom: 1px solid #dbdbdb; padding-bottom: 30px;} #subm5 .s_sec_01 .secTitle {padding-top: 88px; margin-bottom: 38px; margin-bottom: 30px !important;} #subm5 .s_sec_01 .txt {border: 1px solid #f4f2f0; margin-top: 20px; text-align: center; padding: 106px 0 96px 0;} #subm5 .s_sec_01 .txt h3 {margin-bottom: 36px;} #subm5 .s_sec_01 .txt p {font-size: 16px; color: #666666; line-height: 1.2;} #subm5 .s_sec_01 .clrbar {background: #88c9de; text-align: center; padding: 25px 10px;} #subm5 .s_sec_01 .clrbar p {font-family: 'NanumSquare', sans-serif; color: #ffffff; font-size: 20px; font-weight: bold;} #subm5 .s_sec_01 .clrbar span {font-family: 'NanumSquare', sans-serif; color: #ffffff; font-size: 16px;} #subm5 .s_sec_01 .stepbox {margin: 32px 0 0 0;} #subm5 .s_sec_01 .stepbox > div {background: #ffffff; border-left: 1px solid #f4f2f0; box-sizing: border-box; padding: 0;} #subm5 .s_sec_01 .stepbox > div dl {overflow: hidden; text-align: center; display: table;} #subm5 .s_sec_01 .stepbox > div dl dt {float: left; padding: 0 15px; font-size: 25px; font-weight: bold; font-family: 'NanumSquare', sans-serif; border-right: 1px solid #cecece;} #subm5 .s_sec_01 .stepbox > div dl dd {width: 100%; font-size: 12px; display: table-cell; vertical-align: middle; color: #6a6a6a; text-align: center;} #subm5 .s_sec_01 .stepbox .box01 {border-left: 0; border-top: 10px solid #88b3de;} #subm5 .s_sec_01 .stepbox .box01 dt {color: #88b3de;} #subm5 .s_sec_01 .stepbox .box02 {border-top: 10px solid #88c9de;} #subm5 .s_sec_01 .stepbox .box02 dt {color: #88c9de;} #subm5 .s_sec_01 .stepbox .box03 {border-top: 10px solid #88b3de;} #subm5 .s_sec_01 .stepbox .box03 dt {color: #88b3de;} #subm5 .s_sec_02 {background: #f4f2f0; border-bottom: 1px solid #dbdbdb; padding-bottom: 30px;} #subm5 .s_sec_02 .secTitle {padding-top: 88px; margin-bottom: 60px !important;} #subm5 .s_sec_02 .listImg{display:none;} #subm5 .s_sec_02 .mobile_listImg{displat:block;} #subm5 .s_sec_02 .mobile_listImg img{width:100%;} #subm5 .s_sec_02 .listImg ul li {width: 49%; margin: 0.5% 0.5%; float: left; text-align: center;} #subm5 .s_sec_02 .listImg ul li img {max-width: 100%;} #subm5 .s_sec_02 .box{display:none;} #subm5 .s_sec_02 .box ul li {width: 50%; float: left; text-align: center;} #subm5 .s_sec_02 .box ul li .txt {padding: 28px 0;} #subm5 .s_sec_02 .box ul li .txt h4 {font-size: 25px; letter-spacing: -2px; color: #ffffff; font-weight: bold; margin-bottom: 12px;} #subm5 .s_sec_02 .box ul li dl {font-size: 10px; color: #ffffff;} #subm5 .s_sec_02 .box ul li dl dt {padding-bottom: 40px; position: relative; font-weight: normal;} #subm5 .s_sec_02 .box ul li dl dt:before {content: '/'; font-size: 12px; color: #ffffff; position: absolute; bottom: 15%; font-weight: normal; width: 100%; text-align: center; left: 0;} #subm5 .s_sec_02 .box ul li dl dd {line-height: 1.2;} #subm5 .s_sec_02 .box ul li:nth-child(1) .txt {background: #88b3de;} #subm5 .s_sec_02 .box ul li:nth-child(2) .txt {background: #88c9de;} #subm5 .s_sec_02 .box ul li:nth-child(3) .txt {background: #88b3de;} #subm5 .s_sec_02 .box ul li:nth-child(4) .txt {background: #88c9de;} #subm5 .s_sec_03 {background: #f4f2f0; border-bottom: 1px solid #dbdbdb; padding-bottom: 30px;} #subm5 .s_sec_03 .secTitle {padding-top: 88px; margin-bottom: 60px !important;} #subm5 .s_sec_03 ul {margin-bottom: 46px;} #subm5 .s_sec_03 ul li {width: 50%; float: left; text-align: center;} #subm5 .s_sec_03 ul li p {height: 66px; line-height: 66px; text-align: center; font-size: 14px; color: #ffffff; width: 596px; margin: 0 auto;} #subm5 .s_sec_03 ul li.list01 p {background-color: #88c7de;} #subm5 .s_sec_03 ul li.list02 p {background-color: #88b3de;} #subm5 .s_sec_03 ul li img {max-width: 100%;} #subm5 ul#compare li{width:100%; padding-bottom:1px;} #subm5 .s_sec_03 .cont_table02 img{width:100%; margin-top:-20px;} #subm5 .s_sec_03 .cont_table table {width: 100%;} #subm5 .s_sec_03 .cont_table table thead {border-top: 3px solid #232323; background: #f5f5f5;} #subm5 .s_sec_03 .cont_table table thead th:first-child {border-left: 0; width: 55%; padding-left: 222px;} #subm5 .s_sec_03 .cont_table table thead th {text-align: center; padding: 12px 0; font-size: 16px; color: #454545; border-left:1px solid #dedede; } #subm5 .s_sec_03 .cont_table table tbody tr td {height: 56px; border-bottom: 1px solid #f4f2f0; background: #ffffff; vertical-align: middle; font-size: 16px; padding: 0; text-align: center; width:32%;} #subm5 .s_sec_03 .cont_table table tbody tr td.bold {font-weight: bold;} #subm5 .s_sec_03 .cont_table table tbody tr td.cen {text-align: center;color: #525252; } #subm5 .s_sec_03 .cont_table table tbody tr td.cen img {max-width: 100%;} #subm5 .s_sec_03 .cont_table{display:none;} /* 테이블 반응 */ @media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) { #main_sec1 .pc_ban .pc_slide{display:none;} #main_sec1 .mbl_ban .mbl_slide{display:block;} /* Force table to not be like tables anymore */ #subm5 .s_sec_03 .cont_table table, #subm5 .s_sec_03 .cont_table thead, #subm5 .s_sec_03 .cont_table tbody,#subm5 .s_sec_03 .cont_table th,#subm5 .s_sec_03 .cont_table td, #subm5 .s_sec_03 .cont_table tr { display: block; } /* Hide table headers (but not display: none;, for accessibility) */ #subm5 .s_sec_03 .cont_table thead tr { position: absolute; top: -9999px; left: -9999px; } #subm5 .s_sec_03 .cont_table td { /* Behave like a "row" */ border: none; position: relative; padding-left: 50%; } #subm5 .s_sec_03 .cont_table td:before { /* Now like a table header */ /* Top/left values mimic padding */ width: 100%; padding: 5px 0; white-space: nowrap; font-size: 12px; text-align: center; display: block; font-weight: bold; } /* Label the data */ /*#subm5 .s_sec_03 .cont_table td:nth-of-type(1):before { content: "First Name"; }*/ #subm5 .s_sec_03 .cont_table td:nth-of-type(1):before { content: "디지털 1 Day 라미네이트"; } #subm5 .s_sec_03 .cont_table td:nth-of-type(3):before { content: "일반 라미네이트"; } } #subm5 .s_sec_04 {background: #f4f2f0; border-bottom: 1px solid #dbdbdb; padding-bottom: 30px;} #subm5 .s_sec_04 .secTitle {padding-top: 88px; margin-bottom: 60px !important;} #subm5 .s_sec_04 ul li {width: 25%; text-align: center; float: left;} #subm5 .s_sec_04 ul li img {max-width: 100%;} #subm5 .s_sec_04 .clrbar {background: #88c9de; text-align: center; padding: 25px 0; margin-top: 5px;} #subm5 .s_sec_04 .clrbar p {font-family: 'NanumSquare', sans-serif; color: #ffffff; font-size: 12px; line-height: 1.2; margin-bottom: 5px; padding: 0 10px;} #subm5 .s_sec_05 {background: #f4f2f0; border-bottom: 1px solid #dbdbdb; padding-bottom: 30px;} #subm5 .s_sec_05 .secTitle {padding-top: 88px; margin-bottom: 76px;} #subm5 .s_sec_05 .bbox02 {margin-top: 30px;} #subm5 .s_sec_05 .bbox02 ul li:nth-child(2n+1) {border-left: 0;} #subm5 .s_sec_05 .bbox02 ul li {width: 49%; text-align: center; float: left; position: relative; margin:0.5%;} #subm5 .s_sec_05 .bbox02 ul li .thtxt { width: 100%; height: 42px; bottom: 0; background: rgba(9,42,75,0.8); display: table; } #subm5 .s_sec_05 .bbox02 ul li .thtxt p { text-align: center; color: #ffffff; font-size: 12px; line-height: 1.2; letter-spacing: -1px; vertical-align: middle; display: table-cell;} /* 디지털 충치치료 */ #subm6 .s_sec_01 {padding-bottom: 90px; background: #f4f2f0; border-bottom: 1px solid #dbdbdb;} #subm6 .s_sec_01 .secTitle {padding-top: 88px; margin-bottom: 30px !important;} #subm6 .s_sec_01 .clrbar {background: #88c9de; text-align: center; padding: 25px 10px; margin-top: 1px;} #subm6 .s_sec_01 .clrbar p {font-family: 'NanumSquare', sans-serif; color: #ffffff; font-size: 20px; font-weight: bold;} #subm6 .s_sec_01 .clrbar span {font-family: 'NanumSquare', sans-serif; color: #ffffff; font-size: 12px;} #subm6 .s_sec_02 {background: #f4f2f0; border-bottom: 1px solid #dbdbdb; padding-bottom: 30px;} #subm6 .s_sec_02 .secTitle {padding-top: 30px !important; margin-bottom: 30px !important;} #subm6 .s_sec_02 .listImg{display:none;} #subm6 .s_sec_02 .mobile_listImg{display:block;} #subm6 .s_sec_02 .mobile_listImg img{width:100%;} #subm6 .s_sec_02 .listImg ul li {width: 49%; margin: 0.5% 0.5%; float: left; text-align: center;} #subm6 .s_sec_02 .listImg ul li img {max-width: 100%;} #subm6 .s_sec_02 .box{display:none;} #subm6 .s_sec_02 .box ul {margin: 0 0.5%;} #subm6 .s_sec_02 .box ul li {width: 100%; float: left; text-align: center;} #subm6 .s_sec_02 .box ul li .thImg img {width: 100%; max-width: none;} #subm6 .s_sec_02 .box ul li .txt {padding: 28px 0;} #subm6 .s_sec_02 .box ul li .txt h4 {font-size: 25px; letter-spacing: -2px; color: #ffffff; font-weight: bold; margin-bottom: 12px;} #subm6 .s_sec_02 .box ul li dl {font-size: 10px; color: #ffffff;} #subm6 .s_sec_02 .box ul li dl dt {padding-bottom: 40px; position: relative; font-weight: normal;} #subm6 .s_sec_02 .box ul li dl dt:before {content: '/'; font-size: 12px; color: #ffffff; position: absolute; bottom: 15%; font-weight: normal; width: 100%; text-align: center; left: 0;} #subm6 .s_sec_02 .box ul li dl dd {line-height: 1.2;} #subm6 .s_sec_02 .box ul li:nth-child(1) .txt {background: #88b3de;} #subm6 .s_sec_02 .box ul li:nth-child(2) .txt {background: #88c9de;} #subm6 .s_sec_02 .box ul li:nth-child(3) .txt {background: #88b3de;} #subm6 .s_sec_02 .box ul li:nth-child(4) .txt {background: #88c9de;} #subm6 .s_sec_03 {background: #f4f2f0; border-bottom: 1px solid #dbdbdb; padding-bottom: 30px;} #subm6 .s_sec_03 .secTitle {padding-top: 88px; margin-bottom: 83px;} #subm6 .s_sec_03 ul li {width: 50%; float: left; text-align: left;} #subm6 .s_sec_03 ul li img {max-width: 100%;} #subm6 .s_sec_03 ul li p { width: 99.3%; padding: 22px 0; text-align: center; font-size: 16px; color: #ffffff;} #subm6 .s_sec_03 ul li.list01 p {background: #88b3de;} #subm6 .s_sec_03 ul li.list02 p {background: #88c9de;} #subm6 .s_sec_03 .txt {margin-top: 8px; background: #696c6f; text-align: center;} #subm6 .s_sec_03 .txt p {font-size: 16px; color: #ffffff; line-height: 1.2; padding: 30px 0; font-weight: bold;} #subm6 .s_sec_04 {background: #f4f2f0; border-bottom: 1px solid #dbdbdb; padding-bottom: 83px;} #subm6 .s_sec_04 .secTitle {padding-top: 30px !important; margin-bottom: 30px !important;} #subm6 .s_sec_04 .box {background: #ffffff; display:none;} #subm6 .s_sec_04 .mobile_box{display:block;} #subm6 .s_sec_04 .mobile_box img{width:100%;} #subm6 .s_sec_04 .box ul li {width: 33.333%; float: left; text-align: center; padding-top: 22px;} #subm6 .s_sec_04 .box ul li.list01, #subm6 .s_sec_04 .box ul li.list02, #subm6 .s_sec_04 .box ul li.list03 {border-bottom: 1px solid #f4f2f0;} #subm6 .s_sec_04 .box ul li.list02, #subm6 .s_sec_04 .box ul li.list03,#subm6 .s_sec_04 .box ul li.list05, #subm6 .s_sec_04 .box ul li.list06 {border-left: 1px solid #f4f2f0;} #subm6 .s_sec_04 .box ul li .txt {margin: 0 0.8%;} #subm6 .s_sec_04 .box ul li .txt h4 {font-size: 21px; letter-spacing: -2px; color: #303030; font-weight: bold; padding-bottom: 40px; position: relative; height:100px;} #subm6 .s_sec_04 .box ul li .txt h4:before {content: '/'; font-size: 12px; color: #929190; position: absolute; bottom: 15%; font-weight: normal; width: 100%; text-align: center; left: 0;} #subm6 .s_sec_04 .box ul li p {font-size: 13px; color: #929190; line-height: 1.2; font-family: 'NanumSquare', sans-serif; height:100px;} #subm6 .s_sec_04 .box ul li {width:49.5%; float: left; text-align: center; border-bottom: 1px solid #f4f2f0; padding: 0 0 22px 0; height:370px;} #subm6 .s_sec_04 .box ul li .thImg {margin-bottom: 22px; margin-top:12px;} #subm6 .s_sec_04 .box ul li h4 {font-family: 'NanumSquare', sans-serif; font-size: 14px; color: #929190; position: relative; color: #929190;} #subm6 .s_sec_04 .box ul li h4:before {content: '/'; position: absolute; left: 50%; font-weight: normal; font-size: 11px;} #subm6 .s_sec_04 .box02 {margin-top: 70px;} #subm6 .s_sec_04 .box02 .clrbar {background: #88b3de; text-align: center; padding: 25px 0;} #subm6 .s_sec_04 .box02 .clrbar p {font-family: 'NanumSquare', sans-serif; color: #ffffff; font-size: 20px; font-weight: bold; margin-bottom: 22px;} #subm6 .s_sec_04 .box02 .clrbar p span { border-bottom: 1px solid #cddff1;} #subm6 .s_sec_04 .box02 .clrbar ul li {font-family: 'NanumSquare', sans-serif; color: #ffffff; font-size: 13px; padding: 0 10px;} #subm6 .s_sec_06 .secTitle{ padding-top: 30px !important; margin-bottom: 30px !important;} #subm6 .s_sec_07 {background: #f4f2f0; border-bottom: 1px solid #dbdbdb; padding-bottom: 83px;} #subm6 .s_sec_07 .box03 {margin-top: 70px;} #subm6 .s_sec_07 .box03 ul li {width: 50%; float: left; text-align: center; position: relative;} #subm6 .s_sec_07 .box03 ul li:nth-child(1) {text-align: left;} #subm6 .s_sec_07 .box03 ul li:nth-child(2) {text-align: right;} #subm6 .s_sec_07 .box03 ul li img {max-width: 100%;} #subm6 .s_sec_07 .box03 ul li span {position: absolute; bottom: 10px; display: block; text-align: center; width: 100%; font-family: 'NanumSquare', sans-serif; font-size: 12px; color: #232323;} #subm6 .s_sec_07 .box03 ul li .arrow {position: absolute; top: 45%; right: -25px; z-index: 10; display: none;} #subm6 .s_sec_07 .box03 .clrbar {background: #8f9194; text-align: center; padding: 25px 0;} #subm6 .s_sec_07 .box03 .clrbar p {font-family: 'NanumSquare', sans-serif; color: #ffffff; font-size: 12px;} #subm6 .s_sec_07 .box04 {margin-top: 70px;} #subm6 .s_sec_07 .box04 ul li {width: 50%; float: left; text-align: center; position: relative;} #subm6 .s_sec_07 .box04 ul li:nth-child(1) {text-align: left;} #subm6 .s_sec_07 .box04 ul li:nth-child(2) {text-align: right;} #subm6 .s_sec_07 .box04 ul li img {max-width: 100%;} #subm6 .s_sec_07 .box04 ul li span {position: absolute; bottom: 10px; display: block; text-align: center; width: 100%; font-family: 'NanumSquare', sans-serif; font-size: 12px; color: #232323;} #subm6 .s_sec_07 .box04 ul li .arrow {position: absolute; top: 45%; right: -25px; z-index: 10; display: none;} #subm6 .s_sec_07 .box04 .clrbar {background: #8f9194; text-align: center; padding: 25px 0;} #subm6 .s_sec_07 .box04 .clrbar p {font-family: 'NanumSquare', sans-serif; color: #ffffff; font-size: 12px;} #subm6 .s_sec_05 {background: #f4f2f0; border-bottom: 1px solid #dbdbdb; padding-bottom: 30px;} #subm6 .s_sec_05 .secTitle {padding-top: 30px !important; margin-bottom: 30px !important;} #subm6 .s_sec_05 .bbox02 {margin-top: 30px;} #subm6 .s_sec_05 .bbox02 ul li:nth-child(2n+1) {border-left: 0;} #subm6 .s_sec_05 .bbox02 ul li {width: 49%; text-align: center; float: left; position: relative; margin:0.5%;} #subm6 .s_sec_05 .bbox02 ul li .thtxt { width: 100%; height: 40px; bottom: 0; background: rgba(9,42,75,0.8); display: table; } #subm6 .s_sec_05 .bbox02 ul li .thtxt p { text-align: center; color: #ffffff; font-size: 12px; line-height: 1.2; letter-spacing: -1px; vertical-align: middle; display: table-cell;} #subm6 .s_sec_06 {background: #f4f2f0; border-bottom: 1px solid #dbdbdb; padding-bottom: 90px;} #subm6 .s_sec_06 ul li {width: 100%; text-align: center; float: left; position: relative;} #subm6 .s_sec_06 ul li .thImg img {max-width: 100%;} #subm6 .s_sec_06 ul li .thtxt { width: 100%; height: 45px; position: absolute; bottom: 0; background: rgba(0,172,197,0.8); display: table; } #subm6 .s_sec_06 ul li p {text-align: center; color: #ffffff; font-size: 12px; line-height: 1.2; letter-spacing: -1px; vertical-align: middle; display: table-cell;} /* 인스타그램 */ #instaPics { overflow: hidden; margin: 10px 0 0 5px; display: table;} #instaPics .insta-box { float: left; display: table-cell; text-align: center; width: 14%; margin-bottom: 5px;} /* 미디어 쿼리 */ /* 메인 배너 */ @media (min-width: 340px) { #main_sec1 .main_ban ul li img {width: 100%;} #main_sec2 .container-fluid .row{width:100%;} #main_sec2 ul li{width:50%;} #main_sec2 ul.row > li{width:50%;} #main_sec2 ul.row > li:first-child{width:100%;} #main_sec2 ul li img{width:100%;} #main_sec2 > .container-fluid > ul > li > a{padding:3px 8px; font-size:12px; position:absolute; bottom:15px; z-index:1; left:50%; transform:translateX(-50%);} #main_sec4{margin:22px 0;} .sub_m4{margin-top:0;} #main_sec4 img{width:100%;} #main_sec3{display:none;} #mbl_cscenter{ position:relative; width:100%;} #mbl_cscenter .bottom{display:flex;} #mbl_cscenter .bottom .call_area{position:relative; width:50%;} #mbl_cscenter .bottom .call_area > img{width:100%; position:relative;} #mbl_cscenter .bottom .call_area .comment_area{position: relative; top: 0px; width: 100%; background: url(/_yesweb/_skin_h/images/m_main_footer.png); background-size: cover; padding-left:10px; box-sizing:border-box;} #mbl_cscenter .bottom .call_area .comment_area h1{ font-size:20px; color:#fff; padding:10px 0; letter-spacing:-1px; border-bottom:1px solid #fff; font-weight:700;} #mbl_cscenter .bottom .call_area .comment_area p{clear:both; font-size:12px; color:#fff; letter-spacing:-0.5px; line-height:14px; margin-top:10px; font-family: 'NanumSquare'; padding-bottom:20px;} #mbl_cscenter .bottom .call_area .comment_area p span{padding-left:13px; margin-bottom:5px; display:inline-block;} #mbl_cscenter .bottom .border_area{width:50%;} #mbl_cscenter .bottom .border_area > div{border-top:1px solid #e9e9e9; height:calc(100%/3);} #mbl_cscenter .bottom .border_area .consult{border-bottom:0px;} #mbl_cscenter .bottom > div{width:100%;} #mbl_cscenter .bottom > div a{width:100%; padding:0 10px; font-size:14px; height:100%; display: flex; align-items: center; justify-content: space-between;} #mbl_cscenter .bottom > div a span{float:right;} #wrap>p{width:90%; margin:0 auto;} #wrap>p>img{width:100%;} #sub_01 .inner > div{padding-top:0px;} #sub_01 .inner > div #for_tab_02{height:1px; width:100%; position:absolute; bottom:200px;} #sub_01 .inner > div #for_tab_03{height:1px; width:100%; position:absolute; bottom:200px;} #sub_01 .inner > div #for_tab_04{height:1px; width:100%; position:absolute; bottom:200px;} #sub_01 .inner > div img{width:100%;} #sub_01 .inner > div h1{font-size:30px;} #sub_01 .inner > div .title{padding:10px 0 45px;} #sub_01_03 .map_info .addr h1{font-size:17px;} #sub_01_03 .map_info .btn_map{float:left;} #sub_01_03 .map_info .btn_map .naver_map{padding:8px 30px; font-size:12px;} #sub_01_03 .map_info .btn_map .google_map{padding:8px 30px; font-size:12px;} } /* 작은 기기들 (태블릿, 500px 이상) */ @media (min-width: 500px) { #sub01_2 .s_sec_01{height:1350px;} #tabs-1 .hiscont ul{height:760px;} #tabs-2 .hiscont ul{height:720px;} #tabs-3 .hiscont ul{height:440px;} .sub_m2 .fl {height: 538px;} /* 이끌림 둘러보기 */ #subgp .section01 p { font-size: 16px; } } /* 작은 기기들 (태블릿, 768px 이상) */ @media (min-width: 768px) { #main_sec1 .main_ban .bx-controls{display:block; width:60px; margin-left:-30px;} #main_sec2 ul.row > li{width:25%;} #main_sec2 ul.row > li:first-child{width:50%;} #main_sec2 > .container-fluid .information a h1{bottom:-25px; font-size:14px;} #sub01_2 .s_sec_01{height: 1350px;} #tabs-1 .hiscont ul{height:760px;} #tabs-2 .hiscont ul{height:720px;} #tabs-3 .hiscont ul{height:440px;} #httab > ul > li a{padding:10px 80px;} #mbl_cscenter{display:none;} #sub01_2 .s_sec_02 .hlist div ul li:first-child, #sub01_2 .s_sec_02 .hlist div ul li:nth-child(4){margin-left:0;} #sub01_2 .s_sec_02 .hlist div ul li:nth-child(6){margin-left:25px;} #sub01_2 .s_sec_02 .hlist div ul li:nth-child(7){margin-left:0;} #main_sec1 .main_ban ul li img {width: 100%;} #subm5 .s_sec_02 .box ul li dl {font-size: 12px; color: #ffffff;} #subm2_3 .s_sec_04 ul li img {border-left: none;} #subm2_3 .s_sec_05 ul.imglist li img {border-left: none;} #sub02_1 .container .psbox {width: 50%;} } /* 중간 기기들 (데스크탑, 992px 이상) */ @media (min-width: 992px) { #main_sec2 > .container-fluid > ul > li > a{position:absolute; bottom:20px; color:#666; padding:7px 13px; font-size:13px; left:50%; font-weight:bold;} #main_sec2 .container-fluid .row{width:1200px;} /* #main_sec2 ul li{width:25%;} */ #main_sec2 > .container-fluid > ul > li:nth-child(1) > ul > li{width:50%; float:left;} #main_sec3{display:block;} #main_sec4{margin-top:0;} .sub_m4{margin-top:100px;} #popup{display:block;} #httab > ul{width:48%;} #httab > ul > li a{padding:10px 65px;} #tabs-1 .hiscont ul {height:800px;} #tabs-2 .hiscont ul {height:698px;} #tabs-3 .hiscont ul {height:540px;} .hiscont ul li .ctxt.c01 p{line-height:52px;} #sub01_2 .s_sec_01{height:1250px;} /* 인스타그램 */ #instaPics { overflow: hidden; margin: 10px 0 0 24px; display: table;} #instaPics .insta-box { float: left; display: table-cell; text-align: center; width: 14%; margin-bottom: 10px;} #sub_01 .inner #sub_01_04 > div{width:1180px!important; margin:0 auto;} #subm1 {margin-top: 75px;} #subm1 .s_sec_01 {display: block;} #subm1 .s_sec_03 .jbImg {margin-top: 53px;} #subm2_1 .s_sec_07 ul li.thtxt {font-size: 20px;} #subm5 .s_sec_02 .box ul li dl {font-size: 16px; color: #ffffff;} #subm6 .s_sec_02 .box{display:block;} #subm6 .s_sec_02 .box ul li dl {font-size: 16px;} .steplist ul.flright li:first-child {margin-right: 2px;} #subm2_3 .s_sec_03 ul.txtlist li {font-size: 14px;} #subm2_3 .s_sec_05 ul.txtlist li {font-size: 14px;} .kcont_1 ul li p {font-size: 14px; height: auto; padding: 15px 0;} .kcont_4 ul li {width: 33.3333%; margin: 0;} .kcont_6 ul li.thtxt {font-size: 20px; padding: 20px 0;} #subm4 .s_sec_01 .txt p {font-size: 14px; margin-bottom: 0;} /*.steplist {margin-bottom: 82px;}*/ #subm6 .s_sec_01 .clrbar span {font-size: 16px;} #subm6 .s_sec_07 .box03 .clrbar p, #subm6 .s_sec_07 .box04 .clrbar p {font-size: 16px;} #subm2_1 .s_sec_02 ul li {margin-bottom: 0;} .steplist ul.flleft li:first-child {margin-left: 0;} .steplist ul.flleft li {margin-left: 0; width: 50%; margin-bottom: 0;} .steplist ul.flright li {margin-right: 0; width: 50%; margin-bottom: 0;} .steplist ul.flright li.step11 {width: 100%;} #subm6 .s_sec_07 .box03 .clrbar {margin-top: 8px;} #subm6 .s_sec_07 .box04 .clrbar {margin-top: 8px;} #subm6 .s_sec_02 .box ul li .thImg img {width: auto; max-width: 100%;} #subm6 .s_sec_02 .box ul {margin: 0;} #main_sec1 .main_ban .bx-controls {position: absolute; width: 140px; height: 30px; left: 50%; margin-left:40px; bottom: 150px; display:block;} #main_sec1 .main_ban .bx-wrapper .bx-controls-auto {bottom: 7px;} #main_sec1 .main_ban .bx-wrapper .bx-pager.bx-default-pager a {width: 12px; height: 12px; background: #fff; margin: 0 4px;} #main_sec1 .main_ban .bx-wrapper .bx-pager.bx-default-pager a.active { width: 12px; height: 12px; background: #d4dcb2;} /* 이끌림 둘러보기 */ #subgp .section01 p { font-size: 26px; } } /* 큰 기기들 (큰 데스크탑, 1024px 이상) */ @media (min-width: 1024px) { /* 메인 */ #main_sec1 .pc_ban{display:block;} #main_sec1 .mbl_ban{display:none;} #main_sec1 .main_ban {position: relative;} /* 메인 컨트롤 */ #main_sec1 .main_ban .bx-controls {position: absolute; width: 140px; height: 24px; left: 50%; transform: translateX(-50%); bottom: 16px; display: block;} /* 중간 배너 main_sec2 */ #main_sec2 {margin-top: 0px; background:#fff;} #main_sec2 .container-fluid {padding-top:50px;} #main_sec2 .container-fluid .sec_box {height: 325px; width: 92%; margin-top: 60px;} #main_sec2 .container-fluid .sec_box h1 {font-size: 24px; font-family: 'NanumSquare', sans-serif; text-align: center; font-weight: bold; padding-top: 154px;} #main_sec2 .container-fluid .sec_box p {font-size: 14px; text-align: center;} /* 배경 삭제 */ #main_sec2 .container-fluid .sec_2_1 {/*background: url("../images/main_sec01_bg01.jpg") no-repeat center top; background-size: contain;*/ width: 25%;} #main_sec2 .container-fluid .sec_2_2 {/*background: url("../images/main_sec01_bg02.jpg") no-repeat center top; background-size: contain;*/ width: 25%;} #main_sec2 .container-fluid .sec_2_3 {/*background: url("../images/main_sec01_bg03.jpg") no-repeat center top; background-size: contain;*/ width: 25%; float: left;} #main_sec2 .container-fluid .sec_2_4 {/*background: url("../images/main_sec01_bg04.jpg") no-repeat center top; background-size: contain;*/ width: 25%; clear: none;} #wrap>p{width:1200px; margin:0 auto;} #wrap>p>img{width:100%;} #sub_01 .inner > div img{width:100%;} #sub_01 .inner > div h1{font-size:35px;} #sub_01 .inner > div h1 span{font-family: 'Nanum Gothic', Serif;} #sub_01 .inner > div .title{padding:83px 0 65px;} #sub_01_03 .map_info .addr h1{font-size:18px;} #sub_01_03 .map_info .btn_map{float:right;} #sub_01_03 .map_info .btn_map .naver_map{padding:8px 37px; font-size:15px;} #sub_01_03 .map_info .btn_map .google_map{padding:8px 37px; font-size:15px;} /* 의료진소개 */ #main_sec2 .container-fluid .sec_2_1 .sec_box h1 {color: #4a5c6e; background: url('../images/main_sec2_sec_img01.png') no-repeat center;} /* 온라인상담 */ #main_sec2 .container-fluid .sec_2_2 .sec_box h1 {color: #725064; background: url('../images/main_sec2_sec_img02.png') no-repeat center;} /* 카카오톡 빠른상담 */ .ka_bbs {padding-top: 85px;} #main_sec2 .container-fluid .sec_2_3 .sec_box h1 {color: #505473; background: url('../images/main_sec2_sec_img03.png') no-repeat center;} #main_sec2 .container-fluid .sec_2_3 .sec_box p {margin: 22px 0 30px 0; color: #7a7e9c; line-height: 1.3; padding: 0;} /* 고객센터 */ #main_sec2 .container-fluid .sec_2_4 .sec_box h1 {font-size: 40px; color: #4a6f6f; letter-spacing: -2px; background: url('../images/main_sec2_sec_img04.png') no-repeat center 50px; padding-top: 149px;} #main_sec2 .container-fluid .sec_2_4 .sec_box p {margin: 16px 0 0 0; color: #648d8d; line-height: 1.3; font-size: 13px;} /* 중간 배너 main_sec3 */ #main_sec3 .txt h1 {padding: 0px;} #main_sec3 .txt p {padding: 0; font-size: 16px;} #main_sec3 .mbtn.m01, #main_sec3 .mbtn.m02 {margin-bottom: 0;} #main_sec3 .mbtn.m03 {background: url('../images/main_sec3_line.jpg') no-repeat left center;} /*#main_sec3 .btnbox.row {margin-right: 15px; margin-left: 15px;}*/ /* 중간 배너 main_sec4 */ #main_sec4 .container .row {margin-left: 15px; margin-right: 15px;} #main_sec4 .container .row .col-md-6 {padding-right: 15px; padding-left: 15px; border-bottom:0px;} #main_sec4 .container .row .col-md-6.brline {border-right: 1px solid #ededed; background:none;} #main_sec4 .container .bbs {width: 533px; height: 500px;} #main_sec4 .container .bbs.notice {margin-left: 10px;} #main_sec4 .container .bbs.sd {margin-left: 38px; margin-top: 0;} #main_sec4 .container .bbs .more { right: 0;} #sub_page { padding-top: 174px;} /* 온가족주치의 이끌림치과 */ /* 이끌림 치과 소개 */ #subm1 .s_sec_01 .container{margin-bottom:40px;} #subm1 .s_sec_02, #subm1 .s_sec_03, #subm1 .s_sec_04, #subm1 .s_sec_05, #subm1 .s_sec_06,#subm1 .s_sec_07,#subm1 .s_sec_08,#subm1 .s_sec_09,#subm1 .s_sec_10, #subm1 .s_sec_11 {padding-bottom: 90px;} #sub01_1 .s_sec_01 {height: 879px;} #sub01_1 .s_sec_01 .title { padding-top: 220px;} #sub01_1 .s_sec_01 .title img {height: auto;} #sub01_1 .s_sec_02 { padding-top: 0; padding-bottom: 78px;} #sub01_1 .s_sec_02 .secTitle {margin-bottom: 30px !important;} #sub01_1 .s_sec_02 .box ul li.boxImg01,#sub01_1 .s_sec_02 .box ul li.boxImg02,#sub01_1 .s_sec_02 .box ul li.boxImg03 {display: block;} #sub01_1 .s_sec_02 .box ul li dl dt {font-size: 34px; color: #363636; margin-bottom: 38px; position: relative;} #sub01_1 .s_sec_02 .box ul li {height: 220px;} #sub01_1 .s_sec_02 .box ul li dl {padding-top: 55px;} #sub01_1 .s_sec_02 .box ul li dl dt:before {margin-left: 0; top: 65px;} #sub01_1 .s_sec_02 .box ul li.mgln {margin-left: 0;} #sub01_1 .s_sec_02 .box ul li.clrbox01 {margin-left: 1%;} #sub01_1 .s_sec_03 {height: 887px;} #sub01_1 .s_sec_03 .Img img{position:absolute; left:50%; margin-left:-529px;} #sub01_1 .s_sec_03 .secTitle {margin-bottom: 30px !important;} #sub01_1 .s_sec_04 {background: #f7f6f4; padding-top: 0px; padding-bottom: 124px;} #sub01_1 .s_sec_04 .secTitle {margin-bottom: 30px !important;} #sub01_1 .s_sec_04 ul {margin-top: 111px;} #sub01_1 .s_sec_04 ul li {width: 33.3%; float: left; text-align: center; padding-bottom: 43px; position: relative; margin-bottom: 0;} #sub01_3 .scadule{ display:block;} #sub01_3 .mobile_scadule{display:none;} #sub01_3 .s_sec_02 .container .time{display:block; margin-bottom:60px;} #sub01_3 .s_sec_02 .container .mobile_time{display:none;} /* 이끌림 의료진 */ #sub02_1 .container .psbox {width: 316px; height: 324px; margin-left:0px;} .pull-right{float:right;} /* 원장 이력 */ #sub02_1 .container .ps01 {background: url('../images/person_bg01.jpg') no-repeat center;} #sub02_1 .container .ps02 {background: url('../images/person_bg02.jpg') no-repeat center; margin-left: 12px;} #sub02_1 .container .ps03 {background: url('../images/person_bg03.jpg') no-repeat center;} #sub02_1 .container .ps04 {background: url('../images/person_bg04.jpg') no-repeat center;} #sub02_1 .container .ps05 {background: url('../images/person_bg05.jpg') no-repeat center; margin-left: 12px;} #sub02_1 .container .psbox .delbox {background: #ffffff; width: 192px; height: 164px; position: absolute; left: 0; bottom: 0; display: table; padding: 10px 10px 0 0;} #subm2_4 .s_sec_02 ul li p{line-height:58px; height:58px; font-size:18px;} #subm3_0 .s_sec_01 .secTitle{padding-top:0px !important;} /* 이끌림 의료진 팝업창 */ #pop01 {height: 646px;} #pop01 .col-sm-5 {width: 41.66666667%; float: left;} #pop01 .col-sm-7 {width: 58.33333333%; float: left;} #pop02 {height: 575px;} #pop02 .col-sm-5 {width: 41.66666667%; float: left;} #pop02 .col-sm-7 {width: 58.33333333%; float: left;} #pop03 {height: 682px;} #pop03 .col-sm-5 {width: 41.66666667%; float: left;} #pop03 .col-sm-7 {width: 58.33333333%; float: left;} #pop04 {height: 575px;} #pop04 .col-sm-5 {width: 41.66666667%; float: left;} #pop04 .col-sm-7 {width: 58.33333333%; float: left;} #pop05 {height: 575px;} #pop05 .col-sm-5 {width: 41.66666667%; float: left;} #pop05 .col-sm-7 {width: 58.33333333%; float: left;} /* 이끌림 둘러보기 */ #subgp .section01 { margin-top: 0; padding-right: 0!important; padding-left: 0!important; } #subgp .box { width: 875px; } #subgp .box ul li.list01 { margin-left: 33px; padding-left: 28px; } #subgp .box ul li.list02 { margin-left: 33px; padding-left: 28px;} #subgp .box ul li { font-size: 16px; } #subgp .tabbox { margin-top: 102px; } #subgp .tabbox .nav-tabs > li { width: 32%; margin-right: 1%; float: left; } #subgp .tab-content .slider-container { width: 849px; float: left; } #subgp .tab-content .thumbnailSlider { width: 348px !important; float: left; } #subgp .tab-content .thumbnailSlider ul {overflow: hidden; display: block; margin: 0 0 0 1px;} #subgp .tab-content .thumbnailSlider ul li {float: left; margin-bottom: 2px; display: block; margin-top: 0;} /* 카카오톡 상담 */ #sub04_2 .container .txt01 {font-size: 20px;} #sub04_2 .container .txt01 a {display: inline-block; *display: inline; *zoom: 1; margin-left: 20px; margin-top: 0;} /* 페이스북 소식보기 */ #sub04_3 .container .txt01 {font-size: 22px;} /* 인스타그램 보기 */ #sub04_4 .container .txt01 {font-size: 14px;} /* 이끌림 스토리 -> 이끌림 인재채용 */ #sub05_5 .s_sec_01 .box{display:block;} #sub05_5 .s_sec_01 .mobile_box{display:none;} #sub05_5 .s_sec_01 h3 {margin-bottom: 60px;} #sub05_5 .s_sec_01 .box > div dl {margin-top: 110px; padding-top: 0;} #sub05_5 .s_sec_01 .line {display: block;} #sub05_5 .s_sec_02 .box > div {width: 395px; margin-left: 7px;} #sub05_5 .s_sec_02 .box{display:block;} #sub05_5 .s_sec_02 .mobile_box{display:none;} #sub05_5 .s_sec_04 ul li {width: 395px; margin-left: 6px;} #sub05_5 .s_sec_04 ul li .arrow {display: block;} /* 이끌림의 특별함 */ #subm1 .s_sec_03 ul li {width: 25%; margin-bottom: 0; padding: 0;} #subm1 .s_sec_04 ul li {width: 32.6%; margin-left: 6px; margin-right:0px;} #subm1 .s_sec_04 ul li p {font-size: 16px;} #subm1 .s_sec_05 .bimg .txt {font-size: 16px;} #subm1 .s_sec_05 ul li {width: 32.6%; margin-left: 6px; margin-right:0px;} #subm1 .s_sec_05 ul li p {font-size: 16px;} #subm1 .s_sec_06 ul li {width: 295px; margin-left: 6px;} #subm1 .s_sec_06 ul li p { font-size: 16px;} #subm1 .s_sec_07 ul li {width: 20%;} #subm1 .s_sec_07 ul li:last-child {float: left; margin: 0;} #subm1 .s_sec_07 ul li .box {padding: 0;} #subm1 .s_sec_07 ul li .txt {font-size: 16px; margin-bottom: 0;} #subm1 .s_sec_07 ul li .txt .little_title{font-size:12px;} #subm1 .s_sec_08 ul li {width: 396px; margin-left: 6px;} #subm1 .s_sec_09 ul li { width: 50%;} #subm1 .s_sec_09 ul li .thtxt { width: 99.9%; height: 86px;} #subm1 .s_sec_09 ul li p {font-size: 20px;} .steplist ul.flleft {margin-bottom: 8px;} .steplist ul.flleft li {position: relative; float: left; margin-left: 8px; width: auto;} .steplist ul li .arrow_l {position: absolute; z-index: 8; right: -25px; top: 38%; display: block;} .steplist ul li .arrow_down {position: absolute; z-index: 10; right: 80px; bottom:-18px; display: block;} .steplist ul li .arrow_r {position: absolute; z-index: 8; left: -25px; top: 38%; display: block; } .steplist ul.flright li {position: relative; float: right; margin-right: 7px; width: auto;} .steplist ul.flright li.step11 {width: auto; margin-left: 0;} #subm1 .s_sec_10 .boxlist ul li {width: 295px; margin-left: 6px; padding: 0;} #subm1 .s_sec_10 .boxlist ul li p {height: 66px; line-height: 66px;font-size: 16px;} #subm1 .s_sec_11 ul li p {font-size: 20px;} #subm1 .s_sec_11 ul li .thtxt {height: 86px;} #subm1 .s_sec_11 ul li {width: 50%;} /* 디지털 치아교정 */ /* 디지털 치아교정 -> 특별함 */ .sub_m2 {margin: 60px 0; } .sub_m2 .fl {height: 350px;} .sub_m2 .fl .btn02 {display: block; position: absolute; bottom: 40px; right: 18%; font-size: 14px; margin-right: -88px; color: #ffffff; padding: 10px 32px;} .sub_m2 .fr {padding: 140px 0 0 64px; height: 350px; line-height:36px; letter-spacing:-1px;} .sub_m2 .fr ul li,.sub_m2 .fr ul.line01 li {font-size: 18px;} #subm2_1 .s_sec_01 {padding-bottom: 90px;} #subm2_1 .s_sec_01 ul li {width: 396px; float: left; position: relative; margin-left: 6px;} #subm2_1 .s_sec_01 ul li p {font-size: 16px; line-height:60px;} #subm2_1 .s_sec_02 .clearfix{display:block;} #subm2_1 .s_sec_02 .mobile_clearfix{display:none;} #subm2_1 .s_sec_02 .secTitle {padding-top: 88px; margin-bottom: 83px;} #subm2_1 .s_sec_02 ul li {width: 398px; margin-left: 2px;} #subm2_1 .s_sec_02,#subm2_1 .s_sec_03, #subm2_1 .s_sec_04, #subm2_1 .s_sec_05, #subm2_1 .s_sec_06, #subm2_1 .s_sec_07 {padding-bottom: 90px;} #subm2_1 .s_sec_06 .boxlist ul li {width: 295px; margin-left: 6px; padding: 0;} #subm2_1 .s_sec_06 .boxlist ul li p {height: 66px; line-height: 66px;font-size: 16px;} #subm2_1 .s_sec_07 ul li p {font-size: 20px;} #subm2_1 .s_sec_07 ul li .thtxt {height: 86px;} #subm2_1 .s_sec_07 ul li {width: 50%;} /* 디지털 치아교정 -> triple-s 치아교정 */ #subm2_2 .s_sec_01,#subm2_2 .s_sec_02,#subm2_2 .s_sec_03,#subm2_2 .s_sec_04 {padding-bottom: 90px;} #subm2_2 .s_sec_01 ul li .thImg img {width: auto;} #subm2_2 .s_sec_01 ul li {width: 396px; margin-left: 6px;} #subm2_2 .s_sec_01, #subm2_2 .s_sec_02,#subm2_2 .s_sec_03, #subm2_2 .s_sec_04, {padding-bottom: 90px;} #subm2_2 .s_sec_02 ul li span {bottom: 24px; font-size: 18px;} #subm2_2 .s_sec_02 .stepbox > div dl dt { font-size: 50px;} #subm2_2 .s_sec_02 .stepbox > div dl dd {font-size: 16px; padding-left: 70px; text-align: left;} #subm2_2 .s_sec_03 ul.txtlist li {width: 25%; float: left; text-align: center; font-size: 16px; color: #ffffff; border-left: 1px solid #f4f2f0; box-sizing: border-box; padding: 22px 0; border-bottom: none;} #subm2_2 .s_sec_04 .stepbox > div dl dt { font-size: 50px;} #subm2_2 .s_sec_04 .stepbox > div dl dd {font-size: 16px; padding-left: 70px; text-align: left;} /* 디지털 치아교정 -> 시크릿 교정 */ #subm2_3 .s_sec_02,#subm2_3 .s_sec_03, #subm2_3 .s_sec_04, #subm2_3 .s_sec_05 {padding-bottom: 90px;} #subm2_3 .s_sec_01 {padding: 90px 0 90px 0;} #subm2_3 .s_sec_01 ul li {width: 297px; margin-left: 4px;} #subm2_3 .s_sec_01 ul li p {font-size: 16px;} #subm2_3 .s_sec_02 .stepbox > div dl dt { font-size: 50px;} #subm2_3 .s_sec_02 .stepbox > div dl dd {font-size: 15px; padding-left: 10px; text-align: left;} #subm2_3 .s_sec_03 ul.imglist li {margin-bottom: 32px;} #subm2_3 .s_sec_03 ul.txtlist li {font-size: 16px;} #subm2_3 .s_sec_02 .stepbox {margin: 32px 0 0 0;} #subm2_3 .s_sec_04 .stepbox > div dl dt { font-size: 50px;} #subm2_3 .s_sec_04 .stepbox > div dl dd {font-size: 15px; padding-left: 10px; text-align: left;} #subm2_3 .s_sec_05 ul.txtlist li {width: 25%; float: left; text-align: center; font-size: 16px; color: #ffffff; border-left: 1px solid #f4f2f0; box-sizing: border-box; padding: 22px 0; border-bottom: none;} /* 디지털 치아교정 -> 건강한 교정 */ #subm2_4 .s_sec_01, #subm2_4 .s_sec_02,#subm2_4 .s_sec_03, #subm2_4 .s_sec_04 {padding-bottom: 90px;} #subm2_4 .s_sec_02 ul li {width: 396px; margin-left: 6px;} #subm2_4 .s_sec_03 .btxt {font-size: 18px;margin-bottom: 56px;} /* 디지털 임플란트 원장 */ .sub_m3 {padding: 1px 0; background:#ffffff; } .sub_m3 .fl {height: 400px; width:48.5%; background-size: contain;} .sub_m3 .fl .btn02 {right: 21px; margin-right: 0;} .sub_m3 .fr {padding: 84px 0 0 64px; height: 538px; margin-bottom: 0; background-size: contain;} .sub_m3 .fr ul li,.sub_m3 .fr ul.line01 li {font-size: 16px;} .sub_m3 .sub_big_title #sub_titlebar{margin-bottom:60px;} /* 디지털 임플란트 특별함 */ .kcont_1, .kcont_2, .kcont_3, .kcont_4, .kcont_5, .kcont_6{padding-bottom:90px;} /* 디지털 임플란트 네비게이션 임플란트 */ .kcont_5 .boxlist ul li {width: 294px; margin-left: 7px; padding: 0;} .kcont_5 .boxlist ul li p {height: 66px; line-height: 66px;font-size: 16px;} #subm3_0 .s_sec_02 .bbox01 {display:block;} #subm3_0 .s_sec_02 .mobile_bbox01{display:none;} #subm3_1 .s_sec_01, #subm3_1 .s_sec_02,#subm3_1 .s_sec_03, #subm3_1 .s_sec_04 {padding-bottom: 90px;} #subm3_1 .s_sec_01 .box02 ul li p {font-size: 20px; } #subm3_1 .s_sec_01 .box02 ul li {height: 179px;} #subm3_1 .s_sec_01 .box02 ul li span.line {margin: 56px auto 25px auto;} #subm3_1 .s_sec_02 .box01 {margin-bottom: 0;} #subm3_1 .s_sec_02 ul li img {max-width: none;} #subm3_1 .s_sec_02 .thImg {margin-bottom: 22px;} /* 디지털 임플란트 하단 공통처리 */ .kcont_1 .btxt {font-size: 18px;} .kcont_1 ul li {width: 295px; margin-left: 6px; display: table-row;} .kcont_1 ul li p { width: 295px; padding: 0; height: 65px; text-align: center; font-size: 14px; color: #ffffff; display: table-cell; vertical-align: middle; line-height: 1.2; margin-left: -1px;} .kcont_2 .bbox01 ul li {width: 33.333%; float: left; text-align: center; border-bottom: none; border-left: 1px solid #f4f2f0; padding: 35px 0 35px 0;} .kcont_2 .bbox01 ul li h4 {font-size: 15px;} .kcont_2 .bbox02 ul li .thtxt p {font-size: 20px;} .kcont_2 .bbox02 ul li .thtxt {height: 86px;} .kcont_2 .bbox02 ul li {width: 50%;} .kcont_2 .bbox02 ul li .thtxt span {font-size: 16px;} /* 디지털 임플란트 -> 안티에지이 임플란트 */ #subm3_2 .s_sec_01, #subm3_2 .s_sec_02, #subm3_2 .s_sec_03{padding-bottom:90px;} #subm3_2 .s_sec_01 ul li {padding: 0px;} #subm3_2 .s_sec_01 ul li p { width: 99.4%;} #subm3_2 .s_sec_01 .txt p {font-size: 16px; padding: 20px 0;} #subm3_2 .s_sec_02 ul > li {padding: 0px; text-align:center;} #subm3_2 .s_sec_02 ul > li p { width: 99.4%;} #subm3_2 .s_sec_02 .txt p {font-size: 16px; padding: 20px 0;} /* 디지털 임플라트 -> 보험 임플란트 */ #subm3_3 .s_sec_01 .bluebox {background: #548ac0; padding: 30px 0 18px 26px; margin: 0;} #subm3_3 .s_sec_01 .bluebox dl dd {font-size: 16px;} #subm3_2 .s_sec_03 .bluebox {background: #0d5496; padding: 30px 0 18px 26px; margin: 0;} #subm3_2 .s_sec_03 .bluebox dl dd {font-size: 16px;} /* 어린이 치과 */ #subm4 .s_sec_02, #subm4 .s_sec_03,#subm4 .s_sec_04, #subm4 .s_sec_05 {padding-bottom: 83px;} #subm4 .s_sec_01 { padding-top: 40px;} #subm4 .s_sec_01 .txt {padding: 104px 0 76px 0;} #subm4 .s_sec_01 .txt h3 {padding: 0;} #subm4 .s_sec_01 .txt p {font-size: 16px; padding: 0;} #subm4 .s_sec_02 ul li {padding: 0;} #subm4 .s_sec_02 ul li p { width: 99.3%; } #subm4 .s_sec_03 ul li span {bottom: 24px; font-size: 18px;} #subm4 .s_sec_03 .clrbar p {font-size: 18px;} #subm4 .s_sec_04 .box01 .txt h4 {padding: 0;} #subm4 .s_sec_04 .box01 {margin-bottom: 105px;} #subm4 .s_sec_04 .box01 .txt {margin-bottom: 70px;} #subm4 .s_sec_04 .box02 .txt h4 {padding: 0;} #subm4 .s_sec_04 .box02 .txt {margin-bottom: 70px;} #subm4 .s_sec_05 .bbox01{display:block;} #subm4 .s_sec_05 .mobile_bbox01{display:none;} #subm4 .s_sec_08 .clearfix{display:block;} #subm4 .s_sec_08 .mobile_cearfix{display:none;} .sub_m4 .fl{height:350px;} .sub_m4 .fl .btn02{bottom:40px; right: 21%; fint-size:14px; margin-right:-86px; padding:10px 32px;} .sub_m4 .fr{height:350px; padding:140px 0 0 64px;} .sub_m4 .fr ul.line01 li{font-size:18px; line-height:36px;} /* 1day 세렉라미네이트 원장 */ .sub_m5 {margin: 0 0 96px 0; } .sub_m5 .sub_big_title h3{padding-bottom:0px} .sub_m5.s5 {margin: 60px 0;} .sub_m5 .fl {height: 350px; background-size: contain;} .sub_m5 .fl02{height: 350px; background-size: cover;} .sub_m5 .fl02 .btn02{bottom:40px; right:18%; margin-right:-88px; padding:10px 32px;} .sub_m5 .fl .btn02 {display: block; position: absolute; bottom: 40px; right: 18%; font-size: 14px; margin-right: -88px; color: #ffffff; padding: 10px 32px;} .sub_m5 .fr {background: url('../images/sub/sub_m02_in_ban_bg02.jpg') no-repeat left top; height: 350px; position: relative; padding: 140px 0 0 64px; background-size: cover; line-height:36px; letter-spacing:-1px;} .sub_m5 .fr ul li,.sub_m5 .fr ul.line01 li {font-size: 18px;} /* 1day 세렉라미네이트 */ #subm5 .s_sec_01, #subm5 .s_sec_02,#subm5 .s_sec_03, #subm5 .s_sec_04, #subm5 .s_sec_05 {padding-bottom: 90px;} #subm5 .s_sec_01 .clrbar {padding: 25px 0;} #subm5 .s_sec_01 .clrbar span {font-size: 16px;} #subm5 .s_sec_01 .stepbox > div dl dt { font-size: 50px; line-height:100px;} #subm5 .s_sec_01 .stepbox > div dl dd {font-size: 15px; padding-left: 10px; text-align: left;} #subm5 .s_sec_02 .listImg {margin-bottom: 5px; display:block;} #subm5 .s_sec_02 .mobile_listImg{display:none;} #subm5 .s_sec_02 .listImg ul li {width: 25%; margin: 0;} #subm5 .s_sec_02 .box{display:block;} #subm5 .s_sec_02 .box ul li {width: 25%;} #subm5 .s_sec_02 .box ul li .txt {margin: 0 0.8%; padding: 28px 0;} #subm5 .s_sec_02 .box ul li dl {font-size: 16px;} #subm5 .s_sec_03 .cont_table{display:block;} #subm5 .s_sec_03 .cont_table02{display:none;} #subm5 .s_sec_03 .cont_table table tbody tr td {width: 35.2%;} #subm5 .s_sec_03 .cont_table table tbody tr td.cen {text-align: center; width: 25%;} /*#subm5 .s_sec_03 .cont_table table tbody tr td:last-child {border-left:1px solid #dedede;}*/ #subm5 .s_sec_03 .cont_table table tbody tr td:first-child {text-align: right;} #subm5 .s_sec_03 .cont_table table tbody tr td:last-child {text-align: left;} #subm5 .s_sec_04 .clrbar p {margin: 0; padding: 0; font-size: 18px;} #subm5 .s_sec_05 .bbox02 {margin-top: 76px;} #subm5 .s_sec_05 .bbox02 ul li .thtxt p {font-size: 20px;} #subm5 .s_sec_05 .bbox02 ul li .thtxt .hidden_br{display:none;} #subm5 .s_sec_05 .bbox02 ul li .thtxt {height: 86px;} #subm5 .s_sec_05 .bbox02 ul li {width: 50%; overflow: hidden; margin:0px;} #subm5 .s_sec_05 .bbox02 ul li.last {border-left: 1px solid #dbdbdb; box-sizing: border-box;} /*#subm5 .s_sec_05 .bbox02 ul li img {max-width: 100%}*/ #subm5 .s_sec_05 .bbox02 ul li .thtxt span {font-size: 16px;} /* 디지털 충치치료 */ #subm6 .s_sec_01, #subm6 .s_sec_02,#subm6 .s_sec_03, #subm6 .s_sec_04, #subm6 .s_sec_05 {padding-bottom: 90px;} #subm6 .s_sec_01 .secTitle{margin-bottom:60px !important;} #subm6 .s_sec_01 .clrbar {padding: 25px 0;} #subm6 .s_sec_01 .clrbar span {font-family: 'NanumSquare', sans-serif; color: #ffffff; font-size: 18px;} #subm6 .s_sec_02 .secTitle{padding-top: 60px !important; margin-bottom: 60px !important;} #subm6 .s_sec_02 .listImg {margin-bottom: 5px; display:block;} #subm6 .s_sec_02 .listImg ul li {width: 25%; margin: 0;} #subm6 .s_sec_02 .mobile_listImg{display:none;} #subm6 .s_sec_02 .box ul li {width: 25%;} #subm6 .s_sec_02 .box ul li .txt {margin: 0 0.8%;} #subm6 .s_sec_02 .box ul li dl {font-size: 15px;} #subm6 .s_sec_04 .secTitle{padding-top: 60px !important; margin-bottom: 60px !important;} #subm6 .s_sec_04 .box {display:block;} #subm6 .s_sec_04 .mobile_box{display:none;} #subm6 .s_sec_04 .box ul li {width: 33.333%; float: left; text-align: center; padding-top: 22px;} #subm6 .s_sec_04 .box ul li .txt h4{ height:50px;} #subm6 .s_sec_04 .box ul li h4 {font-size: 15px;} #subm6 .s_sec_04 .box ul li p {font-size: 15px; height:50px;} #subm6 .s_sec_04 .box ul li .thImg{margin-top:0px;} #subm6 .s_sec_04 .box02 .clrbar ul li {font-size: 16px; padding: 0;} #subm6 .s_sec_04 #subm6 .s_sec_04 .box03 ul li span {bottom: 24px; font-size: 18px;} #subm6 .s_sec_04 .box03 .clrbar {margin-top: 7px;} #subm6 .s_sec_04 .box03 ul li .arrow {display: block;} #subm6 .s_sec_04 .box03 .clrbar p {font-size: 18px;} #subm6 .s_sec_04 .box04 ul li span {bottom: 24px; font-size: 18px;} #subm6 .s_sec_04 .box04 .clrbar {margin-top: 7px;} #subm6 .s_sec_04 .box04 ul li .arrow {display: block;} #subm6 .s_sec_04 .box04 .clrbar p {font-size: 18px;} #subm6 .s_sec_05 .bbox02 {margin-top: 76px;} #subm6 .s_sec_05 .bbox02 {margin-top: 76px;} #subm6 .s_sec_05 .bbox02 ul li .thtxt p {font-size: 20px;} #subm6 .s_sec_05 .bbox02 ul li .thtxt {height: 86px;} #subm6 .s_sec_05 .bbox02 ul li .thtxt span {font-size: 16px;} #subm6 .s_sec_05 .bbox02 ul li {width: 50%; overflow: hidden; margin:0px;} #subm6 .s_sec_05 .bbox02 ul li.last {border-left: 1px solid #dbdbdb; box-sizing: border-box;} #subm6 .s_sec_06 ul li { width: 50%;} #subm6 .s_sec_06 ul li .thtxt { width: 99.9%; height: 86px;} #subm6 .s_sec_06 ul li p {font-size: 20px;} #subm6 .s_sec_07 .box03 ul li .arrow {display: block;} #flotBtn { display: none !important; } } /* 큰 기기들 (큰 데스크탑, 1440px 이상) */ @media (min-width: 1440px) { /* 메인 */ #main_sec2 .container-fluid .sec_box {margin-top: 60px;} #sub02_1 .container .psbox {width: 392px;} #sub02_1 .container .ps06 {display: block; background: url('../images/person_bg06.jpg') no-repeat center; background-size: contain;} } .fb-like-box, .fb-like-box span, .fb-like-box span iframe[style] {width: 100% !important;} /* 추가작업 2017-07-12 모바일 sns 버튼 */ #flotBtn { z-index: 540; position: fixed; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center ; align-items: center; top: 4px; right: 10px; background-color: #5f4c64; width: 45px; height: 45px; border-radius: 50%; cursor: pointer; box-shadow: 2px 2px 10px rgba(10,10,10,0.3); transition: all 0.2s ease-in-out; } .icon-bar { display: block; background-color: #ffffff; width: 24px; height: 2px; transition: all 0.3s ease-in-out; } .icon-bar { margin-top: 4px; } #one { margin-top: 0; } .nav_m { z-index: 501; position: fixed; top: 4px; right: 10px; display: flex; flex-ddirection: column; justify-content: center; align-items: center; visibilty: hidden; opacity: 0; cursor: pointer; transition: all 0.3s ease-in; } #nav01.show { transform: translateY(125%); } #nav02.show { transform: translateY(250%); } #nav03.show { transform: translateY(375%); } #nav04.show { transform: translateY(500%); } #nav05.show { transform: translateY(625%); } #nav06.show { transform: translateY(750%); } #wrapper.show { -webkit-transition: -webkit-transform 0.4s ease-in-out; transition: -webkit-transform 0.4s ease-in-out; transition: transform 0.4s ease-in-out; transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out; -webkit-transform: rotateZ(90deg); transform: rotateZ(90deg);} #one.show { transform: translateY(6px) rotatez(45deg) scalex(0.9) } #thr.show { transform: translateY(-6px) rotatez(-45deg) scalex(0.9) } #two.show { opacity: 0; } .nav_m.show { visibility: visible; opacity: 1; } /* 충치 원장 사진 */ .sub_m5 .w_img { display: table; margin: 0 auto; } .sub_m5 .w_img li { float: none; padding: 0 45px; } .sub_m5 .w_img li img { max-width: 100%; } @media (min-width: 1024px) { .sub_m5 .w_img li { float: left; width: 33.33333333333333333333333%; padding: 0; } } /* 지도버튼 */ @media (max-width: 1024px) { #sub01_3 .s_sec_03 .container .locmap .addr .mapbtn ul li img{max-width:100%;} #sub01_3 .s_sec_03 .container .locmap .addr .mapbtn ul li { margin-left: 4px; } } @media (max-width: 990px) { .none_550 { display: none; } } /* 다음지도 */ .root_daum_roughmap { width: 100% !important; }