/*  영역  */	
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:hover { text-decoration:none }

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

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

/*  전체 영역  */	
#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;}

/* 상단 주메뉴 */
#gnb { display:block; position:relative; z-index:99; width:100%; height:120px; min-width:1400px; margin:0 auto; top:0px; background:#fff; } 
.gnb_stripe { width:100%; height:120px; position:relative; z-index:2; }
#gnb_nav { display:none; width:100%; height:120px; margin:0 auto; position:relative; transition: all .4s ease; } 
#gnb_nav .logo { float:left; width:270px; top:25px; left:60px; position:absolute; z-index:3; opacity:1; }
#gnb_nav .tm_adm { float:right; width:150px; text-align:right; top:44px; right:60px; position:absolute; z-index:3; opacity:1; }
#gnb_nav .tm_adm svg { color:#999; margin-left:4px; }

#gnb_nav_wrapper { margin:0 auto; width:1000px; height:120px; position:relative; top:15px; left:85px; }
#gnb_nav_wrapper a { line-height:24px; color:#222; }
#gnb_nav_wrapper div.default ul{ margin:0; padding:0; }
#gnb_nav_wrapper div.default ul li { overflow:hidden; list-style:none; float:left; top:37px; height:24px; cursor:pointer; position:relative; background:#fff;}
#gnb_nav_wrapper div.default ul li { line-height:24px; font-family:'GmarketSansMedium'; font-size:20px; font-weight:400; letter-spacing:-0.04em; text-align:center; }
#gnb_nav_wrapper div.default ul li .square { width:100%; position:absolute; }
#gnb_nav_wrapper div.default ul li .txt { top:0; left:0; width:100%; position:absolute;background:#fff; }
#gnb_nav_wrapper div.default ul li .over { top:32px; width:100%; position:absolute; background:#fff; color:#2E97D4; border-radius:16px; }		

#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; height:120px; cursor:pointer; position:relative; }
	
#gnb_nav #gnb_nav_wrapper #gnb_nav_line { /*display:block; */ display:none; top:0; left:150px;  margin-top:8px; padding:0; position:absolute;}
#gnb_nav #gnb_nav_wrapper #gnb_nav_line li { width:1px; height:15px; line-height:15px; position:absolute; background:#444; opacity:0.2; }
#gnb_nav #gnb_nav_wrapper #gnb_nav_line li:last-child { display:none; }

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

#snb_nav_wrapper { top:0px; left:85px; width:1000px; height:220px; position:relative; margin:0 auto; padding-top:20px; }
#snb_nav_square { position:absolute; }
#snb_nav_square .menu { top:0px; float:left; height:220px; position:relative; }
#snb_nav_square .menu ul { padding:0; }
#snb_nav_square .menu ul li { top:0px; text-align:center; list-style:none; height:34px;  line-height:34px; font-family:'GmarketSansMedium';  font-size:16px; font-weight:500; color:#000; background:#fff; letter-spacing:0.02em; cursor:pointer; position:relative; }

#snb_nav_btn { position:absolute; }
#snb_nav_btn .menu { top:0px; float:left; width:180px; height:220px; position:relative; }
#snb_nav_btn .menu ul{ padding:0; }
#snb_nav_btn .menu ul li { list-style:none; float:left; width:180px; height:34px; cursor:pointer; position:relative; }
					
#snb_nav_line { position:absolute; }
#snb_nav_line li { list-style:none; height:220px; position:relative; margin-top:0px;  }

