@charset "utf-8";
@import url("./default.css?250224"); 
@font-face {
    font-family: 'ROEHOECHAN';
    src: url('../images/main/ROEHOE-CHAN.otf') format('opentype');
    font-display: swap;
}

@font-face {
    font-family: 'yg-jalnan';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


body{background:#fff;}

#container {width:100%; margin:0px auto; }
#container:after { content:""; display:block; clear:both; }

#layerBell{width:758px;height:426px;position:fixed; left:calc(50% - 339px); top:calc(50% - 213px);  padding:0px 30px 0px; z-index:999; background:#fff;  box-sizing:border-box; -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.25);
box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.25);}
#layerBell .lb_titlebox { text-align:center; position:relative; width:100%; height:110px; }
#layerBell .lb_titlebox:before { content:""; display:block; width:178px; height:192px; background:url(../images/layer/layer_bg.png) center top no-repeat; position:absolute; right:0; bottom:0; }
#layerBell .lb_titlebox h3 { font-size:28px; color:#333; font-weight:500; padding:38px 0 6px; }
#layerBell .lb_titlebox p { font-size:14px; color:#666666; }
#layerBell.bellview { display:none; }
#layerBell .close{position:absolute;bottom:5px;right:5px;}
#layerBell ul { height:240px;  overflow-y:scroll; position:relative; box-sizing:border-box; padding:20px; background:#f5f5f5; }
#layerBell ul:before { content:""; display:block; width:1px; height:100%; background:#ccc; position:absolute; left:18px; top:0px; }
#layerBell ul li { line-height:50px; font-size:15px; color:#333; margin-bottom:10px;  }
#layerBell ul li a { display:block; width:100%; height:50px; line-height:50px; position:relative; padding:0 85px 0 55px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#333; box-sizing:border-box; }
#layerBell ul li a span.Blink { display:block; position:absolute; right:15px; top:calc(50% - 13px); width:55px; height:25px; line-height:25px; background:#999; font-size:12px; color:#fff; text-align:center;  transition:all 0.4s; }

#layerBell ul li a:before { content:""; display:block; width:38px; height:38px; position:absolute; left:0; top:6px; background:#eee url(../../../images/member/cal_off.png) 11px center no-repeat; border-radius:50%; transition:all 0.4s; }
#layerBell ul li a:hover { font-weight:500; }
#layerBell ul li a:hover:before { background:#01b093 url(../../../images/member/cal_on.png) 11px center no-repeat; transition:all 0.4s; }

#layerBell ul li a:hover span.Blink { background:#444;  transition:all 0.4s;}
#layerBell .today_close_box { width:100%; position:relative; background:#f5f5f5; margin-top:12px; text-align:right; }
#layerBell .today_close_box span { display:block; width:calc(100% - 172px); cursor:pointer; line-height:45px; font-weight:500; color:#4e4e4e; box-sizing:border-box; padding:0 44px 0 0; }
#layerBell .today_close_box span:before { content:""; display:inline-block; background:url(../images/layer/new_chk_on.png) left top no-repeat; width:18px; height:17px; position:relative; margin:0 12px 0 0; top:3px; }
#layerBell .bell_close {position:absolute; right:0; bottom:0; }
#layerBell .bell_close a { display:block; vertical-align:top; text-align:center; width:172px; height:45px; line-height:45px; text-align:center; font-weight:500; color:#4e4e4e; background:#fae86c;  }
#layerBell .bell_close i { color:#fff !important; }

#layerBell table.cStyle {border-top:2px solid #93a9d7; width:100%; border-left:1px solid #dddddd; font-size:13px; text-align:center; border-collapse:collapse; word-break:break-all; margin:0px 0; background:#fff;}
#layerBell table.cStyle th {background:#f4f6fa; color:#444; line-height:24px; padding:6px 5px; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd;}
#layerBell table.cStyle td {color:#555; padding:6px 5px; line-height:20px; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd; font-size:14px; font-weight:500; }
#layerBell .tablecont {  position:relative;  box-sizing:border-box; padding:20px; background:#f5f5f5;}
#layerBell .layer_table {  overflow-y:scroll; position:relative; box-sizing:border-box; height:203px;}
#layerBell table.cStyle .Blick { display:block; width:68px; height:28px; margin:0 auto; line-height:28px; background:#d95f5f; font-size:13px; color:#fff; text-align:center;  transition:all 0.4s; font-weight:500; border-radius:3px; }
#layerBell table.cStyle .Blick:hover { background:#c31414;  transition:all 0.4s;}
#layerBell .lb_chk { display:inline-block; height:28px; margin:0 auto; line-height:28px; background:#5d86e0; font-size:13px; color:#fff; text-align:center;  transition:all 0.4s; font-weight:500; border-radius:3px; padding:0 10px;}
#layerBell .bell_text { }


