@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100..900&display=swap');



.boneprime_01_wrap ul {overflow:hidden;  }
.boneprime_01_wrap ul li{float:left; width:49%; margin-bottom:2%;}
.boneprime_01_wrap ul li:nth-child(2n+2){float:right;}
.boneprime_01_wrap ul li .box { padding:60px 30px;  border-radius:10px; position:relative; border:1px #ededed solid; padding-left:160px;}

.boneprime_01_wrap ul li .count {position:absolute; left:0px; top:-30px; width:100%; text-align:center;}
.boneprime_01_wrap ul li .count span {display:inline-block; width:60px; height:60px; line-height:60px; font-size:20px; border-radius:60px; background:#285eb7; color:#fff; font-family: 'Montserrat'; font-weight: 900; }

/*.boneprime_01_wrap ul li .icon {text-align:center; line-height:100px; margin-bottom:60px; padding-top:40px; display:none;}*/
.boneprime_01_wrap ul li .icon {position:absolute; left:30px; top:50px; }
.boneprime_01_wrap ul li .icon span {display:inline-block; width:100px; height:100px; border-radius:100px; background:#f8f8f8; text-align:center; }
.boneprime_01_wrap ul li .icon span .lord-icon {width:70px; height:70px; margin-top:15px;}

.boneprime_01_wrap ul li .t1 {font-size:24px; font-weight:bold; color:#000; letter-spacing:-2px; margin-bottom:35px;position:relative; padding-left:60px;}
.boneprime_01_wrap ul li .count {position:absolute; letter-spacing:0px; left:0px; top:-5px;  text-align:center;  width:45px; height:45px; line-height:45px; font-size:20px; border-radius:45px; background:#285eb7; color:#fff; font-family: 'Montserrat'; font-weight: 900; }

.boneprime_01_wrap ul li .t2 {font-size:16px; height:; height:65px; line-height:25px;  color:#777; letter-spacing:-1px; }





.boneprime_04 {display:table; width:100%;table-layout:fixed; letter-spacing:-2px;}
.boneprime_04 .col {display:table-cell; vertical-align:top;}
.boneprime_04 .col.photo {text-align:center; vertical-align:middle}
.boneprime_04 .col.photo img {vertical-align:bottom;}
.boneprime_04 .col .t1{font-size:30px; font-weight:bold; color:#000; margin-top:30px; }
.boneprime_04 .col .t2{font-size:60px; font-weight:bold; color:#285eb7; line-height:60px;letter-spacing:-1px; padding-top:30px; font-family: 'Montserrat'; font-weight: 900; }
.boneprime_04 .col .t3{font-size:20px;  color:#333;  padding-top:10px}
.boneprime_04 .col .time {margin-top:20px; border-top:1px #ddd solid;    padding:30px 0px 60px;}
.boneprime_04 .col .time ul li{font-size:18px; color:#000; padding-left:100px; position:relative; margin:10px 0px 20px;}
.boneprime_04 .col .time ul li span{position:absolute; left:0px; top:0px; width:70px; line-height:35px; text-align:center;  background:#285eb7; color:#fff; border-radius:60px; font-size:15px;}
.boneprime_04 .col .time ul li .etc{display:inline-block; margin-left:10px; font-size:15px; color:#666;}




.boneprime_04_map_wrap {margin-top:0px; border-radius:60px 60px 0px 0px; overflow:hidden; position:relative;  position:relative;}
.boneprime_04_map_wrap  #daum_map{width:100%; height:520px; }





/*오시는 길*/
.boneprime_06 {position:relative; }
.boneprime_06 #daum_map {width:100%; height:450px; top:0px; border-radius:30px; overflow:hidden; border:1px #ddd solid;}
.boneprime_06 ul {overflow:hidden; display:table; width:100%;  table-layout:fixed; margin-top:40px;}
.boneprime_06 ul li {display:table-cell; padding:0 40px; border-right:1px #ddd solid; text-align:center;}
.boneprime_06 ul li.first {padding-left:0px; width:40%; }
.boneprime_06 ul li.last {padding-right:0px; border-right:0px;}

.boneprime_06 ul li .t1 {font-size:25px; color:#000;  position:relative; line-height:60px;  font-weight:900;}
.boneprime_06 ul li .t1 span {display:block;}
.boneprime_06 ul li .t1 span img {vertical-align:middle; }
.boneprime_06 ul li .t2 {font-size:20px; color:#000; margin-top:10px; line-height:20px;}







.joint_01 h4{font-size:33px; color:#000; padding:30px 0; background:url(../images/sub/h4_dot.png) center top no-repeat; line-height:30px; text-align:center;} 
.joint_01 .list_box { margin-top:60px;}
.joint_01 .list_box ul {display:table; width:100%; table-layout:fixed;}
.joint_01 .list_box ul li{display:table-cell; border:1px #e4e4e4 solid; background:#f6f6f6; vertical-align:top; text-align:center;}
.joint_01 .list_box ul li.jump {border:0px;width:30px; background:#fff; padding:0px;}
.joint_01 .list_box ul li .icon {background:#fff; padding:30px 0px; vertical-align:top;}
.joint_01 .list_box ul li .icon .lord-icon {width:80px; height:80px;}
.joint_01 .list_box ul li .text {padding:20px; font-size:19px; letter-spacing:-2px; color:#333;}



.joint_02 ul{display:table;width:100%; table-layout:fixed; margin-bottom:60px; }
.joint_02 ul li {display:table-cell; vertical-align:middle;padding:0px 60px; }
.joint_02 ul li.pic {padding:0px; }
.joint_02 ul li img {vertical-align:middle; border-radius:10px;}
.joint_02 ul li.text { }
.joint_02 ul li.text .t1 {font-size:33px; color:#000; font-weight:bold; letter-spacing:-2px;}
.joint_02 ul li.text .t2 {font-size:18px; color:#666;margin-top:30px; line-height:30px;  letter-spacing:-1px;}





.vertebrae_01{}
/*

.vertebrae_01 .col_box .col.title {width:450px;}
.vertebrae_01 .col_box .col.title .title_text{font-size:40px; color:#000; padding:30px 0; background:url(../images/sub/h4_dot.png) left 6px no-repeat; line-height:45px; font-weight:700; }

.vertebrae_01 .col_box .col.text {padding-top:30px;}
.vertebrae_01 .col_box .col.text .etc{font-size:18px; line-height:30px; color:#444;  }
*/

.vertebrae_01 .etc{font-size:18px; line-height:30px; color:#444;  }
.vertebrae_01 .pic {padding:40px; border-radius:20px; border:1px #e4e4e4 solid; margin-bottom:40px; margin-top:30px;}
.vertebrae_01 .pic ul{display:table; width:100%; table-layout:fixed;}
.vertebrae_01 .pic ul li{display:table-cell; vertical-align:top; text-align:center;}
.vertebrae_01 .pic ul li.jump {vertical-align:middle; padding-bottom:40px; font-size:16px;}
.vertebrae_01 .pic ul li.jump span {display:inline-block; padding:0 20px; line-height:35px; border-radius:20px; background:#285eb7; color:#fff; }
.vertebrae_01 .pic ul li.jump .jjs {font-size:14px; margin-top:10px; color:#000;}
.vertebrae_01 .pic ul li .t {font-size:16px; margin-top:20px;}
.vertebrae_01 .pic ul li .t span {font-weight:bold; color:#285eb7; font-weight:900; letter-spacing:-2px; display:block; font-size:25px; line-height:30px; margin-bottom:5px;}
.vertebrae_01 .pic ul li .lord-icon {width:40px; height:40px;}
.vertebrae_01 .pic ul li .lord-icon.down {display:none;}







.vertebrae_02  {padding-bottom:50px; margin-bottom:100px; border-bottom:1px #ededed solid;}
.vertebrae_02 .col_box {display:table; width:100%; table-layout:fixed; margin-bottom:80px;}
.vertebrae_02 .col_box .col {display:table-cell;   vertical-align:middle;}
.vertebrae_02 .col_box .col.pic {border:1px #e4e4e4 solid; border-radius:10px; overflow:hidden;text-align:center;}
.vertebrae_02 .col_box .col.pic img {vertical-align:middle;max-width:100%; }
.vertebrae_02 .col_box .col.text {padding:0 60px; }
.vertebrae_02 .col_box .col.text .t1{font-size:30px; font-weight:bold; color:#000; letter-spacing:-2px; line-height:33px;}
.vertebrae_02 .col_box .col.text .t2{font-size:25px; font-weight:bold; color:#285eb7; letter-spacing:-2px; line-height:30px; margin-top:10px;}
.vertebrae_02 .col_box .col.text .t3{font-size:17px;margin-top:40px;}


.vertebrae_02_list {margin-top:60px;}
.vertebrae_02_list ul{overflow:hidden;}
.vertebrae_02_list ul li {float:left; width:49%; margin-bottom:1%;}
.vertebrae_02_list ul li:nth-child(2n+2) {float:right;}
.vertebrae_02_list ul li .col_box {display:table; width:100%; table-layout:fixed;}
.vertebrae_02_list ul li .col_box .col {display:table-cell;   vertical-align:middle;  background:#447dac;}
.vertebrae_02_list ul li .col_box .col.check {width:70px; text-align:center; border-radius:5px 0px 0px 5px;}
.vertebrae_02_list ul li .col_box .col.text {background:#fff; border:2px #447dac solid; padding:20px 40px; color:#000; font-size:19px; letter-spacing:-1.5px; border-radius:0px 5px 5px 0px;}

.vertebrae_02_list ul li:nth-child(2n+2) .col_box .col  {background:#175789;}
.vertebrae_02_list ul li:nth-child(2n+2) .col_box .col.text  {border-color:#175789;background:#fff;} 


.growth_01 {margin-top:90px;}

.growth_01 .col_box {position:relative; display:table; width:100%; table-layout:fixed;}
.growth_01 .col_box .col {display:table-cell;}
.growth_01 .col_box .col.pic {background:url(../images/contents/growth/growth_01_bg.jpg) center top no-repeat; background-size:cover;}
.growth_01 .col_box .col.text {padding:150px;  background:#4e3f3a; color:#fff;}
.growth_01 .col_box .col.text .t1 {font-size:35px; font-weight:900; letter-spacing:-2px; line-height:40px;}
.growth_01 .col_box .col.text .t2 {margin-top:30px; font-size:17px; line-height:25px;  }
.growth_01 .col_box .col.text .t2 div{ margin:7px 0px; padding-left:20px; background:url(../images/contents/growth/growth_01_dot.jpg) 5px 12px no-repeat;}


.special_03_bg{position:relative; z-index:1;  margin-top:80px;}
.special_03_bg img{vertical-align:middle; width:100%; }
.special_03_text {margin:0 120px; margin-top:-180px;  position:relative; z-index:1; background:#fff; padding:120px;}
.special_03_text .title {font-size:30px; color:#333; font-weight:700;letter-spacing:-2px; line-height:33px;}
.special_03_text .text_list {overflow:hidden; margin-top:40px; }
.special_03_text .text_list .list{float:left; width:215px; margin-right:20px; margin-bottom:20px; text-align:center;}
.special_03_text .text_list .list .box { padding:30px 0px;  webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box; border:1px #ededed solid; border-radius:10px;}
.special_03_text .text_list .list:hover .box { border-color:#447dac}
.special_03_text .text_list .list .box .icon {margin-bottom:15px; text-align:center;}
.special_03_text .text_list .list .box .icon img {vertical-align:middle; }
.special_03_text .text_list .list .box .t1 {  font-size:17px; color:#000; letter-spacing:-1px; line-height:22px; height:44px;}
.special_03_text .text_list .list:nth-child(4n+4){margin-right:0px;}
.special_03_text .text_etc {margin-top:20px; padding:50px; border-radius:10px; background:#f8f8f8;}




.special_02_01_top {border-radius:10px;  margin-top:35px; border:1px #ededed solid; margin-bottom:50px;}
.special_02_01_top ul.first {display:table; width:100%; table-layout:fixed;}
.special_02_01_top ul.first li.first_li {display:table-cell; padding:50px;  vertical-align:top;}
.special_02_01_top ul.first li.first_li.pic_pho {width:400px; vertical-align:middle;} 


.special_02_01 {margin-top:50px;  padding-top:50px;}
.special_02_01 .col_box {display:table; width:100%; table-layout:fixed; }
.special_02_01 .col_box .col {display:table-cell; vertical-align:middle; }
.special_02_01 .col_box .col.s_text_etc {width:600px;}
.special_02_01 .col_box .col.s_title  {font-size:33px; color:#000; line-height:33px; letter-spacing:-2px; overflow:hidden;  font-weight:bold;; width:500px; vertical-align:top;}

.special_02_01 .col_box .col.s_text .t1 {background:url(../images/sub/dot_etc.jpg) left 13px no-repeat; padding-left:17px;font-size:18px; color:#000; line-height:30px; letter-spacing:-1px;}
.special_02_01 .col_box .col.s_text ul.list {margin-top:10px; background:#f8f8f8; padding:15px 30px; border-radius:20px;}
.special_02_01 .col_box .col.s_text ul.list li  {padding:0 0 0 13px; font-size:15px;  color:#555; background:url(../images/sub/dt_dot.jpg) left 12px no-repeat; line-height:28px; margin:3px 0px}
.special_02_01 .col_box .col.s_text .s_text_pic  {border-radius:10px;   text-align:center;}
.special_02_01 .col_box .col.s_text .s_text_pic img  {vertical-align:middle; max-width:100%;}


.special_02_01_top ul.first li.first_li .special_02_01 {margin:0px; padding:0px; margin-bottom:20px;}


.special_02_01 .col_box .col.s_text .table_box { margin-top:20px;}
.special_02_01 .col_box .col.s_text .table_box table { width:100%; font-size:18px; border-spacing:0; }
.special_02_01 .col_box .col.s_text .table_box table th { padding:5px;  color:#000; text-align:left; font-weight:normal; width:60px;}  
.special_02_01 .col_box .col.s_text .table_box table td { padding:5px;letter-spacing:0;   text-align:left;  color:#000; }
.special_02_01 .col_box .col.s_text .table_box table .bg_line {display:inline-block;  padding:0 15px; line-height:40px; background:#00a9b0; color:#fff; border-radius:20px;}






table.cStyle_location {border-top:2px solid #666; width:100%;  font-size:18px; border-spacing:0;}
table.cStyle_location th { color:#333; background:#f8f8f8; padding:18px; border-bottom:1px solid #ddd; text-align:left; font-weight:normal; width:200px;}
table.cStyle_location td {color:#333; padding:18px; letter-spacing:0; border-bottom:1px solid #ddd; text-align:left}



.agree_box {padding:30px; }
.agree_s_box { margin-top:20px;} 
.agree_s_box .box{border:1px #ddd solid; padding:10px; overflow:hidden; height:100px; overflow-y:auto; margin-top:20px; font-size:11px; color:#888;} 







@media all and (max-width:1024px) {



.boneprime_01_wrap ul li{float:none !important; width:auto; margin-bottom:5px;}
.boneprime_01_wrap ul li .box { padding:30px;}


.boneprime_01_wrap ul li .icon {position:relative; left:0px; top:0px; text-align:center; }


.boneprime_01_wrap ul li .t1 {margin-top:40px;  line-height:30px; height:60px; margin-bottom:10px;}
.boneprime_01_wrap ul li .count {top:5px; }

.boneprime_01_wrap ul li .t2 {height:auto; }





.boneprime_04 {display:block; }
.boneprime_04 .col {display:block;}
.boneprime_04 .col.photo {text-align:center; }
.boneprime_04 .col.photo img {vertical-align:bottom; width:200px;}
.boneprime_04 .col.info {text-align:center;}
.boneprime_04 .col .t1{font-size:25px;  margin-top:10px; }
.boneprime_04 .col .t2{font-size:40px; line-height:40px;  }
.boneprime_04 .col .t3{font-size:17px; padding-top:0px;}

.boneprime_04 .col .time ul li{font-size:17px; text-align:left; padding-left:90px; }
.boneprime_04 .col .time ul li .etc{margin-left:0px;}




.boneprime_04_map_wrap {margin-top:0px; border-radius:10px 10px 0px 0px; }
.boneprime_04_map_wrap  #daum_map{width:100%; height:200px; }





/*오시는 길*/

.boneprime_06 #daum_map { height:200px;  border-radius:10px;}
.boneprime_06 ul {display:block; }
.boneprime_06 ul li {display:block; padding:20px !important; width:auto !important; border:1px #ddd solid !important; margin-bottom:5px; border-radius:10px;}


.boneprime_06 ul li .t1 {font-size:18px;  line-height:30px; }
.boneprime_06 ul li .t1 span {display:inline-block; margin-right:10px; border:1px #ededed solid; border-radius:35px; width:35px; height:35px;}
.boneprime_06 ul li .t1 span img {vertical-align:middle; width:15px; }
.boneprime_06 ul li .t2 {font-size:17px;line-height:20px;}





.joint_01 .list_box ul {display:block; }
.joint_01 .list_box ul li{display:block;margin-bottom:5px;}


.joint_01.etc_list_wrap ul li {float:left; width:49%;}
.joint_01.etc_list_wrap ul li.jump {display:none;}
.joint_01.etc_list_wrap ul li:nth-child(3n) {float:right;}
.joint_01.etc_list_wrap ul li:nth-child(7n) {float:right;}
.joint_01.etc_list_wrap ul li:nth-child(11n) {float:right;}
.joint_01.etc_list_wrap ul li:nth-child(16n) {float:right;}
.joint_01.etc_list_wrap ul li .box .text {font-size:17px;}




.joint_02 ul{display:block;width:auto;  margin-bottom:40px; padding-bottom:40px; border-bottom:1px #ededed solid;}
.joint_02 ul li {display:block; vertical-align:middle;padding:0px; }
.joint_02 ul li.pic {padding:0px; }
.joint_02 ul li img {width:100%;}
.joint_02 ul li.text {margin:20px 0px;}
.joint_02 ul li.text .t1 {font-size:25px; line-height:30px;}
.joint_02 ul li.text .t2 {font-size:18px; margin-top:10px; line-height:25px;}






.vertebrae_01 .pic ul{display:block; width:auto;}
.vertebrae_01 .pic ul li{display:block; vertical-align:top; text-align:center;}

.vertebrae_01 .pic ul li .lord-icon {width:40px; height:40px; display:none;}
.vertebrae_01 .pic ul li .lord-icon.down {display:inline-block; text-align:center;}






.vertebrae_02 {border:1px #e4e4e4 solid; padding:30px; border-radius:10px; margin-bottom:20px;}
.vertebrae_02 .col_box {display:block; margin-bottom:0px;}
.vertebrae_02 .col_box .col {display:block;    margin:10px 0px;}
.vertebrae_02 .col_box .col.text {padding:0px;}



.growth_01 {margin-top:30px;}

.growth_01 .col_box {position:relative; display:block; }
.growth_01 .col_box .col {display:block;}
.growth_01 .col_box .col.pic {padding:80px 0px;}
.growth_01 .col_box .col.text {padding:20px; }
.growth_01 .col_box .col.text .t1 {font-size:22px;  line-height:30px;}
.growth_01 .col_box .col.text .t2 {margin-top:10px; font-size:16px; }



.special_03_bg{position:relative; z-index:1;  margin-top:80px;}
.special_03_text {margin:0px;   padding:30px;}
.special_03_text .title {font-size:25px;}
.special_03_text .text_list {overflow:hidden; margin-top:40px; }
.special_03_text .text_list .list{float:left; width:49%;  margin-right:0px; margin-bottom:20px;}
.special_03_text .text_list .list:nth-child(2n+2){float:right;}
.special_03_text .text_list .list .box { padding:20px 0px; }

.special_03_text .text_list .list .box .icon img {width:60px; }
.special_03_text .text_list .list .box .t1 {  font-size:14px;}
.special_03_text .text_list .list:nth-child(4n+4){margin-right:0px;}
.special_03_text .text_etc {margin-top:20px; padding:30px;}




.special_02_01_top {border-radius:10px;  margin-top:35px; border:1px #ededed solid; margin-bottom:50px;}
.special_02_01_top ul.first {display:block;}
.special_02_01_top ul.first li.first_li {display:block; padding:30px;  vertical-align:top;}
.special_02_01_top ul.first li.first_li.pic_pho {width:auto;} 
.special_02_01_top ul.first li.first_li.pic_pho img{max-width:100%;} 



.special_02_01 .col_box {display:block; }
.special_02_01 .col_box .col {display:block; vertical-align:middle; }
.special_02_01 .col_box .col.s_text_etc {width:auto;}
.special_02_01 .col_box .col.s_title  {font-size:33px; color:#000; line-height:33px; letter-spacing:-2px; overflow:hidden;  font-weight:bold;; width:500px; vertical-align:top;}

.special_02_01 .col_box .col.s_text .t1 {background:url(../images/sub/dot_etc.jpg) left 13px no-repeat; padding-left:17px;font-size:18px; color:#000; line-height:30px; letter-spacing:-1px;}
.special_02_01 .col_box .col.s_text ul.list {margin-top:10px; background:#f8f8f8; padding:15px 30px; border-radius:20px;}
.special_02_01 .col_box .col.s_text ul.list li  {padding:0 0 0 13px; font-size:15px;  color:#555; background:url(../images/sub/dt_dot.jpg) left 12px no-repeat; line-height:28px; margin:3px 0px}
.special_02_01 .col_box .col.s_text .s_text_pic  {border-radius:10px;   margin-top:20px; }
.special_02_01 .col_box .col.s_text .s_text_pic img  {vertical-align:middle; max-width:100%;}


.special_02_01_top ul.first li.first_li .special_02_01 {margin:0px; padding:0px; margin-bottom:20px;}


.special_02_01 .col_box .col.s_text .table_box { margin-top:0px;}
.special_02_01 .col_box .col.s_text .table_box table { width:100%; font-size:16px; border-spacing:0; }



.vertebrae_02_list {margin-top:60px;}
.vertebrae_02_list ul li {float:none !important; width:auto; margin-bottom:1%;}

.vertebrae_02_list ul li .col_box .col.text {padding:20px;  font-size:17px}





}



@media all and (min-width:1025px) and (max-width:1440px) {



.joint_02 ul li img {width:100%;}



.joint_01 .list_box ul li.jump {width:10px;}




.special_03_text {margin:0 60px; margin-top:-180px;  padding:60px;}
.special_03_text .text_list .list{width:24%; margin:0 0.5%;  margin-bottom:1%;}



.vertebrae_02_list ul li .col_box .col.text {padding:20px;  font-size:16px}


}