/*  전체 영역  */	
#wrap { width:100%; min-width:1360px; }

/* TM */	
.tm { float:right; position:absolute; padding:0; right:0; top:5px;}
.tm img { margin-top:-6px; }
.tm a { color:#666;  text-decoration:none; font-size:12px; font-family:'Noto Sans Kr'; font-weight:300; letter-spacing:-0.02em;}
.tm .sitemap { margin:0;  color:#666;  text-decoration:none; font-size:12px; font-family:'Noto Sans Kr'; font-weight:300;}
.tm span.adm a { margin:0; color:#ff4200;}
.tm_tel {  font-family:'arial'; font-weight:500; color:#93c525; font-size:23px; line-height:40px; }
.span_ll { display:inline-block; padding:0 2px; 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:fixed; z-index:999; width:100%; height:82px; margin:0 auto; top:0; background:#fff; } 
.gnb_stripe { height:82px; position:relative; z-index:1; background:#fff; border-bottom:1px #E0E0E0 solid;}

#gnb_nav { display:none; width:100%; height:82px; margin:0 auto; position:relative; background:none; } 
#gnb_nav_wrapper { margin:0 auto; width:1280px; height:82px; position:relative; top:28px; }
#gnb_nav_wrapper .logo { float:left; width:186px; top:-5px; left:0; position:absolute; z-index:94; }
#gnb_nav_wrapper div.default ul{ margin:0 0 0 300px; padding:0;  }
#gnb_nav_wrapper div.default ul li { overflow:hidden; list-style:none; float:left; width:170px; height:30px; cursor:pointer; position:relative; }
#gnb_nav_wrapper div.default ul li { line-height:30px; font-family:'Noto Sans Kr'; font-weight:500; color:#444; font-size:22px; letter-spacing:-0.05em; text-align:center; }
#gnb_nav_wrapper div.default ul li a { color:#222; }
#gnb_nav_wrapper div.default ul li .square { width:100%; height:30px; position:absolute; }
#gnb_nav_wrapper div.default ul li .txt { top:0; left:0; width:100%; height:30px; position:absolute; }
#gnb_nav_wrapper div.default ul li .over { top:30px; width:100%; height:30px; position:absolute; background:#fff; color:#11aee2; }		

#gnb_nav_wrapper div.over ul{ top:0px; left:341px; margin:0; padding:0; position:absolute; }
#gnb_nav_wrapper div.over ul li { list-style:none; float:left; width:170px; height:30px; cursor:pointer; position:relative; }
		
#gnb_nav #gnb_nav_wrapper #gnb_nav_line { top:0; left:300px;  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:first-child { display:none; }

#snb_nav_mask { top:0px; width:1280px; height:0; margin:0 auto; overflow:hidden; position:relative; background:#4D4D4D; opacity:1; border-bottom:0px #E0E0E0 solid; } 

#snb_nav_mask .gnb_tel_wrap { float:left; width:300px; height:219px; position:absolute; left:-301px; top:0px; } 
#snb_nav_mask .gnb_qb_wrap { float:right; display:inline-block; width:300px; height:219px; position:absolute; right:-301px; top:0px; background:#4D4D4D;  } 
#snb_nav_mask .gnb_qb_wrap a { display:inline-block; height:73px;background:#4D4D4D; } 
#snb_nav_mask .gnb_qb_wrap a:hover { display:inline-block; height:73px;background:#323232; } 
#snb_nav_wrapper { top:0px; left:0px; width:680px; height:219px; position:relative; margin:0 auto; padding-top:20px;}
#snb_nav_square { position:absolute; }
#snb_nav_square .menu { top:0px; float:left; width:170px; height:219px; background:#4D4D4D; position:absolute; }
#snb_nav_square .menu ul { padding:0; }
#snb_nav_square .menu ul li { top:0px; left:0px;  padding:0 0 0 30px; list-style:none; float:left; width:170px; height:35px;  line-height:35px; font-family:'Noto Sans Kr';  font-size:17px; background:#4D4D4D; color:#fff; font-weight:300; letter-spacing:-0.04em; cursor:pointer; position:relative; }
					
#snb_nav_btn { position:absolute; }
#snb_nav_btn .menu { top:0px; float:left; width:170px; height:219px; position:absolute; }
#snb_nav_btn .menu ul{ padding:0; }
#snb_nav_btn .menu ul li { list-style:none; float:left; width:170px; height:35px; background:#4D4D4D; cursor:pointer; position:relative; }
					
#snb_nav_line { position:absolute; }
#snb_nav_line li { list-style:none; width:1px; height:219px; position:absolute; margin-top:-20px; }

.lineBottom { display:none; top:82px; left:0; width:100%; height:1px; background:#E0E0E0; opacity:0; filter:alpha(opacity=0); 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; }

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

#slider { top:0; left:0; height:1020px; position:absolute; }
#slider ul { height:1020px; position:relative; vertical-align:top;}
#slider ul li { list-style:none; float:left; width:100%; min-width:1460px; height:1020px; position:absolute; }
#slider ul li div { margin:0 auto; width:1283px; height:1020px; position:relative; }
	
/* step1 */
.slider_sp1 { top:0; left:0; height:1020px; position:absolute; }
.slider_sp1 ul { height:1020px; position:relative; }
.slider_sp1 ul li { list-style:none; float:left; width:100%; height:1020px; position:absolute; }
.slider_sp1 ul li div { margin:0 auto; width:1283px; height:1020px; position:relative; }
.slider_sp1 ul li div.box1 img { top:0; left:0; position:absolute; z-index:1;}
.slider_sp1 ul li div.box2 img { top:0; left:0; position:absolute;z-index:1; }
.slider_sp1 ul li div.box3 img { top:0; left:0; position:absolute;z-index:1; }
	
/* step2 */
.slider_sp2 { top:0; left:0; height:1020px; position:absolute; }
.slider_sp2 ul { height:1020px; position:relative; }
.slider_sp2 ul li { list-style:none; float:left; width:100%; height:1020px; position:absolute; }
.slider_sp2 ul li div { margin:0 auto; width:1283px; height:1020px; position:relative; }
.slider_sp2 ul li div.box1 img { top:170px; left:350px; position:absolute; }
.slider_sp2 ul li div.box2 img { top:190px; left:380px; position:absolute; }
.slider_sp2 ul li div.box3 img { top:170px; left:235px; position:absolute; }

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

/* prev */
#arrowPrev { width:85px; height:150px; position:absolute; z-index:2; top:510px; left:5%; }
#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; }
		
/* next */
#arrowNext { width:85px; height:150px; position:absolute; z-index:2; top:510px; right:7%; }
#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; }

/* navigation */
#contents_ms_nav { width:100%; height:74px; top:870px; position:absolute; margin:0 auto;}
#contents_ms_nav div { overflow:hidden; margin:0 auto; width:720px; height:40px; position:relative; padding:0;}
#contents_ms_nav div ul { width:720px; height:74px; }
#contents_ms_nav div ul li { list-style:none; float:left; width:220px; height:40px; margin:0 10px; cursor:pointer; position:relative; }
#contents_ms_nav div ul li div { position:absolute; }


/* STEP1 */
.step1_wrap { width:100%; height:964px; margin-top:82px; text-align:center; background-image:url('../images/step1_bg.jpg'); background-repeat:no-repeat; background-position:50%;}
.step1_wrap ul { margin:0 auto;}
.step1_wrap .txt { display:inline-block; width:620px; margin:0 auto; text-align:left; margin-left:640px; padding-top:150px; }
.step1_wrap .txt h2 { font-family:'Noto Sans Kr'; font-weight:600; color:#0BC7D4; font-size:100px;  letter-spacing:0em;}
.step1_wrap .txt h3 { font-family:'Noto Sans Kr'; font-weight:500; color:#0a0a0a; font-size:45px; letter-spacing:-0.06em; padding:10px 0 0;}
.step1_wrap .txt p { font-family:'Noto Sans Kr'; font-weight:500; color:#0a0a0a; font-size:27px; line-height:34px; letter-spacing:-0.06em; padding:30px 0 0; }
.step1_wrap .txt p span { color:#FFF; }

.step1_wrap .img { margin:0 auto; margin-left:630px; padding-top:60px; }
.step1_wrap .box { width:100%; height:140px; position:relative; z-index:3; text-align:center; }
.step1_wrap .box ul { display:inline-block; width:632px; height:140px; position:relative; margin:0 auto;}
.step1_wrap .box ul li { list-style:none; float:left; width:140px; height:140px; margin:0 9px; cursor:pointer; position:relative; }
.step1_wrap .box ul li .default { display:block; position:absolute; left:0px;}
.step1_wrap .box ul li .over { overflow:hidden; top:140px; position:absolute; }
.step1_wrap .box ul li .over .over_wrapper { top:-140px; position:relative; }
.step1_wrap .btn-box1 { display:block; position:absolute; z-index:4; width:140px; height:140px;}
.step1_wrap .btn-box2 { display:block; position:absolute; z-index:4; width:140px; height:140px; }
.step1_wrap .btn-box3 { display:block; position:absolute; z-index:4; width:140px; height:140px; }
.step1_wrap .btn-box4 { display:block; position:absolute; z-index:4; width:140px; height:140px; }
.step1_wrap .img1 { margin:0 auto; padding-top:140px; }
.step1_wrap .box1 { width:100%; height:39px; position:relative; z-index:3; text-align:center; }
.step1_wrap .box1 ul { display:inline-block; width:675px; height:39px; position:relative; margin:0 auto;}
.step1_wrap .box1 ul li { list-style:none; float:left; width:217px; height:39px; margin:0 4px; cursor:pointer; position:relative;  background-image:url('../images/step1_img_bg.png'); }
.step1_wrap .box1 ul li a { display:inline-block;width:217px; height:39px;font-family:'Noto Sans Kr'; font-weight:300; color:#fff; font-size:15px; line-height:39px; letter-spacing:-0.03em;}
.step1_wrap .box1 ul li a:hover { width:217px; height:39px; background:#0BC7D4; color:#fff; text-decoration:none; }

/* STEP2 */
.step2_wrap { width:100%; height:960px; text-align:center; margin-top:-3px; background-image:url('../images/step2_bg.jpg'); background-repeat:no-repeat; background-position:50%; }
.step2_wrap ul { margin:0 auto;}
.step2_wrap .txt { margin:0 auto; padding-top:140px;  font-family:'Noto Sans Kr';}
.step2_wrap .txt h2 {  font-family:'Noto Sans Kr'; margin:0 auto; width:130px; font-weight:500; color:#fff; font-size:17px; line-height:34px;  letter-spacing:0.2em; border-bottom:1px #fff solid;}
.step2_wrap .txt h2 span { font-weight:600; color:#E88359; font-size:87px; letter-spacing:-0.06em; vertical-align:bottom; }
.step2_wrap .txt h3 { font-family:'Noto Sans Kr'; font-weight:400; color:#fff; font-size:55px; letter-spacing:-0.05em; padding:30px 0 0;}
.step2_wrap .txt p { font-family:'Noto Sans Kr'; font-weight:300; color:#fff; font-size:22px; line-height:25px; letter-spacing:-0.05em; padding:10px 0 0; }
.step2_wrap .img { margin:0 auto; padding-top:40px; }
.step2_wrap .img a { display:inline-block; font-family:'Noto Sans Kr'; color:#fff; font-size:18px; width:230px; margin:0 auto; border-radius:25px; line-height:45px; background:#1CB2C0; color:#fff; }
.step2_wrap .img a:hover { background:#FFF; color:#222;  text-decoration:none; }

/* STEP3 */
.step3_wrap { width:100%; height:960px; text-align:center; }
.step3_wrap ul { margin:0 auto;}
.step3_wrap .txt { margin:0 auto; padding-top:140px; }
.step3_wrap .txt h2 {  font-family:'Noto Sans Kr'; margin:0 auto; width:130px; font-weight:500; color:#11aee1; font-size:17px; line-height:34px;  letter-spacing:0.2em; border-bottom:1px #11aee1 solid;}
.step3_wrap .txt h3 { font-family:'Noto Sans Kr'; font-weight:400; color:#222; font-size:55px; letter-spacing:-0.05em; padding:30px 0 0;}
.step3_wrap .txt h3 strong { color:#1CB2C0; }
.step3_wrap .txt p { font-family:'Noto Sans Kr'; font-weight:300; color:#222; font-size:23px; line-height:25px; letter-spacing:-0.05em; padding:10px 0 0; }
.step3_wrap .txt p strong { font-weight:400; }
.step3_wrap .img { margin:0 auto; padding-top:40px; }
.step3_wrap .img a { display:inline-block; font-family:'Noto Sans Kr'; color:#fff; font-size:18px; width:230px; margin:0 auto; border-radius:25px; line-height:45px; background:#222; color:#fff; }
.step3_wrap .img a:hover { background:#1CB2C0; color:#fff;  text-decoration:none; }

/* STEP4 */
.step4_wrap { width:100%; height:1000px; text-align:center; background:#EAE9EE; }
.step4_wrap ul { margin:0 auto; }
.step4_wrap .txt { margin:0 auto; padding-top:90px; }
.step4_wrap .txt h2 { font-family:'Noto Sans Kr'; font-weight:600; color:#222; font-size:56px; line-height:87px; letter-spacing:0em; }
.step4_wrap .txt h2 span { color:#1CB2C0;}
.step4_wrap .box { display:inline-block; width:1280px; height:380px; padding-top:30px; margin:0 auto; text-align:center; }
.step4_wrap .box .madd { width:1280px; height:40px; padding:8px 0 8px 0; text-align:center; background:#000; font-family:'Noto Sans Kr'; font-weight:300; color:#fff; font-size:16px; letter-spacing:-0.05em; }
.step4_wrap .box1 { width:1280px; height:304px; padding-top:20px; margin:0 auto; }
.step4_wrap .box1 .info { display:inline-block; float:left; width:634px; height:304px; margin:0 5px 0 0; background:#fff; background-image:url('../images/step4_img1.jpg'); }
.step4_wrap .box1 .news { display:inline-block; float:left; width:634px; height:304px; margin:0 0 0 5px; background:#fff; }
.step4_wrap .box1 .news .tit { position:absolute; width:634px; margin-top:50px; text-align:center; font-family:'Noto Sans Kr'; font-weight:400; color:#444; font-size:33px; letter-spacing:-0.05em; }
.step4_wrap .box1 .news .tit strong { color:#11aee3; }
.step4_wrap .box1 .news .la { position:absolute; width:634px; margin-top:80px; }
.step4_wrap .box1 .btn_more a { float:right; position:relative; margin-top:0; width:47px; height:47px; line-height:40px; font-weight:600;  font-size:40px; background:#4d4d4d; color:#fff; }
.step4_wrap .box1 .btn_more a:hover { background:#11AEE2; text-decoration:none; }

/* STEP5 */
.step5_wrap { width:100%; height:960px; text-align:center; background-image:url('../images/step5_bg.jpg'); background-repeat:no-repeat; background-position:50%; }
.step5_wrap ul { margin:0 auto; }
.step5_wrap .txt { margin:0 auto; padding-top:140px; }
.step5_wrap .txt h2 {  font-family:'Noto Sans Kr'; margin:0 auto; width:130px; font-weight:500; color:#11aee1; font-size:17px; line-height:34px;  letter-spacing:0.2em; border-bottom:1px #11aee1 solid;}
.step5_wrap .txt h3 { font-family:'Noto Sans Kr'; font-weight:400; color:#222; font-size:58px; letter-spacing:0.1em; padding:30px 0 0;}
.step5_wrap .txt h3 strong { color:#1CB2C0; }
.step5_wrap .txt p { font-family:'Noto Sans Kr'; font-weight:300; color:#222; font-size:23px; line-height:25px; letter-spacing:-0.05em; padding:10px 0 0; }
.step5_wrap .txt p strong { font-weight:400; }
.step5_wrap .img { width:1275px; height:375px; margin:0 auto; margin-top:80px; background-image:url('../images/step5_img.png'); }

.frm_main_wrap { display:inline-block; width:860px; margin:0 auto; text-align:left; margin-top:100px; }
.frm_main_hl { text-align:left; width:100px; height:46px; font-size:22px; font-family:'Noto Sans Kr'; letter-spacing:-0.03em; }
.frm_main_hr { text-align:left; height:60px; font-size:18px; font-family:'Noto Sans Kr'; letter-spacing:-0.03em;}
.main_input { height:50px; padding: 5px;  font-size:18px; border:1px solid #ccc; border-radius:4px; }
.main_select { height:50px;  padding:0 5px; font-size:18px; border:1px solid #ccc; border-radius:4px; }
.main_textarea {display:inline-block;  top:5px; width:315px; height:90px; padding:4px; border:1px solid #9FA3C8; background:#555296; }
.main_agreetext { font-size:17px; font-weight:300; font-family:'Noto Sans Kr'; color:#666; }


/* 서브 비쥬얼 */
#visual_sub { display:inline-block; position:relative; z-index:3; width:100%; margin-top:82px; }
.top_visual_g0 { display:block; text-align:center; width:100%; height:300px; 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:300px; 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:300px; 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:300px; 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:300px; background-image: url('../images/SubVisual/bg4.jpg');background-repeat:no-repeat; background-position:50%; }

.visual_wrap{	position:relative; height:300px; overflow:hidden; }
.back_img{ position:relative; left:0; top:0;	 width:100%; height:300px; 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);;
	}


/* SNB */
.snb_pc { display:inline-block; position:relative; width:100%; margin:0 auto; padding:0; text-align:center; margin-top:-3px; background:#292A2C; }
.snb_pc ul { width:1280px; height:60px; margin:0 auto; }
.snb_pc .i_home { float:left; left:7px; position:relative; z-index:99; width:71px; }
.snb_pc .i_blog { float:right; right:1px; position:relative; z-index:99; width:72px; margin-top:-60px; }

/* 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:50px; 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:15%; height:45px; line-height:42px; /* 깜빡임 없앰 -> */ background:#EEE; 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:43px; background:#11AEE2; 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:100px 0 0; }
.snb_tit .bo_tit { text-align:center; font-family:'Noto Sans Kr'; font-size:55px; font-weight:600; color:#222; letter-spacing:-0.02em;  line-height:44px; }
.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:inline-block;  position:relative; top:3px; width:28px; height:45px; border-left:9px #11AEE2 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:0 0 50px 0; margin:0 auto; margin-top:-10px; height:auto !important; } 
#board .bo_cont1 {  width:1280px; min-height:620px; padding:50px 0 50px 0; text-align:left; margin:0 auto; height:auto !important; } 


/* 하단 온라인 상담 폼 */
.tail_counsel { display:inline-block; position:relative; width:100%; height:340px; margin:0 auto; }
.tail_counsel ul { width:1280px; height:245px; margin:0 auto; background-image: url('../images/bg_counsel.png');background-repeat:no-repeat; background-position:50%; }
.tail_counsel .qi_tel { float:left; width:840px;  }
.tail_counsel .qi_coun { float:left; width:440px; text-align:left; margin-left:750px; margin-top:82px; }
.tail_counsel .qi_coun h2 { font-family:'Noto Sans Kr'; font-size:16px; font-weight:300; line-height:26px;letter-spacing:-0.03em; }
.tail_counsel .qi_coun h2 strong{ font-size:28px; font-weight:500; line-height:26px;letter-spacing:-0.06em;}

.frm_tail_wrap { display:inline-block; float:left; width:650px; margin-top:0px; text-align:left;}
.frm_tail_hl { text-align:left; width:80px; height:46px; font-size:17px; font-family:'Noto Sans Kr'; letter-spacing:-0.03em; }
.frm_tail_hr { text-align:left; height:46px; font-size:15px; font-family:'Noto Sans Kr'; letter-spacing:-0.03em;}
.tail_input { height:36px; padding: 5px;  font-size:15px; border:1px solid #ccc; border-radius:4px; }
.tail_select { height:36px; font-size:15px; border:1px solid #ccc; border-radius:4px; }
.tail_textarea {display:inline-block;  top:5px; width:315px; height:90px; padding:4px; border:1px solid #9FA3C8; background:#555296; }
.tail_agreetext { font-size:15px; font-weight:300; font-family:'Noto Sans Kr'; color:#666; }

/* 하단 배너 */
#tail_banner{ display:inline-block; position:relative; width:100%; height:76px; margin:0 auto; text-align:center; top:-3px;  background:#FFF; border-top:1px #DCDCDC solid; border-bottom:1px #DCDCDC solid;}

/* COPYRIGHT */
#foot { display:inline-block; position:relative;  z-index:999; width:100%; height:290px; text-align:center; margin-top:0px; }
.copyright { width:1280px; margin:0 auto; text-align:center; padding:0; }
.copyright .tail_logo { text-align:center; padding:50px 0 30px 0; }
.copyright .tail_menu { height:45px; text-align:center; padding:10px 0 10px 0; border-bottom:1px #DCDCDC solid;}
.copyright .tail_menu a { text-decoration:none; }
.copyright .tail_menu span { text-align:center;margin:0; padding:0 25px 0 0; color:#3c3c3c; font-size:12px; line-height:12px; letter-spacing:-0.07em;  font-weight:300;}
.copyright .tail_add { text-align:center; font-family:'Noto Sans Kr'; font-size:15px; font-weight:300;  letter-spacing:-0.04em;  color:#3c3c3c; line-height:24px;}
.copyright .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; }


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

/* 게시판 검색창 */
#bo_sch { min-width:335px; }

/*  메인 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: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:370px; width:47px;height:47px;padding:20px;  background:#4D4D4D; 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;}