@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:1200px; height:150px; margin:0 auto; top:0; }
.tm { float:right;position:absolute; padding:10px 0 0; right:0;}
.tm img { padding:0; margin:0 -5px; }
.tm a { color:#444;  text-decoration:none; font-size:0.9em; font-family:'arial'; font-weight:bold; }
.tm .sitemap { color:#444;  text-decoration:none; font-size:0.9em; font-family:'arial';font-weight:bold; }
.tm span.adm a { color:#fc0c00;  font-family:nanum gothic; font-size:11px; margin:0; }
.tm_logo { top:0; width:300px; margin:0 auto; text-align:center;}
.tm_tel { float:left; margin-top:63px; }
.tm_sns { float:right; position:absolute; width:110px; top:63px; right:320px; }
.tm_sns img { float:left; margin:0 0 2px; }
.tm_img { float:right; position:absolute; width:300px; top:45px; right:0; }
.tm_img img { float:left; margin:0; }

.span_ll { width:7px; 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:50px; margin:0 auto;  } 
#gnb_sub { display:block; position:relative; z-index:9999; width:100%; height:50px; margin:0 auto; top:0; } 
.visual_main_stripe {  display:block; position:absolute; z-index:2; top:0; height:200px; width:100%; background-image: url('../images/gnb_stripe_main.png');background-position: top; background-repeat:repeat-x;  }	
.visual_gnb_stripe { display:block; position:absolute; z-index:2; top:0; height:200px; width:100%; background-image: url('../images/gnb_stripe_sub.png');background-position: top; background-repeat:repeat-x;}	

#main_nav { display:block; display:none; margin:0 auto; width:100%; top:0; left:0; position:absolute; z-index:99;}
#main_nav_wrapper { width:1200px; height:50px; position:relative; z-index:1; margin:0 auto; text-align:left;  }
#main_nav_wrapper div ul{  margin:0; padding:0; }
#main_nav_wrapper div ul li { list-style:none; float:left; height:50px; cursor:pointer; position:relative; }
#main_nav_wrapper div ul li .square { height:50px; position:absolute; }
#main_nav_wrapper div ul li .txt { top:0; left:0; height:50px; position:absolute; }
#main_nav_wrapper div ul li .over { height:50px; position:absolute; }
.m01 { width:150px; float:left; }
.m02 { width:150px; float:left; }
.m03 { width:150px; float:left; }
.m04 { width:150px; float:left; }
.m05 { width:150px; float:left; }
.m06 { width:150px; float:left; }
.m07 { width:150px; float:left; }
.m08 { width:150px; float:left; }

#sub_nav_mask { top:50px; width:100%; height:0; overflow:hidden; position:absolute; z-index:999999; background:#FAFAFA;  border-bottom:0px #DDD solid; opacity:1; }
#sub_nav_wrapper { top:-50px; left:0; width:1200px; position:relative; margin:0 auto;  }

.sub_nav_wrapper { display:block; left:0; top:-50px; width:1200px; position:relative; margin:0 auto;  text-align:left;}
.sub_nav_wrapper .square_wrapper { width:1200px; top:0; position:absolute; margin:0 auto;}
.sub_nav_wrapper .square_wrapper .square { list-style:none;  position:relative; }
.sub_nav_wrapper a { font-family:nanum gothic; color:#222; font-size:15px; letter-spacing:-0.02em; text-decoration:none; }
.sub_nav_wrapper a:hover { color:#18b0c9;  }
.sub_nav_wrapper .nav_gr {  height:22px; border-right:1px #999 solid;list-style:none;  float:left; text-align:left; padding:0 30px 0 0; margin:-3px 15px 0 0; font-family:nanum gothic; font-size:20px; font-weight:bold; letter-spacing:-0.03em; color:#666; }

.sub_nav_wrapper .txt_wrapper1 { position:absolute; padding:22px 0 24px 0; width:100%;}
.sub_nav_wrapper .txt_wrapper1 li { float:left;  list-style:none; padding:0 18px; text-align:center;}
.sub_nav_wrapper .txt_wrapper2 { position:absolute; padding:22px 0 24px 0; width:100%;}
.sub_nav_wrapper .txt_wrapper2 li { float:left;  list-style:none; padding:0 18px; text-align:center; }
.sub_nav_wrapper .txt_wrapper3 { position:absolute; padding:22px 0 24px 0; width:100%;}
.sub_nav_wrapper .txt_wrapper3 li { float:left;  list-style:none; padding:0 18px; text-align:center; }
.sub_nav_wrapper .txt_wrapper4 { position:absolute; padding:22px 0 24px 0; width:100%;}
.sub_nav_wrapper .txt_wrapper4 li { float:left;  list-style:none; padding:0 18px; text-align:center; }
.sub_nav_wrapper .txt_wrapper5 { position:absolute; padding:22px 0 24px 0; width:100%;}
.sub_nav_wrapper .txt_wrapper5 li { float:left;  list-style:none; padding:0 18px; text-align:center; }
.sub_nav_wrapper .txt_wrapper6 { position:absolute; padding:22px 0 24px 0; width:100%;}
.sub_nav_wrapper .txt_wrapper6 li { float:left;  list-style:none; padding:0 18px; text-align:center; }
.sub_nav_wrapper .txt_wrapper7 { position:absolute; padding:22px 0 24px 0; width:100%;}
.sub_nav_wrapper .txt_wrapper7 li { float:left;  list-style:none; padding:0 18px; text-align:center; }
.sub_nav_wrapper .txt_wrapper8 { position:absolute; padding:22px 0 24px 0; width:100%;}
.sub_nav_wrapper .txt_wrapper8 li { float:left;  list-style:none; padding:0 18px; text-align:center; }

/* ############################################### */

/* 메인 개편 */
#movie_wrap { display:block; position:relative; width:100%; height:1080px; margin-top:-5px; text-align:center;}
.visual_txt { position:relative; z-index:2; padding-top:420px; }

.movie { display:block; position:absolute; z-index:1; width:100%; height:100%; margin:0 auto;left:0;right:0;top:0;bottom:0px; }
.movie_bg { width:100%; height:100%; position:absolute; z-index:1;  background-image: url('../images/bg_movie.png'); }
.video-background { display:inline-block; position: absolute; height:1080px; top:0; right:0; bottom: 0; left: 0; z-index: -99;}
.video-foreground, .video-background iframe { position: absolute; top:0; left:0; width: 100%; height: 100%; pointer-events: none;}

/* 메인 2배너 */
.ba_container {  display:block; width:100%; height:410px; position:relative; z-index:4; padding:70px 0 0; margin-top:-100px; text-align:center; background:#FFF;}
.ba_wrap { width:1210px; height:350px; margin:0 auto; position:relative; margin-top:0px;}
.ba_wrap .box { float:left; margin:0 5px; width:595px; height:350px; position:relative; overflow:hidden; }
.ba_wrap .box .bg { top:0; left:0; width:100%; height:100%; position:absolute;  text-align:center; background:#FFF; }
.ba_wrap .box .sp { position:relative;  text-align:center; margin:0 auto;}
.ba_wrap .box .tit { width:100%; top:0px; position:absolute; text-align:center; margin:0 auto; }

/* 특별함 */
#nsp_title { text-align:center; padding:0 0 40px; }
#nsp { display:inline-block; position:relative; top:0; width:100%; height:650px; }
#nsp_tb { width:100%; height:650px; margin:0 auto; }
ul.tabn { margin:0 auto; padding:560px 0 0; list-style:none; width:805px; height:40px;  line-height:40px; }
ul.tabn li { position:absolute; float:left;text-align:center; font-family:'Noto Sans Kr'; font-size:17px; font-weight:400; color:#000; letter-spacing:-0.05em; cursor:pointer; width:200px; height:40px; padding:0; margin:0 -1px 0 0; top:0; overflow:hidden; position:relative;background-image: url('../images/tap_active_off.png');}
ul.tabn li.active { background-image: url('../images/tap_active_on.png');color:#fff; }
ul.tabn li a {  }
.tabn_container {  float:left; width:100%; top:0; position:absolute; }
.tabn_content { padding:0; display:none;}
.tabn_container .tabn_content .tabn1 { width:100%; height:650px; margin:0; padding:0; background-image:url('../images/nsp_img1.jpg'); background-repeat:no-repeat; background-position:50%;}
.tabn_container .tabn_content .tabn2 { width:100%; height:650px; margin:0; padding:0; background-image:url('../images/nsp_img2.jpg'); background-repeat:no-repeat; background-position:50%;}
.tabn_container .tabn_content .tabn3 { width:100%; height:650px; margin:0; padding:0; background-image:url('../images/nsp_img3.jpg'); background-repeat:no-repeat; background-position:50%;}
.tabn_container .tabn_content .tabn4 { width:100%; height:650px; margin:0; padding:0; background-image:url('../images/nsp_img4.jpg'); background-repeat:no-repeat; background-position:50%;}
#container_tabn { width:100%; height:710px; }

#wrapper_bna1 { display:block; position:relative; width:100%; height:810px; top:0px;  }
#wrapper_bna1 .bna1_tit { width:1200px; margin:0 auto; text-align:center; padding:70px 0 45px 0; }
ul.tabs4 { margin:0 auto; padding:0 0 0 200px; list-style:none; height:40px; width:1005px; font-family:'Noto Sans Kr';  font-size:16px; border-top:1px #000 solid;}
ul.tabs4 li { float:left;text-align:center; cursor:pointer; width:200px; height:40px; line-height:40px; margin:0; border-right:1px #fff solid; background:#555; color:#fff; overflow:hidden; position:relative;}
ul.tabs4 li.active { background:#00AFEF; color:#FFF; }
.tab4_container { width:1200px; margin:0 auto; padding:55px 0 0; }
.tab4_content { padding:0; display:none;}
.tab4_container .tab4_content ul {width:100%; margin:0; padding:0;}
.tab4_container .tab4_content ul li { padding:0; list-style:none;}
 #container_tab4 { width:100%; height:532px; margin:0 auto; top:0; background:#F3F3F3;}

/* 2배너 및 최신글 */
.mi_container {  display:block; width:100%; height:680px; position:relative; top:0; text-align:center; }
.mi_container p {  display:block; width:100%; padding:0 0 40px 0; top:0; text-align:center; }
.mi_wrap { width:1210px; height:245px; margin:0 auto; position:relative; margin-top:0px;}
.mi_wrap .box { float:left; margin:5px; width:595px; height:245px; position:relative; overflow:hidden; }
.mi_wrap .box .bg { top:0; left:0; width:100%; height:100%; position:absolute;  text-align:center; background:#FFF; }
.mi_wrap .box .sp { position:relative;  text-align:center; margin:0 auto;}
.mi_wrap .box .tit { width:100%; top:0px; position:absolute; text-align:center; margin:0 auto; }
.mi_wrap .box1 { float:left; text-align:left; margin:5px; width:513px; height:163px; position:relative; overflow:hidden; padding:40px; border:1px #D4D4D4 solid; }

ul.tabs2 { margin:0; padding:0; float:left; list-style:none; width:513px; font-family:'Noto Sans Kr'; }
ul.tabs2 li { float:left;text-align:center; cursor:pointer; width:150px; height:40px; line-height:40px; border-right:1px solid #fff; border-left:none; font-size:17px; font-weight:400; letter-spacing:-0.04em; background:#AAA; color:#FFF; overflow:hidden; position:relative;}
ul.tabs2 li.active { background:#00AEEF; color:#FFF; }
ul.tabs2 li:last-child { border-right:none; }
.tab2_container {  float:left; width:513px; padding:15px 0 0;}
.tab2_content { padding:0; display:none;}
.tab2_container .tab2_content ul {width:100%; margin:0; padding:0;}
.tab2_container .tab2_content ul li { padding:0; list-style:none;}
 #container_tab2 { width:513px; margin:0 auto; top:0; }

/* 메인공통 */
.visual_wrap {width:100%; height:750px; background-image: url('../images/tail_visual.jpg');background-position: top; background-repeat:repeat-x;}


/* COPYRIGHT */
#foot_wrap { display:inline-block; position:relative; width:100%; height:332px; text-align:center; margin-top:0px; background:#222;}
.copyright1 { width:1200px; margin:0 auto; text-align:center; padding:45px 0; }
.copyright1 .tail_logo {  display:inline-block; width:100%; margin:0 auto; text-align:center; padding:0 0 15px; }
.copyright1 .tail_menu { text-align:center; padding:20px 0 25px 0;}
.copyright1 .tail_menu span { text-align:center;margin:0 -2px; padding:6px 10px 6px 10px; background:#222; border:1px #ccc solid; color:#ccc; font-size:11px; line-height:24px; letter-spacing:-0.07em;  font-weight:300;}
.copyright1 .tail_add { text-align:center; font-family:'Noto Sans Kr'; font-size:12px; font-weight:300; color:#ccc; line-height:24px;}
.copyright1 .tail_privacy { width:255px; margin-top:-95px; margin-left:995px; cursor:pointer;  }

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

/* ############################################ */


/*  MAIN VISUAL  */	
#visual { display:inline-block; position:relative; width:100%; height:830px; top:0; }
#contents_ms { display:block; overflow:hidden; width:100%; height:830px; margin:0 auto; position:absolute; top:0px; display:none; } /* top:-25px; 배경상단 위치 */
	
#slider { top:0; left:0; height:768px; position:absolute; }
#slider ul { height:768px; position:relative; }
#slider ul li { list-style:none; float:left; width:100%; height:768px; position:absolute; }
#slider ul li div { margin:0 auto; width:1283px; height:768px; position:relative; }
	
/* step1 */
.slider_sp1 { top:0; left:0; height:768px; position:absolute; }
.slider_sp1 ul { height:768px; position:relative; }
.slider_sp1 ul li { list-style:none; float:left; width:100%; height:768px; position:absolute; }
.slider_sp1 ul li div { margin:0 auto; width:1283px; height:768px; position:relative; }
.slider_sp1 ul li div.box1 img { top:200px; left:70px; position:absolute; }
.slider_sp1 ul li div.box2 img { top:200px; left:70px; position:absolute; }
.slider_sp1 ul li div.box3 img { top:200px; left:70px; position:absolute; }
.slider_sp1 ul li div.box4 img { top:200px; left:70px; position:absolute; }
.slider_sp1 ul li div.box5 img { top:200px; left:70px; position:absolute; }
	
/* step2 */
.slider_sp2 { top:0; left:0; height:768px; position:absolute; }
.slider_sp2 ul { height:768px; position:relative; }
.slider_sp2 ul li { list-style:none; float:left; width:100%; height:768px; position:absolute; }
.slider_sp2 ul li div { margin:0 auto; width:1283px; height:768px; position:relative; }
.slider_sp2 ul li div.box1 img { top:400px; left:30px; position:absolute; }
.slider_sp2 ul li div.box2 img { top:400px; left:30px; position:absolute; }
.slider_sp2 ul li div.box2 .step2_1 { float:left; width:225px; margin-left:0;}
.slider_sp2 ul li div.box2 .step2_2 { float:left; width:225px; margin-left:225px;}
.slider_sp2 ul li div.box2 .step2_3 { float:left; width:225px; margin-left:450px;}
.slider_sp2 ul li div.box3 img { top:400px; left:30px; position:absolute; }
.slider_sp2 ul li div.box3 .step3_1 { float:left; width:225px; margin-left:0;}
.slider_sp2 ul li div.box3 .step3_2 { float:left; width:225px; margin-left:225px;}
.slider_sp2 ul li div.box3 .step3_3 { float:left; width:225px; margin-left:450px;}
.slider_sp2 ul li div.box4 img { top:400px; left:30px; position:absolute; }
.slider_sp2 ul li div.box4 .step4_1 { float:left; width:225px; margin-left:0;}
.slider_sp2 ul li div.box4 .step4_2 { float:left; width:225px; margin-left:225px;}
.slider_sp2 ul li div.box4 .step4_3 { float:left; width:225px; margin-left:450px;}
.slider_sp2 ul li div.box5 img { top:400px; left:30px; position:absolute; }
.slider_sp2 ul li div.box5 .step5_1 { float:left; width:225px; margin-left:0;}
.slider_sp2 ul li div.box5 .step5_2 { float:left; width:225px; margin-left:225px;}
.slider_sp2 ul li div.box5 .step5_3 { float:left; width:225px; margin-left:450px;}
span.roll { background:url('../images/MainVisual/btn_roll.png') center center no-repeat ; width:225px; height:225px; position: absolute; z-index:999; top:400px; margin-left:30px; }
span.roll_1 { background:url('../images/MainVisual/btn1_roll.png') center center no-repeat ; width:225px; height:225px; position: absolute; z-index:999; top:400px; margin-left:254px; }
span.roll_2 { background:url('../images/MainVisual/btn1_roll.png') center center no-repeat ; width:225px; height:225px; position: absolute; z-index:999; top:400px; margin-left:479px; }


/* step3 */
.slider_sp3 { top:0; left:0; height:768px; position:absolute; display:none; }
.slider_sp3 ul { height:768px; position:relative; }
.slider_sp3 ul li { list-style:none; float:left; width:100%; height:768px; position:absolute; }
.slider_sp3 ul li div { margin:0 auto; width:1283px; height:768px; position:relative; }
.slider_sp3 ul li div.box1 img { top:0px; left:0px; position:absolute; }
.slider_sp3 ul li div.box2 img { top:0px; left:0px; position:absolute; }
.slider_sp3 ul li div.box3 img { top:0px; left:0px; position:absolute; }
.slider_sp3 ul li div.box4 img { top:0px; left:0px; position:absolute; }
.slider_sp3 ul li div.box5 img { top:0px; left:0px; position:absolute; }

/* prev */
#arrowPrev { width:70px; height:115px; position:absolute; top:320px; left:6%; }
#arrowPrev div.img { width:70px; height:115px; position:absolute; }
#arrowPrev div.square { width:115px; height:115px; position:absolute; background:#ffffff; opacity:0; cursor:pointer; top:0px;}
		
/* next */
#arrowNext { width:70px; height:115px; position:absolute; top:320px; right:6%; }
#arrowNext div.img { width:70px; height:115px; position:absolute; }
#arrowNext div.square { width:115px; height:115px; position:absolute; background:#ffffff; opacity:0; cursor:pointer; top:0px; }

/* navigation */
#contents_ms_nav { width:100%; height:15px; top:790px; position:absolute; margin:0 auto; /*background-image: url('../images/MainVisual/bg_sp_bar.jpg');*/}
#contents_ms_nav div { overflow:hidden; margin:0 auto; width:110px; height:15px; position:relative; }
#contents_ms_nav div ul { width:110px; height:15px; }
#contents_ms_nav div ul li { list-style:none; float:left; width:15px; height:15px; margin:0 3px; cursor:pointer; position:relative; }
#contents_ms_nav div ul li div { position:absolute; }


/*  블루앤치과의 특별함 */	
#msp_title { text-align:center; padding:0; }
#msp { display:inline-block; position:relative; top:3px; width:100%; height:710px; background-image: url('../images/tap_menuBg.png');background-position: top; background-repeat:repeat-x; }
#msp_tb { width:100%; height:710px; margin:0 auto; }
ul.tabs {margin:0 auto; padding:0; list-style:none; width:1200px; height:50px; text-align:center; }
ul.tabs li { float:left;text-align:center; font-size:1.2em; font-weight:bold; color:#FFF; cursor:pointer; width:299px; height:34px;padding-top:16px; margin:0 1px 0 0; top:0; overflow:hidden; position:relative;background-image: url('../images/tap_active.png');}
ul.tabs li.active { background-image: url('../images/tap_activeBG.png');}
ul.tabs li a {  }
.tab_container {  float:left; width:100%; top:0; }
.tab_content { padding:0; display:none;}
.tab_container .tab_content .tabBg1 { width:100%; height:658px; margin:0; padding:0; background-image:url('../images/msp_img1.jpg'); background-repeat:no-repeat; background-position:50%;}
.tab_container .tab_content .tabBg2 { width:100%; height:658px; margin:0; padding:0; background-image:url('../images/msp_img2.jpg'); background-repeat:no-repeat; background-position:50%;}
.tab_container .tab_content .tabBg3 { width:100%; height:658px; margin:0; padding:0; background-image:url('../images/msp_img3.jpg'); background-repeat:no-repeat; background-position:50%;}
.tab_container .tab_content .tabBg4 { width:100%; height:658px; margin:0; padding:0; background-image:url('../images/msp_img4.jpg'); background-repeat:no-repeat; background-position:50%;}
#container_tab { width:100%; height:710px; margin-top:0;  }


/*  메인 배너 슬라이드 */	
#slide_banner { width:100%; height:380px; text-align:center; margin-top:70px; }

/*  CONTENT  */	
#content_wrapper { display:inline-block; width:100%; top:0; padding:70px 0; background:#EEE; }
#content_wrapper .content { width:1200px; margin:0 auto; }
#content_wrapper .content ul { }
#content_wrapper .tap { float:left; width:380px; }
#content_wrapper .dr { float:left; position:absolute; width:380px; margin-left:410px; }
#content_wrapper .guide { float:left; position:absolute; width:380px; margin-left:820px; }

ul.tabs1 { margin:0; padding:0; float:left; list-style:none; width:380px; font-family:"nanum gothic"; }
ul.tabs1 li { float:left;text-align:center; cursor:pointer; width:49.8%; height:40px; line-height:40px; border-right:1px solid #fff; border-left:none; font-size:1.1em; font-weight:bold; letter-spacing:-0.04em; background:#AAA; color:#FFF; overflow:hidden; position:relative;}
ul.tabs1 li.active { background:#00AEEF; color:#FFF; }
ul.tabs1 li:last-child { border-right:none; }
.tab1_container {  float:left; width:380px; height:110px; padding:15px 0 0;}
.tab1_content { padding:0; display:none;}
.tab1_container .tab_content ul {width:100%; margin:0; padding:0;}
.tab1_container .tab_content ul li { padding:0; list-style:none;}
 #container_tab1 { width:380px; height:110px; margin:0 auto; top:0; }

/* 탭 전후사례 */
#wrapper_bna { display:block; position:relative; width:100%; height:720px; top:0px; background-image: url('../images/bg_bna.jpg');background-position: top; background-repeat:repeat-x; }
#wrapper_bna .bna_tit { width:1200px; margin:0 auto; text-align:center; padding:130px 0 40px 0; }
ul.tabs3 {margin:0; padding:0; float:left; list-style:none; height:50px; width:100%; font-family:"nanum gothic"; font-size:16px; background:#333; border-left:1px #666 solid;}
ul.tabs3 li { float:left;text-align:center; cursor:pointer; width:24.8%; height:50px; line-height:50px; margin:0; border-right:1px #666 solid; background:#313131; color:#fff; overflow:hidden; position:relative;}
ul.tabs3 li.active { background:#818181; color:#FFF; }
.tab3_container {  clear:both; float:left; width:1200px; }
.tab3_content { padding:0; display:none;}
.tab3_container .tab3_content ul {width:100%; margin:0; padding:0;}
.tab3_container .tab3_content ul li { padding:0; list-style:none;}
 #container_tab3 { width:1200px; height:432px; margin:0 auto; top:0; }

/*  서브 내용 부  */
#snb_tb {display:inline-block;  position:absolute; z-index:99; width:100%; height:58px; margin:0 auto; text-align:left;  background:#FAFAFA;}
.snb { width:1200px; margin:0 auto; text-align:left; padding:0; background:#FAFAFA;}

/* SNB */
.snbBtn { display:block; position:relative; width:1200px; margin:0 auto; text-align:left; padding:22px 0 0 0; }
.snbBtn .nav { position:relative; }
.snbBtn .nav ul { margin:0; padding:0; }
.snbBtn .nav .nav_gr {  height:22px; border-right:1px #999 solid;list-style:none;  float:left; text-align:left; padding:0 30px 0 0; margin:-3px 15px 0 0; font-family:nanum gothic; font-size:20px; font-weight:bold; letter-spacing:-0.03em; color:#666; }
.snbBtn .nav li { list-style:none; display:block; float:left; padding:0 18px; /* 깜빡임 없앰 -> */ font-family:nanum gothic; font-size:15px;  letter-spacing:-0.02em; color:#222; text-align:center; cursor:pointer; }
.snbBtn .nav li a:hover { color:#ff982a; }
.snbBtn .nav li span { float:left; margin-left:-18px; margin-right:-18px; width:100%; padding:0 18px; color:#18b0c9; text-align:center; cursor:pointer;  }

/*  서브 내용 부  */
#container{ display:inline-block;  position:relative;width:100%; margin:0 auto;top:0; text-align:center; }
#board { display:inline-block;   position:relative; padding:0; width:1200px; margin:0 auto; top:0;}
#board .bo_line {  width:1200px; height:35px; margin:0 auto; margin-top:80px; background-image: url('../images/bo_line.png');}
#board .bo_img {  width:1200px; height:75px; margin:0 auto; margin-top:40px; text-align:center;}
#board .cont {  position:relative; min-height:600px; padding:50px 0 80px 0; margin:0; text-align:left;  height:auto !important;}

#board1 { display:inline-block;   position:relative; padding:0; width:100%; margin:0 auto; top:0;}
#board1 .bo_line {  width:1200px; height:35px; margin:0 auto; margin-top:80px; background-image: url('../images/bo_line.png');}
#board1 .bo_img {  width:1200px; height:75px; margin:0 auto; margin-top:40px; text-align:center;}
#board1 .cont1 {  width:100%; position:relative; min-height:600px; padding:50px 0 80px 0; margin:0; text-align:left;  height:auto !important;}



/* FOOT VISUAL */
#main_step {width:100%; height:650px; }
.mainStep_container { width:100%; height:650px; top:0; margin:0 auto; position:relative; }
.mainStep_contents { top:130px; width:930px; position:relative; margin:0 auto; }

/* FOOT BANNER */
#fb_banner { position:relative; width:100%; height:90px; margin-top:-20px;  border-top:1px #DDD solid; background:#FFF;}
.fb { width:1200px; margin:0 auto; }


/* COPYRIGHT */
#foot { position:relative;width:100%; height:360px; text-align:center; top:-3px; background-image: url('../images/copyright.png');background-repeat:no-repeat; background-position:50% ;}
.copyright { width:1200px; margin:0 auto; text-align:left; padding:0;}
.copyright img { float:left; margin:0; vertical-align:top; overflow:hidden;}
.copyright .privacy { position:absolute; margin-top:150px; margin-left:0px; cursor:pointer;  }

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


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


/* 더보기 버튼 공통 */
.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:20; margin-left:495px; top:47px; width:19px; height:19px; border:0px #000 solid; ;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;}