/*  전체 영역  */	
#wrap { width:100%; min-width:1440px;  background-image: url('../images/gnb_stripe.png');background-position: top; background-repeat:repeat-x; }

/* TM */	
#header { display:block; position:relative; z-index:3; width:1304px; height:120px; margin:0 auto; top:0; background-color: #262626;}
.tm { float:right;position:absolute; padding:3px 16px; right:0; border:1px #888 solid; border-radius:25px; top:65px;}
.tm img { padding:0; margin:0 0 0 5px; }
.tm a { color:#aaa;  text-decoration:none; font-size:12px; font-family:'Noto Sans Kr'; font-weight:300; letter-spacing:-0.02em;}
.tm .sitemap { margin:0;  color:#aaa;  text-decoration:none; font-size:12px; font-family:'Noto Sans Kr'; font-weight:300;}
.tm span.adm a { margin:0; color:#ff4200;}
.tm_logo { position:relative; width:260px; top:35px; margin:0 auto; }
.tm_tel { float:right; position:absolute; text-align:right; width:185px; top:30px; right:0; }
.tm_tel img { float:left; margin:0 5px 0 0; }
.tm_sns { float:left; position:absolute; text-align:left; width:340px; top:38px; left:0; }
.tm_sns img { float:left; margin:0 5px 0 0; }

.span_ll { display:inline-block; padding:0 5px; 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 */
#gnb { display:block; position:relative; z-index:9999; width:100%; height:60px; margin:0 auto; } 
.gnb_stripe { height:60px; margin-right:0px; position:relative; z-index:1; background:#000; }

#gnb_nav { display:none; width:100%; height:60px; margin:0 auto; position:relative; background:none;  } 
#gnb_nav_wrapper { margin:0 auto; width:1304px; 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:144px; height:60px; cursor:pointer; position:relative; }
#gnb_nav_wrapper div.default ul li { line-height:60px; font-family:'Noto Sans Kr'; font-weight:400; color:#fff; font-size:16px; letter-spacing:-0.05em; text-align:center; }
#gnb_nav_wrapper div.default ul li a { color:#fff; }
#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:#008ae4; color:#fff; }	

#gnb_nav_wrapper div.default ul li .txt_etc { font-family:'Noto Sans Kr'; font-weight:400; color:#fff; font-size:16px; letter-spacing:-0.08em; }

#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:144px; height:60px; cursor:pointer; position:relative; }
		
#gnb_nav #gnb_nav_wrapper #gnb_nav_line { top:0; left:0;  margin-top:20px; padding:0; position:absolute; z-index:-1;}
#gnb_nav #gnb_nav_wrapper #gnb_nav_line li { width:1px; height:20px; line-height:20px; position:absolute; background:#4B4B4B; opacity:1; }

#snb_nav_mask { top:60px; width:100%; height:0; overflow:hidden; position:absolute; opacity:0.8; /*background-image: url('../images/bg_gnb.png');*/ background:#000;} 

#snb_nav_wrapper { top:0px; left:0px; width:1304px; height:275px; position:relative; margin:0 auto; padding-top:25px;  }
#snb_nav_square { position:absolute; }
#snb_nav_square .menu { top:0px; float:left; width:144px; height:275px; position:absolute; cursor:pointer;}
#snb_nav_square .menu ul { padding:0;width:144px; height:275px; }
#snb_nav_square .menu ul li { position:relative; top:0px; left:0px;  padding:0 0 0 15px; list-style:none; float:left; width:144px; height:26px;  line-height:26px; font-family:'Noto Sans Kr'; font-size:15px; background:#000; color:#fff; font-weight:300; letter-spacing:0em; cursor:pointer; }

#snb_nav_btn { position:absolute; }
#snb_nav_btn .menu { top:0px; float:left; width:144px; height:275px; position:absolute; }
#snb_nav_btn .menu .c-no { cursor:Default; }
#snb_nav_btn .menu ul{ padding:0; }
#snb_nav_btn .menu ul li { list-style:none; float:left; width:144px; height:26px; cursor:pointer; position:relative;}
#snb_nav_btn .menu ul li:hover { background:#EE479A; cursor:pointer; }				
					
#snb_nav_line { position:absolute; }
#snb_nav_line li { list-style:none; width:1px; height:236px; position:absolute; margin-top:0px; }

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

.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:-60px; cursor:pointer; }

/*  MAIN VISUAL  */	
#visual { display:block; position:relative; width:100%; height:800px; top:0px; }
#contents_ms { display:block; overflow:hidden; width:100%; min-width:1400px; height:800px; margin:0 auto; position:absolute; top:0px; display:none; vertical-align:top;}

#slider { top:0; left:0; height:800px; position:absolute; }
#slider ul { height:800px; position:relative; vertical-align:top;}
#slider ul li { list-style:none; float:left; width:100%; height:800px; position:absolute; }
#slider ul li div { margin:0 auto; width:1300px; height:800px; position:relative; }
	
.slider_sp1 { display:none; top:0; left:0; height:800px; position:absolute; }
	
.slider_sp2 { top:0; left:0; height:800px; position:absolute; }
.slider_sp2 ul { height:800x; position:relative; }
.slider_sp2 ul li { list-style:none; float:left; width:100%; height:800px; position:absolute; }
.slider_sp2 ul li div { margin:0 auto; width:1300px; height:800px; position:relative; }
.slider_sp2 ul li div.box1 { top:325px; left:89px; position:relative; z-index:1; text-align:left;}
.slider_sp2 ul li div.box2 { top:80px; left:400px; position:relative; z-index:1; text-align:left; }
.slider_sp2 ul li div.box3 { top:170px; left:110px; position:relative; z-index:1; text-align:left; }
.slider_sp2 ul li div.box4 { top:130px; left:140px; position:relative; z-index:1; text-align:left; }
.slider_sp2 ul li div.box5 { top:150px; left:0px; position:relative; z-index:1; text-align:left; }
.slider_sp2 ul li div.box6 { top:30px; left:70px; position:relative; z-index:1; text-align:left; }

.slider_sp3 {display:none; top:0; left:0; height:800px; position:absolute; display:none;}

#arrowPrev { width:85px; height:150px; position:absolute; z-index:2; top:320px; left:3%; }
#arrowPrev div.img { width:85px; height:150px; position:absolute; }
#arrowPrev div.square { width:85px; height:150px; position:absolute; background:#ffffff; opacity:0; cursor:pointer; top:0px; }
#arrowNext { width:85px; height:150px; position:absolute; z-index:2; top:320px; right:4%; }
#arrowNext div.img { width:85px; height:150px; position:absolute; }
#arrowNext div.square { width:85px; height:150px; position:absolute; background:#ffffff; opacity:0; cursor:pointer; top:0px; }

#contents_ms_nav { width:100%; height:70px; top:740px; position:absolute; margin:0 auto; }
#contents_ms_nav div { margin:0 auto; width:90px; height:20px; position:relative; padding:0;}
#contents_ms_nav div ul { width:108px; height:20px; }
#contents_ms_nav div ul li { list-style:none; float:left; width:12px; height:12px; margin:0 3px; cursor:pointer; position:relative; }
#contents_ms_nav div ul li div { position:absolute; }


/* 치아교정, 임플란트 2배너 */
.step1_container {  display:block; width:100%; height:525px; position:relative; margin-top:60px; text-align:center;  font-family:'Noto Sans Kr';}
.step1_wrap { width:1600px; height:525px; margin:0 auto; position:relative; margin-top:0px;}
.step1_wrap .box { float:left; margin:0; width:799px; height:525px; position:relative; overflow:hidden; }
.step1_wrap .box .bg { top:0; left:0; width:100%; height:100%; position:absolute;  text-align:center; background:#FFF; }
.step1_wrap .box .sp { position:relative;  text-align:center; margin:0 auto;}
.step1_wrap .box .tit { width:100%; top:0px; position:absolute; text-align:center; margin:0 auto; }
.step1_wrap .box .tit .txt1_1 {  padding:90px 0 0 70px; text-align:left; font-weight:300; font-size:23px; color:#fff; line-height:28px; letter-spacing:-0.05em; }
.step1_wrap .box .tit .txt1_2 {  padding:20px 0 0 70px; text-align:left; font-weight:600; font-size:52px; color:#fff; line-height:60px; letter-spacing:-0.07em; }
.step1_wrap .box .tit .txt1_2_1 {  padding:20px 0 0 70px; text-align:left; font-weight:600; font-size:52px; color:#32d1ff; line-height:60px; letter-spacing:-0.07em; }
.step1_wrap .box .tit .txt1_3 {  padding:30px 0 0 70px; text-align:left; font-weight:300; font-size:15px; color:#9f9f9f; line-height:19px; letter-spacing:-0.05em; }
.step1_wrap .box .tit .txt1_4 { padding:40px 0 0 0; margin-top:-130px; margin-left:-100px; text-align:left; }
.step1_wrap .box .tit .txt1_4 a { display:block; margin:0 auto; width:98px; height:98px; }
.step1_wrap .box .wrap { width:98px; height:98px; bottom:70px; left:70px; position:absolute; cursor:pointer;}
.step1_wrap .box .moreImg { }
.step1_wrap .box .moreImg img { margin-left:0px; opacity:1; filter:alpha(opacity=1); }

/* 바른플란트 치과 4배너 */
.step2_container {  display:block; width:100%; height:617px; position:relative; text-align:center; margin-top:0px;  font-family:'Noto Sans Kr';}
.step2_container .sub1 { padding:60px 0 0; text-align:center; font-weight:300; font-size:35px; color:#222; line-height:48px; letter-spacing:-0.05em; }
.step2_container .sub2 { padding:0; text-align:center; font-weight:100; font-size:17px; color:#ccc; line-height:30px; letter-spacing:0.2em; }
.step2_container .sub3 { padding:0 0 50px 0; text-align:center; font-weight:600; font-size:38px; color:#222; line-height:48px; letter-spacing:-0.07em; }
.step2_wrap { width:1600px; height:381px; margin:0 auto; position:relative; margin-top:0px;}
.step2_wrap .box { float:left; margin:0; width:400px; height:381px; position:relative; overflow:hidden; cursor:pointer;}
.step2_wrap .box .bg { top:0; left:0; width:100%; height:100%; position:absolute;  text-align:center; background:#FFF; }
.step2_wrap .box .sp { position:relative;  text-align:center; margin:0 auto;}
.step2_wrap .box .tit { width:100%; top:0px; position:absolute; text-align:center; margin:0 auto; }
.step2_wrap .box .tit .txt1_1 {  padding:240px 0 0; text-align:center; font-weight:600; font-size:35px; color:#333; line-height:45px; letter-spacing:-0.08em; }
.step2_wrap .box .tit .txt1_2 {  padding:10px 0 0; text-align:center; font-weight:400; font-size:16px; color:#555; line-height:22px; letter-spacing:-0.07em; }

/* 바른플란트 치과 3배너 */
.step3_container {  display:block; width:100%; height:435px; position:relative; text-align:center;  font-family:'Noto Sans Kr';}
.step3_wrap { width:1600px; height:435px; margin:0 auto; position:relative; margin-top:0px;}
.step3_wrap .box { float:left; margin:0; width:533px; height:435px; position:relative; overflow:hidden; }
.step3_wrap .box .bg { top:0; left:0; width:100%; height:100%; position:absolute;  text-align:center; background:#FFF; }
.step3_wrap .box .sp { position:relative;  text-align:center; margin:0 auto;}
.step3_wrap .box .tit { width:100%; top:0px; position:absolute; text-align:center; margin:0 auto; }
.step3_wrap .box .tit .txt1_1 {  padding:160px 50px 0 0; text-align:right; font-weight:400; font-size:18px; color:#777; line-height:22px; letter-spacing:-0.07em; }
.step3_wrap .box .tit .txt1_2 {  padding:10px 50px 0 0; text-align:right; font-weight:600; font-size:46px; color:#444; line-height:51px; letter-spacing:-0.08em; }
.step3_wrap .box .tit .txt1_1_1 {  padding:170px 50px 0 0; text-align:right; font-weight:400; font-size:18px; color:#777; line-height:22px; letter-spacing:-0.07em; }
.step3_wrap .box .tit .txt1_3 {  padding:16px 50px 0; text-align:right; font-weight:400; font-size:15px; color:#fff;  line-height:30px; }
.step3_wrap .box .tit .txt1_3 a { color:#fff; background:#4049c4; padding:6px 30px; border-radius:20px; }
.step3_wrap .box .tit .txt1_3 a:hover {  color:#4049c4; background:#fff; border:3px #4049c4 solid; padding:3px 27px; text-decoration:none; }
.step3_wrap .box .tit .txt2_1 {  padding:50px 50px 0 0; text-align:right; font-weight:500; font-size:24px; color:#444; line-height:25px; letter-spacing:-0.08em;}
.step3_wrap .box .tit .txt2_2 {  padding:0 50px 190px 0; text-align:right; font-weight:600; font-size:46px; color:#444; line-height:51px; letter-spacing:-0.08em; }

/* 커뮤니티 */
.step4_container { display:block; position:relative; width:100%; height:1210px; background:#DFDFDF; text-align:center; margin-top:70px; }
.step4_container .bic_tit { font-family:'Noto Sans Kr'; font-size:17px; font-weight:400; line-height:33px; padding:80px 0 30px 0; letter-spacing:-0.06em; }
.step4_container .bic_tit strong { font-size:30px; font-weight:600; }
.step4_wrap { display:inline-block; position:relative; width:1535px; background:#fff; margin:0 auto; padding:64px;}
.step4_wrap .la { float:left; width:338px; height:345px; border:1px #D7DDE3 solid; margin:0 6px; background:#fff;}
.step4_wrap .la .la_tit{ font-family:'Noto Sans Kr'; font-size:20px; font-weight:400; line-height:33px;letter-spacing:-0.05em; padding:20px 20px 15px 20px; text-align:left;}
.step4_wrap .la p { display:block; padding:0; clear:both;}
.step4_wrap .info { float:left; width:345px; height:345px; margin:0 6px;}
.step4_wrap1 { display:inline-block; position:relative; width:1535px; background:#fff; margin:0 auto; margin-top:-3px; padding:0 64px 100px 64px;}
.step4_wrap1 .qi_btn { float:left; width:157px; height:210px;font-family:'Noto Sans Kr'; font-size:19px; font-weight:400; line-height:33px;letter-spacing:-0.05em; margin:0 6px;}
.step4_wrap1 .qi_btn a { display:inline-block; width:157px; height:157px; background:#3A3E3F; border-radius:50%; line-height:152px; margin:0 0 15px 0;}
.step4_wrap1 .qi_btn a:hover { background:#008AE4; }
.step4_wrap1 .qi_coun { float:left; width:650px; text-align:left; margin-left:80px;}
.step4_wrap1 .qi_coun h2 { font-family:'Noto Sans Kr'; font-size:16px; font-weight:300; line-height:26px;letter-spacing:-0.03em; }
.step4_wrap1 .qi_coun h2 strong{ font-size:28px; font-weight:500; line-height:26px;letter-spacing:-0.06em;}
.step4_wrap2 { display:inline-block; position:relative; width:1535px; background:#DFDFDF; margin:0 auto; margin-top:-3px; padding:70px 0;}

/* 상담 폼 */
.frm_wrap { display:inline-block; float:left; width:650px; margin-top:0px; text-align:left;}
.frm_hl { text-align:left; width:80px; height:46px; font-size:17px; font-family:'Noto Sans Kr'; letter-spacing:-0.03em; }
.frm_hr { text-align:left; height:46px; font-size:15px; font-family:'Noto Sans Kr'; letter-spacing:-0.03em;}
.ka_input { height:36px; padding: 5px;  font-size:15px; border:1px solid #ddd; border-radius:4px; }
.ka_select { height:36px; font-size:15px; border:1px solid #ddd; border-radius:4px; }
.ka_textarea {display:inline-block;  top:5px; width:315px; height:90px; padding:4px; border:1px solid #9FA3C8; background:#555296; }
.ka_agreetext { font-size:15px; font-weight:300; font-family:'Noto Sans Kr'; color:#666; }
.btn_bt { position:absolute; width:200px; height:170px; border:0; border-radius:12px; margin-top:-150px; margin-left:120px; text-align:center; line-height:80px; background:#3A3E3F;font-size:20px; color:#fff; font-family:'Noto Sans Kr'; font-weight:600;letter-spacing:-0.03em; text-decoration:none;cursor:pointer;}
.btn_bt:hover { background:#008AE4; }


/* 서브 비쥬얼 */
#visual_sub { display:block; position:relative; z-index:3; width:100%; margin-top:0px; }
.top_visual_g0 { display:block; text-align:center; width:100%; height:450px; background-image: url('../images/SubVisual/bg0.jpg');background-repeat:no-repeat; background-position:50%;}
.top_visual_g1 { display:block; text-align:center; width:100%; height:450px; background-image: url('../images/SubVisual/bg1.jpg');background-repeat:no-repeat; background-position:50%; }
.top_visual_g2 { display:block; text-align:center; width:100%; height:450px; background-image: url('../images/SubVisual/bg2.jpg');background-repeat:no-repeat; background-position:50%;}
.top_visual_g3 { display:block; text-align:center; width:100%; height:450px; background-image: url('../images/SubVisual/bg3.jpg');background-repeat:no-repeat; background-position:50%; }
.top_visual_g4 { display:block; text-align:center; width:100%; height:450px; background-image: url('../images/SubVisual/bg4.jpg');background-repeat:no-repeat; background-position:50%; }
.top_visual_g5 { display:block; text-align:center; width:100%; height:450px; background-image: url('../images/SubVisual/bg5.jpg');background-repeat:no-repeat; background-position:50%; }
.top_visual_g6 { display:block; text-align:center; width:100%; height:450px; background-image: url('../images/SubVisual/bg6.jpg');background-repeat:no-repeat; background-position:50%; }
.top_visual_g7 { display:block; text-align:center; width:100%; height:450px; background-image: url('../images/SubVisual/bg7.jpg');background-repeat:no-repeat; background-position:50%; }
.top_visual_g8 { display:block; text-align:center; width:100%; height:450px; background-image: url('../images/SubVisual/bg8.jpg');background-repeat:no-repeat; background-position:50%; }

.visual_wrap{	position:relative; height:450px; overflow:hidden; }
.back_img{ position:relative; left:0; top:0;	 width:100%; height:450px; z-index:1;
	-moz-transform: translate(0) scale(1.07);;
	-webkit-transform: translate(0) scale(1.07);;
	-o-transform: translate(0) scale(1.07);;
	-ms-transform: translate(0) scale(1.07);;
	transform: translate(0) scale(1.07);;
	-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);;
	}


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

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

.cate_pc { width:1300px; margin:0 auto; padding:0;  text-align:center; margin-top:30px; }
.cateBtn { display:block; position:relative;width:1300px; margin:0 auto; }
.cateBtn .nav { width:100%; position:relative; }
.cateBtn .nav ul { width:100%; margin:0; padding:0;  font-family:'Noto Sans Kr'; font-weight:400;  font-size:16px; letter-spacing:-0.03em;}
.cateBtn .nav li { list-style:none; display:inline-block; position:relative; height:45px; line-height:41px; padding:0 40px; /* 깜빡임 없앰 -> */ background:#f5f5f5; color:#222; border:1px #ddd solid; margin-right:-1px; text-align:center; cursor:pointer; }
.cateBtn .nav li a:hover {  }
.cateBtn .nav li span {  display:block; height:43px; margin-left:-40px; margin-right:-40px; padding:0 40px; background:#1aa1ff; color:#FFF; text-align:center; cursor:pointer;  }

.cateBtn2 { display:block; position:relative;width:1300px; margin:0 auto; }
.cateBtn2 .nav { width:100%; position:relative; }
.cateBtn2 .nav ul { width:100%; margin:0; padding:0;  font-family:'Noto Sans Kr'; font-weight:400;  font-size:15px; letter-spacing:-0.03em;}
.cateBtn2 .nav li { list-style:none; display:inline-block; position:relative; height:40px; line-height:40px; padding:0 22px; /* 깜빡임 없앰 -> */ background:#f7f7f7; color:#222; border:1px #ddd solid; margin-right:-1px; margin-bottom:-1px; text-align:center; cursor:pointer; }
.cateBtn2 .nav li a:hover {  }
.cateBtn2 .nav li span { display:block; height:38px; margin-left:-22px; margin-right:-22px; padding:0 22px; background:#1A9CEF; color:#FFF; text-align:center; cursor:pointer;  }

.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:40px; font-weight:400; color:#222; letter-spacing:-0.05em; }
.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:10px; border-bottom:1px #000 solid; } 

/* COPYRIGHT */
#foot { display:block; position:relative; width:100%; height:320px; text-align:center; top:0px; background:#242424; }
.copyright { width:1305px; margin:0 auto; text-align:center; padding:60px 0 0; }
.copyright .ft_logo { float:left; width:250px; text-align:left; }
.copyright .ft_menu { position:absolute; z-index:999;  margin-left:250px; margin-top:125px; text-align:center; padding:0;font-family:'Noto Sans Kr';}
.copyright .ft_menu span { text-align:center; padding:3px 10px; background:#000; color:#999; font-size:10px; line-height:21px; letter-spacing:-0.07em;  font-weight:300;}
.copyright .add { position:relative; z-index:1; padding-top:0px; width:830px; margin-left:250px; text-align:left; font-family:'Noto Sans Kr'; font-size:12px; font-weight:300; color:#aaa; line-height:23px;}
.copyright .top { text-align:center; padding:30px 0; }
.copyright .ft_sns { position:absolute; z-index:99; margin-left:480px; margin-top:107px; text-align:center; padding:10px 0 0;}
.copyright .ft_sns img { float:left; margin:0 0 0 10px; }
.copyright .ft_map { position:absolute; z-index:99; margin-left:810px; margin-top:0px;}

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

/*  로그인/회원가입 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:-65px; right:20px; 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; }


/*  메인 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:288px; width:21px;height:21px; background:#D5DBE2; 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:#fff; }
.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;}

/*quick_menu*/
#quick_menu{position: fixed;top: 50%;right: 0;transform: translateY(-50%);background: #fff;border-bottom-left-radius:30px;border-top-left-radius:30px;z-index: 100;}
#quick_menu ul li a{width: 100px;height: 100px;display: flex;align-items: center;justify-content: center;background: #32d1ff;flex-direction: column;}
#quick_menu ul li:first-child a{border-top-left-radius:30px;}
#quick_menu ul li:last-child a{border-bottom-left-radius:30px;}
#quick_menu ul li a img{width: 36px;}
#quick_menu ul li:first-child a img{width: 26px;}
#quick_menu ul li a p{text-align: center;color: #fff;font-size: 14px;margin-top: 5px;line-height: 1.2;font-weight: bold;}

/*m_quick_menu*/
#m_quick_menu{position: fixed;bottom: 0;left: 0;z-index: 99999;width: 100%;}
#m_quick_menu ul{display: flex;}
#m_quick_menu ul li{width: 25%;}
#m_quick_menu ul li a{width: 100%;height: 76px;display: flex;align-items: center;justify-content: center;background: #379cd4;flex-direction: column;border-left: 1px solid #fff;}
#m_quick_menu ul li:first-child a{border-left: 0;border-top-left-radius: 30px;}
#m_quick_menu ul li:last-child a{border-top-right-radius: 30px;}
#m_quick_menu ul li a img{width: 26px;}
#m_quick_menu ul li:first-child a img{width: 16px;}
#m_quick_menu ul li a p{text-align: center;color: #fff;font-size: 12px;margin-top: 5px;line-height: 1.2;font-weight: bold;}

@media(max-width:680px){
    #quick_menu{display: none;}
}
.bg5_v{
	position: absolute;
    left: 11.8%;
    top: 49.1%;
    width: 32.4vw;
    height: 16.4vw;
    background: #eaeaea;

}
@media(max-width:680px){
    #quick_menu{display: none;}
	.flexslider .slides > li:nth-child(6){
		position: relative;
	}

	.bg5_v{
		left: 6.8%;
		top: 45.1%;
		width: 48.7vw;
		height: 31.4vw;
		background: #eaeaea;
	opacity: 0;
	}
	.flexslider .slides > li:nth-child(7).flex-active-slide>.bg5_v{
		opacity: 1;
		transition-delay: 0.8s;
	}
}