/*************** 내용 공통 ***************/
.t_center{ text-align:center !important;}
.sub_wrap{ width: 1400px; margin: 0 auto;}

/*준비중*/
.ready{ display: flex; justify-content: center; align-items: center; flex-direction: column; padding-top: 50px;}
.ready .i{ opacity: .2;}
.ready p{ font-size: 25px; color: #333; text-align: center; margin-top: 20px; font-weight: 700;}
.ready strong{ color:#036DB7;}
.ready span{ color: #999; font-size: 16px; display: block; margin-top: 5px; font-weight: 300;}

/*테이블 - 가로스크롤*/
.row-horizon { position:relative; width:100%; overflow-x: hidden; overflow-y: hidden;}
.tbl_blur{ display: none;}
.tbl_scroll{ display: none;}
/*테이블*/
.tbl table{ width:100%; border-top:1px solid #444; text-align:center;}
.tbl caption{ font-size: 0px; height: 0px;}
.tbl thead tr th{ padding:12px 10px; border-bottom:1px solid #444; border-left-color:#fff; background-color: #f9f9f9; width: 25%; font-size: 16px;}
.tbl tbody tr th{ padding:15px 10px; border-bottom:1px solid #ddd; font-size: 16px;}
.tbl tbody tr td{ padding:15px 10px; border-bottom:1px solid #ddd; font-size: 16px;}
.tbl tbody tr td:first-child{ text-align: left; padding: 15px 20px; font-weight: 400;}

.tbl2 table{ width:100%; border-top:1px solid #444; text-align:center;}
.tbl2 caption{ font-size: 0px; height: 0px;}
.tbl2 thead tr th{ padding:15px 10px; border-bottom:1px solid #444; border-left-color:#fff; background-color: #f9f9f9; width: 25%; font-size: 18px;}
.tbl2 tbody tr th{ padding:15px 10px; border-bottom:1px solid #ddd; font-size: 18px; font-weight: 500; border-right: 1px solid #ddd;}
.tbl2 tbody tr td{ padding:15px 10px; border-bottom:1px solid #ddd; font-size: 18px;}
/*작은 데스크탑 & 노트북: 1024px ~ 1279px */
@media screen and (max-width: 1279px) {
  .sub_wrap{ width: 95%; margin: 0 auto;}
}
/*태블릿 : 768px ~ 1023px */
@media screen and (max-width: 1023px) {
  .ready p{ font-size: 20px;}
  .ready span{ font-size: 14px;}
  .img2 img{ width:100%;}
  .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;}
  .tbl table{ line-height: 1.3;}
  .tbl thead tr th{ padding:8px 20px;}
  .tbl tbody tr th{ padding:10px 20px;}
  .tbl tbody tr td{ padding:10px 20px;}
  .tbl tbody tr td:first-child{ padding: 10px 20px;}
  .tbl2 thead tr th{ padding:8px 20px;}
  .tbl2 tbody tr th{ padding:10px 20px;}
  .tbl2 tbody tr td{ padding:10px 20px;}

}
/*모바일 : 370px ~ 767px */
@media screen and (max-width: 767px) {
  .tbl thead tr th{ padding:8px 10px; font-size: 13px;}
  .tbl thead tr th:first-child{ width: 30%;}
  .tbl thead tr th:last-child{ width: 20%;}
  .tbl tbody tr th{ padding:10px 10px; font-size: 13px;}
  .tbl tbody tr td{ padding:10px 10px; font-size: 13px;}
  .tbl tbody tr td:first-child{ padding: 10px 10px;}
  .tbl2 thead tr th{ padding:8px 15px; font-size: 13px;}
  .tbl2 tbody tr th{ padding:10px 15px; font-size: 13px;}
  .tbl2 tbody tr td{ padding:10px 15px; font-size: 13px;}
}

/*************** 서브 상단비주얼 ***************/
.svisual{ width:100%; height:200px; background-repeat: no-repeat; background-size: cover;  background-position: center center; position: relative;}
.svisual::after{ display: block; content: ""; width: 100%; height: 200px; background-color: rgba(0,0,0,0.3); 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);}
.sv06{ background-image: url(../img/sub/svisual06.jpg);}
.svisual .sv_in{ width: 1400px; margin: 0 auto; position: relative; z-index: 2;}
.svisual .sv_tit{ position: absolute; top: 50px; left: 50%; transform: translateX(-50%);}
.svisual .sv_tit p{ font-size: 13px; color:rgba(255,255,255,.8); letter-spacing: 3px; margin-bottom: 20px; display: none;}
.svisual .sv_tit h1{ font-size: 45px; font-weight: 700; color:rgba(255,255,255,1);}

/*************** 로케이션 ***************/
.location{ position: absolute; top: 110px; left: 50%; transform: translateX(-50%);}
.location ul{ display:flex; align-items: center; justify-content: center;}
.location li{ font-size: 14px; font-weight: 300; 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: 500;}
.location li a{ color: #fff;}


/*작은 데스크탑 & 노트북: 1024px ~ 1279px */
@media screen and (max-width: 1279px) {
  .svisual .sv_in{ width: 95%;}
}
/*태블릿 : 768px ~ 1023px */
@media screen and (max-width: 1023px) {
  .svisual{ height:150px;}
  .svisual::after{ height: 150px;}
  .svisual .sv_tit{ top: 40px;}
  .svisual .sv_tit h1{ font-size: 35px;}
  .location{ top: 85px;}
}
/*모바일 : 370px ~ 767px */
@media screen and (max-width:767px) {
  .svisual{ height:80px;}
  .svisual::after{ height: 80px;}
  .svisual .sv_tit{ top: 15px;}
  .svisual .sv_tit h1{ font-size: 25px;}
  .location{ top: 45px; width: 100%;}
  .location li .smh{ width: 12px;}
  .location li{ font-size: 12px; margin-right: 10px;}
}

/*************** 서브메뉴 ***************/
.smenu_box{ position: absolute; top: -30px; left: 50%; transform: translateX(-50%); /*width: 1400px; margin-left: -700px;*/}
.smenu_box .smenu{}
.smenu_box .smenu ul{ display:flex; justify-content: center; align-items: center; box-shadow: 0px 0px 10px rgba(0,0,0,0.15);}
.smenu_box .smenu ul li { text-align: center; background-color: #fff;}
.smenu_box .smenu ul li a{ display:block; font-size:17px; color:rgba(0,0,0,.5); line-height:60px; padding: 0 30px; border-right: 1px solid #eee; position:relative;}
.smenu_box .smenu ul li:last-child a{ border-right: 0;}
.smenu_box .smenu ul li a:hover{ color:#333;}
.smenu_box .smenu ul li a.menu_on{ font-weight: 700; color:#fff; position:relative; background-color: #036DB7;}

.mo_smenu_box{ display: none;}  
/*작은 데스크탑 & 노트북: 1024px ~ 1279px */
@media screen and (max-width: 1279px) {
  .smenu_box .smenu ul li { width: 130px;}
  .smenu_box .smenu ul li a{ font-size:17px; padding: 0;}
}
/*태블릿 : 768px ~ 1023px */
@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:45px; 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: 15px; cursor: pointer;}
.mo_smenu_box .mo_smenu_tit:hover {}
.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: 45px; left: 0px; list-style: none; margin: 0; padding: 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; line-height:30px !important;  font-size: 14px !important;
  margin:0 !important;}
.mo_smenu_box ul li a {  display:block; padding: 5px 20px ; border-bottom:1px solid #ececec;}
.mo_smenu_box ul li:last-child a {  border-bottom:0px;}
.mo_smenu_box ul li:hover a { background: #4b545e; color: #fff;}
}

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

/*인사말*/
.greet{ position: relative; color: #222; letter-spacing: -1px;}
.gt_tit{ font-size: 30px; font-weight: 500; color: #0D2042; line-height: 1.3; margin-bottom: 60px;}
.gt_tit > strong{ font-size: 40px; font-weight: 700; color: #036DB7; display: inline-block; margin-bottom: 10px;}
.greet p{ font-size: 18px; font-weight: 300; color: #666; line-height: 1.8; width: 60%;}
.greet .greet_img{ position: absolute; right: 0px; top: 200px;}
.greet .greet_img img{ width: 500px;}
/*작은 데스크탑 & 노트북: 1024px ~ 1279px */
@media screen and (max-width: 1279px) {
  .greet{ padding: 0 5%;}
  .greet p{ width: 100%;}
  .greet .greet_img{ position: relative; right: auto; top: auto; margin-bottom: 50px;}
}
/*태블릿 : 768px ~ 1023px */
@media screen and (max-width: 1023px) {
  .greet{ padding: 0 3%;}
  .gt_tit{ font-size: 23px; margin-bottom: 40px;}
  .gt_tit > strong{ font-size: 30px;}
  .greet p{ font-size: 16px;}
  .greet .greet_img{ margin-bottom: 40px; height: 400px; overflow: hidden;}
  .greet .greet_img img{ width: 100%;}
}
/*모바일 : 351px ~ 767px */
@media screen and (max-width: 767px) {
  .greet{ padding: 0;}
  .gt_tit{ font-size: 20px; margin-bottom: 30px; padding: 0 3%;}
  .gt_tit > strong{ font-size: 23px;}
  .greet p{ font-size: 14px; line-height: 1.6; padding: 0 3%;}
  .greet .greet_img{ margin-bottom: 30px; height: auto;}
}

/*의료진*/
.doctor{ display: flex; flex-wrap: wrap; margin-bottom: 150px;}
.doctor_no{ margin-bottom: 0px;}
.dc_img{ width: 350px; height: 460px; margin-right: 100px; border-radius: 25px; overflow: hidden;}
.dc_img img{ width: 100%;}
.dc_box { width:calc(100% - 450px); margin-top: 20px;}
.dc_tit{ font-size: 40px; font-weight: 300; color: #333; margin-bottom: 40px; padding-left: 20px; padding-bottom: 20px; border-bottom: 1px dotted #c4c4c4;}
.dc_tit > span{ font-size: 20px; font-weight: 700; line-height: 1; color: #036DB7; display: block; margin-bottom: 5px;}
.dc_tit > strong{ font-size: 25px;}
.dc_info { padding-left: 20px;}
.dc_info dl{ margin-bottom: 40px;}
.dc_info dl:last-child{ margin-bottom: 0;}
.dc_info dt{ font-size: 20px; font-weight: 600; color: #333; margin-bottom: 10px;}
.dc_info dd{ font-size: 18px; font-weight: 300; padding: 5px 0 5px 10px; color: #777; position: relative;}
.dc_info dd::before{ display: block; content: ""; width: 3px; height: 3px; background-color: #036DB7; position: absolute; top: 15px; left: 0;}
@media (max-width:1023px) {
  .doctor{ width: 90%; margin: 0 auto 100px auto;}
  .doctor_no{ margin: 0 auto;}
  .dc_img{ width: 230px; height: 300px;  margin-right: 50px; border-radius: 20px;}
  .dc_img img{ width: 230px;}
  .dc_box { width:calc(100% - 280px);}
  .dc_tit{ font-size: 30px;}
  .dc_tit > span{ font-size: 18px;}
  .dc_tit > strong{ font-size: 20px;}
  .dc_info dt{ font-size: 18px;}
  .dc_info dd{ font-size: 16px;}
  .dc_info dd::before{ top: 12px;}
}
@media (max-width:767px) {
  .doctor{ margin: 0 auto 80px auto;}
  .doctor_no{ margin: 0 auto;}
  .dc_img{ width: 180px; height: 235px; border-radius: 15px; margin: 0 auto 30px auto;}
  .dc_img img{ width: 180px;}
  .dc_box { width:100%; margin-top: 0px;}
  .dc_tit{ font-size: 25px; margin-bottom: 30px; padding-bottom: 20px; padding-left: 10px;}
  .dc_tit > span{ font-size: 15px;}
  .dc_tit > strong{ font-size: 18px;}
  .dc_info { padding-left: 10px;}
  .dc_info dt{ font-size: 16px;}
  .dc_info dd{ font-size: 15px; padding: 3px 0 3px 10px;}
  .dc_info dd::before{ top: 9px;}
}

/*오시는길*/
.map_wrap{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.map_box{ width: 60%;}
.map_img{ width: 40%;}
.map_img img{ width: 100%;}
.map{ margin-top: 50px; padding: 0 2%;}
.map_tit{ margin-bottom: 60px; position: relative;}
.map_tit p{ font-weight: 700; font-size: 23px; color: #036DB7; margin-bottom: 5px;}
.map_tit h1{ font-size: 30px; font-weight: 300; line-height: 1.3;}
.map_tit .nav_loc{ position: absolute; top: 50%; margin-top: -25px; right: 0px; line-height: 50px; display: inline-block; padding: 0 30px; background-color: #444; font-size: 16px; color: #fff;}
.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: #0D2042; font-weight: 700; width: 130px;}
.map dd{ font-size: 17px; color: #333;}
.map .parking{ display: block; margin: 20px 0 0 130px; border: 1px solid #ddd; border-radius: 20px; overflow: hidden;}
.map .parking img{ width:600px;}
/*작은 데스크탑 & 노트북: 1024px ~ 1279px */
@media screen and (max-width: 1279px) {
  .map_box iframe{ height: 402px;}
  .map_tit h1{ font-size: 25px;}
  .map_tit .nav_loc{ margin-top: -20px; right: 80px;}
}
/*태블릿 : 768px ~ 1023px */
@media screen and (max-width: 1023px) {
  .map_box{ width: 100%;}
  .map_img{ width: 50%; margin: 0 auto;}
  .map_box iframe{ height: 300px;}
  .map_tit{ margin-bottom: 30px;}
  .map_tit p{ font-size: 18px;}
  .map_tit h1{ font-size: 23px;}
  .map_tit .nav_loc{ position: relative; top: auto; right: auto; margin-top: 20px;}
  .map dl{ padding: 30px 2%;}
  .map dt{ font-size: 16px;}
  .map dd{ font-size: 16px;}
  .map .parking img{ width:100%;}
}
/*모바일 : 370px ~ 767px */
@media screen and (max-width:767px) {
  .map_img{ width: 100%;}
  .map_box iframe{ height: 250px;}
  .map{ margin-top: 30px;}
  .map_tit p{ font-size: 16px;}
  .map_tit h1{ font-size: 20px; line-height: 1.3;}
  .map_tit .nav_loc{ line-height: 38px; font-size: 14px; padding: 0 20px;}
  .map dl{ padding: 20px 3%;}
  .map dt{ font-size: 15px; width: 100%; margin-bottom: 10px;}
  .map dd{ font-size: 15px;}
  .map .parking{ margin: 10px 0 0 0; border-radius: 10px;}
}
/*병원둘러보기*/
.interior { width: 1000px; margin: 0 auto;}
.tab_title{ display: flex; justify-content:space-between; align-items: center; flex-wrap: wrap; width: 100%;}
.tab_title li { flex-basis:20%; font-size: 18px; color: #333; line-height: 55px; text-align: center; cursor: pointer; border: 1px solid #ddd; border-right: 0;}
.tab_title li:last-child{ border-right: 1px solid #ddd;}
.tab_title li.on { background-color: #036DB7; border-color: #036DB7; color: #fff; font-weight: bold; letter-spacing: 1px; }
.tab_cont { margin-top:20px;}
.tab_cont section { display: none;}
.tab_cont section.on { display: block;}

.is_box2{ width: 1200px; margin: 150px auto 0 auto;}
.is_box2 h1{ font-size: 40px; font-weight: 400; letter-spacing: -2px; text-align: center; margin-bottom: 50px;}
.isb2_wrap{ border: 2px solid #036DB7; border-radius: 20px; overflow: hidden; box-shadow: 0 10px 15px rgba(0,0,0,.05);}
.is_box2 .isb2{ padding: 70px 50px; border-bottom: 1px solid #ddd; display: flex; flex-wrap: wrap;}
.isb2 h2{ font-size: 27px; font-weight: 600; margin-bottom: 20px; color: #036DB7;}
.isb2 p{ font-size: 18px; font-weight: 300; line-height: 1.7; color: #666;}
.isb_img{ width: 270px; height: 270px; margin-right: 60px; border-radius: 20px; overflow: hidden; border: 1px solid #eee; box-shadow: 0 5px 15px rgba(0,0,0,.05);}
.isb_img img{ width: 100%;}
.isb_img_t{ background-color: #fff; display: flex; justify-content: center; align-items: center; flex-direction: column;}
.isb_info{ width: calc(100% - 330px); margin-top: 20px;}
@media (max-width:1279px) {
  .interior{ width: 95%;}
  .is_box2{ width: 95%;}
}
@media (max-width:1023px) {
  .tab_title li { font-size: 16px; line-height: 45px;}
  .is_box2{ margin: 100px auto 0 auto;}
  .is_box2 h1{ font-size: 30px; margin-bottom: 30px;}
  .isb2_wrap{ border-radius: 10px;}
  .is_box2 .isb2{ padding: 40px 30px;}
  .isb_img{ width: 180px; height: 180px; margin-right: 40px; border-radius: 10px; }
  .isb_info{ width: calc(100% - 220px); margin-top: 10px;}
  .isb2 h2{ font-size: 22px;}
  .isb2 p{ font-size: 16px;}
}
@media (max-width:767px) {
  .tab_title{ justify-content:space-evenly;}
  .tab_title li { flex-basis:50%; font-size:14px; line-height:35px; margin-top: -1px;}
  .tab_title li:nth-of-type(2){ border-right: 1px solid #ddd;}
  .tab_title li:nth-of-type(3),.tab_title li:nth-of-type(4){ flex-basis: 33%;}
  .tab_title li:nth-of-type(5){ flex-basis: 34%;}
  .tab_cont { margin-top:10px;}
  .is_box2{ margin: 60px auto 0 auto;}
  .is_box2 h1{ font-size: 25px;}
  .isb2_wrap{ box-shadow: none;}
  .is_box2 .isb2{ padding: 30px 20px;}
  .isb_img{ width: 150px; height: 150px; margin: 0 auto 30px auto; box-shadow: 0 5px 5px rgba(0,0,0,.2);}
  .isb_info{ width: 100%; margin-top: 0px;}
  .isb2 h2{ font-size: 18px; text-align: center; margin-bottom: 10px;}
  .isb2 p{ font-size: 14px;}
}

/*비급여안내*/
.bi_img{ text-align: center;}
@media (max-width:767px) {
  .bi_img img{ width: 100%;}
}

/*내용공통*/
.top_box{ margin-bottom: 150px;}
.top_box::after{ display: block; content: ""; width: 2px; height: 60px; border-radius: 5px; background-color: rgba(3, 109, 183,.3); margin: 20px auto 0 auto;}
.top_box p{ font-size: 22px; line-height: 1.8; color:#666; font-weight: 300; text-align: center;}
.top_box p > strong{ font-weight: 600; color: #036DB7;}

.sub_bottom{ margin-bottom: 150px;}
.sub_flex{ display: flex; flex-wrap: wrap;}
.scont_img{ width: 500px; margin-right: 100px; }
.scont_img > img{ width: 100%;}
.scont_txt{ width: calc(100% - 600px);}
.sub_tit{ margin-bottom: 50px;}
.sub_tit > h1{ font-size: 35px; font-weight: 700; padding-left: 35px; background: url(../img/main/mtit_logo.png) no-repeat left 0px / 28px auto;}
.stit{ margin-bottom: 20px;}
.stit > h2{ font-size: 28px; font-weight: 600; color: #036DB7; letter-spacing: -1.5px;}
.sub_bot{ margin-bottom: 50px;}
.stxt > p{ font-size: 20px; font-weight: 300; color: #333; line-height: 1.6;}
.stxt .stxt_ul01 li{ font-size: 20px; font-weight: 300; color: #555; line-height: 1.5; padding: 4px 0 4px 12px; position: relative;}
.stxt .stxt_ul01 li::before{ display: block; content: ""; width: 4px; height: 4px; border-radius: 50%; background-color: #1c4388; position: absolute; top: 15px; left: 0px;}
.stxt .stxt_ul01 li > strong{ font-weight: 600; color: #333;}
.stxt .stxt_ul02{ display: flex; justify-content: center; align-items: center; flex-wrap: wrap; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; background-color: #f9f9f9; padding: 20px 20px; }
.stxt .stxt_ul02 li{ font-size: 20px; font-weight: 500; color: #333; text-align: center;}
.stxt .stxt_ul02 li > img{ width: 20px;}
.stxt .ul4 li{ width: 24%;}
.stxt .ul3 li{ width: 33%;}
.stxt .ul_w{ background-color: #fff; margin-top: -1px;}
.stxt_box01 dl{ display: flex; align-items: center; border: 1px solid #e1e8eb; margin-bottom: 10px;}
.stxt_box01 dt{ font-size: 20px; font-weight: 600; color: #0a99d1; background-color: #eff5f7; padding: 0px 30px; height: 85px; display: flex; justify-content: center; align-items: center; flex-direction: column;}
.stxt_box01 dd{ font-size: 18px; font-weight: 400; color: #333; padding: 17px 20px; height: 85px;}
.stxt_box01 dd > p{ font-weight: 600; color: #0a99d1; margin-top: 5px;}
.sub_small{ width: 1200px; margin: 0 auto;}
.sub_small .sub_flex{ align-items: center; border: 1px solid #ddd;}
.scont_img2{ width: 350px;}
.scont_img2 > img{ width: 100%;}
.stxt_dl{ width: calc(100% - 350px); padding: 0 50px;}
.stxt_dl dt{ font-size: 28px; font-weight: 600; color: #036DB7; letter-spacing: -1.5px; margin-bottom: 20px;}
.stxt_dl dd{ font-size: 20px; font-weight: 300; color: #333; line-height: 1.6; }

.pain_wrap{ background-color: #f7f7f7; padding: 50px 50px; width: 1200px; margin: 0 auto 100px auto;}
.pain_box{ background-color: #fff; border: 1px dashed #036DB7; padding: 30px 40px; margin-bottom: 30px;}
.pain_box li{ font-size: 20px; font-weight: 400; color: #555; line-height: 1.5; padding: 5px 0;}
.pain_box li > img{ width: 25px; filter: invert(21%) sepia(45%) saturate(7495%) hue-rotate(192deg) brightness(94%) contrast(98%);}
.pain_wrap p{ font-size: 18px; font-weight: 300; color: #333; line-height: 1.8;}
.pain_wrap p > strong{ font-weight: 600; color: #036DB7;}
.scont_img3{ text-align: center;}

@media (max-width:1279px) {
  .scont_img{ width: 350px; margin-right: 50px; }
  .scont_txt{ width: calc(100% - 400px);}
  .sub_small{ width: 100%;}
  .pain_wrap{ width: 100%;}
}
@media (max-width:1023px) {
  .top_box{ margin-bottom: 100px; padding: 0 3%;}
  .top_box p{ font-size: 18px;}
  .scont_img{ width: 400px; margin: 0 auto 30px auto;}
  .scont_txt{ width: 100%;}
  .sub_bottom{ margin-bottom: 100px;}
  .sub_tit{ margin-bottom: 40px;}
  .sub_tit > h1{ font-size: 28px; padding-left: 30px; background-size: 22px auto;}
  .stit{ margin-bottom: 15px;}
  .stit > h2{ font-size: 23px; letter-spacing: -1px;}
  .sub_bot{ margin-bottom: 40px;}
  .stxt > p{ font-size: 17px;}
  .stxt .stxt_ul01 li{ font-size: 17px; padding: 3px 0 3px 10px;}
  .stxt .stxt_ul01 li::before{ top: 12px;}
  .stxt .stxt_ul02{ padding: 15px 10px; }
  .stxt .stxt_ul02 li{ font-size: 17px;}
  .stxt .stxt_ul02 li > img{ width: 15px;}
  .stxt_box01 dl{ background-color: #eff5f7;}
  .stxt_box01 dt{ font-size: 17px; height: auto; width: 68px;}
  .stxt_box01 dd{ font-size: 16px; padding: 15px 20px; height: auto; background-color: #fff; width: calc(100% - 68px);}
  .sub_small{ padding: 0 3%;}
  .scont_img2{ width: 250px;}
  .stxt_dl{ width: calc(100% - 250px); padding: 0 20px;}
  .stxt_dl dt{ font-size: 23px; letter-spacing: -1px; margin-bottom: 10px;}
  .stxt_dl dd{ font-size: 17px; }
  .pain_wrap{ padding: 40px 40px; width: 100%; margin: 0 auto 80px auto;}
  .pain_box{ padding: 30px 30px; margin-bottom: 20px;}
  .pain_box li{ font-size: 17px;}
  .pain_box li > img{ width: 22px;}
  .pain_wrap p{ font-size: 16px;}
}
@media (max-width:767px) {
  .top_box{ margin-bottom: 80px; padding: 0 2%;}
  .top_box p{ font-size: 16px;}
  .scont_img{ width: 300px;}
  .sub_bottom{ margin-bottom: 80px;}
  .sub_tit{ margin-bottom: 30px;}
  .sub_tit > h1{ font-size: 23px; padding-left: 25px; background-size: 18px auto;}
  .stit{ margin-bottom: 10px;}
  .stit > h2{ font-size: 20px;}
  .stxt > p{ font-size: 15px;}
  .stxt .stxt_ul01 li{ font-size: 15px;}
  .stxt .stxt_ul01 li::before{ top: 10px;}
  .stxt .stxt_ul02{ padding: 12px 10px; }
  .stxt .stxt_ul02 li{ font-size: 15px;}
  .stxt .stxt_ul02 li > img{ width: 13px;}
  .stxt .ul4 li{ width: 49%; margin: 5px 0;}
  .stxt .ul3 li{ width: 49%; margin: 5px 0;}
  .stxt_box01 dt{ font-size: 15px;}
  .stxt_box01 dd{ font-size: 14px; padding: 15px 10px;}
  .sub_small{ padding: 0 5%;}
  .scont_img2{ width: 100%; margin: 0 auto;}
  .stxt_dl{ width: 100%; padding: 20px 20px;}
  .stxt_dl dt{ font-size: 20px;}
  .stxt_dl dd{ font-size: 15px; }
  .pain_wrap{ padding: 30px 20px; margin: 0 auto 50px auto;}
  .pain_box{ padding: 20px 20px;}
  .pain_box li{ font-size: 16px;}
  .pain_box li > img{ width: 18px;}
  .pain_wrap p{ font-size: 15px;}
  .scont_img3 img{ width: 100%;}

}