@charset "UTF-8";
@font-face { font-family: 'GmarketSans'; src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff") format("woff"); }

body { opacity: 0; }

body.on { opacity: 1; }

br.mo { display: none; }

br.onpc { display: none; }

br.pad { display: none; }

@media (max-width: 999px) { br.pc { display: none; }
  br.pad { display: block; }
  body { width: 100%; overflow-x: hidden; } }

@media (max-width: 600px) { br.mo { display: block; } }

@media (min-width: 999px) { br.onpc { display: block; } }

/* skip navigation */
#skipNavi { position: fixed; top: -1px; left: 0; width: 100%; height: auto; text-align: center; z-index: 9999; }

#skipNavi a { display: block; position: absolute; top: -30px; width: 100%; height: 1px; line-height: 1px; background: #000; color: #fff; text-align: center; }

#skipNavi a:focus { top: 0px; height: 30px; line-height: 30px; z-index: 9999; }

.tts { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }

.text_l { text-align: left; }

.text_c { text-align: center; }

.text_r { text-align: right; }

.blue { color: #0162b9 !important; }

.gray { color: #555 !important; }

.grayno { color: #777 !important; }

.green { color: #288200 !important; }

.yellow { color: #cf9b17 !important; }

.orange { color: #ff6600 !important; }

.red { color: #fc3b3b !important; }

[class^='bg_'] { color: #fff; padding: 4px 20px; border-radius: 100px; font-size: 15px; }

.bg_blue { background-color: #0162b9 !important; }

.bg_sky { background-color: #1F65B1 !important; }

.bg_gray { background-color: #555 !important; }

.bg_grayno { background-color: #777 !important; }

.bg_green { background-color: #288200 !important; }

.bg_orange { background-color: #ff6600 !important; }

.bg_red { background-color: #fc3b3b !important; }

.mt30{margin-top: 30px!important;}

.mt20{margin-top: 20px!important;}

input, select { border: 1px solid #d0d0d0; height: 40px; width: 100%; background: #fff; }

input[type=checkbox], input[type=radio], select[type=checkbox], select[type=radio] { width: 15px; position: relative; top: -1px; height: auto; }

:-ms-input-placeholder { color: #aaa !important; font-weight: 400 !important; }

::-moz-placeholder { color: #aaa !important; font-weight: 400 !important; }

::placeholder { color: #aaa !important; font-weight: 400 !important; }

table:not(.ui-datepicker-calendar) { width: 100%; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }

table:not(.ui-datepicker-calendar) th { background: #EEEEEE; border-bottom: 1px solid #ddd; }

table:not(.ui-datepicker-calendar) th, table:not(.ui-datepicker-calendar) td { border-left: 1px solid #ddd; border-right: 1px solid #ddd; padding: 10px 20px; vertical-align: middle; font-weight: 600; }

table:not(.ui-datepicker-calendar) .bg { background-color: #f7f7f7; }

table:not(.ui-datepicker-calendar) tr + tr { border-top: 1px solid #ddd; }

table:not(.ui-datepicker-calendar) .btn_wrap { margin: 0; display: inline-block; }

@media (max-width: 600px) { table:not(.ui-datepicker-calendar) th, table:not(.ui-datepicker-calendar) td { padding: 5px 15px; font-size: 16px; } }

.arrow-prev, .arrow-next { position: relative; float: left; margin-right: 5px; }

.arrow-prev::after { position: absolute; left: 35px; top: 20px; content: ''; width: 35px; /* 사이즈 */ height: 35px; /* 사이즈 */ border-top: 2px solid #393939; /* 선 두께 */ border-right: 2px solid #393939; /* 선 두께 */ transform: rotate(225deg); /* 각도 */ }

.arrow-next::after { position: absolute; left: 10px; top: 20px; content: ''; width: 35px; /* 사이즈 */ height: 35px; /* 사이즈 */ border-top: 2px solid #393939; /* 선 두께 */ border-right: 2px solid #393939; /* 선 두께 */ transform: rotate(45deg); /* 각도 */ }

header { min-height: 80px; width: 100%; color: #fff; top: 0; position: fixed; z-index: 1000; padding: 0 100px 0 200px; transition: all 0.4s ease-out; text-align: center; }

header.on { background: rgba(0, 0, 0, 0.7); }

header.on h1 { top: 10px; transition: all 0.4s ease-out; }

header.on nav { margin: 0px auto; }

header.on .menu { top: 20px; transition: all 0.4s ease-out; }

header h1 { text-indent: -9999px; width: 199px; height: 57px; background: url(../img/com/logo.png) no-repeat; background-size: 100%; position: absolute; top: 40px; left: 60px; }

header nav { width: 100%; max-width: 700px; display: flex; justify-content: space-around; margin: 30px auto; transition: all 0.4s ease-out; }

header nav > div { width: 20%; max-width: 120px; transition: all 0.4s ease-out; }

@media (min-width: 999px) { header nav > div:hover button { color: #3dc1fa; font-size: 26px; } }

header nav button { transition: all 0.4s ease-out; font-size: 22px; color: #fff; height: 80px; font-weight: bold; text-transform: uppercase; width: 100%; }

header nav ul { display: block; transition: all 0.4s ease-out; height: 0px; overflow: hidden; }

header nav ul div { display: none; }

header nav.on, header nav.onFix { max-width: 1000px; }

header nav.on div, header nav.onFix div { width: 22%; }

header nav.on div ul, header nav.onFix div ul { display: block; height: auto; padding: 30px 0; }

header nav.on div ul li a, header nav.onFix div ul li a { display: inline-block; padding: 5px 0; margin: 5px 0; border-bottom: 1px solid transparent; }

@media (min-width: 999px) { header nav.on div ul li a:hover, header nav.onFix div ul li a:hover { color: #3dc1fa; border-bottom: 1px solid #3dc1fa; font-weight: 500; } }

header nav .dept3 { display: none; }

header .bar { display: block; border-bottom: 1px solid rgba(255, 255, 255, 0.3); position: absolute; width: 0; top: 80px; left: 50%; transform: translateX(-50%); transition: all 0.4s ease-out; pointer-events: none;  }

header .menu { width: 40px; height: 40px; background: url(../img/com/icon_com_1.svg) no-repeat; position: absolute; top: 50px; right: 30px; }

@media (min-width: 999px) { header nav.on + .bar, header nav.onFix + .bar { border-bottom: 1px solid rgba(255, 255, 255, 0.3); display: block; height: 3px; width: 100%; }
  header nav.on + .bar span, header nav.onFix + .bar span { background: #3dc1fa; height: 3px; width: 1px; display: block; position: relative; transition: all 0.4s ease-out; } }

@media (max-width: 999px) { header nav { display: none; position: absolute; top: 80px; left: 0; background: #fff; height: calc(100vh - 80px); max-width: 100%; color: #555; }
  header nav button { color: #000; }
  header nav.onFix { display: flex; justify-content: space-around; }
  header nav.onFix > div { width: 20%; max-width: none; }
  header nav.onFix ul { border-top: 3px solid #555; } }

@media (max-width: 600px) { header { min-height: 50px; padding: 0 100px 0 200px; }
  header h1 { width: 120px; height: 38px; top: 15px; left: 20px; }
  header .menu { width: 30px; height: 30px; top: 20px; right: 20px; background-size: 30px; }
  header.on .menu { top: 10px; }
  header nav { top: 50px; height: calc(100vh - 50px); border-top: 1px solid #ddd; }
  header nav.onFix { display: block; }
  header nav.onFix > div { width: 100%; position: relative; padding-left: 140px; }
  header nav.onFix > div > button { width: 140px; position: absolute; left: 0px; top: 0px; height: auto; border-bottom: 2px solid #0073c3; color: #333; height: 48px; }
  header nav.onFix > div ul { border-top: 0; width: 100%; height: auto; padding: 0; }
  header nav.onFix > div ul li { text-align: left; border-bottom: 1px dotted #ddd; }
  header nav.onFix > div ul li a { padding: 10px; } }

footer { width: 100%; border-top: 1px solid #C8C8C8; text-align: left; z-index: 20; position: relative; }

footer > div { width: 100%; max-width: 1300px; margin: 0 auto; display: flex; gap: 40px; align-items: center; padding: 20px 0;  position: relative;}

footer > div .up_btn { position: absolute; right: 0; top: -80px; width: 60px; height: 60px; border-radius: 50%; background: rgba(5, 32, 53, 0.5); padding: 0; }

footer > div .up_btn .material-icons { font-size: 30px;color: #fff; }

footer .f_logo { width: 198px; height: 57px; background: url(../img/com/logo_f.png) no-repeat; position: relative; top: 0px; }

footer .text { line-height: 30px; font-weight: 600; font-size: 16px; color: #686868; }

footer .text span + span { display: inline-block; margin-left: 20px; }

@media (max-width: 999px) { footer .f_logo { display: none; }
  footer > div { display: block; text-align: center; }
  footer .link { text-align: center; margin-top: 10px; } }

@media (max-width: 600px) { footer > div { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; gap: 20px; }
	footer > div .up_btn { width: 50px; height: 50px; top: -100px; right: 20px; }
  footer > div .up_btn .material-icons { font-size: 30px; }
  footer > div .f_logo { display: block; order: 2; margin: 0 auto 0px; width: 150px; height: 45px; background-size: 100%; }
  footer > div .link { font-size: 15px; line-height: 20px; order: 1; }
  footer > div .text { font-size: 14px; line-height: 20px; order: 3; }
  footer > div .text p { margin-top: 10px; } }

@media (max-width: 999px) { main .section, main .fp-tableCell { height: auto !important; padding-top: 0px  !important; } }

@media (max-width: 600px) { main h2 { font-size: 36px; }
  main .fp-tableCell { padding-top: 50px; } }

main #section0 { position: relative; }

main #section0 .fp-tableCell { padding-top: 0px; }

main #section0 .text { position: absolute; width: 100%; max-width: 1300px; left: 50%; top: 300px; transform: translateX(-50%); z-index: 10; }

main #section0 .text p { font-size: 20px; line-height: 30px; color: #fff; }

main #section0 .text p.tit { margin-bottom: 20px; font-size: 58px; line-height: 72px; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25); font-family: 'GmarketSans'; }

main #section0 .res_wrap { position: absolute; width: 100%; max-width: 1300px; left: 50%; bottom: 37px; transform: translateX(-50%); z-index: 10; display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; gap: 30px; }
/* 2023. 05. 11 내시경 예약 시스템 숨김 */
/*main #section0 .res_wrap { position: absolute; width: 100%; max-width: 1300px; left: 50%; bottom: 37px; transform: translateX(-50%); z-index: 10; display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; gap: 30px; }*/

main #section0 .res_wrap > div { color: #FFFFFF; padding: 20px 30px; }

main #section0 .res_wrap > div.info { background: rgba(8, 44, 77, 0.8); padding-left: 97px; }

main #section0 .res_wrap > div.info::before { content: ""; display: block; width: 53px; height: 53px; background: url(../img/tem1_icon_1.svg) no-repeat; position: absolute; left: 30px; top: 43px; }

main #section0 .res_wrap > div.info h2 { font-weight: 700; font-size: 24px; line-height: 29px; display: flex; justify-content: center; flex-direction: column; height: 100%;}

main #section0 .res_wrap > div.info h2 strong { font-weight: 500; margin-top: 21px; font-size: 33px; line-height: 33px; letter-spacing: 0.05em; font-family: 'GmarketSans'; display: block; }

main #section0 .res_wrap > div.info > div p { line-height: 26px; }


main #section0 .res_wrap > div.time { background: rgba(0, 112, 195, 0.8); display:flex; justify-content: space-around; padding:30px    }

/* 2023. 05. 11 내시경 예약 시스템 숨김 */
/*main #section0 .res_wrap > div.time { background: rgba(0, 112, 195, 0.8);   } */

main #section0 .res_wrap > div.time h2 { font-weight: 800; font-size: 24px; line-height: 29px; display: inline-block; margin-bottom: 15px; }

main #section0 .res_wrap > div.time > div { font-size: 18px; font-weight: 400; }

main #section0 .res_wrap > div.time > div p + p { margin-top: 10px; }

main #section0 .res_wrap > div.time > div p span { font-weight: 700; width: 150px; display: inline-block; }

main #section0 .res_wrap > div.time > div p::before { content: ""; display: inline-block; width: 20px; height: 20px; background: url(../img/tem1_icon_2.svg) no-repeat; margin-right: 14px; vertical-align: middle; }

main #section0 .res_wrap > div.time > div p.bab::before { background-image: url(../img/tem1_icon_3.svg); }

main #section0 .res_wrap > div.res{ position: relative ; background: rgba(11, 91, 166, 0.8);padding-left: 147px; cursor: pointer; }

main #section0 .res_wrap > div.res::before { content: ""; display: block; width: 74px; height: 74px; background: url(../img/tem1_main_1.svg) no-repeat; position: absolute; left: 30px; top: calc(50% - 40px); }

main #section0 .res_wrap > div.res h2 { font-weight: 700; font-size: 24px; line-height: 29px;  margin-bottom: 11px;}

main #section0 .res_wrap > div.res > div{display: flex; justify-content: center; flex-direction: column; height: 100%; line-height: 1.4;}

main #section0 .main_slide > div { text-align: center; width: 100%; height: 100vh; overflow: hidden; }

main #section0 .main_slide > div::before { content: ""; background-size: cover !important; width: 100%; height: 100vh; display: block; position: absolute; top: 0; left: 0; z-index: 1; -webkit-animation: zoom-b 10s linear infinite alternate; animation: zoom-b 10s linear infinite alternate; }

main #section0 .main_slide > div > div { position: relative; z-index: 2; }

main #section0 .main_slide > div.bg1::before { background: url(../img/tem1_main_bg1.jpg) center bottom no-repeat; }
main #section0 .main_slide > div.bg2::before { background: url(../img/tem1_main_bg2.jpg) center bottom no-repeat; }
main #section0 .main_slide > div.bg3::before { background: url(../img/tem1_main_bg4.jpg) center bottom no-repeat; } 

main #section0 .main_slide > div[aria-hidden="false"] > div * { opacity: 1; transform: translateY(0px); }

main #section0 .bx-controls { position: absolute; top: 600px; left: 50%; transform: translateX(-50%); width: 100%; max-width: 1300px; text-align: left; color: #fff; }

main #section0 .bx-controls > div { display: inline-block; }

main #section0 .bx-controls .bx-prev { position: absolute; left: 0; top: 0; }

main #section0 .bx-controls .bx-next { position: absolute; right: 0; top: 0; }

main #section0 .bx-controls .bx-controls-auto { position: absolute; left: 230px; }

main #section0 .bx-controls .bx-pager { position: absolute; left: 0px; font-size: 18px; vertical-align: top; }

main #section0 .bx-controls .bx-pager span { width: 1px; height: 18px; background: #aaa; display: inline-block; margin: 0 5px; position: relative; top: 3px; }

main #section0 .bx-controls .bar { background: rgba(255, 255, 255, 0.3); height: 3px; width: 150px; display: block; position: absolute; left: 55px; top: 10px; }

main #section0 .bx-controls .bar span { width: 33%; background: #fff; height: 3px; display: block; position: relative; transition: all 0.4s ease-out; }

@media (max-width: 999px) { main #section0 .res_wrap { -ms-grid-columns: 1fr; grid-template-columns: 1fr; padding: 20px; gap: 30px; }
  main #section0 .text { padding: 0 40px; }
  main #section0 .bx-controls { top: 560px; left: 45px; width: calc(100% - 45px); transform: translateX(0); } }

@media (max-width: 600px) { main #section0 .res_wrap { gap: 10px; bottom: 0; padding: 20px 20px 0; }
  main #section0 .res_wrap > div { padding: 20px; }
  main #section0 .res_wrap > div.info { display: block; text-align: center; padding-left: 20px; }
  main #section0 .res_wrap > div.info::before { display: none; }
  main #section0 .res_wrap > div.info h2 { font-size: 19px; line-height: 23px; }
  main #section0 .res_wrap > div.info h2 span{ display: none; }
  main #section0 .res_wrap > div.info h2 strong { font-size: 28px; line-height: 28px; margin-top: 10px; }
  main #section0 .res_wrap > div.info h2 strong::before { content: ""; display: inline-block; width: 23px; height: 23px; background: url(../img/tem1_icon_1.svg) no-repeat; background-size: 100%; vertical-align: middle; margin-right: 10px; }
  main #section0 .res_wrap > div.info > div { font-size: 14px; line-height: 20px; margin-top: 7px; }
  main #section0 .res_wrap > div.time { display: block; margin-bottom: 0px; }
  main #section0 .res_wrap > div.time h2 { font-size: 19px; display: block; margin-right: 0px; text-align: center;display: none; }
  main #section0 .res_wrap > div.time > div { font-size: 14px; margin-top: 0px; }
  main #section0 .res_wrap > div.time > div p + p { margin-top: 10px; }
  main #section0 .res_wrap > div.time > div p span { width: 100px; }  
  main #section0 .res_wrap > div.res{padding-left:20px; text-align: center;}
  main #section0 .res_wrap > div.res > div{display: inline-block;}
  main #section0 .res_wrap > div.res h2 { font-size: 19px; display: block; margin-right: 0px; text-align: center; margin-bottom: 0px;}
  main #section0 .res_wrap > div.res p{display: none;}
  main #section0 .res_wrap > div.res::before{ width:30px; height: 30px; left:0; top:-5px; margin-right:10px; background-size: 100%;position: relative;display: inline-block;vertical-align: middle;}
  main #section0 .text { padding: 0 20px; top: 80px; text-align: center; }
  main #section0 .text p { font-size: 16px; line-height: 22px; }
  main #section0 .text p.tit { font-size: 30px; line-height: 40px; }
  main #section0 .bx-controls { top: calc( 10% + 200px); text-align: center; left: calc((100% - 250px)/2); width: calc(100% - ((100% - 250px)/2)); } }

main #section1 { text-align: center; }

main #section1 h2 { font-family: 'GmarketSans'; font-size: 40px; line-height: 40px; font-weight: 700; color: #000000; }

main #section1 h2 + p { font-size: 18px; color: #666; line-height: 30px; margin-top: 18px; line-height: 30px; margin-bottom: 8px; }

main #section1 .bx-viewport { height: 670px !important; }

main #section1 .slide_wrap2 { position: relative; left: 290px; height: 670px; padding-top: 30px; }

main #section1 .slide_wrap2 > div { width: 630px !important; height: 600px; margin: 0 20px 40px; opacity: 0.5; background: #0198D9; position: relative; top: 40px; transition: all 0.2s 0s linear; }

main #section1 .slide_wrap2 > div img { width: 100%; }

main #section1 .slide_wrap2 > div div { font-weight: 400; font-size: 17px; line-height: 26px; color: #FFFFFF; text-align: left; padding: 40px; }

main #section1 .slide_wrap2 > div div strong { font-weight: 800; font-size: 28px; line-height: 34px; display: block; margin-bottom: 10px; }

main #section1 .slide_wrap2 > div::before { content: ""; display: block; width: 30px; height: 30px; background: url(../img/com/icon_com_3.svg) no-repeat; position: absolute; right: 24px; bottom: 24px; }

main #section1 .slide_wrap2 > div.on, main #section1 .slide_wrap2 > div.on + div { opacity: 1; }

@media (min-width: 999px) { main #section1 .slide_wrap2 > div:hover { top: 0px; background: #0E4DAB; opacity: 1; filter: drop-shadow(5px 5px 12px rgba(0, 0, 0, 0.25)); }
  main #section1 .slide_wrap2 > div:hover::before { background-image: url(../img/com/icon_arr_1.svg); width: 49px; height: 49px; right: 16px; bottom: 22px; } }

main #section1 .bx-controls { position: absolute; top: 56%; left: 0; width: 100%; z-index: 10; opacity: 1; }

main #section1 .bx-controls .bx-controls-direction { max-width: 1300px; width: 100%; margin: 0 auto; position: relative; }

main #section1 .bx-controls .bx-controls-direction > a { display: block; width: 19px; height: 38px; background: url(../img/com/icon_arr_2.svg) no-repeat; background-size: 100%; position: relative; }

main #section1 .bx-controls .bx-controls-direction > a.bx-prev { float: left; left: -30px; }

main #section1 .bx-controls .bx-controls-direction > a.bx-next { float: right; transform: rotateZ(180deg); right: -30px; }


@media (max-width: 999px) { main #section1 .layer { padding: 40px 0; }
  main #section1 .bx-viewport { height: 570px !important; }
  main #section1 .slide_wrap2 { left: 190px; height: 500px; padding-top: 0px; }
  main #section1 .slide_wrap2 > div { width: 400px !important; height: 500px; }
  main #section1 .slide_wrap2 > div.on + div { opacity: 0.5; }
  main #section1 .slide_wrap2 > div br { display: none; }
  main #section1 .bx-controls .bx-controls-direction > a.bx-prev { left: 30px; }
  main #section1 .bx-controls .bx-controls-direction > a.bx-next { right: 30px; } }

@media (max-width: 600px) { main #section1 h2 { font-size: 28px; line-height: 28px; margin-top: 20px; }
  main #section1 h2 + p { font-size: 15px; line-height: 30px; margin-top: 5px; }
  main #section1 .layer { padding: 20px 0 0; }
  main #section1 .slide_wrap2 { padding: 0 20px 20px 20px; left: 0; height: auto; position: relative; }
  main #section1 .slide_wrap2 > div { width: 100% !important; height: 140px; margin: 0; opacity: 1; top: 0px; }
  main #section1 .slide_wrap2 > div img { position: relative; top: -50px; }
  main #section1 .slide_wrap2 > div + div { margin-top: 10px; }
  main #section1 .slide_wrap2 > div p { height: 100px; overflow: hidden; }
  main #section1 .slide_wrap2 > div div { padding: 8px 20px; font-size: 16px; }
  main #section1 .slide_wrap2 > div div strong { font-size: 18px; line-height: 22px; }
  main #section1 .slide_wrap2 > div div span { display: none; }
  main #section1 .slide_wrap2 > div::before { width: 15px; height: 15px; background-size: 100%; right: 14px; bottom: 14px; } }

@-webkit-keyframes zoom-b { 0% {
    transform: scale(1, 1) translateZ(1px); }
  100% {
    transform: scale(1.2, 1.2) translateZ(1px); } }

@keyframes zoom-b { 0% {
    transform: scale(1, 1) translateZ(1px); }
  100% {
    transform: scale(1.2, 1.2) translateZ(1px); } }

main #section2 { background: url(../img/tem1_main_bg3.jpg) no-repeat center; overflow: hidden; height: 100vh; background-size: cover; }

main #section2 .layer { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; gap: 40px; position: relative; width: 100%; max-width: 1300px; margin: 0 auto 100px; }

main #section2 .layer > div { display: block; position: relative; padding: 35px; background: #fff; height: auto; box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.15); position: relative; }
 

main #section2 .layer #daumRoughmapContainer1680659474664 .info{padding:30px; font-family: Pretendard;}
main #section2 .layer #daumRoughmapContainer1680659474664 .info h2{font-weight: 700;font-size: 28px;line-height: 34px; margin-bottom:15px}
main #section2 .layer #daumRoughmapContainer1680659474664 .info p{font-weight: 400;color: #222222;font-size: 18px;line-height: 28px;}
main #section2 .layer #daumRoughmapContainer1680659474664 .info p strong{font-weight: 700;display: inline-block;margin-right:5px}

@media (min-width: 999px) { main #section2 .layer > div { opacity: 0; top: 300px; transition: all 0.2s 0s ease-in; }
  main #section2 .layer > div.view { top: 0; opacity: 1; }
  main #section2 .layer > div:nth-child(1).view { transition: all 0.5s 0.3s linear; }
  main #section2 .layer > div:nth-child(2).view { transition: all 0.5s 0.6s linear; }
  main #section2 .layer > div:nth-child(3).view { transition: all 0.5s 0.9s linear; }
  main #section2 .layer > div:nth-child(4).view { transition: all 0.5s 1.2s linear; } }

main #section2 .layer h2 { font-weight: 700; font-size: 28px; line-height: 34px; color: #000; }

main #section2 .layer .more { width: 22px; height: 22px; background: url(../img/tem1_icon_5.svg) no-repeat; display: block; position: absolute; right: 30px; top: 33px; }

main #section2 .layer .noti { order: 3; height:244px }

main #section2 .layer .noti ul { margin-top: 20px; }

main #section2 .layer .noti ul li { position: relative; }

main #section2 .layer .noti ul li a { font-weight: 500; font-size: 18px; line-height: 40px; color: #555555; width: 100%; padding-right: 80px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative; }

main #section2 .layer .noti ul li span { font-weight: 400; font-size: 15px; line-height: 40px; color: #888888; position: absolute; right: 0; top: 0; }

main #section2 .layer #daumRoughmapContainer1680659474664 { overflow: hidden; max-height: 646px; width: 100%; height: 100%; -ms-grid-row: 1; -ms-grid-row-span: 2; grid-row: 1/3; -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2/3; padding: 0; order: 2; }

main #section2 .layer .popup { padding: 0px; order: 1;   position: relative;}

main #section2 .layer .popup img { width: 100%; display: block;max-height:362px ; }

main #section2  .bx-controls { position: absolute; bottom: 20px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 100%; max-width: 1300px; text-align: left; color: #fff; }

main #section2  .bx-controls > div { display: inline-block; }

main #section2  .bx-controls .bx-pager { display: block; text-align: center; }

main #section2  .bx-controls .bx-pager > div { display: inline-block; margin: 0 5px; }

main #section2  .bx-controls .bx-pager > div > a { width: 15px; height: 15px; border-radius: 15px; border: 1px solid #fff; display: block; text-indent: -9999px; }

main #section2  .bx-controls .bx-pager > div > a.active { background: #fff; }

main #section2 footer { position: absolute; bottom: 0; left: 0; }

@media (max-width: 999px) { main #section2 { background-size: cover; }
  main #section2 .layer { display: -ms-grid; display: grid; padding: 40px; -ms-grid-columns: 1fr; grid-template-columns: 1fr; }
  main #section2 .layer > div { height: auto; }
  main #section2 .layer .noti { order: 1;}
  main #section2 .layer #daumRoughmapContainer1680659474664 { height: 600px; grid-row: auto; grid-column: auto; order: 3;} 
  main #section2 .layer .popup{order: 2;}}

@media (max-width: 600px) { main #section2 { height: auto; }
  main #section2 .layer { padding: 20px; display: block; margin: 0 auto  180px; }
  main #section2 .layer > div { padding: 20px; width: 100%; }
  main #section2 .layer > div + div { margin-top: 20px; }
  main #section2 .layer h2 { font-size: 24px; line-height: 28px; }
  main #section2 .layer .more { right: 20px; top: 20px; }
  main #section2 .layer .noti ul { margin-top: 10px;}
  main #section2 .layer .noti ul li { padding-bottom: 23px; }
  main #section2 .layer .noti ul li a { font-size: 16px; padding-right: 0px; line-height: 30px; width: 100%; }
  main #section2 .layer .noti ul li span { display: block; right: auto; left: 0; top: 17px; }
  main #section2 .layer #daumRoughmapContainer1680659474664 { height: 600px; }   
  main #section2 .layer #daumRoughmapContainer1680659474664 .info{padding:20px; }
  main #section2 .layer #daumRoughmapContainer1680659474664 .info h2{font-size: 24px;line-height: 30px; margin-bottom:10px}
  main #section2 .layer #daumRoughmapContainer1680659474664 .info p{font-size: 16px;line-height: 24px;}
  main #section2 .bx-controls {  bottom: 10px;}
 }

main #section2 footer .up_btn { display: none; }

#fp-nav ul li, .fp-slidesNav ul li { width: 26px !important; height: auto !important; }

#fp-nav ul li a, .fp-slidesNav ul li a { width: 8px !important; height: 8px !important; background: #fff; margin: 0 auto; }

#fp-nav ul li a.active, .fp-slidesNav ul li a.active { width: 26px !important; height: 26px !important; border: 1px solid #fff !important; background: transparent !important; }

#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span { height: 8px !important; width: 8px !important; margin: -4px 0 0 -4px !important; }

#fp-nav.black ul li a, .fp-slidesNav ul li a { background: #444; }

#fp-nav.black ul li a.active, .fp-slidesNav ul li a.active { border: 1px solid #444 !important; }

.location { height: 320px; overflow: hidden; position: relative; z-index: 2; }

.location .bg { z-index: 0; width: 100%; height: 320px; position: absolute; }

.location .bg::after { content: ""; display: block; width: 100%; height: 320px; top: 0; left: 0; -webkit-animation: zoom-b 10s linear infinite alternate; animation: zoom-b 10s linear infinite alternate; background: url(../img/tem1_location_bg.jpg) center center; background-size: cover; }

.location.bg2 .bg::after { background-image: url(../img/tem1_location_bg.jpg); }

.location.bg3 .bg::after { background-image: url(../img/tem1_location_bg.jpg); }

.location.bg4 .bg::after { background-image: url(../img/tem1_location_bg.jpg); }

.location h2 { color: #fff; font-family: 'SBAggroL', 'Pretendard','Noto Sans KR','Dotum', sans-serif, sans-serif; font-size: 40px; text-align: center; position: relative; top: 50%; z-index: 9; }

.location .tap_list { width: 100%; max-width: 1300px; margin: 0 auto; background: rgba(5, 32, 53, 0.7); display: flex; justify-content: center; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); }

.location .tap_list button, .location .tap_list a { padding: 0 60px; color: #fff; font-size: 22px; line-height: 65px; cursor: pointer; display: block; }

.location .tap_list button span, .location .tap_list a span { padding: 0 5px; display: block; }

.location .tap_list button.on span, .location .tap_list button.active span, .location .tap_list a.on span, .location .tap_list a.active span { color: #00b4fe; border-bottom: 3px solid #00b4fe; height: 65px; }

.location .tap_list button:hover, .location .tap_list a:hover { color: #00b4fe; }

@media (max-width: 1299px) { .location .tap_list { justify-content: space-around; }
  .location .tap_list button, .location .tap_list a { padding: 0px; } }

@media (max-width: 600px) { .location { height: 180px; }
  .location .bg::after { height: 180px; }
  .location h2 { font-size: 30px; top: 100px; }
  .location .tap_list { display: none; } }

.h3_tit { width: 100%; max-width: 1300px; margin: 0 auto; position: relative; }

.h3_tit h3 { font-size: 42px; font-weight: 700; text-align: center; color: #222; margin: 50px 0; }

.h3_tit button { position: absolute; top: -10px; transform: scale(0.8); display: none; }

.h3_tit button:not([data-url=""]) { display: block; }

.h3_tit button.arrow-prev { left: 0px; }

.h3_tit button.arrow-next { right: 40px; }

@media (max-width: 999px) { .h3_tit h3 { margin: 30px 0; } }

@media (max-width: 600px) { .h3_tit h3 { font-size: 32px; margin: 30px 0; }
  .h3_tit button { position: absolute; top: -6px; transform: scale(0.6); } }

#content { font-size: 18px; width: 100%; max-width: 1300px; margin: 0 auto 120px; min-height: 500px; }

#content h4 { font-size: 26px; font-weight: 700; color: #333; margin-bottom: 40px; }

#content * + h4 { margin-top: 120px; }

@media (max-width: 999px) { #content { padding: 20px; } }

@media (max-width: 600px) { #content { font-size: 16px; } }

.btn_wrap { margin-top: 30px; min-height:40px }

.btn_wrap button { padding: 0 20px; border: 1px solid #BBBBBB; border-radius: 3px; height: 40px; }

.btn_wrap button[class^="ic_"]::before { content: ""; width: 14px; height: 14px; background-size: 100%; display: inline-block; background-repeat: no-repeat; vertical-align: middle; margin-right: 10px; background-position: center; position: relative; top: -1px; }

.btn_wrap button.ic_prve::before { background-image: url("../img/com_icon_07.svg"); width: 7px; }

.btn_wrap button.ic_next::before { display: none; }

.btn_wrap button.ic_next::after { background-image: url("../img/com_icon_07.svg"); width: 7px; transform: rotateZ(180deg); content: ""; height: 14px; background-size: 100%; display: inline-block; background-repeat: no-repeat; vertical-align: middle; margin-left: 10px; top: -2px; position: relative; }

.btn_wrap button.ic_list { background-color: #0266B2 !important; float: right; border: 0; color: #fff; }

.btn_wrap button.ic_list::before { background-image: url("../img/com_icon_01.svg"); }

.btn_wrap button.ic_edit { background: #777; color: #fff; float: right; margin-right: 10px; }

.btn_wrap button.ic_edit::before { background-image: url("../img/com_icon_write.svg"); }

.btn_wrap.center { margin: 11px auto; display: flex; gap: 10px; justify-content: center; width: 100%; }

.btn_wrap.center button { height: auto; background: #777; color: #fff; border: 0; font-size: 18px; padding: 10px 20px; }

.btn_wrap.center button[type="submit"] { background: #0260A7; }

i.file { width: 20px; height: 20px; display: inline-block; background: url("../img/com_icon_down.svg") center no-repeat; vertical-align: middle; margin-right: 10px; }

[class^="infobox2_"] { color: #fff; display: -ms-grid; display: grid; -ms-grid-columns: 1fr 2fr; grid-template-columns: 1fr 2fr; }

[class^="infobox2_"] .text { padding: 50px; background: #0266B2; font-size: 18px; line-height: 1.4; }

[class^="infobox2_"] .text .tit { font-weight: 700; font-size: 25px; margin-bottom: 15px; }

[class^="infobox2_"] .text .acc { color: #05F0FF; }

[class^="infobox2_"] .bg { background: url(../img/infobox2_type1.jpg) right no-repeat; width: 100%; height: 100%; background-size: cover; background-position: center; }

@media (max-width: 999px) { [class^="infobox2_"] { -ms-grid-columns: 1fr 1fr !important; grid-template-columns: 1fr 1fr !important; }
  [class^="infobox2_"] .text { padding: 30px; } }

@media (max-width: 600px) { [class^="infobox2_"] { -ms-grid-columns: 1fr !important; grid-template-columns: 1fr !important; }
  [class^="infobox2_"] .text { order: 2; padding: 20px; font-size: 16px; }
  [class^="infobox2_"] .text .tit { font-size: 20px; }
  [class^="infobox2_"] .bg { order: 1; height: 200px; } }

[class^="infobox2_"].infobox2_type2 { -ms-grid-columns: 2fr 1fr; grid-template-columns: 2fr 1fr; }

[class^="infobox2_"].infobox2_type2 .bg { background-image: url(../img/infobox2_type2.jpg); }

[class^="infobox2_"].infobox2_type3 { -ms-grid-columns: 8fr 7fr; grid-template-columns: 8fr 7fr; }

[class^="infobox2_"].infobox2_type3 .bg { background-image: url(../img/waves_wrap_img.jpg); }


.noti_wrap { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; gap: 20px; grid-auto-rows: 150px; }

.noti_wrap a { display: block; border: 1px solid #ddd; padding: 20px 25px; position: relative; }

.noti_wrap a p.tit { color: #222; font-weight: 700; font-size: 18px; line-height: 1.4; }

.noti_wrap a p.data { font-size: 15px; margin-top: 10px; position: absolute; left: 20px; bottom: 20px; }

.noti_wrap a.new::before { content: "N"; width: 25px; height: 25px; display: block; position: absolute; right: 0; top: 0; background: #ff7e33; color: #fff; text-align: center; padding-top: 5px; border-radius: 0 0 0 3px; font-weight: bold; }

.noti_wrap a.noti::before { content: ""; width: 25px; height: 25px; display: block; position: absolute; right: 0; top: 0; background: url(../img/com_icon_new.svg) center no-repeat #63A6E4; color: #fff; text-align: center; }

@media (min-width: 999px) { .noti_wrap a:hover { border-color: #aaa; background: #f7f7f7; } }

@media (max-width: 999px) { .noti_wrap { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; } }

@media (max-width: 600px) { .noti_wrap { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } }

.view_wrap .view { border-top: 2px solid #555; border-bottom: 1px solid #555; }

.view_wrap .view > p { padding: 15px; border-bottom: 1px solid #ddd; }

.view_wrap .view > p.tit { color: #222; font-weight: 700; font-size: 18px; line-height: 1.4; }

.view_wrap .view > p.data { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 20px; }

.view_wrap .view .con { min-height: 400px; padding: 30px 15px; line-height: 1.6; }

.search_wrap { background: #F4F4F4; width: 100%; margin: 50px auto; text-align: center; padding: 22px 0; }

.search_wrap p { display: inline-block; margin-right: 10px; vertical-align: middle; }

.search_wrap p.info::before { content: ""; display: inline-block; width: 16px; height: 16px; background: url(../img/com_icon_04.svg) no-repeat; background-size: 100%; vertical-align: middle; margin-right: 10px; }

.search_wrap select { display: inline-block; width: auto; }

.search_wrap input { width: 100%; max-width: 330px; }

.search_wrap button { background: #888; color: #fff; height: 36px; padding: 0 20px; }

@media (max-width: 600px) { .search_wrap select { width: 100px; }
  .search_wrap select + label input { width: calc(100% - 200px); }
  .search_wrap .info { margin-bottom: 15px; }
  .search_wrap input { width: calc(100% - 100px); } }

.page_wrap { text-align: center; margin-top: 50px; }

.page_wrap button { width: 40px; height: 40px; }

.page_wrap .btn { border-radius: 50%; background: #888; padding: 0; position: relative; }

.page_wrap .btn:hover { background: #666; }

.page_wrap .btn::before { content: ""; display: block; width: 40px; height: 40px; background: url(../img/com/icon_arr_1.svg) center center no-repeat; background-size: 26px; position: relative; left: 2px; }

.page_wrap .btn.allprve::before, .page_wrap .btn.allnext::before { left: 5px; }

.page_wrap .btn.allprve::after, .page_wrap .btn.allnext::after { content: ""; display: block; width: 40px; height: 40px; background: url(../img/com/icon_arr_1.svg) center center no-repeat; background-size: 26px; position: absolute; left: -3px; top: 0; }

.page_wrap .btn.allprve { transform: rotateZ(180deg); }

.page_wrap .btn.prve { transform: rotateZ(180deg); margin-right: 10px; }

.page_wrap .btn.next { margin-left: 10px; }

.page_wrap .num { border-radius: 50%; background: #f7f7f7; }

@media (min-width: 999px) { .page_wrap .num:hover { background: #eee; } }

.page_wrap .num.on { color: #fff; background: #0073c3; }

@media (max-width: 600px) { .page_wrap button { width: 25px; height: 25px; padding: 0; text-align: center; }
  .page_wrap .btn::before { width: 25px; height: 25px; background-size: 20px; left: 0px; }
  .page_wrap .btn.allprve::before, .page_wrap .btn.allnext::before { left: 2px; }
  .page_wrap .btn.allprve::after, .page_wrap .btn.allnext::after { width: 25px; height: 25px; background-size: 20px; left: -2px; top: 0; } }

.qna_wrap { border-top: 2px solid #555; border-bottom: 1px solid #555; line-height: 1.4; }

.qna_wrap dt { color: #222; font-weight: 700; font-size: 18px; padding: 20px; cursor: pointer; }

.qna_wrap dt.on { color: #0073c3; }

.qna_wrap dt.on + dd { height: auto; padding: 30px 25px; border-bottom: 1px solid #ddd; }

.qna_wrap dd { border-top: 1px solid #ddd; background: #f7f7f7; transition: all 0.4s ease-out; height: 0; padding: 0 25px; overflow: hidden; }

.text_style1 { font-family: 'GmarketSans'; font-size: 40px; line-height: 50px; text-align: center; color: #1F65B1; margin-bottom: 20px; }

.text_style1 span { color: #33C1D5; display: block; }

@media (max-width: 600px) { .text_style1 { font-size: 24px; line-height: 30px; } }

[class^="text_box_"] { line-height: 28px; }

[class^="text_box_"].text_box_c { text-align: center; font-weight: 600; }

[class^="text_box_"].text_box_c .big { color: #000000; font-size: 25px; margin-bottom: 15px; line-height: 32px; }

[class^="text_box_"].text_box_c .big span { text-decoration: underline; }

[class^="text_box_"] .tit { background: #0E4DAB; color: #fff; padding: 12px 50px; display: inline-block; font-weight: 700; }

@media (max-width: 600px) { [class^="text_box_"] { line-height: 26px; } }

[class^="text_box_"].text_box_2 { border: 1px solid #DDDDDD; max-width: 700px; margin: 50px auto; width: 100%; }

[class^="text_box_"].text_box_2 > div { margin: 28px 32px; }

[class^="text_box_"].text_box_2 > div li { line-height: 1.4; padding-left: 10px; position: relative; font-weight: 600; }

[class^="text_box_"].text_box_2 > div li::before { content: ""; width: 3px; height: 3px; background: #555; border-radius: 50%; position: absolute; left: 0; top: 12px; }

[class^="text_box_"].text_box_2 > div li + li { margin-top: 10px; }

[class^="text_box_"].text_box_3 { position: relative; }

[class^="text_box_"].text_box_3 .info { color: #FF630C; font-weight: 500; font-size: 16px; position: absolute; right: 0; top: 10px; }

@media (max-width: 600px) { [class^="text_box_"] .tit { display: block; text-align: center; }
  [class^="text_box_"].text_box_c .big { font-size: 20px; line-height: 28px; }
  [class^="text_box_"].text_box_c img { width: 100%; }
  [class^="text_box_"].text_box_2 > div { margin: 20px; }
  [class^="text_box_"].text_box_3 .info { position: relative; height: 40px; border-left: 1px solid #DDDDDD; top: 0; padding: 10px; border-right: 1px solid #DDDDDD; } }

[class^="img_box_"] { width: 100%; }

[class^="img_box_"].img_box_1 div + div { margin-top: 40px; }

[class^="img_box_"] + [class^="text_box_"] { margin-top: 70px; }

@media (max-width: 999px) { [class^="img_box_"] img { width: 100%; }
  [class^="img_box_"].img_box_1 div + div { margin-top: 20px; } }

.box_style_1 { padding: 75px 88px; background: url(../img/sub_bg_1.jpg) right center no-repeat; background-size: cover; margin-top: 50px; }

.box_style_1 .tit { font-weight: 900; font-size: 30px; line-height: 36px; color: #FFFFFF; text-shadow: 3px 3px 4px rgba(0, 0, 0, 0.3); }

.box_style_1 ul li { padding-left: 37px; position: relative; color: #000000; line-height: 26px; font-weight: 600; margin-top: 25px; }

.box_style_1 ul li span { background: #003A78; width: 27px; height: 27px; color: #FFFFFF; font-weight: 600; display: flex; align-items: center; justify-content: center; border-radius: 50%; position: absolute; left: 0; top: 0; }

@media (max-width: 999px) { .box_style_1 { padding: 30px; padding-right: 100px; background-position: right -70px center; } }

@media (max-width: 600px) { .box_style_1 { padding-right: 30px; background-position: center; }
  .box_style_1 .tit { font-size: 24px; } }

.doctor { display: flex; align-items: start; gap: 5.4%; }

.doctor .top .dept { color: #1F65B1; font-weight: 600; margin-bottom: 10px; }

.doctor .top .name { color: #000000; font-size: 28px; font-weight: 700; }

.doctor .top .name span { font-size: 40px; display: inline-block; margin-right: 10px; }

.doctor .mid { margin-top: 40px; display: flex; justify-content: space-between; gap: 15%; }

.doctor .mid > div { min-width: 350px; }

.doctor .bot { margin-top: 70px; }

.doctor .tit { color: #000000; font-weight: 600; font-size: 18px; line-height: 28px; margin-bottom: 5px; }

.doctor .tit:nth-child(n+2) { margin-top: 40px; }

@media (max-width: 999px) { .doctor .mid { display: block; }
  .doctor .bot { margin-top: 0px; }
  .doctor .tit { margin-top: 30px !important; } }

@media (max-width: 600px) { .doctor { display: block; }
  .doctor img { margin: 0 auto 20px; display: block; }
  .doctor .top { text-align: center; }
  .doctor .mid > div { min-width: auto; }
  .doctor .tit { font-size: 18px; border-top: 1px solid #ddd; padding-top: 20px; margin-top: 20px !important; } }

#daumRoughmapContainer1680659474664 { width: 100% !important; }

#daumRoughmapContainer1680659474664 .wrap_controllers { display: none; }

#daumRoughmapContainer1680659474664 .wrap_map { -o-object-fit: cover; object-fit: cover; }

.map_wrap { display: flex; border: 1px solid #D7D7D7; height: 120px; margin-top: 30px; }

.map_wrap > div { display: flex; align-items: center; justify-content: center; width: 50%; }

.map_wrap > div:not(.nav) { border-right: 1px solid #D7D7D7; }

.map_wrap > div:not(.nav) p { font-weight: 500; }

.map_wrap > div:not(.nav) p::before { content: ""; display: inline-block; width: 25px; height: 25px; vertical-align: middle; background: url(../img/tem1_icon_7.svg) no-repeat; margin-right: 10px; position: relative; top: -2px; }

.map_wrap > div:not(.nav) p.tel::before { background-image: url(../img/tem1_icon_6.svg); }

.map_wrap > div:not(.nav) p span { font-weight: 700; display: inline-block; margin-right: 10px; color: #333333; }

.map_wrap .nav a { background: #32B449; color: #fff; border-radius: 6px; width: 160px; padding: 15px 0; text-align: center; }

.map_wrap .nav a::before { content: ""; display: inline-block; width: 25px; height: 25px; vertical-align: middle; background: url(../img/sub_icon_1.png) no-repeat; margin-right: 5px; position: relative; top: 2px; }

.map_wrap .nav a.kko { background: #F2E356; color: #5E3E0E; margin-left: 20px; }

.map_wrap .nav a.kko::before { background-image: url(../img/sub_icon_2.png); }

.map_wrap + .cancer_wrap{margin-top:30px}

@media (max-width: 999px) { .map_wrap { flex-wrap: wrap; height: auto; }
  .map_wrap > div:not(.nav) { border-right: 0; padding: 20px 0; }
  .map_wrap .nav { width: 100%; border-top: 1px solid #D7D7D7; padding: 20px 0; } }

@media (max-width: 600px) { .map_wrap > div:not(.nav) { border-bottom: 1px solid #D7D7D7; width: 100%; }
  .map_wrap .nav { border-top: 0; }
  .map_wrap .nav a { width: 130px; padding: 10px 0; } }

.res_info { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 25px; margin-bottom: 40px; margin-top: 30px; }

.res_info > div { color: #fff; font-weight: 600; display: flex; justify-content: center; align-items: center; flex-direction: column; min-height: 225px; background: #1F65B1; text-align: center; line-height: 1.4; }

.res_info > div::before { content: ""; display: block; width: 40px; height: 40px; background: url(../img/tem1_icon_2.svg) no-repeat; background-size: 40px; margin-bottom: 27px; }

.res_info > div.bab::before { background-image: url(../img/tem1_icon_3.svg); }

.res_info > div.hol::before { background-image: url(../img/tem1_icon_4.svg); }

.res_info > div:nth-child(2) { background: #1195CE; }

.res_info > div:nth-child(3) { background: #16A5B9; }

.res_info > div:nth-child(4) { background: #E2E2E2; color: #555555; line-height: 32px; font-size: 22px; font-weight: 700; }

.res_info > div:nth-child(4)::before { margin-bottom: 20px; }

.res_info > div p { font-weight: 800; font-size: 22px; margin-bottom: 15px; }

@media (max-width: 999px) { .res_info { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; gap: 20px; } }

@media (max-width: 600px) { .res_info { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } }

.div_half { display: flex; gap: 50px; margin-top: 70px; }

.div_half > div { width: calc((100% - 50px)/2); }

@media (max-width: 999px) { .div_half { display: block; }
  .div_half > div { width: 100%; }
  .div_half > div + div { margin-top: 40px; } }

.agree_box { margin-top: 20px; }

.agree_box .text_box { height: 150px; overflow-y: auto; border: 1px solid #BBBBBB; padding: 15px 20px; }

.agree_box .text_box > div { line-height: 1.6; }

.agree_box .text_box > div .tit { font-weight: 600; font-size: 18px; color: #222222; margin-bottom: 7px; }

.agree_box .radio_box { margin-top: 20px; text-align: center; }

.agree_box .radio_box input[type="radio"] { position: relative; top: -3px; margin-right: 5px; }

.agree_box .radio_box label + label { margin-left: 70px; }

@media (max-width: 999px) { .agree_box label + label { margin-left: 30px; } }

.input_box { display: inline-flex; flex-wrap: wrap; -moz-column-gap: 20px; column-gap: 20px; align-items: center; }

.input_box label input { margin-right: 10px; }

.res_box { background: #F5F5F5; border: 1px solid #D6D6D6; margin-top: 40px; text-align: center; padding: 30px; display: flex; -moz-column-gap: 40px; column-gap: 40px; justify-content: center; }

.res_box input:not([type="radio"]) { max-width: 220px; }

.res_box .label label { font-weight: 700; }

.res_box span { font-weight: 700; font-size: 18px; color: #333333; margin-right: 13px; vertical-align: middle; display: inline-block; width: 60px; }

.res_box > label { display: inline-block; }

.res_box + .btn_wrap { margin-top: 50px; }

@media (max-width: 999px) { .res_box { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; gap: 10px; }
  .res_box .label { justify-content: center; } }

@media (max-width: 600px) { .res_box { -ms-grid-columns: 1fr; grid-template-columns: 1fr; padding: 20px 0px; }
  .res_box input:not([type="radio"]) { max-width: calc(100% - 100px); } }

.res_time { display: flex; margin: 40px 0 0; }

.res_time #datepicker { max-width: 320px; height: 100%; }

.res_time .info { margin-left: 40px; width: calc(100% - 360px); padding: 40px; border: 1px solid #ddd; background: #f7f7f7; display: flex; flex-direction: column; justify-content: center; }

.res_time .info .tit { font-weight: 700; font-size: 24px; color: #333333; }

.res_time .info p { line-height: 1.4; }

.res_time .info .input_box { margin: 30px 0; }

.res_time .info .input_box input { width: 1px; height: 1px; padding: 0; margin: 0; z-index: 1; position: relative; }

.res_time .info .input_box input + span { border: 2px solid #ddd; font-weight: 500; color: #aaa; font-size: 20px; padding: 10px 30px; display: inline-block; border-radius: 30px; margin-left: -2px; z-index: 3; position: relative; cursor: pointer; background: #fff; }

.res_time .info .input_box input:checked + span { background: #0266B2; color: #fff; border-color: #0266B2; box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.1); }

.res_time + h4 { margin-bottom: 0px !important; margin-top: 60px !important; }

@media (max-width: 600px) { .res_time { display: block; }
  .res_time #datepicker { max-width: 100%; }
  .res_time .info { width: 100%; margin-left: 0; margin-top: 20px; padding: 20px; }
  .res_time .info .tit { font-size: 20px; }
  .res_time .info .input_box { margin: 20px 0; }
  .res_time .info .input_box input + span { font-size: 18px; }
  .res_time + h4 { margin-top: 40px !important; } }

.res_quest dl { display: flex; flex-wrap: wrap; border-bottom: 1px solid #aaa; border-top: 2px solid #000; margin-top: 30px; }

.res_quest dl .bg { background: #f7f7f7; }

.res_quest dl > .wide { width: 100%; }

.res_quest dl dt { font-weight: 700; padding: 0 20px; font-size: 20px; color: #0266B2; width: 350px; border-top: 1px dotted #aaa; display: flex; align-items: center; }

.res_quest dl dt:first-child { border: 0; }

.res_quest dl dt.wide { padding-top: 20px; }

.res_quest dl dd { width: calc(100% - 350px); border-top: 1px dotted #aaa; padding: 20px; min-height: 81px; }

.res_quest dl dd:not(.wide) { display: flex; align-items: center; }

.res_quest dl dd .input_box { width: 100%; }

.res_quest dl dd input:not([type="checkbox"]) { max-width: calc(100% - 170px); }

.res_quest dl dd.wide { border-top: 0; padding-top: 10px; }

.res_quest dl dd.wide label { margin-top: 10px; }

.res_quest dl dd.wide input:not([type="checkbox"]) { max-width: 100%; margin-top: 10px; margin-left: 0px; }

.res_quest + .btn_wrap { margin-top: 40px; }

@media (max-width: 600px) { .res_quest dl { margin: 30px -20px 0; }
  .res_quest dl dt { width: 100%; padding-top: 20px; font-size: 18px; }
  .res_quest dl dd { width: 100%; border-top: 0; min-height: auto; }
  .res_quest dl dd input:not([type="checkbox"]) { max-width: calc(100% - 160px); } }

#datepicker .ui-widget.ui-widget-content { border-radius: 0; border: 1px solid #ddd; width: 100%; height: 260px; }

#datepicker .ui-widget-header { border: none; background: #f7f7f7; }

#datepicker .ui-datepicker table { table-layout: fixed; height: calc(100% - 40px); }

#datepicker .ui-state-default, #datepicker .ui-widget-content .ui-state-default, #datepicker .ui-widget-header .ui-state-default, #datepicker .ui-button, #datepicker html .ui-button.ui-state-disabled:hover, #datepicker html .ui-button.ui-state-disabled:active { border: 0; height: 100%; display: flex; align-items: center; justify-content: center; }

#datepicker a.ui-state-default { background: #079bbb; color: #fff; }

#datepicker a.ui-state-default:hover { background: #03809c; }

#datepicker a.ui-state-active { background: #ff5f28; }

#layer_pop { position: fixed; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.7); top: 0; left: 0; z-index: 99999; display:none }

#layer_pop.on{display:block }

/* #layer_pop > div {   position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #000; border-radius: 5px; overflow: hidden; -webkit-box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.1); box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.1); } */ 
 
#layer_pop > div{ padding-top:50px }

.carousel-cell {
  width: 100%; /* full width */ 
  display: flex;
  align-items: center;
  justify-content: center;
}

.carousel.is-fullscreen .carousel-cell {
  height: 100%;
}

.carousel-cell img {
  display: block;
  max-height: 90%;
  max-width: 90%;
}


#layer_pop > div .info { padding: 15px 20px; color: #fff;max-width:660px; margin:0 auto }

#layer_pop > div .info input { vertical-align: middle; }

#layer_pop > div .info button { background-color: #555; padding: 3px 15px; border-radius: 3px; vertical-align: top; float: right; position: relative; top: -3px; }

#layer_pop > div .flickity-page-dots { position: relative; top: 15px; margin-bottom:-20px   }

#layer_pop > div .flickity-page-dots .dot { width: 15px; height: 15px; border-radius: 15px; border: 1px solid #fff;   text-indent: -9999px; }

#layer_pop > div .flickity-page-dots .dot.is-selected { background: #fff; }

@media (max-width: 600px) { 
  #layer_pop > div { width: 100%; padding:20px }
  #layer_pop > div .slide img { width: 100%; } 
  #layer_pop > div .flickity-page-dots {  top: 10px; margin-bottom:0px   }
 }

.greeting { position: relative; padding: 100px 0 150px 50px; z-index: -1; }

.greeting .text_style1 { text-align: left; }

.greeting .img { position: absolute; right: 0; top: 0; }

@media (max-width: 999px) { .greeting { padding: 50px 400px 0px 0px; }
  .greeting .img { width: 500px; } }

@media (max-width: 600px) { .greeting { padding: 0px; }
  .greeting .img { position: relative; right: 0; top: 0; width: 100%; }
  .greeting + .box_style_1 { margin-top: -20px; } }

/*장비소개*/
.mec_wrap > li { margin-top: 80px; display: -ms-grid; display: grid; -webkit-box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.1); box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.1); background: #fff; border: 1px solid #ddd; }

.mec_wrap > li .img { max-width: 600px; }

.mec_wrap > li .img img { display: block; -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; }

.mec_wrap > li > div:not(.img) { padding: 50px; line-height: 1.6; font-size: 18px; color: #333; }

.mec_wrap > li > div:not(.img) .tit { font-family: 'GmarketSans'; color: #1F65B1; font-size: 42px; margin-bottom: 0px; }

.mec_wrap > li > div:not(.img) .en { font-size: 22px; color: #33C1D5; font-weight: 700; margin-bottom: 10px; }

.mec_wrap > li > div:not(.img) .en::after { content: ""; display: block; width: 100px; height: 2px; background: #333; margin: 20px 0 30px; }

.mec_wrap > li:nth-child(2n+2) { -ms-grid-columns: 8.2fr 6.8fr; grid-template-columns: 8.2fr 6.8fr; }

.mec_wrap > li:nth-child(2n+2) .img { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }

.mec_wrap > li:nth-child(2n+2) > div { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; border-right: 0; }

.mec_wrap > li:nth-child(2n+1) { -ms-grid-columns: 6.8fr 8.2fr; grid-template-columns: 6.8fr 8.2fr; }

.mec_wrap > li:nth-child(2n+1) .img { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }

.mec_wrap > li:nth-child(2n+1) > div { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; border-left: 0; }

@media (max-width: 999px) { .mec_wrap { max-width: 600px; margin: 0 auto; position: relative; }
  .mec_wrap > li { -ms-grid-columns: 1fr !important; grid-template-columns: 1fr !important; position: relative; margin-top: 40px; }
  .mec_wrap > li .img { -webkit-box-ordinal-group: 2 !important; -ms-flex-order: 1 !important; order: 1 !important; overflow: hidden; }
  .mec_wrap > li > div:not(.img) { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; padding: 20px; font-size: 16px; }
  .mec_wrap > li > div:not(.img) .tit { font-size: 22px; } }

/*내과질환진료*/
#content .dept_wrap { text-align: center; }

#content .dept_wrap h4 { color: #1F65B1; font-family: 'GmarketSans'; font-size: 30px; margin-bottom: 20px; }

#content .dept_wrap h4 + p { line-height: 1.4; }

#content .dept_wrap h5 { color: #fff; font-size: 36px; margin-top: 0px; margin-bottom: 40px; text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3); }

#content .dept_wrap .img { position: relative; width: 100%; max-width: 1000px; margin: 30px auto; }

#content .dept_wrap .img img { -webkit-filter: brightness(60%); filter: brightness(60%); }

#content .dept_wrap .img > div { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; width: 100%; }

#content .dept_wrap .img > div ul { width: 100%; padding: 0 5%; }

#content .dept_wrap .img > div ul li { display: inline-block; font-size: 20px; margin: 5px 10px; padding: 5px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 50%; background: rgba(255, 255, 255, 0.9); width: 120px; height: 120px; color: #169daf; font-weight: 700; -webkit-box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.1); box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.1); }

@media (max-width: 999px) { #content .dept_wrap .img { padding: 30px; }
  #content .dept_wrap .img img { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
  #content .dept_wrap .img > div { position: relative; top: 0; -webkit-transform: translateY(0); transform: translateY(0); }
  #content .dept_wrap .img > div ul { padding: 0; } }

@media (max-width: 600px) { #content .dept_wrap .img { padding: 30px; }
  #content .dept_wrap .img h5 { font-size: 28px; margin-bottom: 20px; }
  #content .dept_wrap .img > div ul li { height: auto; border-radius: 10px; width: auto; padding: 7px 15px; margin: 5px; font-size: 18px; font-weight: 500; } }

/*내시경 안내*/
#content .end_info { padding: 30px 0 30px; line-height: 1.4; background: #f7f7f7; width: 100vw; position: relative; left: calc(50% - 50vW); margin-top: 40px; margin-bottom: 40px; }

#content .end_info > div { width: 100%; max-width: 1300px; display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; margin: 0 auto; }

#content .end_info > div > div { position: relative; padding-right: 150px; }

#content .end_info > div > div:nth-child(2) { border-left: 1px solid #ddd; padding-left: 30px; }

#content .end_info > div > div:nth-child(2) i { right: 0; }

#content .end_info > div > div:nth-child(2) i::after { -webkit-mask-image: url(../img/end_info_icon_2.svg); mask-image: url(../img/end_info_icon_2.svg); }

#content .end_info i { background: #33C1D5; width: 120px; height: 120px; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; right: 40px; top: calc(50% - 50px); }

#content .end_info i::after { content: ""; display: block; width: 70px; height: 70px; -webkit-mask: url(../img/end_info_icon_1.svg) center no-repeat; mask: url(../img/end_info_icon_1.svg) center no-repeat; -webkit-mask-size: 100%; mask-size: 100%; background: #fff; }

#content .end_info h4 { margin-bottom: 20px; position: relative; margin-top: 0; color: #1F65B1; }

#content .end_info p { font-size: 17px; }

#content .end_info ul { margin-top: 20px; }

@media (max-width: 999px) { #content .end_info { padding: 30px; }
  #content .end_info > div { -ms-grid-columns: 1fr; grid-template-columns: 1fr; }
  #content .end_info > div > div:nth-child(2) { border-left: 0; padding-left: 0px; border-top: 1px solid #ddd; margin-top: 20px; padding-top: 20px; }
  #content .end_info > div > div:nth-child(2) i { right: 20px; }
  #content .end_info i { right: 20px; } }

@media (max-width: 600px) { #content .end_info { padding: 25px; }
  #content .end_info i { width: 50px; height: 50px; position: absolute; left: 0; top: 0; }
  #content .end_info i::after { width: 30px; height: 30px; }
  #content .end_info h4 { padding-left: 70px; padding-top: 10px; }
  #content .end_info > div > div { padding-right: 0px; }
  #content .end_info > div > div:nth-child(2) i { top: 20px; } }

  #content .waves_wrap { text-align: center; line-height: 1.4; }

#content .waves_wrap h4 { color: #1F65B1; font-size: 32px; margin-top: 60px; }

#content .waves_wrap dl { display: -ms-grid; display: grid; -ms-grid-columns: 100px 1fr 100px 1fr 100px 1fr; grid-template-columns: 100px 1fr 100px 1fr 100px 1fr; gap: 20px; }

#content .waves_wrap dl dt { width: 100px; height: auto; background: #1195CE; color: #fff; padding: 20px 0; }

#content .waves_wrap dl dt::before { content: ""; display: block; width: 40px; height: 40px; background: #fff; -webkit-mask: url(../img/waves_icon_1.svg) center no-repeat; mask: url(../img/waves_icon_1.svg) center no-repeat; -webkit-mask-size: 100%; mask-size: 100%; margin: 0 auto 10px; }

#content .waves_wrap dl dt.icon2::before { -webkit-mask-image: url(../img/waves_icon_2.svg); mask-image: url(../img/waves_icon_2.svg); }

#content .waves_wrap dl dt.icon3::before { -webkit-mask-image: url(../img/waves_icon_3.svg); mask-image: url(../img/waves_icon_3.svg); }

#content .waves_wrap dl dt.icon4::before { -webkit-mask-image: url(../img/waves_icon_4.svg); mask-image: url(../img/waves_icon_4.svg); }

#content .waves_wrap dl dt.icon5::before { -webkit-mask-image: url(../img/waves_icon_5.svg); mask-image: url(../img/waves_icon_5.svg); }

#content .waves_wrap dl dt.icon6::before { -webkit-mask-image: url(../img/waves_icon_6.svg); mask-image: url(../img/waves_icon_6.svg); }

#content .waves_wrap dl dt.icon7::before { -webkit-mask-image: url(../img/waves_icon_7.svg); mask-image: url(../img/waves_icon_7.svg); }

#content .waves_wrap dl dt.icon8::before { -webkit-mask-image: url(../img/waves_icon_8.svg); mask-image: url(../img/waves_icon_8.svg); }

#content .waves_wrap dl dt.icon9::before { -webkit-mask-image: url(../img/waves_icon_9.svg); mask-image: url(../img/waves_icon_9.svg); }

#content .waves_wrap dl dt.icon10::before { -webkit-mask-image: url(../img/waves_icon_10.svg); mask-image: url(../img/waves_icon_10.svg); }

#content .waves_wrap dl dt.icon11::before { -webkit-mask-image: url(../img/waves_icon_11.svg); mask-image: url(../img/waves_icon_11.svg); }

#content .waves_wrap dl dd { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: left; background: #f7f7f7; font-weight: 400; padding: 20px; margin-left: -20px; }

@media (max-width: 999px) { #content .waves_wrap dl { -ms-grid-columns: 100px 1fr 100px 1fr; grid-template-columns: 100px 1fr 100px 1fr; } }

@media (max-width: 600px) { #content .waves_wrap dl { -ms-grid-columns: 100px 1fr; grid-template-columns: 100px 1fr; } }


#content .cancer_wrap { display: -ms-grid; display: grid; gap: 30px; }

#content .cancer_wrap > div { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; }

#content .cancer_wrap > div:nth-child(3n+2) h4 { background: #1195CE; }

#content .cancer_wrap > div:nth-child(3n+3) h4 { background: #16A5B9; }

#content .cancer_wrap > div h4 { background: #1F65B1; color: #fff; margin: 0; padding: 20px 20px; text-align: center; width: 160px; font-size: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

#content .cancer_wrap > div h4::before { content: ""; display: block; width: 60px; height: 60px; background: #fff; -webkit-mask: url(../img/cancer_icon_1.svg) center no-repeat; mask: url(../img/cancer_icon_1.svg) center no-repeat; -webkit-mask-size: 100%; mask-size: 100%; margin: 0 auto 15px; }

#content .cancer_wrap > div.icon2 h4::before { -webkit-mask-image: url(../img/cancer_icon_2.svg); mask-image: url(../img/cancer_icon_2.svg); }

#content .cancer_wrap > div.icon3 h4::before { -webkit-mask-image: url(../img/cancer_icon_3.svg); mask-image: url(../img/cancer_icon_3.svg); }

#content .cancer_wrap > div.icon4 h4::before { -webkit-mask-image: url(../img/cancer_icon_4.svg); mask-image: url(../img/cancer_icon_4.svg); }

#content .cancer_wrap > div.icon5 h4::before { -webkit-mask-image: url(../img/cancer_icon_5.svg); mask-image: url(../img/cancer_icon_5.svg); }

#content .cancer_wrap > div.map_icon1 h4::before { -webkit-mask-image: url(../img/map_icon_1.svg); mask-image: url(../img/map_icon_1.svg); }
#content .cancer_wrap > div.map_icon2 h4::before { -webkit-mask-image: url(../img/map_icon_2.svg); mask-image: url(../img/map_icon_2.svg); }
#content .cancer_wrap > div.map_icon3 h4::before { -webkit-mask-image: url(../img/map_icon_3.svg); mask-image: url(../img/map_icon_3.svg); }

#content .cancer_wrap > div p { line-height: 1.4; border: 1px solid #ddd; border-left: 0; width: calc(100% - 160px); padding: 20px 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; }

@media (max-width: 600px) { #content .cancer_wrap > div { display: block; }
  #content .cancer_wrap > div h4 { width: 100%; }
  #content .cancer_wrap > div p { padding: 15px 20px; width: 100%; border: 1px solid #ddd; border-top: 0; } }


  .hos_view { width: 100%; max-width: 1000px; margin: 0 auto; }

.hos_view .slider-for img { display: block; }

.hos_view .slider-nav { position: relative; margin-bottom: 30px; }

.hos_view .slider-nav .slick-track > img.slick-slide:not(.slick-center) { -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: 0.6; }

.hos_view .slider-nav .slick-track img { display: block; margin: 0 5px; }

.hos_view .slider-nav .slick-arrow { border-radius: 50%; width: 50px; height: 50px; text-indent: -9999px; background: rgba(255, 255, 255, 0.8); position: absolute; top: 400px; z-index: 10; -webkit-box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.1); box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.1); }

.hos_view .slider-nav .slick-arrow::before { content: ""; display: block; width: 30px; height: 30px; -webkit-mask: url(../img/com/icon_arr_1.svg) center no-repeat; mask: url(../img/com/icon_arr_1.svg) center no-repeat; -webkit-mask-size: 100%; mask-size: 100%; background: #aaa; margin: 0 auto; }

.hos_view .slider-nav .slick-arrow.slick-prev { left: 15px; }

.hos_view .slider-nav .slick-arrow.slick-prev::before { -webkit-transform: rotateZ(180deg); transform: rotateZ(180deg); }

.hos_view .slider-nav .slick-arrow.slick-next { right: 15px; }

@media (max-width: 999px) { .hos_view .slider-nav .slick-arrow { top: 300px; } }

@media (max-width: 600px) { .hos_view .slider-nav .slick-arrow { top: 150px; } }
/*# sourceMappingURL=tem1_common.css.map */

/*검진 안내*/
.program_box1{ background: url('../img/program_bg_01.jpg') no-repeat top right;background-size: contain; background-color: #E1F0F9; padding: 40px; display: flex; align-items: center;}
.program_box1 h4{ font-size: 42px!important; margin-bottom: 0px!important; font-weight: 800!important;font-family: 'GmarketSans';}
.program_box1 div{ margin-left: 30px; padding-left: 30px; border-left:1px solid rgba(0, 0, 0, 0.15);}
.program_box1 div p span{font-size:20px; font-weight: 700; color: #222;}
.program_box1 div p + p{ padding-top: 6px; }
.program_box1 div p + p{ padding-top: 6px; }
.program_box1 div p.price span{ color: #1F65B1!important;}

@media (max-width: 600px) {
  .program_box1{flex-direction: column;align-items: flex-start;padding: 30px; }
  .program_box1 div{ margin-left: 0px; padding-left: 0px; border-left:none;}
  .program_box1 h4{ font-size: 32px!important; margin-bottom: 15px!important;}
}

.program_box1.bg2{ background: url('../img/program_bg_02.jpg') no-repeat top right; background-size: contain;background-color: #E3E4F3;}
.program_box1.bg2 div p.price span{color: #3B3A90!important}
.program_box1.bg3{ background: url('../img/program_bg_03.jpg') no-repeat top right; background-size: contain;background-color: #F9E2EE;}
.program_box1.bg3 div p.price span{color:#822077!important;}

.program_table tr th{background-color: #71B1DA; color: #fff;}
.program_table tr td:first-of-type{color: #1F65B1;background-color: #eff9fe}
.program_table.bg2 tr th{background-color: #9998CD; color: #fff;}
.program_table.bg2 tr td:first-of-type{color: #3B3A90;background-color: #efeeff}
.program_table.bg3 tr th{background-color: #CD86AD; color: #fff;}
.program_table.bg3 tr td:first-of-type{color: #a24082;background-color: #fef0f8}
.program_table tr td.none{color: #555!important; background-color:#fff!important; }

#content * + .program_box1 {margin-top: 150px;}

.program_list{margin-top: 30px;}
.program_list li{ padding-bottom: 10px;}