/*박스 공통*/
.col_box{float:left;  position:relative; width:30%; height:195px; box-sizing:border-box;  background:#fff;} /* 340 / 1100 = */



/*메인비주얼*/
.visual_wrap { margin:0px auto 0px; position:relative; padding:0px 0 0; }

.visual_wrap .vitxt_cont { position:absolute; left:0; top:114px; z-index:1; background:url(../images/main/vi_txt_pat.png) left top 5px no-repeat, rgba(0,66,42,0.8); padding:0 50px 0 209px; overflow:hidden; height:490px; box-sizing:border-box; width:783px; display:flex; justify-content:center; flex-direction:column;  }
.visual_wrap .vitxt_cont.effect { }
.visual_wrap .slick-slide video {width:100%; height:100%; left:50%; transform:translateX(-50%); top:0px;  object-fit: fill;
    position: absolute;  } 
.visual_wrap .vitxt_cont .vitxt_box {-webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0; }
.visual_wrap .vitxt_cont.effect .vitxt_box { -webkit-animation: focus-in-expand 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: focus-in-expand 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; }
@-webkit-keyframes focus-in-expand {
  0% {
    letter-spacing: -0.5em;
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}
@keyframes focus-in-expand {
  0% {
    letter-spacing: -0.5em;
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}
.visual_wrap .vitxt_cont p { color:#fff; line-height:50px; }
.visual_wrap .vitxt_cont .vtxt1 { font-size:14px; letter-spacing:2.4px; }
.visual_wrap .vitxt_cont .vtxt2 { font-size:45px; font-weight:bold; }
.visual_wrap .vitxt_cont .vtxt3 { font-size:22px; }
.visual_wrap .vitxt_cont .vitxt_box { display:none; }
.visual_wrap .vitxt_cont .vitxt_box1 { display:block; }

.visual_wrap .slick-slide { width:100%; height:807px; position:relative; z-index:1; }
.visual_wrap .slick-slide img { margin:0 auto; }

.visual_wrap .paging_box { display:flex; align-items:center; margin-top:34px; }
.visual_wrap .paging_box::after { content:""; display:block; clear:both; }

.visual_wrap .paging_box .pgc_box { order: 2; }

.visual_wrap .slick-dots { order: 1; }
.visual_wrap .slick-dots::after { content:""; display:block; clear:both; }
.visual_wrap .slick-dots li { position:relative; overflow:hidden; float:left; cursor:pointer; margin-right:11px; }
.visual_wrap .slick-dots li span { display:block; position:relative; width:36px; height:36px; box-sizing:border-box; text-indent:-99999px; border:1px solid #fff; border-radius:50%; transition:all 0.4s; background:transparent; }
.visual_wrap .slick-dots li.slick-active span { border:0 none; background:url(../images/main/vi_dot.png) center center no-repeat; }

.visual_wrap .slick-dots li span::before { content:""; display:block; width:10px; height:10px; border-radius:50%; background:#fff; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:1; transition:all 0.4s;}
.visual_wrap .slick-dots li.slick-active span::before { border-radius:0; width:12px; height:14px; box-sizing:border-box; border-left:3px solid #fff; border-right:3px solid #fff; background:transparent; }

.visual_wrap .slick-counter { font-size:19px; color:#fff; margin-left:5px; }
.visual_wrap .slick-counter .current { font-size:22px; font-weight:bold; }


/*오아시스특별함*/
.introbox { padding:92px 0 65px 0;  }
.introbox .svgbox { position:relative; margin:0 0 20px -128px; font-size:48px; color:#40715f; font-family: 'ROEHOECHAN'; text-transform:uppercase; opacity:0.7; line-height:50px;  display:inline-block;}

.introbox .ititlebox { line-height:50px; font-size:35px; color:#222; }
.introbox .ititlebox span { font-weight:bold; }

.introbox .ipicbox { display:flex; align-items:center; flex-wrap:wrap; justify-content: space-between; margin:42px 0 0; position:relative; z-index:1; }
.introbox .picbox { width:312px; box-sizing:border-box; border:1px solid #dddddd; background:#fff; position:relative; top:0; box-shadow:none; transition:all 0.4s; }
.introbox .picbox::before { box-sizing:border-box; content:""; display:block; width:0px; height:0px; position:absolute; left:-1px; top:-1px; border:2px solid transparent;  }
.introbox .picbox::after { box-sizing:border-box; content:""; display:block; width:0px; height:0px; position:absolute; right:-1px; bottom:-1px; border:2px solid transparent;  }
.introbox .picbox:hover::before { width:calc(100% + 2px); height:calc(100% + 2px);  
transition:
width 0.35s ease-out,
height 0.35s ease-out 0.35s; }

.introbox .picbox:hover::after { width:calc(100% + 2px); height:calc(100% + 2px);    transition:
width 0.35s ease-out,
height 0.35s ease-out 0.35s; }

.introbox .picbox:hover::before { border-top-color:#0e8459; border-right-color:#0e8459; }
.introbox .picbox:hover::after {  border-bottom-color:#0e8459; border-left-color:#0e8459; }

.introbox .picbox:hover { top:-17px; box-shadow:0px 3px 7px rgba(0,0,0,0.12); }
.introbox .picbox img { display:block; margin:0 auto; width:100%; max-width:310px; }

.introbox .picbox dl { padding:6px 20px 17px; position:relative; }
.introbox .picbox dl::before { content:""; display:block; width:6px; height:21px; background:#0e8459; position:absolute; left:50%; top:-11px; transform:translateX(-50%); }
.introbox .picbox dt { line-height:50px; font-size:20px; color:#222; font-weight:700; }
.introbox .picbox dd { line-height:20px; font-size:16px; color:#222; font-weight:300; letter-spacing:-1px; }

#main_cont .bgpat { position:absolute; bottom:38px; }
#main_cont .bgpat span { display:block; position:relative; animation: rise 10s infinite ease-in; opacity:0;}
#main_cont .bgpat span:nth-child(1) { width:11px; height:11px; animation-duration:6s;}
#main_cont .bgpat span:nth-child(2) { width:33px; height:33px; animation-duration:5s;
  animation-delay:1s;}
#main_cont .bgpat span:nth-child(3) { width:17px; height:17px; animation-duration:7s;
  animation-delay:1.5s;}

#main_cont .bgpat span:before { content:""; display:block; position:absolute; left:0; top:calc(50% - 0.5px);  width:100%; }
#main_cont .bgpat span:after { content:""; display:block; position:absolute; left:calc(50% - 0.5px); top:0;  height:100%; }

#main_cont .bgpat span:nth-child(1)::before { height:1px; background:#2a926d; }
#main_cont .bgpat span:nth-child(1)::after { width:1px; background:#2a926d; }
#main_cont .bgpat span:nth-child(2)::before { height:2px; background:#00422a; top:calc(50% - 1px);}
#main_cont .bgpat span:nth-child(2)::after { width:2px; background:#00422a; left:calc(50% - 1px);}
#main_cont .bgpat span:nth-child(3)::before { height:1px; background:#5e9541; }
#main_cont .bgpat span:nth-child(3)::after { width:1px; background:#5e9541; }
#main_cont { overflow:hidden; }
#main_cont .bgpat1 { left:-93px; }
#main_cont .bgpat1 span:nth-child(1) { margin:0 0 0 9px;  }
#main_cont .bgpat1 span:nth-child(2) { margin:10px 0 0 35px; }
#main_cont .bgpat1 span:nth-child(3) { margin:-1px 0 0 0px; }

#main_cont .bgpat2 { right:-90px;  }
#main_cont .bgpat2 span:nth-child(1) { margin:0 0 0 48px; }
#main_cont .bgpat2 span:nth-child(2) { margin:10px 0 0 0px; }
#main_cont .bgpat2 span:nth-child(3) { margin:-1px 0 0 51px; }

@keyframes rise{
  0%{
    bottom:-100px;
    transform:translateX(0);
	opacity:0;
  }
  50%{
    transform:translate(30px);
	opacity:1;
  }
  100%{
    bottom:200px;
    transform:scale(0.5) translateX(-30px);
	opacity:0;
  }
}

/*전문성함께합니다 영역*/
#main_cont2 { min-height:314px; background:url(../images/main/gra_bg.jpg) no-repeat center bottom; display:flex; align-items:center; text-align:center; line-height:50px; }
#main_cont2 .eng { color:#0e8459; font-size:17px; font-weight:300;}
#main_cont2 .gtitlebox { font-size:35px; color:#222; margin-top:-6px; }
#main_cont2 .gtitlebox span { font-weight:bold; }



/*배너모음*/
#main_cont3 { position:relative; padding:94px 0 118px; }
#banner {margin:0px 0 0 0; height:auto; position:relative; width:100%; box-sizing:border-box;  }
#banner .btitlebox { text-align:center; line-height:50px; }
#banner .eng { color:#0e8459; font-size:17px; font-weight:300;}
#banner .btitle { font-size:35px; color:#222; margin-top:-6px; }
#banner .btitle a { color:#222; }
#banner .main_btn {   }
#banner .main_btn li { position:absolute; top:89px; }
#banner .main_btn li.bbtn01 { left:0; }
#banner .main_btn li.bbtn03 { right:0; }

#banner .main_btn li a { text-indent:-99999px; display:block;  box-sizing:border-box; width:12px; height:20px;  }
#banner .main_btn li.bbtn01 a { background:url(../images/main/b_bt1.png) center center no-repeat; }
#banner .main_btn li.bbtn03 a { background:url(../images/main/b_bt3.png) center center no-repeat; }


div#banner_scroll { padding:38px 0 0 59px; position:relative; }
div#banner_scroll #banner_content { width:100%; max-width:1190px;}
div#banner_scroll #banner_content .slick-slide { margin:0 18px 0px 0; width:577px; height:128px; }
div#banner_scroll #banner_content .banitem {float:left; width:calc(100% - 16px) !important; height:112px; box-sizing:border-box; border:1px #e1e1e1 solid; margin:4px 12px 0 4px; box-shadow:3px 3px 8px rgba(0,0,0,0.2); position:relative; }
div#banner_scroll #banner_content .banitem::before { box-sizing:border-box; content:""; display:block; width:0px; height:0px; position:absolute; left:-1px; top:-1px; border:2px solid transparent;  }
div#banner_scroll #banner_content .banitem::after { box-sizing:border-box; content:""; display:block; width:0px; height:0px; position:absolute; right:-1px; bottom:-1px; border:2px solid transparent;  }
div#banner_scroll #banner_content .banitem:hover::before { width:calc(100% + 2px); height:calc(100% + 2px);  
transition:
width 0.45s ease-out,
height 0.45s ease-out 0.45s; }

div#banner_scroll #banner_content .banitem:hover::after { width:calc(100% + 2px); height:calc(100% + 2px);    transition:
width 0.45s ease-out,
height 0.45s ease-out 0.45s; }

div#banner_scroll #banner_content .banitem:hover::before { border-top-color:#0e8459; border-right-color:#0e8459; }
div#banner_scroll #banner_content .banitem:hover::after {  border-bottom-color:#0e8459; border-left-color:#0e8459; }



div#banner_scroll #banner_content .banitem:hover {  }
div#banner_scroll #banner_content .banitem img {float:left;width:100%;height:110px; }

#main_cont3 .b_sidepat { width:141px; height:157px; position:absolute; }
#main_cont3 .sidepat1 { left:0; top:-30px; transform:rotate(-30deg); }

#main_cont3 .sidepat2 { right:0; bottom:-22px; transform:rotate(150deg);}

#main_cont3 .b_sidepat span { display:block; position:absolute; }
#main_cont3 .b_sidepat span:nth-child(1) { width:23px; height:23px; background:#0e8459; margin:0 0 0 0; left:48px; top:0px; }
#main_cont3 .b_sidepat span:nth-child(2) { width:15px; height:15px; background:#7ba964; margin:0 0 0 0; left:40px; top:50px; }
#main_cont3 .b_sidepat span:nth-child(3) { width:12px; height:12px; background:#7ba964; margin:0 0 0 0; left:90px; top:66px; }
#main_cont3 .b_sidepat span:nth-child(4) { width:22px; height:22px; background:#0e8459; margin:0 0 0 0; left:0px; top:82px; }
#main_cont3 .b_sidepat span:nth-child(5) { width:13px; height:13px; background:#00422a; margin:0 0 0 0; left:52px; top:84px; }
#main_cont3 .b_sidepat span:nth-child(6) { width:13px; height:13px; background:#d6d6d6; margin:0 0 0 0; right:22px; top:108px; }
#main_cont3 .b_sidepat span:nth-child(7) { width:10px; height:10px; background:#00422a; margin:0 0 0 0; right:0px; bottom:0px; }


/*지도 및 전화*/
#main_cont4 { position:relative; min-height:687px; background:#033221 url(../images/main/map_bg.jpg) no-repeat left center; display:flex; align-items:center;}
#main_cont4::before { content:"LUCE HOSPITAL"; letter-spacing:5px; display:block; position:absolute; right:13px; bottom:10px; font-size:40px; color:#40715f; font-weight:bold; line-height:41px; }

#main_cont4 .default_layout { display:flex; align-items: flex-start; justify-content:space-between;  }
#main_cont4 .default_layout::after { display:none; }

#main_cont4 h3 { line-height:35px; font-size:45px; color:#fff; font-weight:bold; }
#main_cont4 h3 span { display:inline-block; position:relative; padding:0 15px 0 0; vertical-align:middle; }
#main_cont4 h3 span::before { content:""; display:block; width:9px; height:9px; border-radius:50%; position:absolute; right:0; bottom:0; background:#ff461e; }

#main_cont4 .mapbox { width:648px; }
#main_cont4 .maptxt { line-height:25px; color:#fff; margin:41px 0 35px; }
#main_cont4 .maptxt dt { font-size:20px; font-weight:bold; margin-bottom:2px; }
#main_cont4 .maptxt dd { font-size:15px; font-weight:300; }

#main_cont4 .tel_cont { width:504px; }
#main_cont4 .telbox1 { padding:0 0 29px 0; border-bottom:1px solid #819990; background:url(../images/main/tel_ic1.png) no-repeat right 13px bottom 16px; }
#main_cont4 .telbox1 .t_txt { font-size:15px; font-weight:300; color:#fff; line-height:50px;}
#main_cont4 .telbox1 .t_num { font-size:40px; font-weight:bold; color:#fff; line-height:50px; letter-spacing:1px;}

#main_cont4 .telbox2 { padding:39px 0 35px; border-bottom:1px solid #819990; background:url(../images/main/tel_ic2.png) no-repeat right 13px bottom 17px;}
#main_cont4 .telbox2 h3 { margin-bottom:24px; }
#main_cont4 .telbox2 dl { display:flex; line-height:30px; color:#fff; font-size:18px; }
#main_cont4 .telbox2 dl:nth-child(1) dt,
#main_cont4 .telbox2 dl:nth-child(3) dt { letter-spacing:15px; }
#main_cont4 .telbox2 dl dt { font-weight: 600; min-width:78px; box-sizing:border-box; position:relative; padding:0 0 0 12px; }
#main_cont4 .telbox2 dl dt::before { content:""; display:block; width:5px; height:5px; border-radius:50%; background:#fff; position:absolute; left:0; top:13px; }

/*문의하기*/
.side_fix { position:fixed; right:74px; top:50%; transform:translateY(-50%); text-align:center; color:#fff; font-family: 'yg-jalnan'; z-index:10;}
.side_fix .as_box a { width:79px; height:150px; border-radius:150px; display:flex; line-height:20px; font-size:15px; flex-direction:column; justify-content:center; background:#0e8459; color:#fff;}
.side_fix .as_box a::before { content:""; display:block; width:48px; height:40px; background:url(../images/main/as.png) center center no-repeat; margin:0 auto 11px; }
.side_fix .as_go { margin-top:5px; }
.side_fix .as_go a { font-size:15px; display:flex; border-radius:50%; background:#00422a; width:79px; height:79px; flex-direction:column; justify-content:center; color:#fff;}
.side_fix .as_go a::before { content:""; display:block; width:0; height:0; border-left:7.5px solid transparent; border-right:7.5px solid transparent; border-bottom:13px solid #fff; margin:0 auto 3px; }

@media all and (max-width:1616px) {
	
	/*문의하기*/
	.side_fix { right:20px; }

}


/*/////////////////////////////////////////////////////////////////////////////////반응형/////////////////////////////////////////////////////////////////////////////////*/

@media all and (max-width:1024px) {

/*레이어 알람*/
#layerBell{width:94%; position:fixed; left:3%; padding:0 3%; }
#layerBell .lb_titlebox:before { display:none; }
#layerBell table.cStyle .Blick { display:inline-block; padding:0 5px; height:auto; line-height:24px; width:auto; }
#layerBell .lb_chk { display:inline-block; height:auto; margin:0 auto; line-height:24px;  padding:0 5px;}
#layerBell .today_close_box { width:100%; position:relative; background:#f5f5f5; margin-top:12px; text-align:center; }
#layerBell .today_close_box span { display:block; box-sizing:border-box; padding:0 5px 0 5px; width:calc(100% - 82px); }
#layerBell .today_close_box span:before {  margin:0 8px 0 0; top:3px; }
#layerBell .bell_close {position:absolute; right:0; bottom:0; }
#layerBell .bell_close a { display:block; vertical-align:top; text-align:center; width:82px; height:45px; line-height:45px; text-align:center; font-weight:500; color:#4e4e4e; background:#fae86c;  }
#layerBell .bell_close i { color:#fff !important; }


#container {width:100%; margin:20px auto 0; min-height:100%;}

/*메인비주얼*/
.visual_wrap { margin:0px auto 0px; position:relative; padding:0px 0 0; }

.visual_wrap .vitxt_cont { position:absolute; left:0; top:50%; transform:translateY(-50%); z-index:1; background:url(../images/main/vi_txt_pat.png) no-repeat left top 5px / 80px, rgba(0,66,42,0.8); padding:20px 20px; overflow:hidden; height:auto; box-sizing:border-box; width:80%; display:flex; justify-content:center; flex-direction:column;  }
.visual_wrap .vitxt_cont.effect { }

.visual_wrap .vitxt_cont p { color:#fff; line-height:22px; }
.visual_wrap .vitxt_cont .vtxt1 { font-size:12px; letter-spacing:1px; }
.visual_wrap .vitxt_cont .vtxt2 { font-size:25px; font-weight:bold; line-height:27px; margin:6px 0; word-break:keep-all;}
.visual_wrap .vitxt_cont .vtxt3 { font-size:16px; word-break:keep-all; }
.visual_wrap .vitxt_cont .vitxt_box { display:none; }
.visual_wrap .vitxt_cont .vitxt_box1 { display:block; }

.visual_wrap .slick-slide { width:100%; height:auto; position:relative; z-index:1; }
.visual_wrap .slick-slide img { margin:0 auto; display:block; width:100%; min-height:350px; }
.visual_wrap .slick-slide { width:100%; min-height:350px; }

.visual_wrap .paging_box {  margin-top:14px; }


/*박스 공통*/
.col_box{float:left; clear:both;  width:94%; margin:0 3% 20px 3% !important;}

/*오아시스특별함*/
.introbox { padding:34px 0 25px 0; margin:0 3% 20px 3% !important; width:94%;}
.introbox .svgbox { margin:0 0 20px 0px; font-size:40px; line-height:50px;  display:inline-block;}

.introbox .ititlebox { line-height:35px; font-size:25px; color:#222; word-break:keep-all; }
.introbox .ititlebox span { font-weight:bold; }

.introbox .ipicbox { justify-content: center; margin:42px 0 0; position:relative; z-index:1; }
.introbox .picbox { max-width:312px; width:calc(100% - 20px); margin:0 10px 15px; }

#main_cont .bgpat1 { left:0px; }
#main_cont .bgpat2 { right:0px;  }


/*전문성함께합니다 영역*/
#main_cont2 { min-height:214px; background:url(../images/main/gra_bg.jpg) no-repeat center bottom / cover; line-height:40px; padding:0 3%; }
#main_cont2 .eng { font-size:17px; }
#main_cont2 .gtitlebox { font-size:25px; word-break:keep-all; }



/*배너모음*/
#main_cont3 { position:relative; padding:20px 0 30px; }
#banner {margin:0 3% 0; height:auto;  background:#fff; position:relative; width:94%; box-sizing:border-box; padding:20px 0 20px;  }
#banner .main_btn li {
  position: absolute;
  top: 59px;
  display:block;
   z-index:3;
}
#banner .main_btn li.bbtn01 {
  left: 0px;
}
#banner .main_btn li.bbtn03 {
  right: 0px;
}
div#banner_scroll {position:relative; z-index:2; left:inherit; top:inherit; width:100%; overflow:hidden; margin:20px 0 0; padding:15px 0 0px; position:relative;}
div#banner_scroll #banner_content { width:calc(100% - 30px); max-width:1190px; margin:0 0 0 30px;}
div#banner_scroll #banner_content .slick-slide { margin:0 18px 0px 0; width:577px; height:112px; }
div#banner_scroll #banner_content .banitem {float:left; width:calc(100% - 16px) !important; height:96px; box-sizing:border-box; border:1px #e1e1e1 solid; margin:4px 12px 0 4px; box-shadow:3px 3px 8px rgba(0,0,0,0.2); position:relative; }
div#banner_scroll #banner_content .banitem img { height:94px; }

#main_cont3 .sidepat1 { opacity:0.4;}
#main_cont3 .sidepat2 { opacity:0.4; }


/*지도 및 전화*/
#main_cont4 { position:relative; min-height:10px; background:#033221; display:flex; align-items:center;}
#main_cont4::before { display:none; }

#main_cont4 .default_layout { display:flex; align-items: flex-start; justify-content:center; flex-direction:column; }
#main_cont4 .default_layout::after { display:none; }

#main_cont4 h3 { line-height:35px; font-size:35px; color:#fff; font-weight:bold; }

#main_cont4 .mapbox { width:94%; padding:30px 3%; background:#033221 url(../images/main/map_bg.jpg) no-repeat center top / cover;}
#main_cont4 .maptxt { line-height:25px; color:#fff; margin:15px 0 15px; }
#main_cont4 .maptxt dt { font-size:20px; font-weight:bold; margin-bottom:2px; }
#main_cont4 .maptxt dd { font-size:15px; font-weight:300; }

#main_cont4 .tel_cont {width:94%; padding:30px 3%; }
#main_cont4 .telbox1 .t_num { font-size:35px; }

#main_cont4 .telbox2 { padding:30px 0 20px; }
#main_cont4 .telbox2 h3 { margin-bottom:24px; }
#main_cont4 .telbox2 dl { word-break:keep-all; }


/*문의하기*/
.side_fix { display:none; }



}


@media all and (max-width:520px) {
.visual_wrap .slick-slide { height:240px; }	
.visual_wrap .slick-slide img { min-height:240px; }
.visual_wrap .slick-slide { width:100%; min-height:240px; }
.visual_wrap .vitxt_cont p { }
.visual_wrap .vitxt_cont .vtxt1 { font-size:12px; }
.visual_wrap .vitxt_cont .vtxt2 { font-size:18px; }
.visual_wrap .vitxt_cont .vtxt3 { font-size:14px; }

.visual_wrap .slick-dots li { position:relative; overflow:hidden; float:left; cursor:pointer; margin-right:11px; }
.visual_wrap .slick-dots li span { display:block; position:relative; width:25px; height:25px; box-sizing:border-box; text-indent:-99999px; border:1px solid #fff; border-radius:50%; transition:all 0.4s; background:transparent; }
.visual_wrap .slick-dots li.slick-active span { border:0 none; background:url(../images/main/vi_dot.png) no-repeat center center / cover; }

.visual_wrap .slick-dots li span::before { width:8px; height:8px; }
.visual_wrap .slick-dots li.slick-active span::before { border-radius:0; width:8px; height:10px; box-sizing:border-box; border-left:2px solid #fff; border-right:2px solid #fff; background:transparent; }

.visual_wrap .slick-counter { font-size:16px; }
.visual_wrap .slick-counter .current { font-size:18px; font-weight:bold; }

}

@media all and (max-width:420px) {
#layerBell ul:before { display:none; }
#layerBell ul li a {  padding:0 85px 0 0px;  }
#layerBell ul li a:before { display:none !important; }	
	
}