/*준비중*/
.ready{text-align: center;  padding-top: 50px;}
.ready .dot span{ display: inline-block; width: 10px; height: 10px; border-radius: 50%; background-color: #eee; margin: 0 5px;}
.ready h1{ font-size: 28px; margin: 30px 0 10px 0; font-weight: 600; color: #333;}
.ready strong{ color:#00479D; font-weight: 600;}
.ready p{ font-size: 18px; color: #999; font-weight: 300;}

/*테이블 - 가로스크롤*/
.row-horizon { position:relative; width:100%; overflow-x: hidden; overflow-y: hidden;}
.tbl_blur{ display: none;}
.tbl_scroll{ display: none;}
@media screen and (max-width: 1023px) {
  .ready p{ font-size: 20px;}
  .ready span{ font-size: 14px;}
  .table_wrap{ position: relative;}
  .tbl_blur{ display: block; position:absolute; top:0px; right:0; width:40px; height:100%; background:url(../img/common/tbl_blur.png) repeat-y right top; z-index:10;}
  .row-horizon {overflow-x: scroll;overflow-y: hidden;white-space: nowrap;float: none; width: 100%;}
  .tbl_scroll{ display: block; font-size:12px; line-height: 12px; color:#888; margin-bottom:10px; padding-left: 5px;}
}

/*************** 서브 상단비주얼 ***************/
.svisual{ width:100%; height:500px; background-repeat: no-repeat; background-size: cover;  background-position: center top; position: relative;}
.svisual::after{ display: block; content: ""; width: 100%; height: 500px; background-color: rgba(0,0,0,0.6); position: absolute; top: 0px; left: 0px; z-index: 1;}
.sv01{ background-image: url(../img/sub/svisual01.jpg);  background-position: center top;}
.sv02{ background-image: url(../img/sub/svisual02.jpg);}
.sv03{ background-image: url(../img/sub/svisual03.jpg);}
.sv04{ background-image: url(../img/sub/svisual04.jpg);}
.sv05{ background-image: url(../img/sub/svisual05.jpg);}
.svisual .sv_in{ position: relative; z-index: 2;}
.svisual .sv_tit{ position: absolute; top: 200px; left: 50%; transform: translateX(-50%); text-align: center; width: 100%;}
.svisual .sv_tit p{ font-size: 16px; color:rgba(255,255,255,.7); text-transform: uppercase; letter-spacing: 1px; margin: 0 0 10px 0;}
.svisual .sv_tit h1{ font-size: 60px; font-weight: normal; color:rgba(255,255,255,1);}

/*************** 로케이션 ***************/
.location{ position: absolute; top: 320px; left: 50%; transform: translateX(-50%); width: 100%;}
.location ul{ display:flex; align-items: center; justify-content: center;}
.location li{ font-size: 15px; color: #fff; margin-right: 13px;}
.location li .smh{ width: 14px;}
.location li:nth-of-type(1){ margin-bottom: 5px;}
.location li:last-child{ font-weight: 700;}
.location li a{ color: #fff;}

@media screen and (max-width: 1023px) {
  .svisual{ height:280px;}
  .svisual::after{ height: 280px;}
  .svisual .sv_tit{ top: 120px;}
  .svisual .sv_tit p{ font-size: 14px;}
  .svisual .sv_tit h1{ font-size: 40px;}
  .location{ top: 200px;}
  .location li{ font-size: 13px; margin-right: 10px;}
}
@media screen and (max-width:767px) {
  .svisual{ height:220px;}
  .svisual::after{ height: 220px;}
  .svisual .sv_tit{ top: 100px;}
  .svisual .sv_tit p{ font-size: 13px; margin-bottom: 5px;}
  .svisual .sv_tit h1{ font-size: 25px;}
  .location{ top: 160px;}
  .location li{ font-size: 12px; margin-right: 7px;}
  .location li:nth-of-type(1) img{ width: 12px;}
}

/*************** 서브메뉴 ***************/
.smenu_box{ width: 100%; position: absolute; top: 420px; left: 50%; transform: translateX(-50%); z-index: 2;}
.smenu_box .smenu ul{ display:flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.smenu_box .smenu ul li { text-align: center;}
.smenu_box .smenu ul li a{ display:block; font-size:20px; font-weight: 400; color:rgba(255,255,255,.7); line-height:1.2; padding: 20px 20px; position:relative;}
.smenu_box .smenu ul li:last-child a::after{ display: none;}
.smenu_box .smenu ul li a:hover{ color:#fff;}
.smenu_box .smenu ul li a.menu_on{ font-weight: 700; color:#fff; position:relative;}
.smenu_box .smenu ul li a.menu_on::after{ display: block; content: ""; width: 100%; height: 3px; background-color: #00479D; margin-top: 5px;}
.mo_smenu_box{ display: none;}  
@media screen and (max-width: 1279px) {
  .smenu_box{ background-color: #fff; border-bottom: 1px solid #ddd;}
  .smenu_box .smenu ul li { width: 19%;}
  .smenu_box .smenu ul li a{ font-size: 18px; color:rgba(0,0,0,.5); padding: 10px 10px;}
  .smenu_box .smenu ul li a:hover{ color:#333;}
  .smenu_box .smenu ul li a.menu_on{ color:#333;}
  .smenu_box .smenu ul li a.menu_on::before{ top: 40px;}
}
@media screen and (max-width: 1023px) {
  .smenu_box{ display: none;}
/*모바일-서브 드롭메뉴*/
/* 서브상단 3차메뉴 */
.mo_smenu_box { position: relative; /*display: block;*/ margin: 0 auto; width: 100%; line-height:50px; color: #666; vertical-align: middle; text-align: left;
  background:#fff; border-bottom: 1px solid #ddd;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}
.mo_smenu_box .mo_smenu_tit { position: relative; z-index: 1; border-radius: 2px; font-size: 17px; cursor: pointer;}
.mo_smenu_box .mo_smenu_tit:after { display: block; content: ""; position: absolute; right: 20px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 10; width: 9px; height: 6px; background: url(../img/common/ico_down.png) no-repeat center center;}
.mo_smenu_box.on .mo_smenu_tit:after { background-image: url(../img/common/ico_up.png);}
.mo_smenu_box.on ul { display: block; box-shadow: 0px 2px 2px rgb(0,0,0,0.1); box-shadow: 0px 2px 2px rgba(0,0,0,0.1);}
.mo_smenu_box.ms_tit .mo_smenu_tit { color: #222; font-weight: 500; padding: 0 15px; display: block;}
.mo_smenu_box ul { display: none; position: absolute; width: 100%; background: #f2f2f2; top: 50px; left: 0px; list-style: none; margin: 0; padding: 10px 0; z-index: 1; height:auto !important; border-left:1px solid #dadada; border-right:1px solid #dadada; border-bottom:1px solid #dadada;}
.mo_smenu_box ul li { display: block !important; text-align: left; color: #999; cursor: pointer; height:auto !important; margin:0 !important;}
.mo_smenu_box ul li a {  display:block; padding: 7px 20px ; font-size: 17px; line-height: 1.2;}
}

/*************** 내용작업 ***************/


/*미션및비전*/
.vi_tit{ margin-bottom: 50px; text-align: center;}
.vi_tit h1{ font-size: 35px; font-weight: 500; margin-bottom: 10px; color: #00479D;}
.vi_tit h2{ font-size: 50px; font-weight: 700;}
@media screen and (max-width: 1279px) {
  .vi_img img{ width: 100%;}
}
@media screen and (max-width: 1023px) {
  .vi_tit{ margin-bottom: 40px;}
  .vi_tit h1{ font-size: 28px;}
  .vi_tit h2{ font-size: 40px;}
}
@media screen and (max-width:767px) {
  .vi_tit{ margin-bottom: 20px;}
  .vi_tit h1{ font-size: 22px;}
  .vi_tit h2{ font-size: 30px;}
}

/*의료진소개*/
.doc_wrap{ display: flex; flex-wrap: wrap;}
.doc_img{ width: 450px; margin-right: 100px;}
.doc_img img{ width: 100%;}
.doc_box h2{ font-size: 20px; font-weight: 700; color: #00479D; margin-bottom: 10px;}
.doc_box h1{ font-size: 45px; font-weight: normal; font-weight: 300; color: #333; margin-bottom: 60px;}
.doc_box h1 > span{ font-size: 30px; font-weight: 700;}
.doc_box dl{ margin-bottom: 30px;}
.doc_box dl.dl { margin-bottom: 0px; padding-top:20px; border-top: 1px solid #ddd;}
.doc_box dt{ font-size: 22px; font-weight: 600; color: #333; margin-bottom: 20px; position: relative;}
.doc_box dt::before{ display: block; content: ""; width: 40px; height: 3px; background-color: #00479D; margin-bottom: 8px;}
.doc_box dd{ font-size: 18px; font-weight: 300; color: #666; padding: 5px 0 5px 10px; position: relative;}
.doc_box dd::before{ display: block; content: ""; width: 3px; height: 3px; border-radius: 50%; background-color: #80a7d6; position: absolute; top: 13px; left: 0px;}
.doc_box dd.dd{ margin-top: 20px; padding-top: 20px; border-top: 1px solid #ddd;}
@media screen and (max-width: 1279px) {
  .doc_img{ width: 350px; margin-right: 80px;}
  .doc_box{ width: calc(100% - 430px);}
}
@media screen and (max-width: 1023px) {
  .doc_img{ width: 350px; margin: 0 auto 40px auto;}
  .doc_box{ width: 90%; margin: 0 auto;}
  .doc_box h2{ font-size: 18px;}
  .doc_box h1{ font-size: 40px; margin-bottom: 50px;}
  .doc_box h1 > span{ font-size: 25px;}
  .doc_box dt{ font-size: 20px;}
  .doc_box dt::before{ width: 30px;}
  .doc_box dd{ font-size: 17px; padding: 3px 0 3px 10px;}
  .doc_box dd::before{ top: 11px;}
}
@media screen and (max-width:767px) {
  .doc_img{ width: 100%;}
  .doc_box h2{ font-size: 16px;}
  .doc_box h1{ font-size: 28px; margin-bottom: 40px;}
  .doc_box h1 > span{ font-size: 20px;}
}

/*진료일정*/
.tbl table{ width:100%; border-top:1px solid #444; border-bottom:1px solid #444; text-align:center; font-size: 20px;}
.tbl caption{ font-size: 0px; height: 0px;}
.tbl tbody tr th{ padding:20px 10px; border-bottom:1px solid #ddd; background-color: #f5f9ff; width: 30%;}
.tbl tbody tr td{ padding:20px 10px; border-bottom:1px solid #ddd;}
.tbl tbody tr:last-child th, .tbl tbody tr:last-child td{ border-bottom: 0;}
.time_tit{ font-size: 33px; font-weight: 500; color: #333; margin-bottom: 20px;}
.time_li ul{ display: flex; flex-wrap: wrap; border: 1px solid #ccc;}
.time_li li{ width: 50%; display: flex; justify-content: center; align-items: center; padding: 30px 0;}
.time_li li:first-child{ border-right: 1px solid #ccc;}
.time_li .img{ width: 50px; margin-right: 20px;}
.time_li .img img{ width: 100%;}
.time_li .txt h1{ font-size: 18px; font-weight: normal; font-weight: 300; color: #333;}
.time_li .txt p{ font-size: 25px; font-weight: 700; color: #00479D;}
.time_li .txt p > a{ color: #5BB24F; display: inline-block; position: relative;}
.time_li .txt p > a span{ display: block; width: 10px; height: 2px; background-color: #ccc; transform: rotate(45deg); position: absolute; top: 13px; right: -20px;}
.time_li .txt p > a span:nth-of-type(2){ transform: rotate(-45deg); top: 19px;} 
@media screen and (max-width: 1023px) {
  .time_wrap{ padding: 0 3%;}
  .tbl table{ font-size: 18px;}
  .tbl tbody tr th{ padding:15px 10px;}
  .tbl tbody tr td{ padding:15px 10px;}
  .time_tit{ font-size: 28px;}
}
@media screen and (max-width:767px) {
  .tbl table{ font-size: 17px;}
  .tbl tbody tr th{ padding:13px 10px;}
  .tbl tbody tr td{ padding:13px 10px; text-align: left;}
  .time_tit{ font-size: 25px; margin-bottom: 10px;}
  .time_li li{ width: 100%; padding: 30px 0;}
  .time_li li:first-child{ border-right: 0; border-bottom: 1px solid #ddd;}
  .time_li .img{ width: 40px; margin-right: 10px;}
  .time_li .txt h1{ font-size: 16px;}
  .time_li .txt p{ font-size: 22px;}
  .time_li .txt p > a span{ width: 7px; top: 11px; right: -15px;}
  .time_li .txt p > a span:nth-of-type(2){ top: 16px;} 
}

/*오시는길*/
.map_box iframe{ height: 400px;}
.root_daum_roughmap .wrap_controllers, .root_daum_roughmap .cont{ display: none !important;}
.map{ margin: 50px auto 0 auto;}
.map_tit{ margin-bottom: 50px; position: relative;}
.map_tit p{ font-weight: 700; font-size: 23px; color: #00479D; margin-bottom: 5px;}
.map_tit h1{ font-size: 35px; font-weight: 300; line-height: 1.3;}
.map dl{ border-top: 1px solid #ddd; padding: 30px 2%; display: flex;  flex-wrap: wrap;}
.map dl:last-child{ border-bottom: 1px solid #ddd;}
.map dt{ font-size: 17px; color: #333; font-weight: 600; width: 150px;}
.map dd{ font-size: 18px; color: #666;}
@media screen and (max-width: 1023px) {
  .map_box .wrap_map{ height: 350px !important;}
  .map{ width: 95%; margin: 40px auto 0 auto;}
  .map_tit{ margin-bottom: 40px;}
  .map_tit p{ font-size: 20px;}
  .map_tit h1{ font-size: 30px;}
  .map dl{ padding: 25px 2%;}
}
@media screen and (max-width:767px) {
  .map_box .wrap_map{ height: 200px !important;}
  .map{ margin: 30px auto 0 auto;}
  .map_tit{ margin-bottom: 30px;}
  .map_tit p{ font-size: 18px;}
  .map_tit h1{ font-size: 23px;}
  .map dl{ padding: 20px 2%;}
  .map dt{ font-size: 16px; width: 110px;}
  .map dd{ font-size: 17px;}
}

/*둘러보기*/
.flexslider{ width: 100%; margin: 0 auto!important;}
.flex-direction-nav{ position: absolute; top: 150px; width: 100%;}
.flex-direction-nav a{ top: 0 !important; opacity: .5!important;width: 40px!important; height: 40px!important; background-color: #222; line-height: 40px; font-size: 0; text-align: center !important; background-position: center center; background-repeat: no-repeat; background-size: 10px;}
.flex-direction-nav a::before{ content: "" !important;}
.flex-direction-nav a:hover{ opacity: .9!important;}
.flex-direction-nav a::before{ color: #ccc !important; font-size: 25px !important; line-height: 40px !important; transition: all 0.3s;}
.flex-direction-nav:hover a::before{ color: #444 !important; transition: all 0.3s;}
.flex-prev{ left: 0px !important; background-image: url(../img/in/ico_prev.png); }
.flex-next{ right: 0px !important; background-image: url(../img/in/ico_next.png); }
.flex-control-paging li a{ background-color: rgba(0,0,0,.2) !important;}
.flex-control-paging li a.flex-active{ background-color: #00479D !important;}
.in_side{ display: flex; margin-top: 50px;}
.in_side h1{ font-size: 28px; font-weight: 700; color: #00479D; width: 30%;}
.in_side ul{ display: flex; flex-wrap: wrap; width: 70%;}
.in_side li{ width: 48%;}
.in_side li:first-child{ margin-right: 2%;}
.in_side li img{ width: 100%;}

@media screen and (max-width: 1279px) {
    .sc_img img{ width: 100%;}
}
@media screen and (max-width: 1023px) {
  .in_side h1{ font-size: 23px; width: 20%;}
  .in_side ul{ width: 80%;}
}
@media screen and (max-width: 767px) {
  .flexslider{ margin-bottom: 60px !important;}
  .flex-direction-nav{ top: 140px;}
  .flex-control-nav{ bottom: -30px !important;}
  .flex-control-nav li{ margin: 0 3px !important;}
  .in_side{ margin-top: 20px;}
  .in_side h1{ font-size: 20px; width: 30%;}
  .in_side ul{ width: 70%;}
  .in_side li{ width: 100%;}
  .in_side li:first-child{ margin-right: 0; margin-bottom: 5%;}
}

/*예방접종*/
.tbl2 table{ width:100%; font-size: 20px;}
.tbl2 caption{ font-size: 0px; height: 0px;}
.tbl2 thead tr th{ padding:15px 0px; background-color: #00479D; color: #fff; font-weight: 400;}
.tbl2 tbody tr th{ padding:20px 10px; border-bottom:1px solid #ddd; background-color: #f5f9ff; border-right: 1px solid #ddd; border-left: 1px solid #ddd;
   width: 20%; font-weight: 600; text-align:center;}
.tbl2 tbody tr td{ padding:20px 30px; border-bottom:1px solid #ddd; border-right: 1px solid #ddd; color: #333;}
@media screen and (max-width: 1023px) {
  .tbl2{ width: 95%; margin: 0 auto;}
  .tbl2 table{ font-size: 18px;}
  .tbl2 tbody tr th{ padding:15px 10px;}
  .tbl2 tbody tr td{ padding:15px 10px;}
}
@media screen and (max-width:767px) {
  .tbl2 table{ font-size: 17px;}
  .tbl2 thead tr th{ padding:10px 0px;}
  .tbl2 tbody tr th{ padding:13px 10px;}
  .tbl2 tbody tr td{ padding:13px 10px;}
}

/*보청기종류*/
.tbl3 table{ width:100%; font-size: 20px;}
.tbl3 caption{ font-size: 0px; height: 0px;}
.tbl3 thead tr th{ padding:20px 10px; background-color: #00479D; color: #fff; font-weight: 400;}
.tbl3 tbody tr th{ padding:40px 10px; border-bottom:1px solid #ddd; background-color: #f5f9ff; border-right: 1px solid #ddd; border-left: 1px solid #ddd;
   width: 15%; font-weight: 600; text-align:center;}
.tbl3 tbody tr td{ padding:40px 10px; border-bottom:1px solid #ddd; border-right: 1px solid #ddd; color: #333; text-align:center;}
.tbl3 .tr th, .tbl3 .tr td{ border-top: 2px solid #444;}
.tbl3_box{ background-color: #f5f9ff; border-radius: 20px; padding: 40px 50px; font-size: 17px; line-height: 1.5; color: #666; margin-top: 20px;}
@media screen and (max-width: 1023px) {
  .tbl3{ width: 95%; margin: 0 auto;}
  .tbl3 table{ font-size: 18px;}
  .tbl3 thead tr th{ padding:15px 10px;}
  .tbl3 tbody tr th{ padding:15px 10px;}
  .tbl3 tbody tr td{ padding:15px 10px;}
  .tbl3_box{ padding: 30px 30px; width: 95%; margin: 10px auto 0 auto; font-size: 16px;}
}
@media screen and (max-width:767px) {
  .tbl3 table{ font-size: 17px;}
  .tbl3 thead tr th{ padding:13px 10px;}
  .tbl3 tbody tr th{ padding:13px 10px;}
  .tbl3 tbody tr td{ padding:13px 10px;}
  .tbl3_box{ padding: 20px 20px;}
}


/*내용공통*/
.cont_bot{ margin-bottom: 150px;}
.btit{ font-size: 35px; font-weight: 700; color: #333; margin-bottom: 40px;}
.btxt{ font-size: 20px; font-weight: 300; color: #666; line-height: 1.6;}
.tit_center{ text-align: center;}
.vi_img img{ width: 100%;}
.cont_wrap{ display: flex; align-items: center; flex-wrap: wrap;}
.cont_wrap .img{ width: 45%;}
.cont_wrap .img img{ width: 100%;}

.cont_wrap .img2{ display: flex; flex-wrap: wrap; width: 45%;}
.cont_wrap .img2 > div{ width: 255px; height: 150px; border-radius: 15px; overflow: hidden; display: flex; justify-content: center; align-items: center; position: relative; margin: 1% 1%;}
.cont_wrap .img2 > div::after{ display: block; content: ""; width: 100%; height: 100%; background-color: rgba(0,0,0,.2); position: absolute; top: 0px; left: 0px; z-index: 1;}
.cont_wrap .img2 img{ width: auto; height: 200px;}
.cont_wrap .img2 p{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 22px; font-weight: 600; color: #fff; z-index: 2;}

.cont_wrap .txt{ width: 55%; padding-left: 50px;}
.cont_wrap2 .txt{ padding-left: 0px; padding-right: 50px;}
.cont_wrap .txt dl{ margin-bottom: 30px;}
.cont_wrap .txt dl:last-child{ margin-bottom: 0;}
.cont_wrap .txt dt{ font-size: 25px; font-weight: 600; color: #00479D; margin-bottom: 10px;}
.cont_wrap .txt dd{ font-size: 20px; font-weight: 300; color: #666; line-height: 1.6;}
.ul01 ul{ display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.ul01 li{ width: 47%; border: 3px solid #00479D; border-radius: 50px; padding: 20px 30px; margin: 1% 1%; display: flex; align-items: center;}
.ul01_c li{ width: 100%;}
.ul01 li > span{ display: inline-block; margin-right: 10px;}
.ul01 li > span img{ filter: invert(16%) sepia(99%) saturate(2448%) hue-rotate(202deg) brightness(88%) contrast(102%);}
.ul01 li > p{ display: inline-block; font-size: 20px; color: #333;}
.sick_box{ display: flex; justify-content: center; flex-wrap: wrap;}
.sick_box dl{ width: 47%; margin: 1% 1%; border: 1px solid #ccc; border-radius: 20px; background-color: #f7f7f7; overflow: hidden;}
.sick_box dt{ font-size: 23px; font-weight: 700; color: #fff; padding: 20px 50px; background-color: #00479D;}
.sick_box dt > span{ display: inline-block; width: 30px; margin-right: 10px;}
.sick_box dt > span img{ width: 100%; filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(44deg) brightness(101%) contrast(106%);}
.sick_box dd{ font-size: 18px; color: #666; line-height: 1.6; padding: 30px 40px;}

.sick_box2{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.sick_box2 > div{ width: 32%;}
.sick_box2_c{ justify-content: center;}
.sick_box2_c > div{ width: 31%; margin: 1% 1%;}
.sick_box2 .sb_img{ border-radius: 15px; overflow: hidden; border: 1px solid #eee;}
.sick_box2 .sb_img img{ width: 100%;}
.sick_box2 h1{ font-size: 23px; font-weight: 700; color: #333; margin: 20px 0 20px 0; display: flex; align-items: center;}
.sick_box2 h1 > span{ display: inline-block; width: 35px; margin-right: 10px;}
.sick_box2 h1 > span img{ width: 100%; filter: invert(16%) sepia(99%) saturate(2448%) hue-rotate(202deg) brightness(88%) contrast(102%);}
.sick_box2 p{ font-size: 18px; color: #666; line-height: 1.6; font-weight: 300;}

.sick_box3{ border-top: 1px solid #ddd;}
.sick_box3 dl{ display: flex; align-items: center; flex-wrap: wrap; border-bottom: 1px solid #ddd; padding: 40px 2%;}
.sick_box3 dl:nth-of-type(even){ background-color: #f9f9f9;}
.sick_box3 dt{ font-size: 22px; font-weight: 700; color: #00479D; width: 230px;}
.sick_box3 dt > span{ font-size: 19px; font-weight: 900; color: #ccc; display: inline-block; margin-right: 5px;}
.sick_box3 dd{ font-size: 19px; color: #333; width: calc(100% - 250px);}
.sick_box3_c dl{ padding: 40px 5%;}
.sick_box3_c dt{ width: 100%; margin-bottom: 10px;}
.sick_box3_c dd{ width: 100%;}

.sick_box4{ display: flex; justify-content: space-evenly; align-items: center; flex-wrap: wrap; background-color: #f9f9f9; padding: 100px 0;}
.sick_box4 dl{ width: 210px; height: 210px; border: 2px solid #00479D; background-color: #fff; border-radius: 50%; display: flex; justify-content: center; align-items: center;
flex-direction: column;}
.sick_box4 dt{ font-size: 15px; font-weight: 900; color: #fff; line-height: 27px; text-transform: uppercase; display: inline-block; padding: 0 10px; border-radius: 20px; margin-bottom: 10px; background-color: #00479D;}
.sick_box4 dd{ font-size: 20px; font-weight: 700; color: #333;}

.sick_box5{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.sick_box5 > div{ width: 24%;}
.sick_box5 .sb_img{ border-radius: 10px; overflow: hidden;}
.sick_box5 .sb_img img{ width: 100%;}
.sick_box5 h1{ font-size: 23px; color: #333; text-align: center; margin-top: 20px;}

.sick_box6{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.sick_box6 .sb6{ width: 49%; height: 330px; margin-bottom: 2%; border-radius: 20px; overflow: hidden; position: relative; border: 1px solid #ddd;}
.sick_box6 .img img{ width: 100%;}
.sick_box6 .sb6::after{ display: block; content: ""; width: 100%; height: 0; background-color: rgba(0, 71, 157,.8); position: absolute; top: 0; left: 0;
transition: all 0.5s;}
.sick_box6 .sb6 h1{ font-size: 28px; font-weight: 600; color: rgba(255,255,255,1); position: absolute; top:30px; right:30px; transition: all 0.3s;}
.sick_box6 dl{ position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%); color: #fff; z-index: 2; width: 100%; padding: 0 8%; opacity: 0;
transition: all 0.5s;}
.sick_box6 dt{ font-size: 30px; font-weight: 600; margin-bottom: 10px;}
.sick_box6 dd{ font-size: 18px; font-weight: 300; line-height: 1.5;}
.sick_box6 .sb6:hover::after{ height: 100%; transition: all 0.5s;}
.sick_box6 .sb6:hover h1{ color: rgba(255,255,255,0); transition: all 0.3s;}
.sick_box6 .sb6:hover dl{ opacity: 1; transition: all 0.5s;}

.sick_box7_wrap{ background-color: #00479D; padding: 100px 6%;}
.sick_box7_wrap .btit{ color: #fff;}
.sick_box7 { display: flex; justify-content: space-between; flex-wrap: wrap;}
.sick_box7 > div{ width: 32%;}
.sick_box7 .img{ border-radius: 50px; overflow: hidden; margin-bottom: 10px;}
.sick_box7 .img img{ width: 100%;}
.sick_box7 dl{ border: 2px solid rgba(255,255,255,.5); border-radius: 50px; color: #fff; text-align: center; padding: 30px 30px; min-height: 211px;}
.sick_box7 dt{ font-size: 26px; font-weight: 700; margin-bottom: 20px;}
.sick_box7 dd{ font-size: 18px; font-weight: 300; line-height: 1.5;}
.sick_box7_c dl{ min-height: 170px;}

.sick_box8{ border: 2px solid #00479D; border-radius: 100px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; padding: 30px 0;}
.sick_box8 dl{ text-align: center;}
.sick_box8 dt{ font-size: 18px; font-weight: 900; color: #00479D; text-transform: uppercase; margin-bottom: 7px;}
.sick_box8 dd{ font-size: 22px; font-weight: 700; color: #333;}
.sick_box8 .arr{ margin: 0 4%; position: relative;}
.sick_box8 .arr span{ display: block; width: 13px; height: 3px; background-color: #00479D; transform: rotate(45deg);}
.sick_box8 .arr span:nth-of-type(2){ transform: rotate(-45deg); margin-top: 4px;}

.sick_box8_c { padding: 15px 0; border-radius: 50px;}
.sick_box8_c dl{ width: 25%; margin: 1% 0;}
.sick_box8_c .arr{ margin: 0 2%;}
.sick_box8_c .arr:nth-of-type(3){ display: none;}

.big_img{ text-align: center;}

.chi_box_wrap .btxt{ margin-bottom: 60px;}
.chi_box li{ display: flex; flex-wrap: wrap; margin-bottom: 5%;}
.chi_box .chi_t{ width: 30%;}
.chi_box .chi_t h1{ font-size: 25px; color: #00479D; font-weight: 700;}
.chi_box .chi_b{ width: 70%;}
.chi_box .chi_b p{ font-size: 20px; line-height: 1.5; color: #333; font-weight: 300; margin-bottom: 20px;}
.chi_box .chi_b .chi_img{ height: 400px; overflow: hidden;} 
.chi_box .chi_b .chi_img img{ width: 100%;}
.chi_box .chi_b dl{ margin-bottom: 30px;}
.chi_box .chi_b dt{ font-size: 23px; font-weight: 700; color: #333; margin-bottom: 10px; padding-left: 13px; position: relative;}
.chi_box .chi_b dt::before{ display: block; content: ""; width: 6px; height: 6px; background-color: #00479D; border-radius: 50%; position: absolute;
top: 9px; left: 0px;}
.chi_box .chi_b dd{ font-size: 20px; font-weight: 400; color: #333; padding: 0 0 20px 20px; margin-bottom: 20px; border-bottom: 1px dashed #ccc; display: flex; align-items: center;}
.chi_box .chi_b dl dd:nth-of-type(1){ border-top: 1px dashed #ccc; padding-top: 20px;}
.chi_box .chi_b dd > span{ display: inline-block; margin-right: 10px;}
.chi_box .chi_b dd > span img{ width: 30px; filter: invert(16%) sepia(99%) saturate(2448%) hue-rotate(202deg) brightness(88%) contrast(102%);}

.chi_box2_wrap{ background-color: #00479D; padding: 100px 3%;}
.chi_box2_wrap h1{ font-size: 35px; color: #fff; line-height: 1.5; text-align: center; margin-bottom: 50px;}
.chi_box2{ display: flex; justify-content: center; flex-wrap: wrap;}
.chi_box2 dl{ width: 285px; height: 285px; border: 2px dashed rgba(255,255,255,.7); background-color: rgba(255,255,255,.1); border-radius: 500px; text-align: center; color: #fff; padding: 60px 1.5%; margin: 0 -1%;}
.chi_box2 dl:nth-of-type(4){ border-style: solid; border-color: #fff; background-color: rgba(255,255,255,0); margin: 0 0 0 1%;}
.chi_box2 dt{ font-size: 23px; font-weight: 700; margin-bottom: 15px;}
.chi_box2 dt > span{ display: inline-block; font-size: 14px; background-color: #87e7ff; line-height: 20px; padding: 0 10px; border-radius: 30px; color: #00479D;
margin-bottom: 10px;}
.chi_box2 dd{ font-size: 16px; font-weight: 300; line-height: 1.4;}

.chi_box3 li{ border: 1px solid #ddd; margin-top: -1px; padding: 40px 50px;}
.chi_box3 .chi_t h1 strong{ font-size: 23px; color: #00479D; font-weight: 700;}
.chi_box3 .chi_b h2{ font-size: 28px; font-weight: 600;  margin: 10px 0 30px 0;}
.chi_box3 .chi_b p{ font-size: 20px; line-height: 1.5; color: #333; font-weight: 300; }

.chi_box4{ display: flex; flex-wrap: wrap;}
.chi_box4 li{ width: 33%; background-color: #f6f9fd; border-top: 1px solid #f6f9fd; border-bottom: 1px solid #f6f9fd; padding: 5% 2%; text-align: center;}
.chi_box4 li:nth-of-type(2){ background-color: #fff;}
.chi_box4 h2{ display: inline-block; font-size: 14px; font-weight: 900; color: #fff; background-color: #00479D; line-height: 26px; padding: 0 10px;
border-radius: 30px; text-transform: uppercase; margin: 0 auto;}
.chi_box4 h1{ font-size: 25px; font-weight: 700; color: #333; margin: 30px 0 15px 0;}
.chi_box4 p{ font-size: 16px; color: #666; font-weight: 300; line-height: 1.5;}
.chi_box4 p > span{ display: inline-block; font-size: 14px; background-color: #fff; border: 1px solid #ccc; line-height: 20px; padding: 0 10px; border-radius: 30px;}


@media screen and (max-width: 1279px) {
  .cont_wrap .img2 > div{ width: 195px;}
  .sick_box6 .sb6{ height: auto;}
  .sick_box8{ padding: 30px 10px;}
  .sick_box8 .arr{ margin: 0 2%;}
}

@media screen and (max-width: 1023px) {
  .cont_bot{ margin-bottom: 80px;}
  .btit{ font-size: 30px;}
  .btxt{ font-size: 18px;}
  .cont_wrap .img{ width: 100%;}
  .cont_wrap .img2{ width: 100%;}
  .cont_wrap .img2 > div{ width: 48%; height: 250px; border-radius: 15px; margin: 1% 1%;}
  .cont_wrap .img2 img{ height: 250px;}
  .cont_wrap .txt{ width: 100%; padding: 5% 3% 0 3%;}
  .cont_wrap2{ flex-direction: column-reverse;}
  .cont_wrap2 .txt{ padding: 5% 3% 0 3%;}
  .cont_wrap .txt dl{ margin-bottom: 20px;}
  .cont_wrap .txt dt{ font-size: 22px;}
  .cont_wrap .txt dd{ font-size: 18px;}
  .ul01{ padding: 0 5%;}
  .ul01 li{ width: 100%; padding: 20px 30px; margin: 1% 0;}
  .ul01 li > p{ font-size: 18px;}
  .sick_box dt{ font-size: 21px; padding: 20px 30px;}
  .sick_box dd{ padding: 20px 20px;}
  .sick_box2{ padding: 0 5%;}
  .sick_box2 > div{ width: 100%; margin-bottom: 5%;}
  .sick_box2_c > div{ margin: 0 0 5% 0;}
  .sick_box3 dl{ padding: 30px 2%; align-items: baseline;}
  .sick_box3 dt{ font-size: 20px; width: 210px;}
  .sick_box3 dt > span{ font-size: 17px;}
  .sick_box3 dd{ font-size: 18px; width: calc(100% - 210px);}
  .sick_box3_c dl{ padding: 30px 2%;}
  .sick_box3_c dt{ width: 100%; margin-bottom: 10px;}
  .sick_box3_c dd{ width: 100%;}
  .sick_box4{ padding: 60px 0;}
  .sick_box5{ padding: 0 3%;}
  .sick_box5 > div{ width: 49%; margin-bottom: 3%;}
  .sick_box5 h1{ font-size: 22px;}
  .sick_box6 .sb6{ margin-bottom: 2%;}
  .sick_box6 .sb6 h1{ font-size: 25px; top:20px; right:20px; }
  .sick_box6 dl{ padding: 0 5%;}
  .sick_box6 dt{ font-size: 25px;}
  .sick_box6 dd{ font-size: 16px;}
  .sick_box7_wrap{ padding: 80px 3%;}
  .sick_box7 > div{ width: 32%;}
  .sick_box7 .img{ border-radius: 30px;}
  .sick_box7 dl{ padding: 30px 10px; min-height: 190px; border-radius: 30px;}
  .sick_box7 dt{ font-size: 23px;}
  .sick_box7 dd{ font-size: 17px;}
  .sick_box8{ padding: 30px 0 10px 0;}
  .sick_box8 dl{ width: 45%; margin-bottom: 3%;}
  .sick_box8 dt{ font-size: 16px;}
  .sick_box8 dd{ font-size: 20px;}
  .sick_box8 .arr{ margin: 0;}
  .sick_box8_c{ padding: 20px 0; border-radius: 20px; width: 95%; margin: 0 auto;}
  .sick_box8_c dl{ width: 45%; margin: 1% 0;}
  .sick_box8_c .arr{ margin: 0 2%;}
  .sick_box8_c .arr:nth-of-type(3){ display: block;}
  .sick_box8_c .arr:nth-of-type(even){ display: none;}  
  .chi_box li{ margin-bottom: 3%;}
  .chi_box .chi_t h1{ font-size: 23px;}
  .chi_box .chi_b p{ font-size: 18px;}
  .chi_box .chi_b .chi_img{ height: 300px;} 
  .chi_box .chi_b dt{ font-size: 21px; padding-left: 13px;}
  .chi_box .chi_b dt::before{ width: 6px; height: 6px; top: 9px;}
  .chi_box .chi_b dd{ font-size: 18px; align-items: baseline;}
  .chi_box2_wrap{ padding: 80px 3%;}
  .chi_box2_wrap h1{ font-size: 30px; margin-bottom: 40px;}
  .chi_box2 dl{ margin: -1% -1%;}
  .chi_box2 dl:nth-of-type(4){ margin: -1% -1%;}
  .chi_box3{ width: 95%; margin: 0 auto;}
  .chi_box3 li{ padding: 40px 40px;}
  .chi_box3 .chi_t h1 strong{ font-size: 20px;}
  .chi_box3 .chi_b h2{ font-size: 23px;}
  .chi_box3 .chi_b p{ font-size: 18px;}
}
@media screen and (max-width:767px) {
  .cont_bot{ margin-bottom: 50px;}
  .btit{ font-size: 26px; margin-bottom: 20px;}
  .cont_wrap .img2 > div{ height: 130px;}
  .cont_wrap .img2{ border-radius: 10px;}
  .cont_wrap .img2 img{ height: 130px;}
  .cont_wrap .img2 p{ font-size: 18px; width: 100%; text-align: center;}
  .cont_wrap .txt{ padding: 5% 5% 0 5%;}
  .cont_wrap2 .txt{ padding: 5% 5% 0 5%;}
  .ul01{ padding: 0 3%;}
  .ul01 li{ padding: 13px 20px; border-width: 2px; margin: 0 0 3% 0;}
  .ul01 li > span{ width: 30px;}
  .ul01 li > span img{ width: 100%;}
  .ul01 li > p{ width: calc(100% - 40px);}
  .sick_box{ padding: 0 5%;}
  .sick_box dl{ width: 100%; margin: 0  0 3% 0; border-radius: 15px;}
  .sick_box dt{ font-size: 20px; padding: 15px 20px;}
  .sick_box dt > span{ width: 25px;}
  .sick_box2 > div{ margin-bottom: 8%;}
  .sick_box2 h1{ font-size: 22px; margin: 20px 0 10px 0;}
  .sick_box2 h1 > span{ width: 30px;}
  .sick_box3 dl{ padding: 20px 5%;}
  .sick_box3 dt{ width: 100%; margin-bottom: 10px;}
  .sick_box3 dd{ width:100%;}
  .sick_box4{ padding: 40px 0;}
  .sick_box4 dl{ width: 150px; height: 150px; text-align: center; padding: 0 2%; margin-bottom: 3%;}
  .sick_box4 dt{ font-size: 12px; line-height: 27px; padding: 0 6px;}
  .sick_box4 dd{ font-size: 18px; }
  .sick_box5{ padding: 0 5%;}
  .sick_box5 > div{ width: 100%; margin-bottom: 5%;}
  .sick_box5 h1{ margin-top: 10px;}
  .sick_box6 { padding: 0 5%;}
  .sick_box6 .sb6{ width: 100%; margin-bottom: 5%;}
  .sick_box6 .sb6::after{ display: none; }
  .sick_box6 .sb6 .img{ height: 170px;}
  .sick_box6 .sb6 h1{ display: none;}
  .sick_box6 dl{ padding: 10% 8%; position: relative; left: auto; top: auto; transform: translate(0); opacity: 1; background-color: #00479D;}
  .sick_box6 dt{ font-size: 22px;}
  .sick_box7_wrap{ padding: 50px 5%;}
  .sick_box7 > div{ width: 100%; margin-bottom: 8%;}
  .sick_box7 dl{ padding: 30px 20px; min-height: auto;}
  .sick_box8{ border: 0; padding: 0 5%;}
  .sick_box8 dl{ width: 100%; margin-bottom: 0; border: 2px solid #00479D; border-radius: 50px; padding: 10px 10px;}
  .sick_box8 .arr { width: 100%; margin: 5% 0;}
  .sick_box8 .arr span{ position: absolute; top: 0px; left: 50%; margin-left: -10px;}
  .sick_box8 .arr span:nth-of-type(2){ top: -4px; margin-left: -2px;}
  .sick_box8_c{ padding: 0 5%; border-radius: 100px; width: 100%;}
  .sick_box8_c dl{ width: 100%; margin: 0;}
  .sick_box8_c .arr{ margin: 5% 0;}
  .sick_box8_c .arr:nth-of-type(even){ display: block;}  
  .chi_box_wrap{ padding: 0 3%;}
  .chi_box_wrap .btxt{ margin-bottom: 40px;}
  .chi_box li{ margin-bottom: 10%;}
  .chi_box .chi_t{ width: 100%; margin-bottom: 10px;}
  .chi_box .chi_t h1{ font-size: 22px;}
  .chi_box .chi_b{ width: 100%;}
  .chi_box .chi_b .chi_img{ height: auto;} 
  .chi_box .chi_b dl{ margin-bottom: 20px;}
  .chi_box .chi_b dd{ padding: 0 0 10px 10px; margin-bottom: 10px;}
  .chi_box .chi_b dl dd:nth-of-type(1){ padding-top: 10px; margin-top: 10px;}
  .chi_box .chi_b dt{ font-size: 19px; padding-left: 10px;}
  .chi_box .chi_b dt::before{ width: 4px; height: 4px;}
  .chi_box .chi_b dd > span{ width: 20px;}
  .chi_box .chi_b dd > span img{ width: 20px;}
  .chi_box2_wrap{ padding: 50px 3%;}
  .chi_box2_wrap h1{ font-size: 25px; line-height: 1.3; margin-bottom: 30px;}
  .chi_box3 li{ padding: 30px 20px;}
  .chi_box3 .chi_t h1 strong{ font-size: 19px;}
  .chi_box3 .chi_b h2{ font-size: 22px; line-height: 1.3;}
  .chi_box3 .chi_b p{ font-size: 17px;}
  .chi_box4 li{ width: 100%; border:0; padding: 10% 2%;}
  .chi_box4 h2{ font-size: 13px; line-height: 24px;}
  .chi_box4 h1{ font-size: 23px; margin: 20px 0 10px 0;}
}