@charset "utf-8"; @font-face { font-family: 'Godo'; font-style: normal; font-weight: 400; src: url('//fastly.jsdelivr.net/korean-webfonts/1/corps/godo/Godo/GodoM.woff2') format('woff2'), url('//fastly.jsdelivr.net/korean-webfonts/1/corps/godo/Godo/GodoM.woff') format('woff'); } 

@font-face { font-family: 'Godo'; font-style: normal; font-weight: 700; src: url('//fastly.jsdelivr.net/korean-webfonts/1/corps/godo/Godo/GodoB.woff2') format('woff2'), url('//fastly.jsdelivr.net/korean-webfonts/1/corps/godo/Godo/GodoB.woff') format('woff'); } 

/* C00243 대평리내과 */

* { font-family: 'SUIT', 'Noto Sans KR', sans-serif; line-height: 1.5; letter-spacing: -0.2pt; } 

/* 메인전용컨텐츠 */
.MainContents_Area * { } 
.MainContents_Area { content: ""; clear: both; display: block; position: relative; width: 100%; text-align: center; box-sizing: border-box; white-space: normal; word-break: keep-all; } 

/*슬라이드 초기화*/
.MultiImgSlider .slick-slide li .ThumBox { background-color: transparent; } 

/*메인타이틀*/
.mainTitle { text-align: center; padding-bottom:70px; } 
.mainTitle p { font-size: 10pt; font-weight: normal; font-family: 'Noto Sans KR'; letter-spacing: 3.5pt; color: #1f30ae; padding-bottom: 35px; } 
.mainTitle h3 { font-size: 44pt; font-weight: normal; font-family: 'Godo', 'Noto Sans KR'; color: #1c1c1c; } 
.mainTitle h3 b { font-family: 'Godo', 'SUIT', 'Noto Sans KR'; font-weight: 700; color: #1f30ae; } 

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션01] 1번배너 */
.MainSection01 { width: 100%; position: relative; height: inherit; overflow: hidden; } 
.MainSection01 .ThumBox { position: relative; z-index: 2; } 
.MainSection01 .videoBox { position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; } 
.MainSection01 .videoBox .Movie_IframArea { position: relative; width: 100%; height: 100%; } 
.MainSection01 .videoBox .Movie_IframArea::after { content: ''; background: rgba(255, 255, 255, 0.4); position: absolute; top: 0; left: 0; width: 100%; height: 100%; } 
.MainSection01 .MultiSlider ul.SliderThum_BtnPage { bottom: 5%; } 
.MainSection01 .MultiSlider ul.SliderThum_BtnPage li button { width: 12px; height: 12px; opacity: 0.4; background-color: #444444; display: inline-block; border-radius: 500px; border: 0; margin: 0 5px; } 
.MainSection01 .MultiSlider ul.SliderThum_BtnPage li.slick-active button { opacity: 1; } 

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션02] 2번배너 */
.MainSection02 { padding: 140px 0; width: 100%; position: relative; background: url('/img/C00243/mainSection02_back.jpg')no-repeat; background-size: cover; background-position: center center; } 
.MainSection02 .mainTitle h3 b { display: block; } 
.MainSection02 .Inner { position: relative; } 
.MainSection02 .Inner .common_flex { justify-content: center; } 
.MainSection02 .Inner .BannerThum2 { padding: 0 50px; } 
.MainSection02 .Inner .BannerThum a { display: inline-block; } 
.MainSection02 .Banner02 .BannerThum .ThumImg { position: relative; } 
.MainSection02 .Banner02 .BannerThum .ThumImg .Thum_img_txt { position: absolute; left: 50%; bottom: 43px; transform: translate(-50%, 0); font-size: 35px; font-family: 'Noto Sans KR'; font-weight: bold; text-align: center; } 
.MainSection02 .Thum_img_txt h5 { color: #ffffff; padding-bottom: 15px; } 
.MainSection02 .Thum_img_txt .view_btn { width: 90px; height: 30px; color: #13228e; border: 1px solid #13228e; background-color: transparent; font-family: 'Godo', 'sans-serif'; font-weight: 400; font-size: 18px; text-transform: uppercase; } 
.MainSection02 .Banner02 .BannerThum .ThumImg:hover .view_btn { color: #afd7ff; border: 1px solid #13228e; background-color: #13228e; } 

/* =============================================================================================================== */
/* [세션03] 3번배너 */
.MainSection03 { content:""; clear:both; display:block; position:relative; width:100%; overflow:hidden; } 
.MainSection.MainSection03 { padding:0px; } 
.MainSection03 .Inner { width:100%; } 
/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 기본 */
.MainSection03 .Banner03 { position:relative; display:block; } 
.MainSection03 .Banner03 .ThumBox { position:relative; display:block; } 
.MainSection03 .Banner03 .ThumBox .ThumImg { display:block; height:100%; background-repeat:no-repeat; background-position-y:40%; background-size:cover; background-attachment:fixed; padding:0px; overflow:hidden; } 
.MainSection03 .Banner03 .ThumBox img { display:block; max-width:fit-content; margin:0 auto; width:100%; } 

/* =============================================================================================================== */
/* [세션04] 4번배너 */
.MainSection04 { padding: 140px 0; width: 100%; position: relative; background: url('/img/C00243/mainSection04_back.jpg')no-repeat; background-size: cover; background-position: center center; } 
.MainSection04 .mainTitle { padding-bottom: 0; } 
.MainSection04 .Inner { position: relative; width: 100%; min-width: 100%; } 
.MainSection04 .Banner_swiper05 { margin-top: 60px; } 
.MainSection04 .Banner_swiper05 .swiper-slide img { width: 100%; } 
.MainSection04 .Banner_swiper05 .swiper-slide { scale: 0.7; opacity: 0.7; } 
.MainSection04 .Banner_swiper05 .swiper-slide-active { scale: 0.7; opacity: 1; animation: Slide04Ani 1s ease; animation-fill-mode: forwards; } 

@keyframes Slide04Ani { 
 0% { scale: 0.7; } 

 100% { scale: 1; } 
 }

.MainSection04 .Inner .swiper-button-prev04 { position: absolute; top: 50%; left: 16%; transform: translate(0, -50%); cursor: pointer; z-index: 999; } 
.MainSection04 .Inner .swiper-button-next04 { position: absolute; top: 50%; right: 16%; transform: translate(0, -50%); cursor: pointer; z-index: 999; } 

/* =============================================================================================================== */
/* [세션05] 5번배너 */
.MainSection05 { padding: 140px 0; width: 100%; position: relative; background: url('/img/C00243/mainSection05_back.jpg')no-repeat; background-size: cover; background-position: center center; } 

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/*이미지*/
.MainSection05 .Inner { margin: 0 auto; text-align: center; display: table; } 
.MainSection05 .BannerThum { display:inline-table; width:calc(100% /5.1); } 
.MainSection05 .BannerThum .ThumBox { position:relative; overflow:hidden; width:fit-content; } 

/*이미지*/
.MainSection05 .imgHover { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%; opacity:0; } 
.MainSection05 .Thum_img_txt { text-align:center; position:absolute; bottom:40px; left:50%; transform:translate(-50%,0); width:100%; } 
.MainSection05 .Thum_img_txt h5 { font-family:'Noto Sans KR',"돋음, Dotum","Arial","sans-serif"; font-weight:bold; line-height:normal; font-size:30px; color:#0b197e; } 
.MainSection05 .Thum_img_txt p { font-family:'Noto Sans KR', sans-serif; font-weight:normal; line-height:normal; font-size:30px; color:#1c1c1c; padding-bottom:4px; } 

/*호버*/
.MainSection05 .ThumBox:hover .imgHover { opacity:1; transition: 0.5s; } 
.MainSection05 .ThumBox:hover .Thum_img_txt h5,
.MainSection05 .ThumBox:hover .Thum_img_txt p { color: #ffffff; }