@charset "utf-8";


.content h4{ font-size:24px; font-weight:500; color:#303269; margin-bottom:10px;}
.content h5{font-size:20px;font-weight:500;color:#000;margin-bottom:10px;padding-left: 15px;position:relative;}
.content h5:before,.content h5:after{ position:absolute; display:block; width:5px; height:5px; border-radius: 5px; content:""}
.content h5:before{background-color: #e30613;left: 5px;top:4px;}
.content h5:after{background-color: #0a3f8e;left: 5px;top: 10px;}
.content h6{font-size: 16px;font-weight: 500;color: #1a4d9b;margin-bottom:5px;position: relative;}

.content p{font-size: 16px; color: #555; line-height: 140%;word-break: keep-all;}
.content p img{text-align:center;max-width:100%;}
.content p.color01{ color: #000 }
.content p.color02{ color: #d22500 }
.content p.color03{ color: #475397 }

/*리스트타입*/
.list_basic { overflow:hidden;}
.list_basic > li{ position:relative; color:#333; line-height:150%;  padding-left:13px; font-size:16px; font-weight:400;}
.list_basic > li.no_bullet{ padding-left:0px; background:none !important; margin-top:5px; }
.list_basic > li.no_bullet:before{ display:none;}
.list_basic > li:before{ position:absolute; display:block; content:""; left:0; top:7px;}

.lt01 > li:before{  width:6px; height:6px; background:#3690ff; left: 2px; border-radius:6px;}
.lt02 > li:before{  width:6px; height:6px; background:#adadad; left: 2px; border-radius:6px;}
.lt03 > li:before,.lt04 > li:before{ position:absolute;  display:block; content:""; background:#808080; width:6px; height:2px; left:3px; top:9px }
.lt03 > li:before{ background:#808080;}
.lt04 > li:before{ background:#f43737;}

.con_box{ width:50%; border : #b0b0b0 solid 1px; padding:20px; font-weight:300;}
.con_box.box01{ border:#b0b0b0 solid 1px; }
.con_box.box02{ border:#000 solid 1px; }

.btn_default{ display:inline-block; color:#fff;  padding:15px 25px; transition:ease 0.3s;  font-weight:500; letter-spacing:-0.05em }
.btn_con{ display:inline-block; color:#fff;  padding:17px 55px 15px 15px; background-position:90% center; background-repeat:no-repeat;  transition:ease 0.3s;  font-weight:500; letter-spacing:-0.05em }
.btn_blue1{ background-color:#204b93}
.btn_blue2{ background-color:#3690ff}
.btn_black{ background-color:#000}
.btn_red{ background-color:#f43737}

.btn_go{ background-color:#959595; background-image:url(../img/sub/more_w.png)}
.btn_go:hover{ background-color:#0a3f8e; background-image:url(../img/sub/more_w.png)}
.btn_down{ background-color:#959595; background-image:url(../img/sub/down_w.png)}
.btn_down:hover{ background-color:#0a3f8e; background-image:url(../img/sub/down_w.png)}
.btn_blank{ background-color:#959595; background-image:url(../img/sub/blank_w.png)}
.btn_blank:hover{ background-color:#0a3f8e; background-image:url(../img/sub/blank_w.png)}

/*기본테이블*/
.basic_table { width:100%; border-collapse:collapse; border-spacing:0; border-top:2px solid #0a3f8e; margin-top:10px;}
.basic_table:after { display:block; visibility:hidden; clear:both; content:"" }
.basic_table thead tr th{ border-bottom:#ccc solid 1px !important;}
.basic_table thead tr th,
.basic_table thead tr td { padding:10px; border-bottom:#ccc solid 1px;  border-right: #ccc solid 1px;  border-left: #ccc solid 1px;}
.basic_table tbody tr th,
.basic_table tbody tr td { padding:10px; border-bottom:#ccc solid 1px; border-right: #ccc solid 1px; border-left: #ccc solid 1px; word-break:keep-all;}
.basic_table tr th:last-child,.basic_table tr td:last-child{ border-right:0 !important}
.basic_table tr th:first-child,.basic_table tr td:first-child{ border-left:0 !important}
.basic_table th { font-size:14px; color:#444;  line-height:160%; background-color:#fafafa; vertical-align:middle;   }
.basic_table td { font-size:14px; color:#666;  color:#313131;  line-height:140%; text-align:center;  vertical-align:middle}
.basic_table .no_border { border-right-style: none; }
.basic_table .td_center { text-align:center }
.basic_table .td_right { text-align:right }
.basic_table .td_left { text-align:left }
.border_none{ border-right:none;}
.basic_table td a.filename{ font-size:14px; display:inline-block; margin-right:15px;}
.basic_table td a.filename img{ vertical-align:middle; margin-right:5px; }

/*반응형테이블*/
.responsive{ min-width:600px; }
.scroltable-wrapper {  position: relative; }
.scroltable-container { overflow-x:auto}
.scroltable-nav {  display: none;  position: absolute;  width: 60px;  height: 100%;  cursor: pointer;}
.scroltable-nav.scroltable-nav-left {  left: 0;   background: url(../img/sub/arrow-left.png) no-repeat left 32px linear-gradient(to left, rgba(255,255,255,0), #fff);}
.scroltable-nav.scroltable-nav-right {  right: 0;  background: url(../img/sub/arrow-right.png) no-repeat right 32px, linear-gradient(to right, rgba(255,255,255,0), #fff);}

/* tab_menu */
.tab_menu {margin-bottom:30px;}
.tab_menu ul li a {border:1px solid #bbb; display: block; background:#f8f8f8; height:60px; line-height:60px; padding:0 25px; margin-bottom:5px;}
.tab_menu ul li.select a {color:#fff; background:#063d81; border:none;}
@media all and (min-width:1024px){
.tab_menu {overflow:hidden;}
.tab_menu ul li {float:left; width:170px; text-align: center;}
}

/*탭메뉴_big*/
.tab_b{margin:25px 0}
.tab_b:after {content:"  "; display:block; clear:both;}
.tab_b ul {width:100%; border-bottom:0;}
.tab_b ul:after {content:"  "; display:block; clear:both;}

.tab_b ul li a { display:block; position: relative; padding:17px 25px; margin-bottom:-1px; margin-right: -1px; z-index: 1;  text-align:center; color:#333; font-size:16px; letter-spacing: -0.64px; border:1px solid #d0d0cf;  white-space: nowrap; background-color:#fff; transition:all ease-out 0.1s;}
.tab_b ul li.active a:before,
.tab_b ul li:hover a:before {content: ""; position: absolute; top:-1px; left:0; width:100%; height: 1px; background: #000;}
.tab_b ul li.active a, .tab_b ul li:hover a {color:#fff;background-color: #474080;/* border-left:1px solid #1a4d9b; *//* border-top:1px solid #1a4d9b; *//* border-right:1px solid #1a4d9b; *//* border-bottom: 1px solid #1a4d9b !important; */z-index: 5;}

.select_value,.select_arrow{ display:none }


@media all and (max-width: 640px) and (min-width: 1px){
.tab_b { position:relative}
.tab_b ul { position:absolute; left:-2000px; border-bottom: none;}
.tab_b ul.ul_open{ position:relative; left:0;}
.tab_b ul li { float:left; width:49.9%}
.tab_b ul li a:before {display: none;}
.tab_b ul li.active a, .tab_b ul li:hover a {border:1px solid #000 !important;}
.tab_b ul li.active a:before, .tab_b ul li:hover a:before {display: none;}
.select_value{ display:block; position: relative; padding:17px 25px; text-align:center; font-size:14px; border:1px solid #d0d0cf; margin-bottom:-1px;}
.select_arrow { display:block; top: 22px; width: 0px; height: 0px; right: 22px; line-height: 0; font-size: 0px; border-top-color: #999; border-right-color: #fff; border-left-color: #fff; border-top-width: 6px; border-right-width: 6px; border-left-width: 6px; border-top-style: solid; border-right-style: solid; border-left-style: solid; position: absolute;}
}
@media all and (min-width: 768px){
.tab_b ul li { float:left; width:20%}
}
@media all and (min-width:1024px){
.tab_b ul li { float:left; width:25%; }
}

/*탭메뉴_big 비급여*/
.tab_b_content{margin:25px 0}
.tab_b_content:after {content:"  "; display:block; clear:both;}
.tab_b_content ul {width:100%; border-bottom:0;}
.tab_b_content ul:after {content:"  "; display:block; clear:both;}

.tab_b_content ul li a { display:block; position: relative; padding:15px 25px; margin-bottom:-1px; margin-right: -1px; z-index: 1;  text-align:center; color:#333; font-size:16px; letter-spacing: -0.64px; border:1px solid #d0d0cf;  white-space: nowrap; background-color:#fff; transition:all ease-out 0.1s;}
.tab_b_content ul li.active a:before,
.tab_b_content ul li:hover a:before {content: ""; position: absolute; top:-1px; left:0; width:100%; height: 1px; background: #000;}
.tab_b_content ul li.active a, .tab_b_content ul li:hover a {color:#fff;background-color: #474080;/* border-left:1px solid #1a4d9b; *//* border-top:1px solid #1a4d9b; *//* border-right:1px solid #1a4d9b; *//* border-bottom: 1px solid #1a4d9b !important; */z-index: 5;}

.select_value,.select_arrow{ display:none }

@media all and (max-width: 640px) and (min-width: 1px){
.tab_b_content { position:relative}
.tab_b_content ul { position:absolute; left:-2000px; border-bottom: none;}
.tab_b_content ul.ul_open{ position:relative; left:0;}
.tab_b_content ul li { float:left; width:49.9%}
.tab_b_content ul li a:before {display: none;}
.tab_b_content ul li.active a, .tab_b_content ul li:hover a {border:1px solid #000 !important;}
.tab_b_content ul li.active a:before, .tab_b_content ul li:hover a:before {display: none;}
.select_value{ display:block; position: relative; padding:17px 25px; text-align:center; font-size:14px; border:1px solid #d0d0cf; margin-bottom:-1px;}
.select_arrow { display:block; top: 22px; width: 0px; height: 0px; right: 22px; line-height: 0; font-size: 0px; border-top-color: #999; border-right-color: #fff; border-left-color: #fff; border-top-width: 6px; border-right-width: 6px; border-left-width: 6px; border-top-style: solid; border-right-style: solid; border-left-style: solid; position: absolute;}
}
@media all and (min-width: 768px){
.tab_b_content ul li { float:left; width:20%}
}
@media all and (min-width:1024px){
.tab_b_content ul li { float:left; width:20%; }
}

/* 공통박스 */
.notice_wrap{ background:url(../img/content/bg_box.gif); padding:8px; }
.notice_wrap .notice_box{ padding:15px 20px; background:#fff; }
.notice_wrap .notice_box span{ display:block; font-size:24px; color:#1c3c8f; margin-bottom:10px; }
.notice_wrap .notice_box p{ line-height:1.4; color:#595959; font-size:14px; font-weight:400;word-break: keep-all;}
@media all and (min-width:768px){
.notice_wrap .notice_box span{  margin-bottom:25px; }
.notice_wrap .notice_box{ padding:33px 40px; }
.notice_wrap .notice_box p{ font-size:17px; }
.table_fleft{ width:48%;float:left;margin-right:2%}
}

/* 인사말  */
.greeting_top li.photo img {width:100%;}
.greeting_top li.txt h4 {margin-top:40px; font-size:34px; line-height: 140%;}
.greeting_top li.txt h4 span {font-weight: 700;}
.greeting_top li.txt p span {margin-left:15px;  font-size:20px; color:#000; font-weight: 700;}
@media all and (min-width:1024px){
.greeting_top {overflow: hidden;}
.greeting_top li.photo {width:410px; float:left;}
.greeting_top li.txt {float:left; margin-left:40px;}
.greeting_top li.txt h3 {font-size:38px;}
.greeting_top li.txt p{margin-top:120px;}
}

/*운영목적*/
.operate_target{ overflow:hidden}
.operate_target li{ border:#d1d1d1 solid 1px; background-position:center 20px; padding: 200px 20px 40px; text-align:center; background-repeat:no-repeat; margin-bottom:15px; background-size:auto 150px; }
.operate_target li span{ display:block; line-height:1.3;color:#333;}
.operate_target li span.title{ font-size:18px; font-weight:700; margin-bottom:10px}
.operate_target li:nth-child(1){ background-color:#fafafa; background-image:url(../img/content/opt01.png) }
.operate_target li:nth-child(2){ background-color:#fafafa; background-image:url(../img/content/opt02.png) }
.operate_target li:nth-child(3){ background-color:#fafafa; background-image:url(../img/content/opt03.png) }
.operate_target li:nth-child(4){ background-color:#fafafa; background-image:url(../img/content/opt04.png) }
@media all and (min-width:640px){
.operate_target li{ float:left; width:49%; margin-right:2%;  min-height:310px;word-break: keep-all;}
.operate_target li:nth-child(2){ margin-right:0; }
.operate_target li:nth-child(4){ margin-right:0; }
}

/* 연혁 */
.history_list .year{display:inline-block;color: #272982;font-size:35px;margin-bottom:20px;} 
.history_list > li > ul > li{  overflow:hidden; margin-bottom:20px;  }
.history_list > li > ul > li > span{display:inline-block;float:left;color:#2b2b2b;font-size:20px;vertical-align: top;margin-bottom: 5px;}
.history_list > li > ul > li > p{width: 100%;float:right;line-height:1.3;overflow:hidden;}

@media all and (min-width:768px){
     .history_list > li > ul > li > p{width:95%;}
}

@media all and (min-width:1024px){
     .history{ padding-top:30px; }
     .history_list .year{float:left;width: 30%;font-size: 30px;font-weight:bold;}
     .history_list > li { border-bottom:#dcdcdc solid 1px;  padding-bottom:20px; margin-bottom:20px; overflow:hidden }
     .history_list > li > ul{float:right;width: 70%;padding:5px 0;overflow: hidden;}
     .history_list > li > ul > li:nth-child(even){ margin-right:0;  } 
     .history_list > li > ul > li:nth-child(odd){ clear:left;  } 
     .history_list > li > ul > li > p{width: 85%;}
}

/* 주변시설 */
.jhimg {background: url("../img/content/c106020_0101.jpg") no-repeat scroll center 0;height:452px}
.jhimg p{ text-align:center;color:#fff;font-size:24px;padding-top:100px;}


/* 이미지리스트 */
.jhpds_list {overflow: hidden; padding:10px 0 0 0;}
.jhpds_list > li {float:left; width:100%; margin-right:0;margin-bottom:10px; text-align:center; }
.jhpds_list > li > p {text-align:center;font-weight: 400;}
.jhpds_list > li {display: block; height:100%; color:#494949;}
.jhpds_list > li img {max-width:100%;}
.jhpds_list > li .cperson {font-size:14px; margin:5px 0;}

@media all and (min-width:640px){
.jhpds_list > li {float:left; width:32.6%; margin-right:1%; }
.jhpds_list > li img {max-width:100%;}
.jhpds_list > li:nth-child(3n) {margin-right:0;}

}


/* 왼쪽이미지  */
.imgleft_list {border-bottom:1px solid #e4e4e4;}
.imgleft_list div.photo{background:#fafafa;text-align:center;margin:0 0 20px 0;}
.imgleft_list div.photo img {max-width:100%;}
.imgleft_list div.txt h5 {margin:10px 0 10px 0;display:inline-block;}
.imgleft_list div.txt p.smt {font-size:18px; font-weight:500;color:#e6444d;margin-bottom: 5px;}
.imgleft_list div.txt{word-break: keep-all;margin-bottom:20px;}
@media all and (min-width:1024px){
.imgleft_list {overflow: hidden;}
.imgleft_list div.photo {width:300px; float:left;margin-right:20px;}
.imgleft_list div.txt{}
}



/* 층별 */
.floor_list .flr{display:inline-block;color: #272982;font-size:35px;margin-bottom:20px;} 
.floor_list > li > ul > li{  overflow:hidden; margin-bottom:20px;  }
.floor_list > li > ul > li > span{display:inline-block;float:left;color:#2b2b2b;font-size:20px;vertical-align: top;margin-bottom: 5px;}
.floor_list > li > ul > li > p{width: 100%;float:right;line-height:1.3;overflow:hidden;}

@media all and (min-width:768px){
     .floor_list > li > ul > li > p{width:95%;}
}

@media all and (min-width:1024px){
     .floor_box{ padding-top:30px; }
     .floor_list .flr{float:left;width: 10%;font-size: 30px;font-weight:bold;}
     .floor_list > li { border-bottom:#dcdcdc solid 1px;  padding-bottom:20px; margin-bottom:20px; overflow:hidden }
     .floor_list > li > ul{float:right;width: 90%;padding:5px 0;overflow: hidden;}
     .floor_list > li > ul > li:nth-child(even){ margin-right:0;  } 
     .floor_list > li > ul > li:nth-child(odd){ clear:left;  } 
     .floor_list > li > ul > li > p{}
}


/* 절차 */
.process_ni {overflow:hidden; border-left:1px solid #ddd; border-top:1px solid #ddd;}
.process_ni li {float:left; position:relative; padding:25px; text-align:center; border:1px solid #ddd; border-left:0; border-top:0;}
.process_ni li p {text-align:left;font-size:14px;}
.process_ni li:after {content:url(../img/content/arr_process.png); display:block; position:absolute;top:50%; margin-top:-20px; right:-30px; width:40px; height:40px;}
.process_ni.col3 li {width:33.33%; min-height:340px; }
.process_ni.col3 li:nth-child(3n):after {display:none;}
.process_ni.col3 li:last-child:after {display:none;}
.process_ni.col4 li {width:25%;min-height: 380px;}
.process_ni.col4 li:nth-child(4n):after {display:none;}
.process_ni.col5 li {width:20%;min-height:350px;}
.process_ni.col5 li:nth-child(5n):after {display:none;}
.process_ni.col5 li:last-child:after {display:none;}
.process_ni.col3_02 li {width:33.33%;min-height: 168px;}
.process_ni.col3_02 li:nth-child(3n):after {display:none;}
.process_ni li span { display: block;text-align:left;font-size: 16px;color: #000;font-weight: 500;margin-bottom: 15px;margin-top: 15px;line-height:1.2em;}
@media all and (max-width:768px){
.process_ni {}
.process_ni li {float:none;}
.process_ni li:after {transform:rotate(90deg); left:50%; margin-left:-20px; top:103%;}
.process_ni.col3 li {width:100%;min-height: auto;}
.process_ni.col3_02 li {width:100%;}
.process_ni.col4 li {width:100%;min-height:auto;}
.process_ni.col5 li {width:100%;min-height:auto;}


}

/* 연구개발목표 */
.rnd_target{ overflow:hidden}
.rnd_target li{border:#d1d1d1 solid 1px;background-position:center 20px;padding: 150px 20px 40px;text-align:center;background-repeat:no-repeat;margin-bottom:15px;background-size: auto 100px;}
.rnd_target li p{ font-size:14px;text-align:left}
.rnd_target li p span{ display:block; line-height:1.3;color:#333;}
.rnd_target li p span.title{ font-size:18px; font-weight:700; margin-bottom:10px}
.rnd_target li p span.sub_title{ font-size:12px;margin-bottom:10px}
.rnd_target li:nth-child(1){ background-color:#fff; background-image:url(../img/content/rnd01.png) }
.rnd_target li:nth-child(2){ background-color:#fff; background-image:url(../img/content/rnd02.png) }
.rnd_target li:nth-child(3){ background-color:#fff; background-image:url(../img/content/rnd03.png) }
@media all and (min-width:640px){
.rnd_target li{float:left;width:32.333%;margin-right:1%;min-height: 500px;word-break: keep-all;}
.rnd_target li:nth-child(3){ margin-right:0; }
}



/*진료과 담당의프로필*/
.profile_wrap{overflow:hidden;border-bottom:1px solid #e4e4e4;padding: 0 0 20px 0;}
.profile_wrap .img_wrap{ text-align:center; margin-bottom:15px; background:#f1f1f1}
.profile_wrap .profile span{ display:block; }
.profile_wrap .profile span.name{font-size:24px;margin-bottom:10px;margin-top: 10px;text-align: center;font-weight: 500;}
.profile_wrap .profile span.name_exp{margin-bottom:10px;text-align: center;color: #777;}
.profile_wrap .profile p.sub_title{font-size: 16px;font-weight: 500;color: #1a4d9b;margin-bottom: 10px;margin-top: 15px;}
.profile_wrap .profile p.exp{font-size:16px;text-align: center;}
@media all and (min-width:1024px){
.profile_wrap .img_wrap{ float:left; margin-right:40px;  }
.profile_wrap .profile{ overflow:hidden}
.profile_wrap .profile span.name{text-align: left;}
.profile_wrap .profile span.name_exp{text-align: left;}
.profile_wrap .profile p.sub_title{text-align: left;}
.profile_wrap .profile p.exp{text-align: left;}

}


/* 진료일정테이블 */
.dc_table { width:100%; border-collapse:collapse; border-top:2px solid #00718f}
.dc_table:after { display:block; visibility:hidden; clear:both; content:"" }
.dc_table thead tr th,.dc_table thead tr td {padding:10px 7px; border-bottom:#ccc solid 1px;   }
.dc_table tbody tr th,.dc_table tbody tr td {padding:10px 7px; border-bottom:#ccc solid 1px;  }
.dc_table tr th:last-child,.dc_table tr td:last-child{ border-right:0 !important; }
.dc_table tr th:first-child,.dc_table tr td:first-child{ border-left:0 !important; }
.dc_table th { font-size:12px; color:#333; background-color:#f9f9f9; vertical-align:middle; text-align:center; font-weight:350;}
.dc_table td { font-size:12px; color:#333;  line-height:150%; text-align:center;  vertical-align:middle}
.dc_table td a{ text-decoration:none; color:#454545}
.dc_table td.red{ color:#F00}
.dc_table .no_border { border-right-style: none; }
.dc_table .td_center { text-align:center }
.dc_table .td_right { text-align:right }
.dc_table .td_left { text-align:left }







/*이미지슬라이드*/
.img_slide_box{ position:relative; }
.img_slide li { position:relative; float:left; line-height: 0; }
.img_slide li img{ width:100%; height:auto; }
.img_slide li span{ position:absolute; left:0; bottom:0; display:block; background:rgba(0,0,0,0.5); padding:10px 20px; color:#fff; line-height: normal}

.slide_controll{ position:absolute; top:50%; width:100%; }
.slide_controll a{ position:absolute; display:block; width:40px; height:40px; text-indent:-9999px; background-size:cover; background-position:center; background-repeat:no-repeat;  transform:translateY(-50%)   } 
.slide_controll a.slide_prev{ left:15px; background-image:url(../img/arrow_left.png); }
.slide_controll a.slide_next{ right:15px; background-image:url(../img/arrow_right.png); }
@media all and (min-width:1024px) {
     .img_slide li span{ font-size:22px; font-weight:300;  padding:30px 80px; }
	.img_slide li img{ height:440px; }
     .slide_controll a{ width:60px; height:60px; }
}


/* 배너광장 */
.style_banner {margin-bottom:20px;}
.style_banner > ul {overflow:hidden;}
.style_banner > ul > li {float:left; width:49%; margin-right:1%; margin-bottom:10px;}
.style_banner > ul > li > a > img {width:100%; height:100%;}
@media all and (min-width:768px){
.style_banner {margin-bottom:40px;}
.style_banner > ul > li {width:24.25%; margin-right:1%;}
.style_banner > ul > li:nth-child(4n) {margin-right:0;}
}


/*준비중이미지*/
.comingsoon {text-align:center;}
.comingsoon img {max-width:100%;}



/* btn */
.btngg {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  column-gap: 10px;
  row-gap: 4px;
  min-height: 45px;
  padding: 5px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 17px;
  box-sizing: border-box;
  vertical-align: top;
  transition: opacity 0.3s;
}

.btngg[type=submit] {
  border: 0;
}

.btngg.sm {
  column-gap: 8px;
  min-height: 30px;
  border-radius: 5px;
  padding: 5px 12px;
  font-size: 12px;
  line-height: 15px;
}

.btngg.lg {
  column-gap: 12px;
  min-height: 52px;
  font-size: 16px;
  line-height: 19px;
}

.btngg.btn1 {
  border: 1px solid #ddd;
  color: #575757;
  background-color: #fff;
}

.btngg.btn2 {
  border: 1px solid #ddd;
  color: #232323;
  background-color: #F9F9F9;
}

.btngg.btn3 {
  color: #fff;
  background-color: #1F96FF;
}

.btngg.btn4 {
  color: #fff;
  background-color: #2F51B2;
}

.btngg.btn5 {
  color: #fff;
  background-color: #159098;
}

.btngg.btn6 {
  color: #fff;
  background-color: #F15D12;
}

.btngg.btn7 {
  color: #fff;
  background-color: #646464;
}

.btngg.btn8 {
  color: #fff;
  background-color: #2D2D2D;
}

@media only screen and (min-width: 1024px) {
  .btngg {
    font-size: 16px;
    line-height: 19px;
  }
  .btngg:hover {
    opacity: 0.8;
  }
  .btngg.sm {
    font-size: 14px;
    line-height: 17px;
  }
  .btngg.lg {
    font-size: 18px;
    line-height: 21px;
  }
}


.chekup_list_type ul {display:block;}
.chekup_list_type li {float:left; width:10%; margin: 5px 0;}
.chekup_list_type02 ul {display:block;}
.chekup_list_type02 li {float:left; width:20%; margin: 5px 0;}
.chekup_list_type03 ul {display:block;}
.chekup_list_type03 li {float:left; width:20%; margin: 5px 0;}
.chekup_w50box {float: left;width: 50%; position: relative;}
.chekup_w50box .boxtitle {display:inline;}

.chekup_titletext {font-weight:bold; color:#000;}



@media (max-width: 768px) {
.chekup_list_type li {clear:both; width:100%;}
.chekup_list_type02 li {width:30%;}
.chekup_list_type03 li {width:50%;}
.chekup_w50box {width: 100%; margin-bottom:10px;}

}

@media (max-width: 480px) {
.chekup_list_type02 li {width:50%;}
.chekup_list_type03 li {width:100%;}
.chekup_w50box .boxtitle {display:block;margin-bottom:5px;}
}

.chekup_list_box {overflow: hidden;}