@charset "utf-8";

input[type=text]:focus,input[type=password]:focus, button:focus, img:focus{
border: 0px !important;
outline: none;
}

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

/*  전체 영역  */	
#wrap { display:block; position:relative; width:100%; /* background-image: url('../images/bg_sub.jpg');background-position: top; background-repeat:repeat-x;*/ }
#wrap_sub { display:block; position:relative; width:100%; /*background-image: url('../images/bg_sub.jpg');background-position: top; background-repeat:repeat-x;*/ }

/* top */	
#header { display:block; position:relative; z-index:3; width:1200px; height:110px; margin:0 auto; top:0; }
.tm {  float:right; position:absolute; z-index:2; right:0; width:450px; padding:20px 0 0 0; text-align:right; }
.tm img { padding:0; margin:0 -2px; }
.tm a { padding:0; height:30px; text-decoration:none;  }
.tm span{ color:#000;font-weight:bold;}
.tm span.adm a { color:#d80000;  font-family:tahoma; font-size:11px; margin:0 5px; }
.tm_logo { padding-top:7px; width:450px; margin:0 auto; text-align:center;}
.tm_tel img { float:left; margin:0; right:0; margin-top:32px; }

.tm_btn { width:150px; position:absolute; z-index:4; margin-left:1060px; top:58px; text-align:right; float:right;}
.tm_btn li { float:left; padding:0; margin:0; }


.span_ll { width:7px; font-size:11px; font-family:'dotum'; color:#ddd; font-weight:normal; padding:0 6px 0 5px; }
.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:48px; margin:0 auto;  } 
#gnb_sub { display:block; position:relative; z-index:9999; width:100%; height:40px; margin:0 auto; top:0; } 
.visual_main_stripe {  display:block; position:absolute; z-index:2; top:0; height:260px; width:100%; background-image: url('../images/bg_index.png');background-position: top; background-repeat:repeat-x;  }	
.visual_sub_stripe { display:block; position:absolute; z-index:2; top:20px; height:155px; width:100%; background-image: url('../images/visual_sub_stripe.png');background-position: top; background-repeat:repeat-x; }	

#main_nav {  display:block; margin:0 auto; width:100%; top:0; left:0; position:absolute; z-index:99999; }
#main_nav_wrapper { width:1200px; position:relative; margin:0 auto; text-align:left; left:0px; }
#main_nav_wrapper div ul{ margin:0; padding:0; }
#main_nav_wrapper div ul li { list-style:none; float:left; width:150px; height:40px; cursor:pointer; position:relative; }
#main_nav_wrapper div ul li .square { width:150px; height:40px; position:absolute; }
#main_nav_wrapper div ul li .txt { top:0; left:0; width:150px; height:40px; position:absolute; }
#main_nav_wrapper div ul li .over { width:150px; height:40px; position:absolute; }

#main_nav_wrapper #main_nav_line { top:0; left:0; margin:0; padding:0; cursor:pointer; position:absolute; }
#main_nav_wrapper #main_nav_line div { list-style:none; top:0; width:0; height:50px; position:absolute; } 

#sub_nav_mask { top:40px; width:100%; height:0; overflow:hidden; position:absolute; background:#FFF; opacity:1;  border-bottom:1px #E5E5E5 solid; bottom:-1px; } 
#sub_nav_wrapper { top:-310px; left:0px; width:1200px; height:310px; position:relative; margin:0 auto; border-left:1px #E5E5E5 solid; border-top:10px #FFF solid; }
		
div.sub_nav_square { display:block; left:0; position:absolute;  }
div.sub_nav_square div.cate_wrapper { left:0; float:left; height:310px; position:absolute; }
div.sub_nav_square div.cate_wrapper ul { padding:0; }
div.sub_nav_square div.cate_wrapper ul li { list-style:none; float:left; width:150px; height:24px; position:relative;  margin:0 auto; }
div.sub_nav_square div.cate_wrapper ul li div.square { width:150px; height:24px;  background:#EE6689; position:absolute;  margin:0 auto;}
div.sub_nav_square div.cate_wrapper ul li div.over { top:4px; left:20px; font-family:nanum gothic; font-size:13px; letter-spacing:-0.03em; line-height:14px;text-decoration:none; color:#000; position:absolute; }

div.sub_nav_btn { top:0; left:0; position:absolute; }
div.sub_nav_btn div.cate_wrapper { top:0; float:left; width:150px; height:290px; position:absolute; }
div.sub_nav_btn div.cate_wrapper ul { margin:0; padding:0; width:150px; position:absolute; }
div.sub_nav_btn div.cate_wrapper ul li { list-style:none; float:left; width:150px; height:24px; /* 백그라운드 중요함,삭제금지 => */background:#FFFFFF; cursor:pointer; position:relative; }
	
#sub_nav_line_1 { top:0; left:0; position:absolute; }
#sub_nav_line_1 div { width:1px; height:290px; position:absolute; margin-left:0px; }


/*  MAIN VISUAL  */	
#visual { display:inline-block; position:relative; width:100%; height:870px; top:0; }
#contents_ms { display:block; overflow:hidden; width:100%; height:870px; margin:0 auto; position:absolute; top:0; display:none; } /* top:-25px; 배경상단 위치 */
	
#slider { top:0; left:0; height:670px; position:absolute; }
#slider ul { height:670px; position:relative; }
#slider ul li { list-style:none; float:left; width:100%; height:670px; position:absolute; }
#slider ul li div { margin:0 auto; width:1280px; height:671px; position:relative; }
	
/* step1 */
.slider_sp1 { top:0; left:0; height:670px; position:absolute; }
.slider_sp1 ul { height:670px; position:relative; }
.slider_sp1 ul li { list-style:none; float:left; width:100%; height:670px; position:absolute; }
.slider_sp1 ul li div { margin:0 auto; width:1280px; height:670px; position:relative; }
.slider_sp1 ul li div.box1 img { top:0; left:630px; position:absolute; }
.slider_sp1 ul li div.box2 img { top:0; left:630px; position:absolute; }
.slider_sp1 ul li div.box3 img { top:0; left:630px; position:absolute; }
.slider_sp1 ul li div.box4 img { top:0; left:630px; position:absolute; }
.slider_sp1 ul li div.box5 img { top:0; left:630px; position:absolute; }
.slider_sp1 ul li div.box6 img { top:0; left:630px; position:absolute; }
.slider_sp1 ul li div.box7 img { top:0; left:630px; position:absolute; }
	
/* step2 */
.slider_sp2 { top:0; left:0; height:670px; position:absolute; }
.slider_sp2 ul { height:670px; position:relative; }
.slider_sp2 ul li { list-style:none; float:left; width:100%; height:670px; position:absolute; }
.slider_sp2 ul li div { margin:0 auto; width:1280px; height:670px; position:relative; }
.slider_sp2 ul li div.box1 img { top:100px; left:100px; position:absolute; }
.slider_sp2 ul li div.box2 img { top:100px; left:150px; position:absolute; }
.slider_sp2 ul li div.box3 img { top:100px; left:100px; position:absolute; }
.slider_sp2 ul li div.box4 img { top:100px; left:100px; position:absolute;}
.slider_sp2 ul li div.box5 img { top:100px; left:100px; position:absolute; }
.slider_sp2 ul li div.box6 img { top:100px; left:100px; position:absolute; }
.slider_sp2 ul li div.box7 img { top:100px; left:100px; position:absolute;}

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

/* prev */
#arrowPrev { width:70px; height:115px; position:absolute; top:270px; 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; left:-50px; }
		
/* next */
#arrowNext { width:70px; height:115px; position:absolute; top:270px; 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:185px; top:670px; position:absolute; margin:0 auto; /*background-image: url('../images/MainVisual/bg_sp_bar.jpg');*/}
#contents_ms_nav div { overflow:hidden; margin:0 auto; width:1200px; height:185px; position:relative; }
#contents_ms_nav div ul { width:1200px; height:185px; }
#contents_ms_nav div ul li { list-style:none; float:left; width:171px; height:185px; margin:0; cursor:pointer; position:relative; }
#contents_ms_nav div ul li div { position:absolute; }



/*  MAIN VISUAL  */	
#contentsN_ms { display:block; overflow:hidden; width:100%; height:870px; margin:0 auto; position:absolute; top:0; display:none; } /* top:-25px; 배경상단 위치 */
	
#sliderN { top:0; left:0; height:670px; position:absolute; }
#sliderN ul { height:670px; position:relative; }
#sliderN ul li { list-style:none; float:left; width:100%; height:670px; position:absolute; }
#sliderN ul li div { margin:0 auto; width:1280px; height:671px; position:relative; }
	
/* step1 */
.sliderN_sp1 { top:0; left:0; height:670px; position:absolute; }
.sliderN_sp1 ul { height:670px; position:relative; }
.sliderN_sp1 ul li { list-style:none; float:left; width:100%; height:670px; position:absolute; }
.sliderN_sp1 ul li div { margin:0 auto; width:1280px; height:670px; position:relative; }
.sliderN_sp1 ul li div.box1 img { top:0; left:0px; position:absolute; }
.sliderN_sp1 ul li div.box2 img { top:0; left:0px; position:absolute;  z-index:2;}
.sliderN_sp1 ul li div.box3 img { top:0; left:0px; position:absolute; }
.sliderN_sp1 ul li div.box4 img { top:0; left:0px; position:absolute; }
.sliderN_sp1 ul li div.box5 img { top:0; left:0px; position:absolute; }
.sliderN_sp1 ul li div.box6 img { top:0; left:0px; position:absolute; }
.sliderN_sp1 ul li div.box7 img { top:0; left:0px; position:absolute; }
.sliderN_sp1 ul li div.box8 img { top:0; left:0px; position:absolute; }
.sliderN_sp1 ul li div.box9 img { top:0; left:0px; position:absolute; }
.sliderN_sp1 ul li div.box10 img { top:0; left:0px; position:absolute; }
.sliderN_sp1 ul li div.box11 img { top:0; left:0px; position:absolute; }
	
/* step2 */
.sliderN_sp2 { top:0; left:0; height:670px; position:absolute; }
.sliderN_sp2 ul { height:670px; position:relative; }
.sliderN_sp2 ul li { list-style:none; float:left; width:100%; height:670px; position:absolute; }
.sliderN_sp2 ul li div { margin:0 auto; width:1280px; height:670px; position:relative; }
.sliderN_sp2 ul li div.box1 img { top:140px; left:750px; position:absolute; }
.sliderN_sp2 ul li div.box2 img { top:90px; left:104px; position:absolute; }
.sliderN_sp2 ul li div.box3 { top:65px; left:460px; position:absolute; z-index:8; }
.sliderN_sp2 ul li div.box4 img { top:180px; left:320px; position:absolute;  z-index:2;}
.sliderN_sp2 ul li div.box5 img { top:60px; left:230px; position:absolute; z-index:2;}
.sliderN_sp2 ul li div.box6 img { top:170px; left:70px; position:absolute;  z-index:2;}
.sliderN_sp2 ul li div.box7 img { top:170px; left:680px; position:absolute;  z-index:2;}
.sliderN_sp2 ul li div.box8 img { top:140px; left:750px; position:absolute; z-index:2;}
.sliderN_sp2 ul li div.box9 img { top:100px; left:70px; position:absolute; z-index:2;}
.sliderN_sp2 ul li div.box10 img { top:130px; left:300px; position:absolute; z-index:2;}
.sliderN_sp2 ul li div.box11 img { top:190px; left:550px; position:absolute; z-index:2;}

/* step3 */
.sliderN_sp3 { top:0; left:0; height:670px; position:absolute; }
.sliderN_sp3 ul { height:670px; position:relative; }
.sliderN_sp3 ul li { list-style:none; float:left; width:100%; height:670px; position:absolute; }
.sliderN_sp3 ul li div { margin:0 auto; width:1280px; height:670px; position:relative; }
.sliderN_sp3 ul li div.box1 img { top:0px; left:0px; position:absolute; }
.sliderN_sp3 ul li div.box2 img { top:0px; left:0px; position:absolute; }
.sliderN_sp3 ul li div.box3 img { top:0px; left:0px; position:absolute; }
.sliderN_sp3 ul li div.box4 img { top:0px; left:0px; position:absolute; }
.sliderN_sp3 ul li div.box5 img { top:0px; left:0px; position:absolute; }
.sliderN_sp3 ul li div.box6 img { top:0px; left:0px; position:absolute; }
.sliderN_sp3 ul li div.box7 img { top:0px; left:0px; position:absolute; }
.sliderN_sp3 ul li div.box8 img { top:0px; left:0px; position:absolute; }
.sliderN_sp3 ul li div.box9 img { top:0px; left:0px; position:absolute; }
.sliderN_sp3 ul li div.box10 img { top:0px; left:0px; position:absolute; }
.sliderN_sp3 ul li div.box11 img { top:0px; left:0px; position:absolute; }

/* prev
#arrowPrev { width:70px; height:115px; position:absolute; top:270px; 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; left:-50px; }
 */	
 
/* next
#arrowNext { width:70px; height:115px; position:absolute; top:270px; 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 */
#contentsN_ms_nav { width:100%; height:170px; top:685px; position:absolute; margin:0 auto; /*background-image: url('../images/MainVisual/bg_sp_bar.jpg');*/}
#contentsN_ms_nav div { overflow:hidden; margin:0 auto; width:1345px; height:170px; position:relative; }
#contentsN_ms_nav div ul { width:1345px; height:170px; }
#contentsN_ms_nav div ul li { list-style:none; float:left; width:122px; height:170px; margin:0; cursor:pointer; position:relative; }
#contentsN_ms_nav div ul li div { position:absolute; }

/* 실시간현황 */
#pr { display:block; width:550px; position:fixed; z-index:99; bottom:0px; right:0px; }


/* 동영상 모달레이어 */
.modal p { font-size:20px; font-family:tahoma; text-align:right; margin:0 0 7px 0; color:#FF3061;}
.modal p:hover { cursor:pointer;color:#FFF;}
.overlay {  width:100%; height:100%; position:fixed; top:0; left:0; z-index:99999; display:none;}
.modal {  display:none; background:#000; padding:16px 26px 26px 26px; overflow:auto; z-index:999991; height:448px; top:0; position:absolute; }
.modal .btn{ display:block; right:25px; position:absolute; width:160px; height:25px; margin-top:6px; border:1px #777 solid; color:#aaa; background:#000; font-family:nanumgothic; cursor:pointer;}
.modal .btn:hover{ color:#FFF; background:#333; border:1px #777 solid; }


/* 메인 5배너 */
.step1_container { display:inline-block; width:100%; height:100%; position:relative; text-align:center; top:0; }
.step1_wrap { width:100%; height:100%; margin:0 auto; position:relative; top:0;}
.step1_wrap li { float:left; width:20%; } 
.step1_wrap li img { width:100%; margin:0; }

/* 당신의 피부를... */
.step2_container { display:inline-block; width:100%; position:relative; text-align:center; top:0; }
.step2_wrap { width:100%; margin:0 auto; position:relative; top:0;}
.step2_wrap .box1 { width:100%; height:286px; background-image: url('../images/step2_img4.jpg');background-repeat:no-repeat; background-position:50%; } 
.step2_wrap .box2 { width:100%; height:152px; text-align:center; padding:0 0 40px 0; } 
.step2_wrap .box3 { width:100%; height:710px; background-image: url('../images/step2_img6.jpg');background-repeat:no-repeat; background-position:50%; } 
.step2_wrap .box4 { width:100%; height:1748px; background-image: url('../images/step2_img2.jpg');background-repeat:no-repeat; background-position:50%; } 
.step2_wrap .box5 { width:100%; height:1449px; background-image: url('../images/step2_img3.jpg');background-repeat:no-repeat; background-position:50%; margin-top:50px;} 

/* 진료철학 */
.step3_container { display:inline-block; width:100%; position:relative; text-align:center; top:0; }
.step3_wrap { width:100%; margin:0 auto; position:relative; top:0;}
.step3_wrap .box1 { width:100%; height:1074px; background-image: url('../images/step3_img1.jpg');background-repeat:no-repeat; background-position:50%; cursor:pointer;} 

/* 프로그램 */
.step4_container { display:inline-block; width:100%; position:relative; text-align:center; top:0; }
.step4_container p { padding:60px 0 40px 0; }
.step4_wrap { width:100%; margin:0 auto; position:relative; top:0;}

/* 전후사례 */
.step5_container { display:inline-block; width:100%; position:relative; text-align:center; top:0; }
.step5_container p { padding:80px 0 50px 0; }
.step5_wrap { display:inline-block; width:1435px; height:420px; margin:0 auto; position:relative; top:0;}

/* 연세에스이야기 */
.step6_container { display:inline-block; width:100%; height:1060px; position:relative; text-align:center; top:0; background:#F3F3F3; }
.step6_container p { padding:80px 0 50px 0; }
.step6_wrap { display:inline-block; width:1435px; margin:0 auto; position:relative; top:0;}
.step6_wrap li { display:inline-block; width:100%; }
.step6_wrap .mv_1 { float:left; width:715px; height:453px; }
.step6_wrap .mv_2 { float:left; width:720px; height:453px; }

/* 예약 */
.step7_container { display:inline-block; width:100%; height:1112px; position:relative; text-align:center; top:0; background-image: url('../images/step7_img1.jpg');background-position: top; background-repeat:repeat-x; }
.step7_wrap { display:inline-block; width:890px; position:relative; margin-top:252px;}
.step7_wrap li { line-height:55px; margin:0 95px 0 0; }
.step7_wrap .btn_1 { display:inline-block; width:130px; height:32px; background:#fff; border:1px #ddd solid; border-radius:20px; color:#222; font-size:16px; line-height:32px; font-family:'NanumGothic'; font-weight:500; letter-spacing:-0.05em; text-decoration:none; margin:0 10px 0 0;}
.step7_wrap .btn_2 { display:inline-block; width:130px; height:32px; background:#F2914A; border:1px #F2914A solid; border-radius:20px; color:#fff; font-size:16px; line-height:32px; font-family:'NanumGothic'; font-weight:500; letter-spacing:-0.05em; text-decoration:none; }
.step7_wrap .btn_1:hover { background:#eee; border:1px #ccc solid; }
.step7_wrap .btn_2:hover { background:#d46819; border:1px #d46819 solid; }

/* 연세에스안내 */
.step8_container { display:inline-block; width:100%; position:relative; text-align:center; top:0; background:#eee; }
.step8_container p { padding:60px 0 30px 0; }
.step8_wrap { display:inline-block; width:1440px; height:1230px; margin:0 auto; position:relative; top:0;}
.step8_wrap .eq { float:left; width:620px; height:280px; background:#fff; padding:30px 50px;}
.step8_wrap .ps { float:left; width:720px; height:340px; }
.step8_wrap .counsel { float:left; width:320px; height:280px; background:#fff; padding:30px 50px; margin-top:13px; }
.step8_wrap .blog { float:left; width:300px; height:340px; margin-top:13px; }
.step8_wrap .katalk { float:left; width:300px; height:340px; margin-top:13px; }
.step8_wrap .faq { float:left; width:320px; height:280px; background:#fff; padding:30px 50px; margin-top:13px; }
.step8_wrap .report { float:left; width:1440px; height:330px; background:#fff; padding:50px 0; margin-top:13px; }

.step9_container { display:inline-block; width:100%; position:relative; text-align:center; margin-top:100px; }
.step9_wrap { display:inline-block; width:1440px; height:1290px; margin:0 auto; position:relative; top:0;}

.step10_container { display:inline-block; width:100%; position:relative; text-align:center; margin-top:80px; }
.step10_wrap { display:inline-block; width:1440px; margin:0 auto; position:relative; top:0;}


/* 유튜브 베스트 */
.youtube_container { display:inline-block; width:100%; position:relative; text-align:center; top:0; background:#F3F3F3; }
.youtube_wrap { display:inline-block; width:1435px; height:710px; margin:0 auto; position:relative; top:0; border-bottom:1px #ccc solid; }
.youtube_wrap .sub_t { padding:80px 0 0; }
.youtube_wrap .sub_t1 { padding:0px 0 0; text-align:left; }
.youtube_wrap li { display:inline-block; width:100%; }
.youtube_wrap .mv_1 { float:left; width:715px; height:453px; }
.youtube_wrap .mv_2 { float:left; width:720px; height:453px; }

/* 유튜브 일반 */
.youtube1_container { display:inline-block; width:100%; height:680px; position:relative; text-align:center; top:0; background:#F3F3F3; }
.youtube1_wrap { display:inline-block; width:1435px; margin:0 auto; position:relative; top:0;}
.youtube1_wrap .sub_t { padding:20px 0 0; text-align:left; }
.youtube1_wrap li { display:inline-block; width:100%; }


/*  메인 본문내용 */
#wrapper { position:relative; width:100%; text-align:center; top:0; /*background-image: url('../images/bg_banner.jpg');background-position: top; background-repeat:repeat-x;*/}
#wrapper .banner {  margin:0 auto; width:100%; height:286px; top:0; padding:0; background:#EBEBEB; }
#wrapper .bannerCost {  margin:0 auto; width:1220px; top:0; padding:45px 0 0 0; }

#wrapper .cont { margin:0 auto; width:1200px; height:260px; margin-top:50px; padding:0; }
#wrapper .cont ul { width:1200px; margin:0 auto; }
#wrapper .cont .lb { display:inline-block; position:relative;float:left; text-align:left; width:303px; }
#wrapper .cont .lb .dot { position:absolute; margin-top:126px; width:275px; height:2px; font-size:10px; border-bottom:1px #777 dotted; }
#wrapper .cont .cb { display:inline-block; position:relative;float:left; text-align:left; width:303px; }
#wrapper .cont .rb { display:inline-block; position:relative;float:left; text-align:left; width:307px; }
#wrapper .cont .rb1 { display:inline-block; position:relative;float:left; width:280px; }
#wrapper .cont .rb1 .dot { position:absolute; margin-top:174px; width:280px; height:2px; font-size:10px; border-bottom:1px #777 dotted; }

#wrapper .cont1 { display:inline-block; margin:0 auto; width:1200px; height:237px; margin:50px 0 20px 0; padding:0; }
#wrapper .cont1 ul { display:inline-block; width:1200px; margin:0 auto; }
#wrapper .cont1 .lb1 { display:inline-block; position:relative;float:left; text-align:left; width:457px; height:237px; }
#wrapper .cont1 .lb1 .eq { width:422px; height:184px; padding:10px 0 0 12px; border:1px #D6D6D6 solid; border-top:none;}
#wrapper .cont1 .cb1 { display:inline-block; position:relative;float:left; text-align:left; width:461px; }
#wrapper .cont1 .rb1 { display:inline-block; position:relative;float:left; text-align:left; width:281px; }


/* 탭 공지.faq */
div.tabs { position:relative; z-index:2;margin:0; padding:0; float:left; list-style:none; height:33px; width:100%; font-family:"nanumgothic"; font-size:15px; font-weight:bold;}
.tabs li { float:left;text-align:center; cursor:pointer; width:140px; height:35px; line-height:35px; margin:0 1px 0 0; border-left:none; background:#D9D9D9; overflow:hidden; }
.tabs li.active { background:#FFF; color:#222; border:1px #D9D9D9 solid; border-bottom:none; margin:-1px 0px 0 -1px; }
.tab_container {  position:relative; z-index:1;clear:both;  float:left; width:280px; height:103px;  background:#fff; margin-top:1px;}
.tab_content { padding:10px 0 0 0; display:none;}
.tab_container .tab_content ul { margin:0; padding:0;}
.tab_container .tab_content ul li { padding:0; list-style:none;}
 #container_tab { width:280px; margin:0 auto; top:0;}

/* 탭 전후사례 */
div.tabs1 { position:relative; z-index:2; margin:0; padding:0; float:left; list-style:none; height:33px; width:100%; font-family:"nanumgothic"; font-size:13px;}
.tabs1 li { float:left;text-align:center; cursor:pointer; width:76px; height:33px; line-height:34px; margin:0 1px 0 0; border-left:none; background:#eee; overflow:hidden; }
.tabs1 li.active { background:#54ABE5; color:#FFF; }
.tab1_container { position:relative; z-index:1; clear:both; float:left; width:305px; height:156px;  background:#fff; margin-top:1px;}
.tab1_content { padding:16px 0 0 0; display:none;}
.tab1_container .tab1_content ul { margin:0; padding:0;}
.tab1_container .tab1_content ul li { padding:0; list-style:none;}
 #container_tab1 { width:305px; margin:0 auto; top:0;}


/* 서브 비쥬얼 */
#visual_sub { display:block; position:relative; width:100%; height:152px; top:0px; }
.top_visual_g0 { display:block;width:100%; height:150px; background-image: url('../images/SubVisual/g0.jpg');background-repeat:no-repeat; background-position:50%; }
.top_visual_g1 { display:block;width:100%; height:150px; background-image: url('../images/SubVisual/g1.jpg');background-repeat:no-repeat; background-position:50%; }
.top_visual_g2 { display:block;width:100%; height:150px; background-image: url('../images/SubVisual/g2.jpg');background-repeat:no-repeat; background-position:50%;}
.top_visual_g3 { display:block;width:100%; height:150px; background-image: url('../images/SubVisual/g3.jpg');background-repeat:no-repeat; background-position:50%; }
.top_visual_g4 { display:block;width:100%; height:150px; background-image: url('../images/SubVisual/g4.jpg');background-repeat:no-repeat; background-position:50%; }
.top_visual_g5 { display:block;width:100%; height:150px; background-image: url('../images/SubVisual/g5.jpg');background-repeat:no-repeat; background-position:50%; }
.top_visual_g6 { display:block;width:100%; height:150px; background-image: url('../images/SubVisual/g6.jpg');background-repeat:no-repeat; background-position:50%; }
.top_visual_g7 { display:block;width:100%; height:150px; background-image: url('../images/SubVisual/g7.jpg');background-repeat:no-repeat; background-position:50%; }
.top_visual_g8 { display:block;width:100%; height:150px; background-image: url('../images/SubVisual/g8.jpg');background-repeat:no-repeat; background-position:50%; }

/*  서브 메뉴 부  */
#container{  display:block; position:relative; width:100%; margin:0 auto; top:34px; }
#bo_content{ margin:0 auto; width:1200px; top:0; }
#board { display:block; position:relative; z-index:3; padding:0; width:1200px; margin:0 auto; }
.gr_tit {  display:block; position:relative; width:1200px; height:50px; text-align:right; border:1px #E6E6E6 solid; }
.gr_img {  float:left; width:230px; padding:0;} 
.gr_nav {  float:left; width:1100px; padding:17px 0 0 20px; } 
#bo_tit { z-index:2; display:inline-block; position:relative; width:1100px; height:60px; top:50px; border-bottom:2px #000 solid; /*background-image: url('../include/bo_title/bg.png'); background-position: left;background-repeat:repeat-y; */}
#bo_tit .bo_img {  float:left; padding:0 0 0 24px; clear:both; font-weight:bold; font-size:34px; font-family:nanum gothic; color:#000; letter-spacing:-0.07em; background-image: url('../include/bo_title/bg.png'); background-position: left;background-repeat:repeat-y;} 
#bo_tit .bo_nav {  float:right; text-align:right; padding:22px 0 0; } 
#cont { position:relative;width:1200px; min-height:500px; padding:0px 0 0; text-align:left;  border-left:0px #e1e1e1 solid;  border-right:0px #e1e1e1 solid; border-bottom:0px #e1e1e1 solid; } /* 게시판 상단 시작 */
#cont1 { position:relative; margin:0 auto; width:1200px; min-height:500px; padding:30px 0 0; text-align:left;  border-left:0px #e1e1e1 solid;  border-right:0px #e1e1e1 solid; border-bottom:0px #e1e1e1 solid; } /* 게시판 상단 시작 */
.navi { font-size:11px; font-family:'dotum';color:#444;letter-spacing:-1px; }
.navi a { font-size:11px; font-family:'dotum';color:#444;letter-spacing:-1px; }
.snb_stripe { display:block; position:absolute; z-index:1; top:0; height:70px; width:100%; background-image: url('../images/snb_stripe.jpg');background-position: top; background-repeat:repeat-x; }	

/* 게시판 유튜브 */
.yt_tb { display:block; width:1200px; height:675px; margin:0 auto; margin-top:40px; margin-bottom:80px; } 


/* SNB */
.snbBtn { display:block; position:relative; width:1153px; margin:0 auto; }
.snbBtn .nav { position:relative; }
.snbBtn .nav ul { margin:0; padding:0; }
.snbBtn .nav li { list-style:none; display:inline-block; float:left; padding:0 13px; /* 깜빡임 없앰 -> */ font-family:nanumgothic; font-size:14px; font-weight:bold; letter-spacing:-0.02em; color:#555; border-right:1px #DFDFDF solid; text-align:center; cursor:pointer; }
.snbBtn .nav li a:hover { color:#EE6689; }
.snbBtn .nav li span { float:left; margin-left:-13px; margin-right:-13px; width:100%; padding:0 13px; color:#EE6689; text-align:center; cursor:pointer;  }
.snbBtn .nav li:last-child { border-right:none }

.snbBtn1 { display:block; position:relative; width:1180px; margin:0 auto; }
.snbBtn1 .nav { position:relative; }
.snbBtn1 .nav ul { margin:0; padding:0; }
.snbBtn1 .nav li { list-style:none; display:inline-block; float:left; padding:0 5px; /* 깜빡임 없앰 -> */ font-family:nanumgothic; font-size:14px; font-weight:bold; letter-spacing:-0.03em; color:#555; border-right:1px #DFDFDF solid; text-align:center; cursor:pointer; }
.snbBtn1 .nav li a:hover { color:#EE6689; }
.snbBtn1 .nav li span { float:left; margin-left:-5px; margin-right:-5px; width:100%; padding:0 5px; color:#EE6689; text-align:center; cursor:pointer;  }
.snbBtn1 .nav li:last-child { border-right:none }


/* COPYRIGHT */
.tail_bg { display:inline-block;width:100%; height:544px; min-width:1400px;background-image: url('../images/tail_bg1.jpg');background-repeat:no-repeat; background-position:50%; }
.tail_bg1 { display:inline-block;width:100%; height:640px;margin-top:-5px; min-width:1400px;background-image: url('../images/tail_bg2.jpg');background-repeat:no-repeat; background-position:50%; }
.tail_bg1 ul { width:1400px; margin:0 auto; text-align:right; right:0; }
.tail_bg1 ul .tail_katalk { position:relative; float:right; margin-top:192px; right:203px; }
.tail_bg1 ul .tail_blog {  position:relative; float:right; margin-top:192px; right:-242px;}

#ft_tb { display:inline-block; position:relative; width:100%; }
#ft_visual_main { position:relative; width:100%; height:520px; background-image: url('../images/ft_visual_main.jpg');background-repeat:no-repeat; background-position:50%;}
/*#ft_visual { display:inline-block; position:relative; width:100%; height:340px; top:0; background-position:50%;  margin-top:65px;}*/
#ft_visual { display:inline-block; position:relative; width:100%; height:340px; top:0; background-image: url('../images/ft_visual.jpg');  margin-top:65px;}
.katalk_img { width:200px; margin-left:990px; margin-top:20px;}
.blog_img { width:170px; margin-left:990px; margin-top:70px;}

#fb_banner { position:relative; width:100%; height:74px; top:-2px; border-top:1px #D5D5D5 solid; border-bottom:1px #D5D5D5 solid;  background:#FFF;}
.fb { width:1200px; margin:0 auto;  }

#foot { display:inline-block; position:relative; width:100%; text-align:center; top:0; background:#545454; /* background-image: url('../images/copyright_bg.png');*/ }
.copyright { width:1200px; margin:0 auto; text-align:left; padding:30px 0 30px 0;}
.copyright .add { text-align:center; }
.copyright .add img { vertical-align:top; overflow:hidden;}
.copyright .privacy { display:block; position:absolute; z-index:1; width:180px; height:18px; top:20px; margin-left:270px; cursor:pointer;  }
.copyright .sns { display:block; position:relative; z-index:9; width:70px; margin-top:-60px; margin-left:760px;  }

/*  로그인/회원가입 head 부  */
#head_content { display:block; position:relative; min-width:100%; margin-top:-5px; text-align:center; background:#fff; }
#head_content #head { width:950px;  margin:0 auto; padding:30px 0; }
#head_content #head .cont { width:950px; text-align:left;  margin:0 auto; background:#fff; }

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


/* 게시판 카테고리 ,랭키스 타입으로 변경 */
#bo_cate { width:100%; height:34px; margin:0 auto; margin-bottom:20px; font-family:nanumgothic; font-size:1.1em; }
#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_cate ul { height:34px; /*background:#EEEEEE;*/ 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.05em; 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:#EE66A6; color:#FFF; letter-spacing:-0.05em;text-align:center; cursor:pointer; /*z-index:2; background:#FA3C6A; color:#fff; */}
.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;  }

/* 우측 퀵메뉴 버튼*/
#quick_container { top:40px; right:0; width:77px; position:fixed; z-index:9999999; }
#quick_wrapper { left:0px; position:absolute; }

#quick_nav_wrapper { position:relative; }
#quick_nav_wrapper ul { margin:0; padding:0; position:absolute; }
#quick_nav_wrapper ul.nav li { list-style:none; float:left; width:77px; height:110px; cursor:pointer; position:relative; }
#quick_nav_wrapper ul.nav li div { position:absolute; }

#contents_wrapper { left:77px; position:absolute; }
#contents_wrapper ul { margin:0; padding:0; position:relative; }
#contents_wrapper ul li { list-style:none; overflow:hidden; width:470px; height:660px; background:#EEE; position:absolute; }
#contents_wrapper ul li.map .btn { top:511px; left:140px; width:156px; height:37px; background:#fff; cursor:pointer; position:absolute; }
#contents_wrapper div.close { top:16px; left:370px; width:58px; height:58px; cursor:pointer; position:relative; }


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