@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@100;200;400;500;600;800;900&display=swap');


/*  전체 영역  */	
#wrap { width:100%; min-width:1480px; height:auto !important; height:100%; min-height:100%; width:100%; }

/* 상단배너 */
#long-banner { width:100%; margin:0 auto; top:0;} 

/* TM */	
#header { display:block; position:absolute; z-index:993; width:100%; height:30px; top:0; right:50px; }
.tm { float:right; height:30px; position:absolute; top:43px; padding:0; right:60px;}
.tm img { padding:0; margin:0 0 0 5px; }
.tm_sitemap { position:absolute; float:right; top:43px;  right:0; }

.span_ll { display:inline-block; padding:0 2px; font-size:11px; font-family:'dotum'; color:#777; font-weight:normal; }
.span_fl { color:#777; font-size:13px; font-family:'NanumGothic', 'dotum'; font-weight:bold; letter-spacing:-0.05em; text-decoration:none;  }

/* GNB MAIN */
#gnb_main { display:block; position:relative; z-index:99992; width:100%; height:110px; margin:0 auto; } 
.gnb_main_container { top:0px; left:0%; width:100%; height:110px; background:#0A0C0C; line-height:0; position:relative; z-index:30; -webkit-transition:all .5s; transition:all .5s; border-bottom:1px #333333 solid;}
.gnb_main_container .temp_main_gnb { width:100%; height:100%; min-width:1500px; margin:0 auto; position:relative; background:#0A0C0C; }

.gnb_main_wrap { width:100%; height:100%; margin:0 auto; text-align:center; position:relative; }
.gnb_main_wrap .bg_wrap { top:0; left:0; position:absolute; z-index:1; width:100%; height:100%; }
.gnb_main_wrap .bg_wrap .bg { width:100%; height:100%; margin:0 auto; opacity:1; filter:alpha(opacity=100); }
.gnb_main_wrap .bg_wrap .bg .logo { top:25px; left:50px; position:relative; z-index:4; width:285px; height:55px; text-align:left; }
	
.gnb_main_wrap .g_wrap { display:inline-block; margin:0 auto; width:1340px; position:relative; z-index:1; overflow:hidden;  transition: all .5s ease}
.gnb_main_wrap .g_wrap .btn {  display:inline-block; margin-top:35px; line-height:20px; padding:10px 10px 45px 10px; font-family:'Noto Sans Kr'; font-weight:400; color:#fff; font-size:19px; overflow:hidden; cursor:pointer; letter-spacing:-0.05em; }

.gnb_main_wrap .g_wrap .gnb_new { display:inline-block; vertical-align:middle; padding:0 10px; height:19px; line-height:17px; font-family:'roboto'; font-weight:bold; color:#fff; font-size:13px; margin-left:4px; letter-spacing:-0.03em;  border-radius:12px;  background:#e80333;}

@media only screen and (max-width:1680px){
	.gnb_main_wrap .g_wrap { left:7%;  transition: all .5s ease}
	.tm { display:none; }
}

.bar_main_container { width:100%; position:absolute; top:106px; left:0; }
.bar_main_container .bar_wrap { position:relative; }
.bar_main_container .bar_wrap .bar { width:0px; height:3px; background:#FCC02E; position:relative; }

.snb_main_wrap { position:relative; width:100%; top:-2px;}
.snb_main_wrap .temp_wrap { position:relative; }
.snb_main_wrap .wrap { top:0px; width:100%; text-align:center; position:absolute; overflow:hidden;  }
.snb_main_wrap .wrap .bg { top:0; width:100%; height:100%; margin:0 auto; position:absolute;  background:url('../images/bg_gnb.png');  border-bottom:1px #333 solid; opacity:1; filter:alpha(opacity=100); }
.snb_main_wrap .wrap .bg_img { display:inline-block; float:center; top:25px; right:48.3%;  width:630px; height:100%; position:absolute; margin:0 auto; cursor:pointer; }

.snb_main_wrap .wrap .bg .gnb_main_bo { display:inline-block; position:relative; height:17px; line-height:17px; padding:0px 10px; font-family:'roboto'; color:#fff; font-size:13px; font-weight:bold; margin-top:81px; left:228px; letter-spacing:-0.05em;  border-radius:12px;  background:#C48B00;}
.snb_main_wrap .wrap .bg .gnb_main_bo1 { display:inline-block; position:relative; height:17px; line-height:17px; padding:0px 10px; font-family:'roboto'; color:#fff; font-size:13px; font-weight:bold; margin-top:54px; left:166px; letter-spacing:-0.05em;  border-radius:12px;  background:#C48B00;}
.snb_main_wrap .wrap .bg .gnb_main_bo2 { display:inline-block; position:relative; height:17px; line-height:17px; padding:0px 10px; font-family:'roboto'; color:#fff; font-size:13px; font-weight:bold; margin-top:54px; left:153px; letter-spacing:-0.05em;  border-radius:12px;  background:#C48B00;}
.snb_main_wrap .wrap .bg .gnb_main_bo3 { display:inline-block; position:absolute; height:17px; line-height:17px; padding:0px 10px; font-family:'roboto'; color:#fff; font-size:13px; font-weight:bold; margin-top:54px; margin-left:224px; letter-spacing:-0.05em;  border-radius:12px;  background:#e80333;}
.snb_main_wrap .wrap .bg .gnb_main_bo4 { display:inline-block; position:absolute; height:17px; line-height:17px; padding:0px 10px; font-family:'roboto'; font-weight:bold; color:#fff; font-size:13px; margin-top:110px; margin-left:178px; letter-spacing:-0.05em;  border-radius:12px;  background:#C48B00;}
.snb_main_wrap .wrap .bg .gnb_main_bo5 { display:inline-block; position:absolute; height:17px; line-height:17px; padding:0px 10px; font-family:'roboto'; font-weight:bold; color:#fff; font-size:13px; margin-top:57px; margin-left:140px; letter-spacing:-0.05em;  border-radius:12px;  background:#C48B00;}
.snb_main_wrap .wrap .bg .gnb_main_bo6 { display:inline-block; position:absolute; height:17px; line-height:17px; padding:0px 10px; font-family:'roboto'; font-weight:bold; color:#fff; font-size:13px; margin-top:57px; margin-left:127px; letter-spacing:-0.05em;  border-radius:12px;  background:#C48B00;}

.snb_main_wrap .wrap .btn_wrapper { display:inline-block; top:20px; left:390px; position:relative;  width:650px;}
.snb_main_wrap .wrap .btn { display:inline-block; float:left; text-align:left; width:200px; height:28px; line-height:28px; position:relative; cursor:pointer; /* 2차메뉴 width */}
.snb_main_wrap .wrap .btn .title { float:left; left:0px; padding:0; text-align:left; display:inline-block; *display:inline; zoom:1; /* 언더라인 간격 */}
.snb_main_wrap .wrap .btn .txt { font-family:'Noto Sans Kr'; font-size:17px; font-weight:300; color:#fff;  letter-spacing:-0.06em; }

.snb_main_wrap .wrap .btn .underline { display:inline-block; bottom:-3px; left:10px; width:0; height:1px; background:#d86100; position:absolute;  }
.snb_main_wrap .wrap  .h_line { display:none; width:3px; height:3px; background:#fff; border-radius:50%; opacity:0.6; filter:alpha(opacity=60); top:44%; left:0px; position:absolute; }	


/* GNB SUB */
#gnb { display:block; position:relative; z-index:99992; width:100%; height:110px; margin:0 auto; } 
.gnb_container { top:0px; left:0%; width:100%; height:110px; background:#fff; line-height:0; position:relative; z-index:30;  -webkit-transition:all .5s; transition:all .5s; border-bottom:1px #ddd solid;}
.gnb_container .temp_gnb { width:100%; height:100%; min-width:1500px; margin:0 auto; position:relative; background:#fff; }

.gnb_wrap { width:100%; height:100%; margin:0 auto; text-align:center; position:relative; }
.gnb_wrap .bg_wrap { top:0; left:0; position:absolute; z-index:1; width:100%; height:100%; }
.gnb_wrap .bg_wrap .bg { width:100%; height:100%; margin:0 auto; opacity:1; filter:alpha(opacity=100); }
.gnb_wrap .bg_wrap .bg .logo { top:25px; left:50px; position:relative; z-index:4; width:248px; height:55px; text-align:left; }
	
.gnb_wrap .g_wrap { display:inline-block; margin:0 auto; width:1340px; position:relative; z-index:1; overflow:hidden; transition: all .5s ease }
.gnb_wrap .g_wrap .btn {  display:inline-block; margin-top:35px; line-height:20px; padding:10px 10px 45px 10px; font-family:'Noto Sans Kr'; font-weight:400; color:#000; font-size:19px; overflow:hidden; cursor:pointer; letter-spacing:-0.05em; }

.gnb_wrap .g_wrap .gnb_new { display:inline-block; vertical-align:middle; padding:0 10px; height:19px; line-height:17px; font-family:'roboto'; font-weight:bold; color:#fff; font-size:13px; margin-left:4px; letter-spacing:-0.03em;  border-radius:12px;  background:#e80333;}


@media only screen and (max-width:1680px){
	.gnb_wrap .g_wrap { left:7%;  transition: all .5s ease}
	.tm { display:none; }
}

.bar_container { width:100%; position:absolute; top:106px; left:0; }
.bar_container .bar_wrap { position:relative; }
.bar_container .bar_wrap .bar { width:0px; height:3px; background:#d86100; position:relative; }

.snb_wrap { position:relative; width:100%; top:-2px;}
.snb_wrap .temp_wrap { position:relative; }
.snb_wrap .wrap { top:0px; width:100%; text-align:center; position:absolute; overflow:hidden;  }
.snb_wrap .wrap .bg { top:0; width:100%; height:100%; margin:0 auto; position:absolute;   background:#fff; border-bottom:1px #ddd solid; opacity:1; filter:alpha(opacity=100); }
.snb_wrap .wrap .bg_img { display:inline-block; float:center; top:25px; right:48.3%;  width:630px; height:100%; position:absolute; cursor:pointer; margin:0 auto; }

.snb_wrap .wrap .bg .gnb_bo { display:inline-block; position:relative; height:17px; line-height:17px; padding:0px 10px; font-family:'roboto'; font-weight:bold; color:#fff; font-size:13px; margin-top:86px; left:240px; letter-spacing:-0.05em;  border-radius:12px;  background:#C48B00;}
.snb_wrap .wrap .bg .gnb_bo1 { display:inline-block; position:relative; height:17px; line-height:17px; padding:0px 10px; font-family:'roboto'; font-weight:bold; color:#fff; font-size:13px; margin-top:57px; left:174px; letter-spacing:-0.05em;  border-radius:12px;  background:#C48B00;}
.snb_wrap .wrap .bg .gnb_bo2 { display:inline-block; position:relative; height:17px; line-height:17px; padding:0px 10px; font-family:'roboto'; font-weight:bold; color:#fff; font-size:13px; margin-top:58px; left:161px; letter-spacing:-0.05em;  border-radius:12px;  background:#C48B00;}
.snb_wrap .wrap .bg .gnb_bo3 { display:inline-block; position:absolute; height:17px; line-height:17px; padding:0px 10px; font-family:'roboto'; font-weight:bold; color:#fff; font-size:13px; margin-top:58px; margin-left:234px; letter-spacing:-0.05em;  border-radius:12px;  background:#e80333;}
.snb_wrap .wrap .bg .gnb_bo4 { display:inline-block; position:absolute; height:17px; line-height:17px; padding:0px 10px; font-family:'roboto'; font-weight:bold; color:#fff; font-size:13px; margin-top:116px; margin-left:191px; letter-spacing:-0.05em;  border-radius:12px;  background:#C48B00;}
.snb_wrap .wrap .bg .gnb_bo5 { display:inline-block; position:absolute; height:17px; line-height:17px; padding:0px 10px; font-family:'roboto'; font-weight:bold; color:#fff; font-size:13px; margin-top:57px; margin-left:150px; letter-spacing:-0.05em;  border-radius:12px;  background:#C48B00;}
.snb_wrap .wrap .bg .gnb_bo6 { display:inline-block; position:absolute; height:17px; line-height:17px; padding:0px 10px; font-family:'roboto'; font-weight:bold; color:#fff; font-size:13px; margin-top:57px; margin-left:137px; letter-spacing:-0.05em;  border-radius:12px;  background:#C48B00;}

.snb_wrap .wrap .btn_wrapper { display:inline-block; top:20px; left:390px; position:relative;  width:650px;}
.snb_wrap .wrap .btn { display:inline-block; float:left; text-align:left; width:200px; height:28px; line-height:28px; position:relative; cursor:pointer; /* 2차메뉴 width */}
.snb_wrap .wrap .btn .title { float:left; left:0px; padding:0; text-align:left; display:inline-block; *display:inline; zoom:1; /* 언더라인 간격 */}
.snb_wrap .wrap .btn .txt { font-family:'Noto Sans Kr'; font-size:17px; font-weight:400; color:#000;  letter-spacing:-0.06em; }

.snb_wrap .wrap .btn .underline { display:inline-block; bottom:-3px; left:10px; width:0; height:1px; background:#d86100; position:absolute;  }
.snb_wrap .wrap  .h_line { display:none; width:3px; height:3px; background:#000; border-radius:50%; opacity:0.6; filter:alpha(opacity=60); top:44%; left:0px; position:absolute; }	


/*  메인영상  */    
.video_wrap {  
    display:inline-block; 
    width:100%; 
    height:0; 
    padding-bottom: 56.25%; /* 16:9 비율을 유지하기 위해 */
    position:relative; 
    margin-top:-10px; 
    overflow:hidden; 
}
.video { 
    display:inline-block; 
    position:absolute; 
    z-index:1; 
    width:100%; 
    height:100%; 
    margin:0 auto; 
    left:0; 
    right:0; 
    top:0; 
    bottom:0; 
}
.video_bg { 
    width:100%; 
    height:100%; 
    position:absolute; 
    z-index:1;  
    background-image: url('../images/bg_movie.png'); 
}
.video_txt { 
    width:100%; 
    text-align:center; 
    position:absolute; 
    z-index:2; 
    top:40%; 
}

.video-foreground, .video-background iframe { 
    position:absolute; 
    top:0; 
    left:0; 
    width:100%; 
    height:100%; 
    pointer-events: none; 
}
@media (min-aspect-ratio: 16/9) {
  .video-foreground { 
      height: 300%; 
      top: -100%; 
  }
}


/* 유튜브 */
.yt_container {  display:block; width:100%; height:800px; position:relative; text-align:center; margin-top:0px; padding-top:120px; background:#f5f5f5; }
.yt_wrap { width:1400px; top:0; margin:0 auto; position:relative; }
.yt_wrap .yt1 { float:left; width:475px; text-align:left; }
.yt_wrap .yt1 > p:nth-child(2) { padding-top:50px; font-family:'NanumSquare'; font-size:60px; font-weight:600; line-height:65px; letter-spacing:-0.04em; }
.yt_wrap .yt1 > p:nth-child(3) { padding-top:0px; font-family:'NanumSquare'; font-size:60px; font-weight:200; letter-spacing:-0.06em; }
.yt_wrap .yt1 > p:nth-child(4) { padding-top:15px; font-family:'NanumSquare'; font-size:24px; font-weight:600; line-height:33px; letter-spacing:-0.04em; }
.yt_wrap .yt1 > p:nth-child(5) a { display:inline-block; padding:0 40px; margin-top:60px; font-family:'NanumSquare'; font-size:24px; font-weight:600; line-height:60px; letter-spacing:-0.04em; border:1px #444 solid; border-radius:30px; transition: all 0.3s ease;}
.yt_wrap .yt1 > p:nth-child(5) a:hover { border:1px #DE1319 solid; color:#DE1319; text-decoration:none; transition: all 0.3s ease;}
.yt_wrap .yt2 { float:left; width:925px; text-align:left; }

.youtube_container { display:inline-block; width:100%; position:relative; text-align:center; top:0px; background:#f5f5f5; }
.youtube_wrap { display:inline-block; width:1435px; margin:0 auto; position:relative; top:0; }
.youtube_wrap div { display:inline-block; width:100%; }

/* 4BN */
.section1_container {  display:block; width:100%; height:360px; position:relative; margin-top:-5px; text-align:center;  font-family:'Noto Sans Kr'; background:#2A2A2A; }
.section1_wrap { width:1300px; height:360px; margin:0 auto; position:relative; }
.section1_wrap .box { float:left; margin:0; width:400px; height:360px; position:relative; overflow:hidden; background:#232429;}
.section1_wrap .box .tit { width:100%; top:0px; position:absolute; text-align:center; margin:0 auto; }
.section1_wrap .box .tit .txt1_1 { padding:50px 0 0; text-align:center; font-weight:200; font-size:20px; color:#fff; line-height:22px; letter-spacing:-0.05em; }
.section1_wrap .box .tit .txt1_2 { padding:16px 0 0; text-align:center; font-weight:600; font-size:25px; color:#fff; line-height:22px; letter-spacing:-0.05em; }
.section1_wrap .box .tit .txt1_3 { padding:23px 0 0; text-align:center; font-family:'Barlow Condensed'; font-weight:600; font-size:50px; color:#fcc02e;  letter-spacing:0.05em; }
.section1_wrap .box .img { margin-top:220px; margin-left:35px;}
.section1_wrap .box .img a{ display:inline-block; position:relative; z-index:9999; float:left; margin:0 5px; width:100px; }
.section1_wrap .box .img a:hover { width:100px; background:#d86100; }

.section1_wrap .box1 { float:left; margin:0; width:300px; height:360px; position:relative; overflow:hidden; }
.section1_wrap .box1 .bg1 { top:0; left:0; width:100%; height:100%; position:absolute;  text-align:center; background:#2b2f37; }
.section1_wrap .box1 .bg2 { top:0; left:0; width:100%; height:100%; position:absolute;  text-align:center; background:#232429; }
.section1_wrap .box1 .bg3 { top:0; left:0; width:100%; height:100%; position:absolute;  text-align:center; background:#2b2f37; }
.section1_wrap .box1 .sp { position:relative;  text-align:center; margin:0 auto; top:0px;}
.section1_wrap .box1 .tit { width:100%; top:0px; position:absolute; text-align:center; margin:0 auto; }
.section1_wrap .box1 .tit .txt1_1 {  padding:210px 0 0; text-align:center; font-weight:200; font-size:20px; color:#fff; line-height:22px; letter-spacing:-0.05em; }
.section1_wrap .box1 .tit .txt1_2 { display:inline-block; margin-top:40px; text-align:center; line-height:30px; }
.section1_wrap .box1 .tit .txt1_2 a { display:inline-block; width:100px; height:30px; border:1px #999 solid; font-family:'Roboto'; font-size:12px; color:#ddd;  letter-spacing:-0.02em; }
.section1_wrap .box1 .tit .txt1_2 a:hover {border:1px #d86100 solid; background:#d86100; color:#fff;  text-decoration:none;}

/* 이룸의 핵심가치 */
.section2_container { display:inline-block; width:100%; height:920px; position:relative; text-align:center; padding-top:100px; background:#233341; }
.section2_tit { width:1300px; margin:0 auto; }
.section2_tit > div:nth-child(1) { float:left; width:100%; text-align:center; }
.section2_tit > div:nth-child(1) > p:nth-child(1) { font-family:'Noto Sans Kr'; color:#fcc02e; font-size:40px; font-weight:500; line-height:53px; letter-spacing:-0.02em; }
.section2_tit > div:nth-child(1) > p:nth-child(2) { font-family:'Noto Sans Kr'; color:#fff; font-size:20px;  font-weight:200; line-height:30px;  letter-spacing:0em; padding:20px 0 40px 0; }
.section2_tit > div:nth-child(1) > p:nth-child(3) a { display:inline-block; width:160px; height:45px; border:1px #999 solid; font-size:16px; font-weight:300; color:#ccc; line-height:43px; letter-spacing:-0.02em; }
.section2_tit > div:nth-child(1) > p:nth-child(3) a:hover { background:#d86100; color:#ccc; text-decoration:none; }
.section2_wrap { display:inline-block; width:1300px; margin:0 auto; position:relative; margin-top:40px; }
.section2_wrap .box { display:inline-block; width:1300px; width:100%; position:relative; }

/* 핵심특화진료 */
.section3_container { display:inline-block; width:100%; height:750px; position:relative; text-align:center; top:-24px; padding-top:100px; background:#232629; }
.section3_wrap { display:inline-block; width:1300px; margin:0 auto; position:relative; margin-top:0px; }
.section3_tit {  float:left; left:0; width:650px; text-align:left; }
.section3_tit > div:nth-child(1) { float:left; width:100%; }
.section3_tit > div:nth-child(1) > p:nth-child(1) { font-family:'Roboto'; color:#cccccc; font-size:16px; font-weight:500; letter-spacing:-0.02em; }
.section3_tit > div:nth-child(1) > p:nth-child(2) { font-family:'Noto Sans Kr'; color:#fcc02e; font-size:40px;  font-weight:500;line-height:80px; letter-spacing:-0.05em; }
.section3_tit > div:nth-child(1) > p:nth-child(3) { font-family:'Noto Sans Kr'; color:#fff; font-size:20px;  font-weight:200; line-height:28px; letter-spacing:-0.03em; padding-top:4px; }
.section3_wrap .box { display:inline-block; width:1300px; margin:0 auto; position:relative;margin-top:60px;}

 #container_tab { float:left; width:1300px; text-align:center; margin:0 auto; margin-top:40px; }
ul.tabs { float:left; display:block; position:relative; z-index:2; top:0px; text-align:left; list-style:none; width:650px; height:90px; font-family:'Noto Sans Kr'; }
.tabs li { float:left; text-align:left; cursor:pointer; padding:0; width:650px; height:45px; line-height:45px; font-family:'Noto Sans Kr'; color:#fff; font-size:20px; font-weight:300;  letter-spacing:-0.04em; overflow:hidden; transition: all .3s ease}
.tabs li.active {  font-size:30px; font-weight:500;  line-height:45px; color:#FFB500; transition: all .3s ease}
.tabs li.active span { margin-left:30px; color:#FFB500; font-weight:100;  }
.tabs li span { left:30px; color:#232629; letter-spacing:-0.1em; }
.tab_container { float:right; right:0; position:absolute; z-index:1; width:650px; padding:0; top:-258px;}
.tab_content { padding:0; display:none;}

/* 최신장비 */
.section4_container { display:inline-block; width:100%; height:800px; position:relative; text-align:center; top:-24px; padding-top:100px; background:url('../images/section4_bg.jpg');  background-repeat:no-repeat; background-size:cover; }
.section4_tit { width:1300px; margin:0 auto; }
.section4_tit > div:nth-child(1) { float:left; width:100%; text-align:center; }
.section4_tit > div:nth-child(1) > p:nth-child(1) { font-family:'Noto Sans Kr'; color:#fcc02e; font-size:40px; font-weight:500; line-height:53px; letter-spacing:-0.05em; }
.section4_tit > div:nth-child(1) > p:nth-child(2) { font-family:'Noto Sans Kr'; color:#fff; font-size:20px;  font-weight:200; line-height:30px;  letter-spacing:0em; padding:20px 0 40px 0; }
.section4_wrap { display:inline-block; width:1300px; margin:0 auto; position:relative; margin-top:10px; }
.section4_wrap .box { display:inline-block; width:100%; position:relative; }

/* 질환 클리닉 */
.section5_container { display:inline-block; width:100%; height:490px; position:relative; text-align:center; top:-24px; padding-top:90px; background:#202B35; }
.section5_tit { width:1330px; margin:0 auto; }
.section5_tit > div:nth-child(1) { float:left; width:100%; text-align:center; }
.section5_tit > div:nth-child(1) > p:nth-child(1) { font-family:'Noto Sans Kr'; color:#fcc02e; font-size:40px; font-weight:500; line-height:53px; letter-spacing:-0.05em; }
.section5_tit > div:nth-child(1) > p:nth-child(2) { font-family:'Noto Sans Kr'; color:#fff; font-size:20px;  font-weight:200; line-height:30px;  letter-spacing:0em; padding:20px 0 40px 0; }
.section5_wrap { display:inline-block; /*width:1330px;*/ width:570px; margin:0 auto; position:relative; margin-top:10px; }
.section5_wrap .box { float:left; margin:0 5px; width:180px; height:185px; position:relative; overflow:hidden; cursor:pointer; border:0px #202B35 solid; transition: all .5s ease}
.section5_wrap .box:hover { background:#394652; border:0px #65727d solid; -webkit-box-shadow:0 0 15px 0 #111; box-shadow:0 0 15px 0 #111; transition: all .5s ease}
.section5_wrap .box .bg { top:0; left:0; width:100%; height:100%; position:absolute;  text-align:center; }
.section5_wrap .box .sp { position:relative;  text-align:center; margin:0 auto; top:0px; padding:10px 0 0;}
.section5_wrap .box .tit { width:100%; top:0px; position:absolute; text-align:center; margin:0 auto; }
.section5_wrap .box .tit .txt1_1 {  padding:130px 0 0; text-align:center; font-weight:200;  font-family:'Noto Sans Kr'; font-size:20px; color:#fff; line-height:22px; letter-spacing:-0.05em; }

/* 커뮤니티 */
.section6_container { display:inline-block; width:100%; height:440px; position:relative; text-align:center; top:-24px; padding-top:90px; background:#232629; }
.section6_wrap { display:inline-block; width:1332px; margin:0 auto; position:relative; margin-top:10px; }
.section6_wrap .box { float:left; margin:0 17px; width:410px; position:relative; overflow:hidden; }
.section6_wrap .box > div:nth-child(1) { width:410px; height:80px; padding:0 30px; text-align:left; font-family:'Noto Sans Kr'; color:#fff; font-size:22px; font-weight:400; line-height:80px; letter-spacing:-0.05em; border:1px #43474F solid; transition: all .5s ease}
.section6_wrap .box > div:nth-child(1):hover {  border:1px #999 solid; transition: all .5s ease}
.section6_wrap .box > div:nth-child(2)  {  }
.section6_wrap .box .go { cursor:pointer; }
.section6_wrap .box .go span { float:right;  font-family:'Noto Sans Kr'; color:#666; font-size:35px;font-weight:100; }

/* 진료안내 및 오시는길 */
.section7_container { display:inline-block; width:100%; height:790px; position:relative; text-align:center; top:-24px; padding-top:90px;  background:url('../images/section7_bg.jpg');  background-repeat:no-repeat; background-size:cover; }
.section7_tit { width:1360px; margin:0 auto; }
.section7_tit > div:nth-child(1) { float:left; width:100%; text-align:center; }
.section7_tit > div:nth-child(1) > p:nth-child(1) { font-family:'Noto Sans Kr'; color:#fcc02e; font-size:40px; font-weight:500; line-height:53px; letter-spacing:-0.05em; }
.section7_tit > div:nth-child(1) > p:nth-child(2) { font-family:'Noto Sans Kr'; color:#fff; font-size:20px;  font-weight:200; line-height:30px;  letter-spacing:-0.05em; padding:20px 0 40px 0; }
.section7_wrap { display:inline-block; width:1360px; margin:0 auto; position:relative; margin-top:-50px; }
.section7_wrap .box { float:left; width:710px; height:510px; position:relative; padding:60px 0 0 60px; background:url('../images/section7_img1.png'); }
.section7_wrap .box1 { float:left; width:650px; height:385px; position:relative; padding-top:60px; }
.section7_wrap .box1 .sns { width:650px; height:98px; position:absolute;  margin-top:-130px; }

/* 자가진단 */
.section8_container { display:inline-block; width:100%; height:180px; position:relative; text-align:center; margin:-24px 0; background:#2D2F31; }
.section8_wrap { display:inline-block; width:1300px; margin:0 auto; position:relative; margin-top:0px; }
.section8_wrap .box { float:left; width:243px; height:180px; position:relative; padding:40px 0 0; font-family:'Noto Sans Kr'; color:#000; font-size:20px;  font-weight:500;  line-height:55px; letter-spacing:-0.05em; background:#FCC02E; }
.section8_wrap .box1 { float:left; width:1057px; height:180px; position:relative; }
.section8_wrap .box1 .sp { float:left; width:151px; height:180px; text-align:center; font-family:'Noto Sans Kr'; color:#fff; font-size:18px;  font-weight:400; line-height:25px;  letter-spacing:-0.02em; padding:40px 0 0;  border-right:1px #3C3E40 solid; cursor:pointer; transition: all .5s ease}
.section8_wrap .box1 .sp:hover { background:#191919; transition: all .5s ease }
.section8_wrap .box1 .sp > p:nth-child(2)  { display:inline-block; margin-top:20px; width:40px; height:40px; border-radius:20px; font-family:'Roboto'; color:#999; font-size:12px;  font-weight:400; line-height:40px;  background:#212429; }
.section8_wrap .box1 .sp:hover > p:nth-child(2):hover { background:#FCC02E; color:#000; transition: all .5s ease }

/* 케이스 */
.section10_container { display:inline-block; width:100%; position:relative; text-align:center; margin-top:-25px; color:#000; font-family:'Noto Sans Kr'; letter-spacing:-0.05em; }
.section10_wrap { display:inline-block; width:100%; margin-top:0px; text-align:center; position:relative; }

.smooth-scroll { width:100% !important; height:800px; position:relative; overflow:hidden; margin-top:0px; }
.smooth-scroll .column_quarter { float:left; width:252%; height:800px; cursor:pointer; border:0; }
.smooth-scroll .equipment__list-titles {  margin:0 auto; padding-top:260px; height:800px; text-align:center;  font-family:'Noto Sans Kr'; font-size:20px; color:#fff; font-weight:300; line-height:40px;  letter-spacing:-0.03em;  }
.smooth-scroll .equipment__list-titles span {  display:inline-block;  margin:0 auto; width:55px; height:10px; border-top:1px #fff solid; }
.smooth-scroll .equipment__list-titles strong { font-family: 'GmarketSansLight'; font-size:30px;  font-weight:700; line-height:50px; }


/* 서브 비쥬얼 */
#visual_sub { display:inline-block; position:relative; z-index:1; width:100%; margin-top:0px; }

/*  서브 내용 부  */
#container{ display:inline-block;  position:relative; z-index:3; width:100%; top:0; text-align:center; }
#board {  display:block; position:relative; margin:0 auto; top:0; text-align:center; left:50%; margin-left:-960px; width:1920px; }
#board .bo_cont {  width:100%; min-height:620px; padding:30px 0 100px 0; margin:0 auto; margin-top:-5px; height:auto !important; } 
#board .bo_cont1 {  width:1300px; min-height:620px; padding:60px 0 50px 0; text-align:left; margin:0 auto; height:auto !important; } 
#board .bo_cont2 {  width:94%; min-height:620px; padding:30px 0 100px 0;  text-align:left; margin:0 auto; margin-top:-5px; height:auto !important; } 

/* SNB */
.snb_pc { display:inline-block; position:relative; z-index:9999; width:100%; height:60px; text-align:center; top:-63px; }
.snbBtn { display:block; position:relative;width:100%; height:60px; margin:0 auto; font-family:'Noto Sans Kr'; font-weight:300; font-size:20px; letter-spacing:-0.05em; border-top:1px #777 solid; }
.snbBtn .nav { width:100%; position:relative;  }
.snbBtn .nav ul { width:100%; margin:0; padding:0; }
.snbBtn .nav li { list-style:none; display:inline-block; position:relative; line-height:60px;margin:0 15px; padding:0; /* 깜빡임 없앰 -> */ background:none; color:#fff; text-align:center; cursor:pointer; }
.snbBtn .nav li:hover { border-top:0px #fff solid; }
.snbBtn .nav li span { display:inline-block; border-top:1px #fff solid; line-height:61px; padding:0; font-weight:400; color:#FFF; text-align:center; cursor:pointer;  }

.snbBtn1 { display:block; position:relative;width:100%; height:60px; margin:0 auto; font-family:'Noto Sans Kr'; font-weight:300; font-size:20px; letter-spacing:-0.05em;  border-top:1px #777 solid; }
.snbBtn1 .nav { width:100%; position:relative;  }
.snbBtn1 .nav ul { width:100%; margin:0; padding:0; }
.snbBtn1 .nav li { list-style:none; display:inline-block; position:relative; line-height:60px;margin:0 10px; padding:0; /* 깜빡임 없앰 -> */ background:none; color:#fff; text-align:center; cursor:pointer; }
.snbBtn1 .nav li:hover { border-top:0px #fff solid; }
.snbBtn1 .nav li span { display:inline-block; border-top:1px #fff solid; line-height:60px; padding:0; font-weight:400; color:#FFF; text-align:center; cursor:pointer;  }

.cate_pc { width:1300px; margin:0 auto; padding:0; text-align:center; margin-top:-40px; margin-bottom:100px;}
.cateBtn { display:inline-block; position:relative;width:100%; margin:0 auto; text-align:center; padding:0; }
.cateBtn .nav { width:100%; position:relative; width:1300px; margin:0 auto; }
.cateBtn .nav ul { width:100%; margin:0; padding:0; font-family:'Noto Sans Kr'; font-weight:400; font-size:20px; letter-spacing:-0.03em;}
.cateBtn .nav li { list-style:none; display:inline-block; position:relative; width:25%; height:60px; line-height:60px; background:#fff; color:#000; border:1px #ddd solid; margin-right:-1px; text-align:center; cursor:pointer; }
.cateBtn .nav li span {  display:block; line-height:59px; background:#E49014; color:#fff; text-align:center; cursor:pointer;  }

.cateBtn1 { display:inline-block; position:relative;width:100%; margin:0 auto; text-align:center; padding:0; }
.cateBtn1 .nav { width:100%; position:relative; width:1300px; margin:0 auto; }
.cateBtn1 .nav ul { width:100%; margin:0; padding:0; font-family:'Noto Sans Kr'; font-weight:400; font-size:20px; letter-spacing:-0.03em;}
.cateBtn1 .nav li { list-style:none; display:inline-block; position:relative; width:20%; height:60px; line-height:60px; background:#fff; color:#000; border:1px #ddd solid; margin-right:-1px; text-align:center; cursor:pointer; }
.cateBtn1 .nav li span {  display:block; line-height:59px; background:#E49014; color:#fff; text-align:center; cursor:pointer;  }

.cateBtn2 { display:inline-block; position:relative;width:100%; margin:0 auto; text-align:center; padding:0; }
.cateBtn2 .nav { width:100%; position:relative; width:1300px; margin:0 auto; }
.cateBtn2 .nav ul { width:100%; margin:0; padding:0; font-family:'Noto Sans Kr'; font-weight:400; font-size:20px; letter-spacing:-0.03em;}
.cateBtn2 .nav li { list-style:none; display:inline-block; position:relative; width:14%; height:60px; line-height:60px; background:#fff; color:#000; border:1px #ddd solid; margin-right:-1px; text-align:center; cursor:pointer; }
.cateBtn2 .nav li span {  display:block; line-height:59px; background:#E49014; color:#fff; text-align:center; cursor:pointer;  }

.cateBtn3 { display:inline-block; position:relative;width:100%; margin:0 auto; text-align:center; padding:0; }
.cateBtn3 .nav { width:100%; position:relative; width:1300px; margin:0 auto; }
.cateBtn3 .nav ul { width:100%; margin:0; padding:0; font-family:'Noto Sans Kr'; font-weight:400; font-size:20px; letter-spacing:-0.03em;}
.cateBtn3 .nav li { list-style:none; display:inline-block; position:relative; width:11%; height:60px; line-height:60px; background:#fff; color:#000; border:1px #ddd solid; margin-right:-1px; text-align:center; cursor:pointer; }
.cateBtn3 .nav li span {  display:block; line-height:59px; background:#E49014; color:#fff; text-align:center; cursor:pointer;  }

.snb_tit { width:100%; margin:0 auto; text-align:center; margin-top:0px; margin-bottom:50px; padding:0; }
.snb_tit .bo_tit { text-align:center; font-family:'s-core-dream-medium'; font-size:45px; font-weight:400; color:#000; letter-spacing:-0.06em; }
.snb_tit .bo_nav {  float:right; text-align:right; padding:25px 0 0; font-size:13px; color:#444; letter-spacing:0em;}
.snb_tit .bo_line { display:inline-block; width:100%; margin:0 auto; text-align:center; color:#000; font-size:10px; padding:10px 0 0; letter-spacing:-0.2em; } 

/* NAV */
.nav_wrap { display:block; position:relative; z-index:-1; width:100%; height:50px; margin-top:0px; text-align:center; background:#f3f3f3; }
.nav_wrap .bo_nav { text-align:center; padding:15px 0 0; font-size:15px; color:#666; font-weight:600; letter-spacing:-0.04em;}
.nav_wrap .bo_nav a { color:#666; }

/* 빠른상담 */
.counsel_container { display:block; position:relative; width:100%; height:155px; min-width:1300px; text-align:center; background:#202020; border-top:5px #FF6600 solid;}
.counsel_wrap { display:inline-block; position:relative; width:1300px; min-width:1300px; margin:0 auto; padding-top:35px; }
.counsel_wrap .lightning { position:absolute; width:45x; margin-top:0; }
.counsel_wrap .left_wrap { float:left; margin-left:65px; width:280px; text-align:left; font-family:'Noto Sans Kr'; font-size:25px; font-weight:500; color:#ff6600;  }
.counsel_wrap .right_wrap { float:right; width:980px; height:70px; padding:0 0 0 55px; }

/* 하단 온라인 상담 폼 */
.frm_wrap { display:inline-block; float:left; width:980px; margin-top:-34px; text-align:left;}
.frm_hr { text-align:left; height:55px; }
.tail_input { height:52px; padding:3px;  font-size:15px; }
.tail_select { height:52px; font-size:15px; }
.tail_agreetext { position:absolute; top:76px; left:65px; font-family:'Noto Sans Kr'; font-size:15px; font-weight:300; color:#fff; }
.w_ { width:135px; }
.w1_ { width:165px; }
.w2_ { width:340px }

#tg_menu { width:100%; min-width:1300px; bottom:-150px; height:145px; position:fixed; z-index:999992; }
#tg_container { width:100%; position:relative; }
#tg_container {
     -webkit-animation:slideInUp 0.4s 0.4s both ease-in;
    -moz-animation:slideInUp 0.4s 0.4s both ease-in;
    animation:slideInUp 0.4s 0.4s both ease-in;
}

.tail_txt { width:100%; padding:0 0 50px 0; text-align:center; font-family:'Noto Sans Kr'; font-size:17px; font-weight:400; letter-spacing:-0.06em; }

/* 공통 */
.tail_container { display:inline-block; width:100%; height:760px; min-width:1640px; margin-top:0; margin:0 auto; text-align:center; padding-top:70px; letter-spacing:-0.07em; background:url('../images/tail_bg.jpg');  background-repeat:no-repeat; background-size:cover;   overflow:hidden; }
.tail_container .tail-wrap { display:inline-block; width:1640px; height:760px; margin-left:280px; overflow:hidden;}
.tail_container .tail-wrap > div:nth-child(1) { float:left; width:450px; text-align:left; color:#fff; padding-top:60px; }
.tail_container .tail-wrap > div:nth-child(1) > p:nth-child(1) { font-size:28px; font-weight:300; line-height:40px; letter-spacing:-0.05em;}
.tail_container .tail-wrap > div:nth-child(1) > p:nth-child(2) { margin-top:23px; font-size:45px; font-weight:500; line-height:35px; letter-spacing:-0.05em;}
.tail_container .tail-wrap > div:nth-child(1) > p:nth-child(3) { display:inline-block; margin-top:20px; width:50px; height:20px; border-bottom:2px #fff solid; }
.tail_container .tail-wrap > div:nth-child(1) > p:nth-child(4) { margin-top:40px; font-size:25px; font-weight:500; line-height:30px; letter-spacing:-0.05em;}
.tail_container .tail-wrap > div:nth-child(1) > p:nth-child(5) { margin-top:15px; font-size:20px; font-weight:300; line-height:30px; letter-spacing:-0.05em;}
.tail_container .tail-wrap > div:nth-child(2) { float:right; width:1160px; text-align:left; margin-top:30px; margin-right:-50px; }


/* COPYRIGHT */
#foot { display:inline-block; position:relative; width:100%; height:390px; text-align:center; margin-top:-5px; background:#232429; }
.copyright { width:1300px; margin:0 auto; text-align:center; padding:0; }
.copyright .ft_logo { float:left; width:280px; line-height:250px; text-align:left; border-right:1px #353535 solid; }
.copyright .ft_quick { position:relative; z-index:1; padding-top:30px; margin-left:310px; text-align:left; font-family:'Noto Sans Kr'; font-size:16px; font-weight:300; color:#ccc; line-height:23px; letter-spacing:-0.03em; }
.copyright .ft_quick a { color:#ccc; text-decoration:none;}
.copyright .ft_add { position:relative; z-index:1; padding-top:40px; margin-left:310px; text-align:left; font-family:'Noto Sans Kr'; font-size:16px; font-weight:300; color:#ccc; line-height:26px; letter-spacing:-0.01em; }
.copyright .ft_tel { position:absolute; z-index:1; float:right; width:300px; margin-left:1010px; top:90px; }

.copyright .top { text-align:center; padding:30px 0; }
.copyright .tail_line { clear:both; display:inline-block; width:12px; border-left:1px #aaa solid; color:#aaa; line-height:12px; margin:0 0 0 15px; }

/*  로그인/회원가입 head 부  */
#head_content { display:block; position:relative; min-width:100%; top:0px; text-align:center;  border-top:0px #ddd solid;}
#head_content #head { width:950px;  margin:0 auto; padding:0; }
#head_content #head .cont { width:950px; text-align:left;  margin:0 auto; padding:0 0 90px 0; }

/* Go Top 버튼 */
a.go-top { position: fixed; right: 40px; bottom: 40px; width: 65px; height: 65px; z-index: 9999999; display: none; }


/* 게시판 카테고리 ,랭키스 타입으로 변경 */
#bo_cate { width:100%; height:36px; margin:0 auto; margin-bottom:20px; font-size:14px; font-weight:500; line-height:34px; letter-spacing:-0.05em;}
#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_cate ul { height:36px; width:100%;zoom:1}
#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_cate li { list-style:none; display:inline-block; float:left; height:36px; line-height:34px; padding:0 20px; background:#fff; border:1px #ddd solid; margin-right:-1px; text-align:center; }
#bo_cate li a { display:inline-block;position:relative;  text-align:center; cursor:pointer; height:34px; margin:0 -20px; padding:0 20px;}
#bo_cate li a:focus, #bo_cate li a:hover, #bo_cate li a:active { color:#FFF;text-decoration:none}
#bo_cate #bo_cate_on { display:inline-block; float:left; height:34px; line-height:34px; margin:0 -20px; padding:0 20px; background:#222; border:0px #ddd solid; color:#FFF; text-align:center; cursor:pointer; }

/* 게시판 검색창 */
#bo_sch { min-width:380px; }
#bo_sch select{ width:120px; }
#bo_sch .sch_input{ width:205px; }

#bo_sch input[type=text]:focus,input[type=password]:focus {
border: 0px !important;
}

/*  메인 popup   */
#popup_la {  border:0px #ffffff solid; background:#eee;  }
#popup_la .file { }
#popup_la .content { width:400px; height:400px;padding:20px; }
#popup_la .day { width:100%; float:right; text-align:center; background:#eee; color:#000; padding:2px 10px 5px 0; }
#popup_la .day strong { color:#000;  }


/* 버튼 */
.btn, a.btn{ 
-webkit-transition: background-color 0.3s ease-out;
-moz-transition: background-color 0.3s ease-out;
-o-transition: background-color 0.3s ease-out;
transition: background-color 0.3s ease-out;}

.btn3, a.btn3{ 
-webkit-transition: background-color 0.3s ease-out;
-moz-transition: background-color 0.3s ease-out;
-o-transition: background-color 0.3s ease-out;
transition: background-color 0.3s ease-out;}

.btn-more a {position:relative;display:inline-block;overflow:hidden;color:#fff;-webkit-transition: all .8s ease;-moz-transition: all .8s ease;transition: all .8s ease}
.btn-more a:before {content:"";position:absolute;top:0;left:0;bottom:0;right:-120px;display:block;border-right:0px solid transparent;border-bottom:100px #eee solid;z-index:-1;transform: translateX(-100%);-webkit-transition: all .8s ease;-moz-transition: all .8s ease;transition: all .8s ease}
.btn-more a:hover:before {transform: translateX(0)}

.btn-sns a {position:relative;display:inline-block;overflow:hidden;-webkit-transition: all .1s ease;-moz-transition: all .1s ease;transition: all .1s ease}
.btn-sns a:before { width:36px; height:36px; border-radius:50%; content:"";position:absolute;top:px;left:0px;bottom:0;right:-36px;display:block;border-right:36px solid transparent;border-bottom:36px #aaa solid;z-index:-1;transform: translateY(-100%);-webkit-transition: all .3s ease;-moz-transition: all .3s ease;transition: all .3s ease}
.btn-sns a:hover:before {transform: translateY(0)}

/* 더보기 버튼 공통 */
.btn_more:hover .toggler{opacity:1;
	transform:rotate(360deg);
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-o-transform:rotate(360deg));
	-ms-transform:rotate(360deg);
}

.toggler{ display:inline-block; position:absolute;z-index:20; margin-left:270px; top:38px; width:21px;height:21px; border:none;}
.toggler{
	-webkit-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	-ms-transform:rotate(0deg);
	-o-transform:rotate(0deg);
	transform:rotate(0deg);
	-webkit-transition:all .s ease;
	-moz-transition:all .6s ease;
	-ms-transition:all .6s ease;
	-o-transition:all .6s ease;
	transition:all .6s ease;
}
.toggler:before,.toggler:after{content:'';display:block;position:absolute;background-color:#ddd; }
.toggler:before{ top:0px;left:50%;margin-left:-2px;width:4px;height:100%;}
.toggler:after{ left:0px;top:50%;margin-top:-3px;width:100%;height:4px;}


.btn_more1:hover .toggler_1{opacity:1;
	transform:rotate(360deg);
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-o-transform:rotate(360deg));
	-ms-transform:rotate(360deg);
}

.toggler_1{position:absolute;z-index:20; margin-left:213px; margin-top:5px; width:16px;height:15px; border:none;background-color:transparent;}
.toggler_1{
	-webkit-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	-ms-transform:rotate(0deg);
	-o-transform:rotate(0deg);
	transform:rotate(0deg);
	-webkit-transition:all .s ease;
	-moz-transition:all .6s ease;
	-ms-transition:all .6s ease;
	-o-transition:all .6s ease;
	transition:all .6s ease;
}
.toggler_1:before,.toggler_1:after{content:'';display:block;position:absolute;background-color:#fff;}
.toggler_1:before{ top:0px;left:50%;margin-left:-2px;width:4px;height:100%;}
.toggler_1:after{ left:0px;top:50%;margin-top:-3px;width:100%;height:4px;}