.lineBottom { /*display:none;*/ display:block; top:120px; left:0; width:100%; height:1px; background:#5b64a5; opacity:0; filter:alpha(opacity=0); position:absolute; }		
.gnb_line { /*display:none;*/ left:0; width:100%; height:1px; background:#ddd;  position:absolute; }

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

.net_select {	display:inline-block; position:absolute; margin-top:45px; right:65px; width:165px; height:34px; }

.navbar { position:fixed; width:100%; height:90px; 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:0px; }
.navbar {  }
.navbar.sticked { top:-90px; background:#fff; 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:770px; position:relative; text-align:center; margin-top:100px; }
.sec1_container div > p:nth-child(1) { font-family:'Kizo'; font-size:20px; font-weight:normal; letter-spacing:0.4em; }
.sec1_container div > p:nth-child(2) { margin-top:15px; font-family: 'GmarketSansBold'; font-size:45px; letter-spacing:-0.05em; }
.sec1_wrap { display: flex; width:1540px; margin:0 auto; margin-top:55px; text-align:center; position:relative; }
.sec1_wrap .box { width:1540px; margin:0 20px; }
.sec1_wrap .box > p:nth-child(1){ }
.sec1_wrap .box > p:nth-child(2){ margin-top:50px; font-family: 'GmarketSansMedium'; font-size:25px; }
.sec1_wrap .box > p:nth-child(3){ display:inline-block; width:50px; height:25px; border-bottom:1px #555 solid;}
.sec1_wrap .box > p:nth-child(4){ margin-top:25px; font-family: 'GmarketSansLight'; font-size:18px; color:#000; line-height:25px;}

/* 특별함 */
.sec2_container { display:inline-block; width:100%; height:940px; position:relative; text-align:center; padding-top:100px; background:#f5f5f5; }
.sec2_container div > p:nth-child(1) { font-family:'Kizo'; font-size:20px; font-weight:normal; letter-spacing:0.4em; }
.sec2_container div > p:nth-child(2) { margin-top:20px; font-family: 'GmarketSansMedium'; font-size:40px; letter-spacing:-0.05em; }
.sec2_container div > p:nth-child(3) { margin-top:10px; font-family: 'GmarketSansBold'; font-size:45px; letter-spacing:-0.05em; }
.sec2_wrap { display: flex; width:1540px; margin:0 auto; margin-top:55px; text-align:center; position:relative; }

/* 오시는길 */
.sec3_container { display:inline-block; width:100%; height:695px; position:relative; text-align:center; margin-top:100px; }
.sec3_wrap { width:1600px; height:600px; margin:0 auto; text-align:center; }
.sec3_wrap .box a { display:inline-block; margin:40px 0; font-family: 'GmarketSansMedium'; font-size:18px; text-align:center; padding:0 35px; line-height:18px; border-right:1px #ddd solid;}
.sec3_wrap .box a:last-child { border-right:none;}



/* 서브 비쥬얼 */
#visual_sub { display:block; position:relative; z-index:2; width:100%; margin-top:20px; }
.top_visual_g0 { display:block; text-align:center; width:100%; height:250px; background-image: url('../images/SubVisual/g0.jpg');background-repeat:no-repeat; background-position:50%;}
.top_visual_g1 { display:block; text-align:center; width:100%; height:250px; background-image: url('../images/SubVisual/g1.jpg');background-repeat:no-repeat; background-position:50%;}
.top_visual_g2 { display:block; text-align:center; width:100%; height:250px; background-image: url('../images/SubVisual/g2.jpg');background-repeat:no-repeat; background-position:50%;}
.top_visual_g3 { display:block; text-align:center; width:100%; height:250px; background-image: url('../images/SubVisual/g3.jpg');background-repeat:no-repeat; background-position:50%;}
.top_visual_g4 { display:block; text-align:center; width:100%; height:250px; background-image: url('../images/SubVisual/g4.jpg');background-repeat:no-repeat; background-position:50%;}
.top_visual_g5 { display:block; text-align:center; width:100%; height:250px; background-image: url('../images/SubVisual/g5.jpg');background-repeat:no-repeat; background-position:50%;}
.top_visual_g6 { display:block; text-align:center; width:100%; height:250px; background-image: url('../images/SubVisual/g6.jpg');background-repeat:no-repeat; background-position:50%;}

.visual_wrap{	position:relative; overflow:hidden; }
.back_img{ position:relative; left:0; top:0;	 width:100%; z-index:1;
	-moz-transform: translate(0) scale(1.13);;
	-webkit-transform: translate(0) scale(1.13);;
	-o-transform: translate(0) scale(1.13);;
	-ms-transform: translate(0) scale(1.13);;
	transform: translate(0) scale(1.13);;
	-moz-transition: all 1.5s ease-out;
	-webkit-transition: all 1.5s ease-out;
	-o-transition: all 1.5s ease-out;
	transition: all 1.5s ease-out;
	}
.visual_wrap.on .back_img{
  -moz-transform: translate(0) scale(1);;
  -webkit-transform: translate(0) scale(1);;
  -o-transform: translate(0) scale(1);;
  -ms-transform: translate(0) scale(1);;
  transform: translate(0) scale(1);;
	}


/* SNB */
.snb_pc { display:inline-block; position:relative; z-index:95; width:100%; margin:0 auto; padding:0; text-align:center; top:0px;  }

.snbBtn { display:inline-block; position:relative; width:1356px; height:65px; background:#fff; top:0px; margin:0 auto; padding:0; border-top:5px #999999 solid; }
.snbBtn .nav { width:100%; position:relative;  }
.snbBtn .nav ul { width:100%; height:65px; margin:0; padding:0;  font-family:'Noto Sans Kr'; font-weight:400;  font-size:22px; letter-spacing:-0.06em;}
.snbBtn .nav li { list-style:none; display:inline-block; position:relative; width:226px; line-height:65px; /* 깜빡임 없앰 -> */ background:#fff; color:#777; border-right:1px #D8BFC3 solid; text-align:center; cursor:pointer; }
.snbBtn .nav li:last-child { border-right:none;  }
.snbBtn .nav li span { display:inline-block; width:100%; height:65px; line-height:65px; margin-top:-5px; background:#fff; color:#ff97ad; font-weight:400; border-top:5px #ff97ad solid; text-align:center; cursor:pointer; }
.snbBtn .nav li:after { content:""; display:block; width:0; height:5px; background:#ff97ad; position:absolute; bottom:65px; left:50%; transform:translateX(-50%);	transition:width 0.4s;	}
.snbBtn .nav li:hover:after { display:inline-block; list-style:none; float:left; width:100%; line-height:65px;	}

/* 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:40px; 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:10%; height:40px; line-height:37px; /* 깜빡임 없앰 -> */ 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:38px; background:#808080; 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:55px 0 0; }
.snb_tit .bo_tit { text-align:center; font-family:'Noto Sans Kr'; font-size:48px; font-weight:600; color:#333; letter-spacing:-0.04em; }
.snb_tit .bo_line {  display:block;  position:relative;  margin:0 auto; text-align:center; width:70px; height:20px; border-bottom:1px #000 solid; } 


/*  서브 내용 부  */
#container{ display:inline-block;  position:relative; z-index:3; width:100%; top:0; text-align:center; margin-top:0; }
#board {  display:block; position:relative; margin:0 auto; top:0; text-align:center; left:50%; margin-left:-960px; width:1920px; }
#board {  /*display:block; position:relative; margin:0 auto; top:0; text-align:center; left:50%; margin-left:-630px; width:1260px; */ }
#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; } 


/* 우측 하단 퀵메뉴 */
@keyframes ani {
  from { transform: translateY(15%); }
  to { transform: translateY(0%); }
}
#layer-scroll { position:fixed; z-index:1;width:180px; bottom:100px; left:50px; animation: ani 1s infinite alternate; }
#layer-scroll img { float:left; z-index:1; width:180px; height:45px; background:#fff; border-radius:23px; margin:3px 0; transition: all .3s ease }
#layer-scroll img:hover { background:#f8f8f8; border-radius:23px; margin:3px 0;transition: all .3s ease }


/* 하단 카피라이터 */
#tail_copyright { display:inline-block; position:relative; width:100%;  margin:0; text-align:center; border-top:1px #ddd solid; background: #f6f6f6;}
.copyright {margin:0 auto; padding:67px 0; }
.copyright .tail_logo { display:inline-block; width:49.1%; text-align: right;}
.copyright .tail_logo img {margin-right: 64px;}
.copyright .tail_add { display:inline-block; width:50.9%; font-family: 'Noto Sans KR'; font-size:18px; color:#393939; line-height:28px; text-align: left;}
.copyright .tail_add > span:nth-child(1) { float:left; width:700px;text-align:left; padding:0 0 50px 0;}
.copyright .tail_add > span:nth-child(2) { float:right; width:600px; text-align:right;}
.copyright .tail_add > span:nth-child(2) a { display:inline-block; font-family: 'GmarketSansMedium'; font-size:16px; color:#999; text-align:center; padding:0 10px 0 4px; line-height:14px; border-right:1px #ccc solid;}
.copyright .tail_add > span:nth-child(2) a:last-child { }
.copyright .tail_sub > a {color:#393939;}
.copyright .tail_sub .price{border: 1px solid #c3c3c3; padding: 3px 15px;}
.tail_line { clear:both; display:inline-block; width:10px; border-left:1px #ccc solid; color:#aaa; line-height:12px; margin:0 0 0 11px; }


/* 빠른 상담 공통 */
.message { position: fixed; bottom: 0px;width: 100%;z-index: 9997; display:block; text-align:center; }
.toggle { display: block; left:44%; bottom: -50px; position:absolute; cursor: pointer; background: #292F5B; color: #fff; padding: 10px 0; width:220px; margin:0 auto; font-size:20px; font-weight:500;}

.toggle_wrap { display:none; position:relative; width:100%; height:250px; background:#292F5B; border-top:3px #292F5B solid; }
.message form p {padding-top:15px;color:#fff;width:100%;padding-left:10px;}

.toggle_wrap .textarea-group{margin-bottom:11px;}
.toggle_wrap .submit button {background-color: #668113;border: 1px solid #668113;padding: 66.5px 0;width: 100%;color: #fff;font-weight: bold;font-size: 1.2em;}

.frm_wrap_bottom { display:inline-block; width:735px; padding-top:45px; margin:0 auto; text-align:left; }
.frm_hr_bt { text-align:left; height:44px; }
.input_bt { height:38px; padding:3px 0 0 5px; font-size:16px; border:0; background:#eee; color:#000; }
.input_select { height:38px; padding:3px 0 0; font-size:16px; border:0; background:#eee; color:#000; }
.input_textarea { width:100%; height:75px; margin:3px 0 0 ; padding:3px 0 0 5px; font-size:16px; border:0; background:#eee; color:#000; }
.agreetext_bt { margin-top:-10px;font-size:16px; font-weight:400; color:#fff; }


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

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

/* 게시판 카테고리 */
#bo_cate { width:100%; height:42px; margin:0 auto; margin-bottom:20px; font-size:17px; font-weight:500; line-height:40px; }
#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_cate ul { height:42px; 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:42px; line-height:40px; padding:0 25px; background:#fff; border:1px #ccc solid; margin-right:-1px; text-align:center; transition: all .3s ease}
#bo_cate li a { display:inline-block;position:relative;  text-align:center; cursor:pointer; height:40px; margin:0 -25px; padding:0 25px;}
#bo_cate li a:focus, #bo_cate li a:hover, #bo_cate li a:active { background:#253291; color:#fff; text-decoration:none; transition: all .3s ease}
#bo_cate #bo_cate_on { display:inline-block; float:left; height:40px; line-height:40px; margin:0 -25px; padding:0 25px; background:#253291; border:0px #ddd solid; color:#fff; text-align:center; cursor:pointer; }

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


/* 버튼 */
.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_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:660px; top:55px; width:40px;height:40px; 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:#000; }
.toggler:before{ top:0px;left:50%;margin-left:-2px;width:3px;height:100%;}
.toggler:after{ left:0px;top:50%;margin-top:-2px;width:100%;height:3px;}