@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');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200;300;400;500;600;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@100;400;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans+Condensed:wght@300;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@100;200;300;400;500;600;700;800;900&display=swap');

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

/* TM */
#header { display:inline-block; position:relative; z-index:9999;; width:100%; height:115px; }
.tm_wrap { width:1400px; height:115px; margin:0 auto; text-align:center; }
.tm_wrap .tm_logo { float:left; left:0; margin-top:24px; }
.tm_wrap .tm_tel { float:right; right:0; margin-top:45px; }
.tm_wrap .tm_adm { float:right; right:50px; position:absolute; margin-top:15px; }

/* NAV */
nav, section { display: block;}
.nav-container { width:100%; height:50px; border-top:1px #ededed solid; line-height:50px; background:#fff; -webkit-box-shadow:0 7px 5px 0px #f6f6f6; box-shadow:0 7px 5px 0px #f6f6f6; }
nav { width:1340px; height:50px; margin:0 auto; position: relative; z-index:99; }
nav li { display: inline;	list-style: none; text-align:center; margin:0 -1px; }
nav li a { width:190px; font-family:'Noto Sans Kr'; font-size:18px; font-weight:400; display: inline-block; text-align: center; transition: all 0.3s ease; }
nav li a:hover, 
nav li a.selected {color: #fff; background:#2B3585; text-decoration:none; transition: all 0.3s ease;}
.sticky { display: inline-block; width:100%; text-align:center; position: fixed; top:0px; background:#fff; border-bottom:1px #ededed solid;	animation:thedrop 1s 1;	-moz-animation:thedrop 1s 1;	-webkit-animation:thedrop 1s 1; -webkit-box-shadow:0 5px 5px 0px #f6f6f6; box-shadow:0 5px 5px 0px #f6f6f6;}

.navbar { display:block;position:relative; width:100%; /* 높이지정 중요 */  margin:0 auto; z-index:99992; top:0; }
.navbar.sticked { width:100%; }
.sticked .navbar .navbar-collapse.collapse{ margin-top:98px; transition:0.7s; }
.navbar {  }
.navbar.sticked { top:0px; /*background:rgba(255,255,255,1); */ border-top:1px #ddd solid; /*-webkit-box-shadow:0 0 10px 0px #444; box-shadow:0 0 10px 0 #444;*/ }

/*  MAIN VISUAL  */	
#visual_main { display:inline-block; position:relative; z-index:1; width:100%; height:800px; margin-top:0px; vertical-align:top; }
#mvisual_contents { width:100% !important; height:800px; position:relative;overflow:hidden; top:0px; }
#mvisual_contents .main_img_wrap { position:inherit !important; width:100% !important;}
.main_img_wrap .main_text_area {margin:0 auto;width:100%;position:relative;height:800px;text-align:center;}

.mvisual_01_text { width:100% !important; height:800px; position:relative; text-align:center; background:url('../images/MainVisual/bg1.jpg') 50% 50%; background-size:cover; }
.mvisual_01_text .txt1_1 { position:absolute; left:-19%; top:120px; width:100%; }
.mvisual_02_text { width:100% !important; height:800px; position:relative; text-align:center; background:url('../images/MainVisual/bg2.jpg') 50% 50%; background-size:cover; }
.mvisual_02_text .txt2_1 { position:absolute; left:-15%; top:100px; width:100%;  }
.mvisual_03_text { width:100% !important; height:800px; position:relative; text-align:center; background:url('../images/MainVisual/bg3.jpg') 50% 50%; background-size:cover; }
.mvisual_03_text .txt3_1 { position:absolute; left:0%; top:100px; width:100%;  }

.mvisualBtn { /*display:none;*/ display:inline-block; position:relative; bottom:50px; margin-left:-960px; width:100%; margin:0 auto; left:47.5%; z-index:999;}
.mvisualBtn ul {overflow:hidden;margin:0 auto; }
.mvisualBtn ul li { float:left; }
.mvisualBtn ul li:first-child {margin:0 auto;}
.mvisualBtn ul li a { display:inline-block; margin:0 10px; width:12px;height:12px; background:#999; overflow:hidden;line-height:999px; border-radius:6px; }
.mvisualBtn ul li a.ico_1 { float:left; }
.mvisualBtn ul li a.ico_2 { float:left; }
.mvisualBtn ul li a.ico_3 { float:left; }
.mvisualBtn ul li.on a.ico_1 { position:relative; width:12px; height:12px; background:#469EE8; transition: all 0.3s ease;transition-delay: 0.0s; border-radius:6px; }
.mvisualBtn ul li.on a.ico_2 { position:relative; width:12px; height:12px; background:#469EE8; transition: all 0.3s ease;transition-delay: 0.0s; border-radius:6px; }
.mvisualBtn ul li.on a.ico_3 { position:relative; width:12px; height:12px; background:#469EE8; transition: all 0.3s ease;transition-delay: 0.0s; border-radius:63px; }

.pn_nav { display:inline-block; position:absolute; z-index:99999; margin:0 auto;  width:100%; height:58px; }
.pn_nav_area { width:100%; position:relative; margin:0 auto; margin-top:370px; }
.pn_nav a em.prev_btn { position:absolute; width:45px;height:45px; display:inline-block; left:60px; cursor:pointer; opacity:1; transition: all 0.3s ease;}
.pn_nav a em.prev_btn:hover { left:50px; transition: all 0.3s ease; }
.pn_nav a em.next_btn { position:absolute; width:45px;height:45px;display:inline-block; right:80px; cursor:pointer; opacity:1; transition: all 0.3s ease; }
.pn_nav a em.next_btn:hover { right:70px; transition: all 0.3s ease; }


/* 의료진 소개 */
.section1_container {  width:100%; height:2120px; position:relative;  text-align:center; padding-top:160px; background:url('../images/section1_bg.jpg') 50% 50%; background-size:cover; }
.section1_container p { text-align:center; font-family:'CookieRun-Bold'; font-size:55px; color:#469ee8; font-weight:bold; line-height:65px; }
.section1_wrap { width:1400px; margin:0 auto; margin-top:70px; }
.section1_wrap .box1 { float:left; width:527px; }
.section1_wrap .box2 { float:left; width:873px; text-align:left; padding:35px 0 0 35px; }
.section1_wrap .box2 > div:nth-child(1) { width:265px; height:46px; text-align:center; font-family:'CookieRun-Regular'; font-weight:normal; font-size:28px; color:#fff; background:#469EE8; border-radius:23px; line-height:46px;  }
.section1_wrap .box2 > div:nth-child(2) { padding-top:25px; font-family:'omni-200'; font-size:30px; color:#111; }
.section1_wrap .box2 > div:nth-child(2) strong { font-family:'omni-400'; font-size:40px; letter-spacing:0.2em; }
.section1_wrap .box2 > div:nth-child(3) { padding-top:35px; font-family:'omni-300'; font-size:18px;line-height:43px;letter-spacing:-0.03em; }
.section1_wrap .box2 > div:nth-child(3) span { display:inline-block; float:left; width:50%; }

/* 진료안내 */
.section2_container {  width:100%; height:950px; position:relative;  text-align:center; padding-top:145px; background:url('../images/section2_bg.jpg') 50% 50%; background-size:cover; }
.section2_container p { text-align:center; font-family:'CookieRun-Bold'; font-size:55px; color:#FF7475; font-weight:bold; line-height:65px; }
.section2_wrap { width:1340px; margin:0 auto; margin-top:80px; }
.section2_wrap .box { float:left; width:610px; margin:0 30px; }

/* 진료과목 */
.section3_container {  width:100%; height:1450px; position:relative;  text-align:center; padding-top:145px; }
.section3_container p { text-align:center; font-family:'CookieRun-Bold'; font-size:55px; color:#33B7A3; font-weight:bold; line-height:75px; }
.section3_wrap { width:1432px; margin:0 auto; margin-top:65px; }
.section3_wrap .box { float:left; width:328px; height:520px; margin:0 15px; text-align:center; font-family:'omni-300'; font-size:18px; line-height:31px; letter-spacing:-0.03em;}
.section3_wrap .box img { padding:0 0 20px 0; }

/* 둘러보기 */
.section4_container {  width:100%; height:1180px; position:relative;  text-align:center; padding-top:145px; background:#f6f6f6; }
.section4_container p { text-align:center; font-family:'CookieRun-Bold'; font-size:55px; color:#F6AC4C; font-weight:bold; line-height:75px; }
.section4_wrap { width:1432px; margin:0 auto; margin-top:65px; }
.section4_wrap .box { float:left; width:328px; height:520px; margin:0 15px; text-align:center; font-family:'omni-300'; font-size:18px; line-height:31px; letter-spacing:-0.03em;}
.section4_wrap .box img { padding:0 0 20px 0; }

/* 오시는길 */
.section5_container {  width:100%; height:1380px; position:relative;  text-align:center; padding-top:145px; }
.section5_container p { text-align:center; font-family:'CookieRun-Bold'; font-size:55px; color:#A090F1; font-weight:bold; line-height:75px; }
.section5_wrap { width:1400px; margin:0 auto; margin-top:65px; }
.section5_wrap .add { margin-top:-32px; position:relative; z-index:3; width:1400px; height:60px; font-family:'omni-300'; font-size:25px; color:#fff; line-height:66px; background:#A090F1; }
.section5_wrap .parking { width:1240px; margin:0 auto; margin-top:80px; }
.section5_wrap .parking > div:nth-child(1) { float:left; width:230px; }
.section5_wrap .parking > div:nth-child(2) { float:left; text-align:left; padding-left:20px; }
.section5_wrap .parking > div:nth-child(2) > span:nth-child(1) { display:block; width:186px; height:46px; text-align:center; font-family:'CookieRun-Regular'; font-weight:normal; font-size:28px; color:#222; background:#e1e1e1; border-radius:23px; line-height:46px; }
.section5_wrap .parking > div:nth-child(2) > span:nth-child(2) { display:block; padding-top:20px; font-family:'omni-300'; font-size:18px;line-height:43px;letter-spacing:-0.03em;  }


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

/* SNB */
.snb_pc { display:block; position:relative; z-index:5; width:100%; margin-top:-28px; text-align:center; }


/*  서브 내용 부  */
#container{ display:inline-block;  position:relative; z-index:3; width:100%; text-align:center; margin-top:0px; }
#container_back { display:inline-block;  position:relative; z-index:3; width:100%; text-align:center; margin-top:0px; background:url('../images/back_bo.png'); }
#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:50px 0 50px 0; margin:0 auto; margin-top:0px; height:auto !important; } 
#board .bo_cont1 {  width:1400px; min-height:620px; padding:50px 0 50px 0; text-align:left; margin:0 auto; height:auto !important; } 

.bo_txt {  width:1400px; margin-top:-30px; text-align:center; font-family:'omni-300'; font-size:20px; color:#444; line-height:35px;letter-spacing:-0.03em; } 
.bo_txt p { width:1400px; margin:30px 0 50px 0; text-align:center; font-family:'CookieRun-Regular'; font-weight:normal; font-size:23px; color:#fff; line-height:60px; background:#469EE8; border-radius:10px; letter-spacing:0.03em;} 

/* SNB */
.snb_pc { display:inline-block; position:relative;  z-index:9; width:100%; height:60px; text-align:center; margin:60px 0 0 0; }

.cate_pc { position:relative; z-index:99; width:1300px; margin:0 auto; padding:0;  text-align:center; margin-top:-80px; }
.cateBtn { display:inline-block; position:relative; width:100%; margin:0 auto; text-align:center; padding:0px 0 50px 0; }
.cateBtn .nav { width:100%; position:relative; width:1300px; margin:0 auto; }
.cateBtn .nav ul { width:100%; margin:0; padding:0;  font-family:'s-core-dream-regular'; font-size:20px; letter-spacing:-0.03em;}
.cateBtn .nav li { list-style:none; display:inline-block; position:relative; width:15%; height:50px; line-height:48px; /* 깜빡임 없앰 -> */ background:#fff; color:#000; border:1px #ddd solid; margin-right:-1px; text-align:center; cursor:pointer; }
.cateBtn .nav li a:hover {  }
.cateBtn .nav li span {  display:block; height:48px; background:#F3A6B8; color:#FFF; text-align:center; cursor:pointer;  }

.snb_tit { width:100%; margin:0 auto; text-align:center; margin-top:0; padding:0 0 50px 0; }
.snb_tit .bo_adm { text-align:center; font-family:'CookieRun-Bold'; font-size:55px; color:#111; font-weight:bold; line-height:75px; }
.snb_tit .bo_notice { text-align:center; font-family:'CookieRun-Bold'; font-size:55px; color:#6C8FE9; font-weight:bold; line-height:75px; }
.snb_tit .bo_album { text-align:center; font-family:'CookieRun-Bold'; font-size:55px; color:#469EE8; font-weight:bold; line-height:75px; }

/* 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; }


/* COPYRIGHT */
#foot { display:inline-block; position:relative;  z-index:999; width:100%; text-align:center; background:#F5F5F5; }
.copyright { width:1400px; margin:0 auto; text-align:center; padding:60px 0 40px 0; }
.copyright .tail_logo { text-align:center; padding:0 0 20px; }
.copyright .tail_add { text-align:center; font-family:'Noto Sans Kr'; font-size:14px; font-weight:400; color:#888; line-height:24px;}
.copyright .tail_add p { text-align:center; font-family:'arial'; font-size:13px; font-weight:300; color:#999; line-height:60px;}
.copyright .tail_privacy { width:255px; margin-top:-95px; margin-left:995px; cursor:pointer;  }

.copyright .tail_adm { margin:0 auto; padding:15px 0 0;}
.copyright .tail_adm a { text-align:center; padding:2px 12px 3px 12px; border:1px #ddd solid; font-size:13px; line-height:24px; letter-spacing:-0.05em;  font-weight:300; cursor:pointer; }
.copyright .tail_adm a { font-family:'Noto Sans Kr'; color:#ccc; text-decoration:none; }


.span_line { clear:both; display:inline-block; width:11px; border-left:1px #fff solid; line-height:12px; margin:0 0 0 13px; }
.tail_line { clear:both; display:inline-block; width:15px; border-left:1px #bbb solid; color:#bbb; line-height:12px; margin:0 0 0 19px; }




/*  로그인/회원가입 head 부  */
#head_content { display:block; position:relative; min-width:100%; margin-top:0px;  text-align:center; }
#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; margin-top:90px; }

/* 게시판 카테고리 ,랭키스 타입으로 변경 */
#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;}