@charset "utf-8";

@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=Nanum+Myeongjo:wght@800&family=Red+Hat+Display:wght@300;400;500;600;700;800;900&family=Titillium+Web:wght@200;300;400;600;700;900&display=swap');

/*  영역  */	
html {scroll-behavior: smooth;}
body { font-size:16px; font-family:'Noto Sans KR', dotum, sans-serif; font-weight:400; letter-spacing:-0.04em; }
input, button, select {margin:0; padding:0; font-family:'Noto Sans KR', dotum, sans-serif; font-size:16px}
input[type="submit"]{cursor:pointer}
button {cursor:pointer}
a { transition:all .3s ease;}
a:hover { text-decoration:none; transition:all .3s ease;}

textarea, select {font-family:'Noto Sans KR', dotum, sans-serif;font-size:15px}
select {margin:0}

/* 가로 세로 정렬 */
.flex_ { display:flex; align-items: center; justify-content: center; }
/* 길이 자르기 */
.ellips_ { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
/*  전체 영역  */	
#wrap { width:100%; min-width:1440px; height:auto !important; height:100%; min-height:100%; overflow-y:hidden; font-family:'Noto Sans Kr'; letter-spacing:-0.06em; overflow:auto; -webkit-overflow-scrolling: touch;}

/* TM */	
#header { display:inline-block; position:relative; z-index:3; width:100%; height:92px; text-align:center; top:0; }
.tm_wrap { width:1400px; position:relative; margin:0 auto; text-align:right; top:20px; }
.tm_wrap .tm_mb { float:right; right:0; margin-top:13px;}
.tm_wrap .tm_mb a { padding:2px 13px; font-size:15px; color:#666; font-weight:300; border:1px #ccc solid; border-radius:16px; }
.tm_wrap .tm_mb a:hover { background:#999; color:#fff; border:1px #999 solid; }
.tm_wrap .tm_adm { float:right; position:absolute; right:170px; margin-top:13px; }
.tm_logo { position:relative; width:342px; top:23px; margin:0 auto; }
.tm_tel { float:left; position:absolute; text-align:left; width:280px; top:40px; left:3%; }

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


/* GNB */
#gnb { display:inline-block; position:relative; z-index:999; width:100%; height:70px; margin:0 auto; top:0; border-top:1px #ddd solid;} 
.gnb_stripe { height:70px; position:relative; z-index:999; background:#fff; }

#gnb_nav { display:none; width:100%; height:70px; margin:0 auto; position:relative; background:none; top:0; } 
#gnb_nav_wrapper { margin:0 auto; width:1050px; position:relative; }
#gnb_nav_wrapper .tm_home { position:absolute; z-index:991; float:left; width:22px; height:22px; left:-170px; margin-top:20px; }
#gnb_nav_wrapper .tm_menu { position:absolute; z-index:991; float:right; width:22px; height:22px; right:-170px; margin-top:20px; }
#gnb_nav_wrapper div.default ul{ margin:0; padding:0; }
#gnb_nav_wrapper div.default ul li { overflow:hidden; list-style:none; float:left; width:210px; height:70px; cursor:pointer; position:relative; }
#gnb_nav_wrapper div.default ul li { line-height:70px; font-size:21px; font-weight:400;  text-align:center; }
#gnb_nav_wrapper div.default ul li a { color:#222; }
#gnb_nav_wrapper div.default ul li .square { width:100%; height:70px; position:absolute; }
#gnb_nav_wrapper div.default ul li .txt { top:0; left:0; width:100%; height:70px; position:absolute; }
#gnb_nav_wrapper div.default ul li .over { top:70px; width:100%; height:70px; position:absolute; background:#056839; color:#fff; }		

#gnb_nav_wrapper div.over ul{ top:0px; left:0px; margin:0; padding:0; position:absolute; }
#gnb_nav_wrapper div.over ul li { list-style:none; float:left; width:210px; height:70px; cursor:pointer; position:relative; }
		
#gnb_nav #gnb_nav_wrapper #gnb_nav_line { display:none; top:0; left:0;  margin-top:0px; padding:0; position:absolute;}
#gnb_nav #gnb_nav_wrapper #gnb_nav_line li { width:1px; height:70px; line-height:70px; position:absolute; background:#ddd; }

#snb_nav_mask { top:70px; width:100%; height:0; overflow:hidden; position:absolute; z-index:999; opacity:1; background:#fff; border-bottom:1px #ddd solid; } 

#snb_nav_wrapper { top:0px; left:0px; width:1050px; height:265px; position:relative; margin:0 auto; padding-top:20px;  }
#snb_nav_square { position:absolute; }
#snb_nav_square .menu { top:0px; float:left; width:210px; height:265px; position:absolute; cursor:pointer;}
#snb_nav_square .menu ul { padding:0;width:210px; height:265px; }
#snb_nav_square .menu ul li { position:relative; top:0px; list-style:none; text-align:center; width:210px; height:31px;  line-height:31px;  font-size:17px; background:#fff; color:#222; font-weight:400; cursor:pointer; }

#snb_nav_btn { position:absolute; }
#snb_nav_btn .menu { top:0px; width:210px; height:265px; position:absolute; }
#snb_nav_btn .menu ul{ padding:0; }
#snb_nav_btn .menu ul li { list-style:none; text-align:center; width:210px; height:31px; cursor:pointer; position:relative;}
		
					
#snb_nav_line { position:absolute; }
#snb_nav_line li { list-style:none; width:1px; height:265px; position:absolute; margin-top:0px; }

.lineBottom { /*display:none;*/ top:68px; left:0; width:100%; height:3px; background:#056839; opacity:0; filter:alpha(opacity=0); position:absolute; z-index:4; }		

.logoSide { width:60px; height:100%; overflow:hidden; top:0; left:50%; margin-left:-730px; position:absolute; }
.logoSide_btn { width:100%; height:100%; position:relative; margin-top:-70px; cursor:pointer; }


/* 진료프로그램 */
.sec1_container { display:inline-block; width:100%; height:720px; position:relative; text-align:center; margin-top:100px; font-family:'Noto Sans Kr'; letter-spacing:-0.05em; }
.sec1_container .aos-item p:nth-child(1) { display:inline-block; width:250px; margin:0 auto; font-family: 'Noto Serif KR', serif; font-size:22px; font-weight:400; letter-spacing:-0.06em; padding:15px 0; border-top:1px #E5E5E5 solid; border-bottom:1px #E5E5E5 solid;}
.sec1_container .aos-item p:nth-child(2) { margin-top:15px; font-size:20px; color:#aaa; font-weight:300; }
.sec1_wrap { display: flex; width:1424px; margin:0 auto; margin-top:50px; text-align:center; position:relative; }
.sec1_wrap .box { width:330px; margin:0 13px; text-align:center; }
.sec1_wrap .box > p:nth-child(1) { padding-bottom:20px; }
.sec1_wrap .box > p:nth-child(2) { font-size:22px; font-weight:600; }
.sec1_wrap .box > p:nth-child(3) { margin-top:15px; font-size:20px; line-height:26px; font-weight:300; }

/* 최대한의 효과 */
.sec2_container { display:inline-block; width:100%; height:790px; position:relative; text-align:center; font-family:'Noto Sans Kr'; letter-spacing:-0.05em; }
.sec2_container .aos-item p:nth-child(1) { display:inline-block; width:280px; margin:0 auto; font-family: 'Noto Serif KR', serif; font-size:22px; font-weight:400; letter-spacing:-0.06em; padding:15px 0; border-top:1px #E5E5E5 solid; border-bottom:1px #E5E5E5 solid;}
.sec2_container .aos-item p:nth-child(2) { margin-top:15px; font-size:20px; font-weight:300; margin-bottom:50px;}
.sec2_wrap { width:1400px; height:560px; margin:0 auto; text-align:left; padding-top:160px; background-image: url('../images/sec2_bg.jpg'); }
.sec2_wrap .box { width:434px; height:234px; }

/* 의료진 */
.sec3_container { display:inline-block; width:100%; height:620px; position:relative; text-align:center; font-family:'Noto Sans Kr'; letter-spacing:-0.05em; }
.sec3_wrap { display: flex; width:1400px; margin:0 auto; margin-top:45px; text-align:center; position:relative; }
.sec3_wrap .box { width:700px; text-align:left; }
.sec3_wrap .box1 { width:700px; text-align:center; padding-top:50px; }
.sec3_wrap .box1 > p:nth-child(1) { display:inline-block; width:120px; margin:0 auto; font-size:22px; font-weight:600; padding:12px 0; border-top:1px #E5E5E5 solid; border-bottom:1px #E5E5E5 solid;}
.sec3_wrap .box1 > p:nth-child(2) { margin-top:60px; font-size:20px; font-weight:600; }
.sec3_wrap .box1 > p:nth-child(3) { margin-top:5px; font-size:40px; font-weight:600; }
.sec3_wrap .box1 > p:nth-child(4) { margin-top:25px; font-size:20px; font-weight:300; }
.sec3_wrap .box1 > p:nth-child(5) { margin-top:60px; }
.sec3_wrap .box1 > p:nth-child(5) a { display:block; margin:0 auto; width:155px; line-height:40px; text-align:center; border:1px #ccc solid; font-size:18px; transition:all .3s ease;}
.sec3_wrap .box1 > p:nth-child(5) a:hover { background:#000; color:#fff; transition:all .3s ease; }



/* 서브 비쥬얼 */
#visual_sub { display:block; position:relative; z-index:3; width:100%; margin-top:-5px; }
.top_visual_g0 { display:block; text-align:center; width:100%; height:430px; background-image: url('../images/SubVisual/bg0.jpg'); 50% 50%; background-size:cover;}
.top_visual_g1 { display:block; text-align:center; width:100%; height:430px; background-image: url('../images/SubVisual/bg1.jpg'); 50% 50%; background-size:cover; }
.top_visual_g2 { display:block; text-align:center; width:100%; height:430px; background-image: url('../images/SubVisual/bg2.jpg'); 50% 50%; background-size:cover;}
.top_visual_g3 { display:block; text-align:center; width:100%; height:430px; background-image: url('../images/SubVisual/bg3.jpg'); 50% 50%; background-size:cover;}
.top_visual_g4 { display:block; text-align:center; width:100%; height:430px; background-image: url('../images/SubVisual/bg4.jpg'); 50% 50%; background-size:cover; }
.top_visual_g5 { display:block; text-align:center; width:100%; height:430px; background-image: url('../images/SubVisual/bg5.jpg'); 50% 50%; background-size:cover;}


/*  서브 내용 부  */
#container{ display:block;  position:relative; z-index:4; width:100%; top:0; text-align:center; top:0px; }
#board {  display:block; position:relative; width:100%; margin:0 auto; top:0; text-align:center; }
#board .bo_cont {  width:100%; min-height:620px; padding:60px 0 50px 0; margin:0 auto;  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; } 

/* SNB */
.snb_pc { display:block; position:relative; z-index:3; width:100%; margin-top:-20px; margin-bottom:30px; padding:0; text-align:center; }

/* CATE */
.cate_pc { width:100%; margin:0 auto; padding:0;  text-align:center; }
.cateBtn { display:block; position:relative;width:100%; margin:0 auto; text-align:center; margin-top:30px; margin-bottom:0px; padding:0; }
.cateBtn .nav { width:100%; position:relative; width:1280px; margin:0 auto; }
.cateBtn .nav ul { width:100%; margin:0; padding:0;  font-family:'Noto Sans Kr'; font-weight:400;  font-size:17px; letter-spacing:-0.03em;}
.cateBtn .nav li { list-style:none; display:inline-block; position:relative; width:15%; height:45px; line-height:42px; /* 깜빡임 없앰 -> */ background:#fff; color:#222; border:1px #ddd solid; margin-right:-1px; text-align:center; cursor:pointer; }
.cateBtn .nav li:first-child { border-radius:24px 0 0 24px; }
.cateBtn .nav li:last-child { border-radius:0 24px 24px 0; }
.cateBtn .nav li a:hover {  }
.cateBtn .nav li span {  display:block; height:43px; background:#056839; color:#FFF; text-align:center; cursor:pointer;  }
.cateBtn .nav li:first-child span { border-radius:24px 0 0 24px; }
.cateBtn .nav li:last-child span { border-radius:0 24px 24px 0; }

.snb_tit { width:100%; margin:0 auto; text-align:center; margin:0; padding:45px 0 0; }
.snb_tit .bo_tit { text-align:center; font-family:'Noto Sans Kr'; font-size:48px; font-weight:500; color:#333; letter-spacing:-0.03em; }
.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:block;  position:relative;  margin:0 auto; text-align:center; width:70px; height:20px; border-bottom:1px #000 solid; } 

/* COPYRIGHT */
#foot { display:inline-block; position:relative; z-index:99; width:100%; height:1050px; text-align:center; padding-top:20px; font-family: 'Noto Sans KR';  background:#fff; }
.copyright_wrap { display:inline-block; width:1400px; margin:0 auto; text-align:center; }
.copyright_wrap .copy_left { float:left; width:700px; text-align:left; }
.time_ { float:left; width:600px; padding-top:15px; }
.time_ > p:nth-child(1) { font-size:24px; font-weight:600; letter-spacing:-0.05em; }
.time_ > p:nth-child(2) { padding-top:5px; font-size:20px; color:#333; font-weight:400; letter-spacing:-0.05em; line-height:33px; }
.location_ { float:left; width:600px; text-align:left; margin-top:40px; padding:30px 0; border-top:1px #ddd solid; border-bottom:1px #ddd solid; }
.location_ > p:nth-child(1) { font-size:24px; font-weight:600; letter-spacing:-0.05em; }
.location_ > p:nth-child(2) { padding-top:5px; font-size:20px; color:#333; font-weight:400; letter-spacing:-0.05em; line-height:33px; }
.counsel_ { float:left; width:600px; text-align:left; margin-top:30px; padding:0 0 30px 0; }
.counsel_ > p:nth-child(1) { font-size:24px; font-weight:400; letter-spacing:-0.05em; }
.counsel_ > p:nth-child(2) { padding-top:5px; font-size:20px; color:#333; font-weight:600; letter-spacing:-0.05em; line-height:33px; }
.counsel_ > p:nth-child(3) { padding-top:46px; }
.counsel_ > p:nth-child(3) img { float:left; margin:0; }
.copyright .copy_right { float:left; width:700px; text-align:right; padding-top:20px; }

.add_wrap { display:inline-block; width:1400px; margin:0 auto; text-align:left; margin-top:70px;}
.logo_ {  }
.sns_ { float:right; position:relative; right:0; margin-top:-45px; z-index:99; }
.sns_ img { margin:0 0 0 20px; }
.add_ { width:1400px; margin-top:35px; padding-top:30px; font-weight:300; color:#888; font-size:19px; line-height:30px; letter-spacing:-0.03em; border-top:1px #e5e5e5 solid; }
.add_ span { display:inline-block; margin-top:7px; font-size:16px; }
.ft_menu { display:inline-block; float:right; position:relative; right:0; margin-top:-120px; z-index:99; }
.ft_menu span { text-align:center; padding:3px 13px; color:#888; font-size:16px; letter-spacing:-0.03em; cursor:pointer;}
.ft_menu span a { color:#888; text-decoration:none; }
.ft_menu .line_ { border-right:1px #ddd solid; line-height:10px; margin-right:11px; padding-left:1px; }


/*  로그인/회원가입 head 부  */
#head_content { display:block; position:relative; min-width:100%; top:0px; text-align:center; border-top:1px #E5E5E5 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 버튼 */
.WapGoTop {position:fixed; bottom:0; right:0; font-size:0; z-index:999991020;}
.GotopBtn {display:block; position: absolute;bottom:-80px; right:35px; width: 65px; height:65px;	background:url("../images/btn-gotop.png") 0 0 no-repeat;-webkit-background-size: 100%;background-size: 100%;opacity: 1;z-index: 999991021; }
.GotopBtn:hover { -webkit-background-size: 100%;background-size:100%; opacity:1; z-index:999991021;  }


/* 게시판 카테고리 ,랭키스 타입으로 변경 */
#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:#1A9CEF; border:0px #ddd solid; color:#FFF; text-align:center; cursor:pointer; }

/* 게시판 검색창 */
#bo_sch { width:355px;}
#bo_sch input[type=text]:focus {
border: 0px !important;
}
#bo_sch select:focus {
border: 0px !important;
}

/* 라인 모션 */
.line_motion{position:relative; overflow:hidden; padding:0;}
.line_motion > span{position:relative; z-index:1; display:inline-block; transform:translateY(calc(100% + 20px));  transition:transform 0.6s ease 0.2s, opacity 0.8s cubic-bezier(.5, 0, .1, 1) 0.2s; opacity:0;}
.line_motion > span:before{content:""; position: absolute; bottom:0; left:0; transition:width 0.5s cubic-bezier(0.700, 0.100, 0.10, 0.86) 0.6s; width:0; height:30%; background:#bbef73; z-index:-1;  margin-bottom:0px;padding:0; }
.line_motion.active > span{transform:translateY(0); opacity:1; color:#000;  padding:0; }
.line_motion.active > span:before{width:100%;}

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

/* 더보기 버튼 공통 */
.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{position:absolute;z-index:920; margin-left:530px; margin-top:-35px; width:30px;height:30px; border:none;background-color:transparent;}
.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:#444;}
.toggler:before{ top:0px;left:50%;margin-left:-1px;width:1px;height:100%;}
.toggler:after{ left:0px;top:50%;margin-top:-1px;width:100%;height:1px;}


.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:330px; top:98px; width:20px;height:20px; 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:#aaa;}
.toggler_1:before{ top:0px;left:50%;margin-left:-2px;width:4px;height:100%;}
.toggler_1:after{ left:0px;top:50%;margin-top:-2px;width:100%;height:4px;}