@charset "utf-8";

/*구글 웹폰트*/
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/*  전체 영역  */	
#wrap { width:100%; }
#wrap_sub { width:100%; }

/* TM */	
#header { display:block; position:relative; z-index:3; width:100%; height:100px; margin:0 auto; top:0; }
.tm {  float:right; position:absolute; z-index:2; right:125px; width:550px; text-align:right; color:#222; font-size:16px; top:39px; letter-spacing:-0.03em;}
.tm img { padding:0; margin:0 -5px; }
.tm a { text-decoration:none; color:#222; }
.tm span{ padding:4px 3px; color:#222; }
.tm span.adm a { color:#ee0000; margin:0; }
.tm_logo { padding-top:25px; width:285px; margin:0 auto; text-align:center;}
.tm_tel { float:left; margin-top:25px; margin-left:50px; }
.tm_tel img { margin:0 6px 0 0; }
.tm_sitemap { float:right; margin-right:50px; margin-top:-45px; }

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


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

#gnb_nav { display:none; width:100%; height:60px; min-width:930px; margin:0 auto; position:relative; background:none;  } 
#gnb_nav_wrapper { margin:0 auto; width:930px; position:relative; }
#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:186px; height:60px; cursor:pointer; position:relative; }
#gnb_nav_wrapper div.default ul li { line-height:60px; font-family:'Noto Sans Kr'; color:#222; font-size:20px; letter-spacing:-0.06em; text-align:center; }
#gnb_nav_wrapper div.default ul li a { color:#222; }
#gnb_nav_wrapper div.default ul li .square { width:100%; height:60px; position:absolute; }
#gnb_nav_wrapper div.default ul li .txt { top:0; left:0; width:100%; height:60px; position:absolute; }
#gnb_nav_wrapper div.default ul li .over { top:60px; width:100%; height:60px; 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:186px; height:60px; cursor:pointer; position:relative; }
		
#gnb_nav #gnb_nav_wrapper #gnb_nav_line { top:0; left:0;  margin-top:0px; padding:0; position:absolute; z-index:-1;}
#gnb_nav #gnb_nav_wrapper #gnb_nav_line li { width:0px; height:60px; line-height:60px; position:absolute; background:#DFE5E7; opacity:1; }

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

#snb_nav_wrapper { top:0px; left:0px; width:930px; height:280px; position:relative; margin:0 auto; padding-top:15px;  }
#snb_nav_square { position:absolute; }
#snb_nav_square .menu { top:0px; float:left; width:240px; height:280px; position:absolute; cursor:pointer;}
#snb_nav_square .menu ul { padding:0;width:186px; height:280px; }
#snb_nav_square .menu ul li { position:relative; top:0px; left:0px;  padding:0; list-style:none; float:left; text-align:center; width:186px; height:31px;  line-height:31px;  font-family:'Noto Sans Kr';  font-size:17px; background:#fff; color:#222; letter-spacing:-0.03em; cursor:pointer; }

#snb_nav_btn { position:absolute; }
#snb_nav_btn .menu { top:0px; float:left; width:186px; height:280px; position:absolute; }
#snb_nav_btn .menu ul{ padding:0; }
#snb_nav_btn .menu ul li { list-style:none; float:left; width:186px; height:31px; cursor:pointer; position:relative;}
#snb_nav_btn .menu ul li:hover { background:#fff; cursor:pointer; }				
					
#snb_nav_line { position:absolute; }
#snb_nav_line li { list-style:none; width:1px; height:244px; position:absolute; margin-top:0px; }

.lineBottom { /*display:none;*/ top:60px; left:0; width:100%; height:2px; background:#0075B2; opacity:0; filter:alpha(opacity=0); position:absolute; }		

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

.navbar { position:absolute; width:100%; height:60px; margin:0 auto; z-index:99992; margin-top:0px;  }
.navbar.sticked { width:100%; transition: all 0.2s ease; }
.sticked .navbar .navbar-collapse.collapse{ margin-top:60px; }
.navbar {  }
.navbar.sticked { top:0px; transition: all 0.6s ease; /*-webkit-box-shadow:0 0 10px 0px #444; box-shadow:0 0 10px 0 #444;*/ }


/* 특별함 */
.sec1_container { display:inline-block; width:100%; height:900px; position:relative; text-align:center; margin-top:90px; font-family:'Noto Sans Kr'; }
.sec1_container div > p:nth-child(1) { font-family:'Barlow Condensed'; font-size:24px; font-weight:600; color:#9b9b9b; letter-spacing:0.1em;}
.sec1_container div > p:nth-child(2) { margin-top:15px; font-size:50px; font-weight:300; letter-spacing:-0.1em; }
.sec1_container div > p:nth-child(3) { font-size:50px; font-weight:600; line-height:40px;}
.sec1_container div > p:nth-child(4) { margin-top:25px; font-size:24px; font-weight:300; line-height:32px;  letter-spacing:-0.06em; }
.sec1_wrap { display: flex; width:1528px; margin:0 auto; margin-top:55px; text-align:center; position:relative; }
.sec1_wrap .box { width:350px; margin:0 16px; }
.sec1_wrap .box > p:nth-child(1) { padding-bottom:20px; }
.sec1_wrap .box > p:nth-child(2) { width:350px; height:60px; line-height:60px; border:1px #999 solid; text-align:center; font-size:24px; font-weight:600; letter-spacing:-0.07em; }

/* 진료프로그램 */
.sec2_container { display:inline-block; width:100%; height:620px; position:relative; text-align:center; font-family:'Noto Sans Kr';}
.sec2_wrap { width:1500px; margin:0 auto; text-align:left; position:relative; }
.sec2_wrap div > p:nth-child(1) { font-family:'Barlow Condensed'; font-size:24px; font-weight:600; color:#b59579; letter-spacing:0.1em; }
.sec2_wrap div > p:nth-child(2) { font-size:50px; font-weight:600; letter-spacing:-0.05em; }

/* 내이플란트 안내 */
.sec3_container { display:inline-block; width:100%; height:750px; position:relative; text-align:center; margin-top:90px; font-family:'Noto Sans Kr'; }
.sec3_container div > p:nth-child(1) { font-family:'Barlow Condensed'; font-size:24px; font-weight:600; color:#b59579; letter-spacing:0.1em;}
.sec3_container div > p:nth-child(2) { margin-top:20px; font-size:50px; font-weight:600; line-height:40px;}
.sec3_container div > p:nth-child(3) { margin-top:25px; font-size:24px; font-weight:300; line-height:32px;  letter-spacing:-0.06em; }
.sec3_wrap { display: flex; width:1500px; margin:0 auto; margin-top:45px; text-align:center; position:relative; }
.sec3_wrap .box { width:768px; text-align:left; }
.sec3_wrap .box img { float:left; margin-right:31px; }
.sec3_wrap .box1 { width:732px; text-align:right;}

/* 둘러보기 */
.sec4_container { display:inline-block; width:100%; height:680px; position:relative; text-align:center; font-family:'Noto Sans Kr'; }
.sec4_wrap { width:1500px; height:570px; margin:0 auto; padding-top:65px; text-align:center; position:relative;background:#88877F; }
.sec4_wrap div > p:nth-child(1) { font-size:40px; font-weight:600; color:#fff; line-height:40px;}
.sec4_wrap div > p:nth-child(2) { margin-top:10px; font-family:'Barlow Condensed'; font-size:20px; font-weight:500; color:#ffb373;  letter-spacing:0.06em;}
.sec4_wrap div > p:nth-child(3) { margin-top:10px; font-family: 'Noto Serif KR', serif; font-size:24px; color:#fff; font-weight:500; letter-spacing:-0.06em; }
.sec4_wrap .box { width:1320px; margin:0 auto; }

/* 네이버 생생 후기 */
.ps_container { display:block; width:100%; height:1050px; position:relative; text-align:center; margin-top:100px; padding-top:100px;  background:#f4f4f4; font-family:'Noto Sans Kr';}
.ps_container h2 { width:100%; font-weight:300;  font-size:25px; padding:0; line-height:30px; letter-spacing:-0.05em; }
.ps_container h3 { width:100%; margin:0 auto; padding:10px 0 15px 0;font-size:50px; font-weight:400; letter-spacing:-0.06em; }
.ps_container h3 strong { font-weight:600; }
.ps_container h4 a { display:inline-block;width:280px; margin-bottom:20px; text-align:center; font-family:'Noto Sans Kr'; color:#fff; font-weight:300;  font-size:18px;  line-height:40px; letter-spacing:-0.05em; border:1px #000 solid; background:#000; border-radius:20px; }
.ps_container h4 a:hover { color:#000; border:1px #000 solid; background:#fff; text-decoration:none; }
.ps_wrap { display:inline-block;width:1300px; margin:0 auto; position:relative; }

/*  서브 메뉴 부  */
#container_wrap{ display:inline-block; position:relative; width:100%; top:35px; text-align:center; }
#container{ display:inline-block; position:relative; z-index:3; width:1200px; margin:0 auto; }
#aside { display:block; float:left; text-align:left; width:220px; }
#aside .gr_tit { display:block; width:220px; height:90px; }
#aside .snb { float:left; width:220px; padding:0; text-align:left; }

#board { display:block; position:relative; float:right; top:0; padding:0; width:930px; min-width:930px !important; height:auto !important; }
#board:after { display:block;visibility:hidden;clear:both;content:""}
#board .bo_tit { display:block; width:930px; text-align:left; padding:25px 0 60px 0; border-bottom:1px #E1E1E1 solid; }
#board .bo_img {  float:left; clear:both; font-family:'Noto Sans Kr';  font-size:34px; color:#000; letter-spacing:-0.07em;} 
#board .bo_nav {  float:right; text-align:right; padding-top:15px; font-family:'Noto Sans Kr';  font-size:15px; color:#000; letter-spacing:-0.02em;} 
#board .bo_nav a {  color:#000; } 
#board .cont { display:inline-block; position:relative; width:930px; min-height:600px; text-align:left;padding:30px 0; }

.snbBtn { display:block; position:relative; width:220px;  }
.snbBtn .nav { position:relative; }
.snbBtn .nav ul {  padding:0; }
.snbBtn .nav li { font-family:'Noto Sans Kr';  font-size:16px; color:#555; letter-spacing:0em; font-weight:500; list-style:none; display:inline-block; float:left;  text-align:left; width:209px; line-height:42px; padding:0 0 0 11px; border-bottom:1px #D6D6D6 solid;  cursor:pointer; }
.snbBtn .nav li:hover {  }
.snbBtn .nav li span { float:left;  margin-left:-11px; width:209px; line-height:42px; padding:0 0 0 11px; background:#FFF; color:#64ad00;  cursor:pointer;  }


/* COPYRIGHT */
#foot { display:inline-block; position:relative; z-index:99; width:100%; height:850px; text-align:center; padding-top:20px; font-family: 'Noto Sans KR';  background:#F9F9F9; }
.copyright { width:1500px; margin:0 auto; text-align:center; }

.copyright .copy_left { float:left; width:815px; text-align:left; }
.tel_ { float:left; width:330px; }
.tel_ > p:nth-child(1) { padding:15px 0 0; font-family: 'Noto Sans KR';  font-size:26px; font-weight:600; letter-spacing:-0.05em; }
.tel_ > p:nth-child(2) { padding:8px 0 15px 0; font-family:'Barlow Condensed'; font-size:60px; font-weight:600;}
.tel_ > p img {float:left; margin:15px 9px 0 0; }
.time_ { float:left; width:420px; padding-top:15px; }
.time_ > p:nth-child(1) { font-size:26px; font-weight:600; letter-spacing:-0.05em; }
.time_ > p:nth-child(2) { font-size:18px; color:#999; letter-spacing:-0.05em; line-height:24px; padding:7px 0 17px 0;}
.time_ > p:nth-child(3) { font-size:23px; color:#333; font-weight:400; letter-spacing:-0.05em; line-height:33px; }
.location { float:left; width:660px; text-align:left; margin-top:40px; padding:15px 0; border-top:1px #ddd solid; border-bottom:1px #ddd solid; }
.location > p:nth-child(1) { font-family:'Barlow Condensed'; font-size:34px; font-weight:700; }
.location > p:nth-child(2) { font-size:24px; font-weight:400; padding:10px 0 10px 0; line-height:26px; letter-spacing:-0.03em; }
.logo_ { float:left; width:260px; margin-top:50px; text-align:center; }
.add_ { float:left; width:505px; margin-top:35px; font-weight:400; color:#666; font-size:17px; line-height:26px; letter-spacing:-0.03em;}
.add_ span { display:inline-block; margin-top:7px; font-size:16px; }
.ft_menu { display:inline-block;  position:relative; text-align:center; padding:15px 0 0; margin:0; z-index:99; }
.ft_menu span { text-align:center; padding:3px 13px; background:#252525; color:#fff; font-size:15px; letter-spacing:-0.03em; cursor:pointer;}
.ft_menu span a { color:#fff; text-decoration:none; }
.copyright .copy_right { float:left; width:685px; text-align:right; padding-top:20px; }

.copyright .tail_line { clear:both; display:inline-block; width:8px; border-left:1px #aaa solid; color:#aaa; line-height:12px; margin:0 0 0 10px; }


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

/* Go Top 버튼 */
.WapGoTop {position: fixed;	bottom: 0;	right: 0;	font-size: 0;	z-index: 999991020;}
.GotopBtn {display: block;position: absolute;bottom: -75px;right: 20px;width: 65px;height:65px;	background: url(../images/btn-gotop.png) 0 0 no-repeat;-webkit-background-size: 100%;background-size: 100%;opacity: 0.8;z-index: 999991021; }
.GotopBtn:hover { -webkit-background-size: 100%;background-size: 100%;opacity: 1;z-index: 999991021;  }


/* 게시판 카테고리 ,랭키스 타입으로 변경 */
#bo_cate { width:100%; height:34px; margin:0 auto; margin-bottom:20px; font-family:'nanum gothic'; font-size:1.1em; }
#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_cate ul { height:34px; background:#EEE;  padding-left:1px;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:25px;  padding:9px 24px 0 24px; background:#EEE; color:#222; letter-spacing:-0.01em; border-right:1px #fff solid; border-bottom:0px #fff solid; text-align:center; cursor:pointer; }
#bo_cate li a { display:block;position:relative;margin-left:-1px; text-align:center; cursor:pointer; height:34px; margin-top:-9px; margin-left:-24px;  margin-right:-24px; margin-top:-9px; padding:9px 24px 0 24px; }
#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; margin-top:-9px; margin-left:-24px;  margin-right:-24px;height:25px; padding:9px 24px 0 24px; background:#1A9CEF; color:#FFF; letter-spacing:-0.01em;text-align:center; cursor:pointer; }
.td_subject img {margin-left:3px}

/* 라인 모션 */
.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:20%; background:#aedc6f; z-index:-1;  margin-bottom:12px;padding:0; }
.line_motion.active > span{transform:translateY(0); opacity:1; color:#000;  padding:0; }
.line_motion.active > span:before{width:100%;}