/*
 font-size:3.875rem;  font-weight:300; color:#fff;
*/


/******************* 공통 : 설정 *************************/
.inner70 { padding:0 70px; } /* 메인용 좌우 여백 이너박스 */
.inner_content { width:100%; padding:0 17%; } /* 서브 콘텐츠용 좌우 여백 이너박스 */

.pc { display:block; }
.mo { display:none; }

span.tag_new { display:inline-block; width:22px; height:22px; line-height:22px; text-align:center; background:#E70012; color:#fff; margin-right:10px;}



@media screen and (max-width: 1279px) {
	.inner_content { padding:0 50px; }
}
@media screen and (max-width: 1023px) {
	.inner70 { padding:0 50px; }
}

@media screen and (max-width: 767px) {
	.inner_content { padding:0 20px; }
	.inner70 { padding:0 20px; }
}




/******************* 공통 : 상단 헤더 *************************/

#header {position:fixed; width:100%; height:70px; line-height:70px; padding:0 70px;  background:#fff; color:#111; z-index:99999; }
	.header_act { box-shadow: 0px 8px 12px rgba(150,150,150,0.2); }
#top_log {position:absolute;  height:100%; left:70px; top:0px; text-align:left; }
	#top_log img { }
	#top_log > h2  p { display:inline;  font-size:1rem;  font-weight:600; color:#111; margin-left:3px; /*10px;*/}
#gnb_wrap { }
	#gnb_wrap > ul { float:right; }
	#gnb_wrap > ul > li {  float:left; text-align:center; }

		ul.top_lnb_wrap { position:absolute;  left:0; top:70px; width:100%; padding:20px 0;  opacity: 0;background:rgba(255,255,255,1); border-top:1px solid #eee;   z-index:5; box-shadow: 0px 8px 12px rgba(150,150,150,0.2); transition: all ease 1s; }
		ul.top_lnb_wrap.on {   opacity: 1; }
		ul.top_lnb_wrap > li {  float:right;   text-align:left;  margin-right:50px;  line-height:35px;}
		ul.top_lnb_wrap > li:first-child {  margin-right:70px;}
		ul.top_lnb_wrap.lnb_myile li:nth-child(8) { clear:both; margin-right:70px; }
		ul.top_lnb_wrap > li > a {  font-size:1rem;  font-weight:200; color:#111; }


	#gnb_wrap > ul > li > a {  font-size:1.1255rem;  font-weight:500; color:#111; background:#fff; height:70px; padding:0 30px; border-bottom:5px solid #fff; }
	#gnb_wrap > ul > li:hover > a,#gnb_wrap > ul > li.act > a {color:#111; background:#fff; border-bottom:5px solid #E70012; }
	/* 로그아웃 후 지원센터에도 on 되어있어서 아래 red_on에만 빨간색적용 #gnb_wrap > ul > li:last-child > a {color:#fff; background:#E70012;border-bottom:5px solid #E70012; } */
	#gnb_wrap > ul > li.red_on > a {color:#fff; background:#E70012;border-bottom:5px solid #E70012; }
	
	#gnb_wrap > ul > li {}
#drawermenu {position:absolute;  width:70px; height:100%; right:0; top:0; text-align:center; }
	#drawermenu a { width:38px; height:38px; border:1px solid #ddd; border-radius:60px; margin-top:15px; cursor:pointer; cursor:hand;}
		#drawermenu a span { vertical-align:top; margin-top:6px; }



@media screen and (max-width: 1023px) {
	#top_log {position:absolute;  left:20px;}
		#gnb_wrap > ul > li > a {  font-size:1rem; padding:0 18px;}
	
	ul.top_lnb_wrap > li { margin-right:24px; line-height: 30px;}
	ul.top_lnb_wrap > li:first-child {  margin-right:70px;}

}
@media screen and (max-width: 767px) {
	#gnb_wrap { display:none;}
	#top_log > h2  p {  font-size:1rem; }
	ul.top_lnb_wrap { display:none; }
}




/******************* 공통 : 상단 햄버거 버튼 사이트 맵 *************************/


div.submenu_wrap { color:#fff; padding:20px; display: none; }
div.submenu_wrap.current { color:#fff; padding:20px; display: block; }
	h2 {  font-size:24px; font-weight:400; margin-bottom:20px;}
	p.submenu_guide { font-size:12px; font-weight:200; color:rgba(255,255,255,0.2); margin-top:50px; border-top:1px solid rgba(255,255,255,0.1); padding-top:10px; }
		ul.submenu_item {}
		ul.submenu_item > li { position:relative; font-size:15px; margin-bottom:5px; }
		ul.submenu_item > li span {position:absolute;  right: 0px; top:6px; z-index:100; color:#fff; font-size:12px; font-weight:300; }
		ul.submenu_item > li > a { display:block; padding:5px 0; color:#a0a4a7; } 
		ul.submenu_item > li > a:hover { color:#fff; } 
		ul.submenu_item > li.act > a { color:#7bb5dc; border-bottom:2px solid #7bb5dc; }

			div.sitemap_on { display:block; }
			div.sitemap_off {display:none; }


/* 사이트맵 슬라이드 오픈 모달 */
.modal_sitemap {  position:fixed;   left: 0px;  top:100%; z-index:999999;  width:100%; height:100%; background: #fff;  transition: all 900ms cubic-bezier(0.86, 0, 0.07, 1);   }
body.modal-open .modal_sitemap { width:100%; left:0px;  top: 70px;  padding-bottom:100px; overflow:auto; border-top:2px solid #E70012;  }
	
	/* 모바일에서만 전체 사이트맵에서 기본 메뉴 추가 노출 */
	div.mobile_quickmenu { width:86%; margin: 50px auto 0;text-align:right; }
	div.mobile_quickmenu a { display:inline-block; margin-left:15px; text-align:center; color:#000; }

	ul.sitempa_wrap { width:90%; margin: 20px auto 0; }
	ul.sitempa_wrap > li { float:left; width:14.6666%; margin:0 1% 35px 1%; text-align:left;  }
		ul.sitempa_wrap > li:first-child:nth-last-child(1) {  width: 100%;}
		ul.sitempa_wrap > li:first-child:nth-last-child(2),	ul.sitempa_wrap > li:first-child:nth-last-child(2) ~ li {  width: 48%;}
		ul.sitempa_wrap > li:first-child:nth-last-child(3),	ul.sitempa_wrap > li:first-child:nth-last-child(3) ~ li {  width: 31.3333%;}
		ul.sitempa_wrap > li:first-child:nth-last-child(4),	ul.sitempa_wrap > li:first-child:nth-last-child(4) ~ li {  width: 23%;}
		ul.sitempa_wrap > li:first-child:nth-last-child(5),	ul.sitempa_wrap > li:first-child:nth-last-child(5) ~ li {  width: 18%;}
		ul.sitempa_wrap > li:first-child:nth-last-child(6),	ul.sitempa_wrap > li:first-child:nth-last-child(6) ~ li {  width:14.6666%;}




	ul.sitempa_wrap > li > p { border:1px solid #eee; font-size:17px; font-weight:400; color:#111; margin-bottom:8px; padding:10px 0; text-align:center; margin-bottom:25px;}
	/* ul.sitempa_wrap > li:first-child > p { background:#688cab; color:#fff; } */
	ul.sitempa_wrap > li > ul {}
	ul.sitempa_wrap > li > ul > li { font-size:15px; padding:8px 10px;}

div.mobile_basic_menu { display:none;  border-bottom: 1px solid #d4d4d4; margin-bottom:50px;}
	ul.mobile_header_menu {  }
	ul.mobile_header_menu > li {position:relative;  float:left;  vertical-align: middle; height:80px; line-height: 80px; }
	ul.mobile_header_menu > li:first-child { float:none; width:100%;  padding:0 20px 0 10px; font-family: 'Roboto' sans-serif; font-weight: 300; font-size:16px; letter-spacing:0; text-align:center;  }
		ul.mobile_header_menu > li:first-child img { margin-right:10px;}
		ul.mobile_header_menu > li:first-child a { padding:0 2px;  font-size:20px; color:#828282; }
	ul.mobile_header_menu > li:nth-child(n+2) {width:33.333%;border-left:1px solid #d4d4d4; text-align:center; font-size:30px; border-top:1px solid #d4d4d4;}
	ul.mobile_header_menu > li:nth-child(2) {;border-left:0px solid #d4d4d4; }
	ul.mobile_header_menu > li > a {display:inline-block; color:#293d4b;  cursor:pointer; cursor:hand;}
		span.mobile_notice_new { display:block; position:absolute; right: 10px; top: 10px; z-index:100;  width:8px; height:8px; background:#f30000; border-radius:30px; }




@media screen and (max-width: 1023px) {
			ul.sitempa_wrap > li:first-child:nth-last-child(1) {  width: 100%;}
			ul.sitempa_wrap > li:first-child:nth-last-child(2),	ul.sitempa_wrap > li:first-child:nth-last-child(2) ~ li {  width: 48%;}
			ul.sitempa_wrap > li:first-child:nth-last-child(3),	ul.sitempa_wrap > li:first-child:nth-last-child(3) ~ li {  width: 31.3333%;}
			ul.sitempa_wrap > li:first-child:nth-last-child(4),	ul.sitempa_wrap > li:first-child:nth-last-child(4) ~ li {  width: 31.3333%;}
			ul.sitempa_wrap > li:first-child:nth-last-child(5),	ul.sitempa_wrap > li:first-child:nth-last-child(5) ~ li {  width: 31.3333%;}
			ul.sitempa_wrap > li:first-child:nth-last-child(6),	ul.sitempa_wrap > li:first-child:nth-last-child(6) ~ li { width: 31.3333%;}

			ul.sitempa_wrap > li:nth-child(3n+1) { clear:both; }


}


@media screen and (max-width: 720px) {
			ul.sitempa_wrap > li:first-child:nth-last-child(1) {  width: 100%;}
			ul.sitempa_wrap > li:first-child:nth-last-child(2),	ul.sitempa_wrap > li:first-child:nth-last-child(2) ~ li {  width: 48%;}
			ul.sitempa_wrap > li:first-child:nth-last-child(3),	ul.sitempa_wrap > li:first-child:nth-last-child(3) ~ li {  width: 48%;}
			ul.sitempa_wrap > li:first-child:nth-last-child(4),	ul.sitempa_wrap > li:first-child:nth-last-child(4) ~ li {  width: 48%;}
			ul.sitempa_wrap > li:first-child:nth-last-child(5),	ul.sitempa_wrap > li:first-child:nth-last-child(5) ~ li {  width: 48%;}
			ul.sitempa_wrap > li:first-child:nth-last-child(6),	ul.sitempa_wrap > li:first-child:nth-last-child(6) ~ li { width: 48%;}

			ul.sitempa_wrap > li:nth-child(3n+1) { clear:none; }
			ul.sitempa_wrap > li:nth-child(2n+1) { clear:both; }


	ul.sitempa_wrap > li > ul > li { font-size:1rem; padding:5px 10px;}


}







/******************* 공통 : 하단 풋터 *************************/
#footer { position: relative; margin-top:0px; border-top:1px solid #111; padding-bottom:2vw;  }

div.footer_menu {position: relative; padding:20px 0;  border-bottom:1px solid #ddd; }
div.footer_menu > div > a { display:inline-block; margin-right:50px;  color:#555; }
div.footer_menu > div > a.point_color {  color:#E70012; }

	div.familysite_wrap { position: absolute; right:70px; top:10px; padding:8px 15px; border:1px solid #d4d4d4;  border-radius:60px; background:#f7f7f7; width:130px;  transition: all ease 0s; overflow:hidden; }
	div.familysite_wrap p { font-size:0.875rem; color:#111; text-align:left; }
	div.familysite_wrap strong { display:none; font-weight:400;  }
	div.familysite_wrap strong a { margin-left:15px; }
	div.familysite_wrap:hover {width:340px; background:#E70012; color:#fff; border:1px solid #E70012;}
	div.familysite_wrap:hover p { display:none;}
	div.familysite_wrap:hover a { color:#fff;}
	div.familysite_wrap:hover strong { display:inline-block;  }
	div.familysite_wrap p span { vertical-align:top; font-size:1rem; margin:1px 0 0 5px; }



div.footer_address_wrap {margin-top:50px;  }
ul.footer_address_box { }
ul.footer_address_box > li { float:left; width:30%;  }
ul.footer_address_box > li:last-child { float:left; width:70%;  }

	div.footer_slogan {font-size:1.25rem;  font-weight:300; color:#555; margin-bottom:80px; }
	div.footer_slogan p {font-size:2rem;  font-weight:600; color:#111; margin-bottom:20px; }

	dl.footer_address_item { margin-bottom:40px;}
	dl.footer_address_item > dt {font-size:1.25rem;  font-weight:600; color:#111; margin-bottom:10px;}
		dl.footer_address_item > dt span { display:none; }
	dl.footer_address_item > dd { }
		dl.footer_address_item > dd > p  { display:inline-block; margin-right:50px; font-size:1rem;  font-weight:400; color:#bbb;}
		dl.footer_address_item > dd > p > span { display:inline-block;  margin-left:5px;font-size:1rem;  font-weight:400; color:#555;}
	dl.footer_address_item > dd.banknum {font-size:1rem;  font-weight:600; color:#555; margin-top:5px;}

	div.copyright { font-size:1rem; color:#999; font-weight:300;}





@media screen and (max-width: 1279px) {
div.footer_menu { text-align:center; padding:20px 0 10px;  border-bottom:0px solid #ddd; }
div.footer_menu > div > a {  margin:0 20px; font-size:1rem;  }  
div.familysite_wrap { position: relative; right:0; margin:0 auto; }

ul.footer_address_box > li { float:none; width:100%;   }
ul.footer_address_box > li:first-child {  display:none;}
ul.footer_address_box > li:last-child { float:none; width:100%;  }

div.footer_slogan { text-align:center;margin-bottom:50px; }

dl.footer_address_item.first > dt { border-top:1px solid #eee; }

	dl.footer_address_item { margin-bottom:0px; }
	dl.footer_address_item > dt { text-align:center; font-size:1.5rem; border-bottom:1px solid #eee; padding:15px 0;  margin-bottom:0px;}
	dl.footer_address_item > dt { text-align:center; font-size:1.5rem; border-bottom:1px solid #eee; padding:15px 0;  margin-bottom:0px;}
		dl.footer_address_item > dt span { display:inline-block; margin:-6px 0 0 5px }
	dl.footer_address_item > dd {text-align:center; display:none;  margin-bottom:50px; padding-top:30px; }

	div.copyright { text-align:center; margin-top:50px; font-size:0.875rem;}
}


@media screen and (max-width: 767px) {
	div.footer_address_wrap {margin-top:20px;  }
	
	div.footer_menu > div > a { font-size:0.875rem;  margin:0 10px 5px; }  
	
	div.footer_slogan {font-size:1rem; margin-bottom:40px; }
	div.footer_slogan p {font-size:1.75rem;  }

	div.familysite_wrap { display:none; }

	dl.footer_address_item > dt {font-size:1rem; }
	dl.footer_address_item > dd > p  { display:block; margin-right:0px; margin-bottom:5px; font-size:0.875rem; }
}




/******************* 공통 : 우하단 플라잉 버튼 *************************/
#flying_btn_wrap { position: fixed; right:20px; bottom:20px; z-index:999; }
	ul.flying_btn_item {}
	ul.flying_btn_item > li { /* line-height:70px; */}
	ul.flying_btn_item > li a { float:right; width:70px; height:70px; padding:15px 0;    border-radius:100px; border:1px solid #EFEFEF; background:#fff; font-size:1rem;  font-weight:400; color:#999; margin-top:10px; text-align:center; box-shadow: 0px 4px 8px rgba(150,150,150,0.2);  transition:all 0.5s ease; }
	ul.flying_btn_item > li a p {font-size:0.75rem;  font-weight:400; color:#999; }
	
	ul.flying_btn_item > li:nth-child(1) a, ul.flying_btn_item > li:nth-child(2) a { line-height:70px; padding:0; }
	ul.flying_btn_item > li:nth-child(1) a span, ul.flying_btn_item > li:nth-child(2) a span { display:none } 
	
	ul.flying_btn_item > li a:hover { line-height:70px; padding:0;  }
	ul.flying_btn_item > li a:hover p { line-height:70px; padding:0; color:#fff;  font-size:1rem; }

	ul.flying_btn_item > li:nth-child(1) a:hover span, ul.flying_btn_item > li:nth-child(2) a:hover span { display:inline-block;  } 



	ul.flying_btn_item > li a:hover { width:150px;  background:#E70012; color:#fff; border:1px solid #E70012; }
	ul.flying_btn_item > li a:hover p { display:inline-block; }
	ul.flying_btn_item .empha a, ul.flying_btn_item .empha p{font-weight:600; color:yellow;}
	ul.flying_btn_item .empha a{background:#E70012; border:1px solid #E70012; }
	ul.flying_btn_item .empha a:hover, ul.flying_btn_item .empha a:hover p, ul.flying_btn_item .empha span:hover{color:yellow}
	ul.flying_btn_item .empha span{font-weight:500;}
	

#flying_btn_mobile_wrap {position: fixed; right:10px; bottom:10px; width:70px; height:70px; line-height:70px; background:#E70012;  color:#fff;border-radius:80px; text-align:center;  z-index:999;  display:none; box-shadow: 0px 4px 8px rgba(0,0,0,0.4);  }

@media screen and (max-width: 767px) {
	#flying_btn_wrap { display:none;  }
	#flying_btn_mobile_wrap { display:none;  }
}



/******************* 공통 : 서브 상단 비쥬얼  *************************/
#sub_topvisual_wrap {  position: relative; padding-top:70px; overflow:hidden;  }

div.sub_topvisual_container { position: relative; width:100%; padding:30px 0px; text-align:center; min-height:220px; border-top:1px solid #eee; border-bottom:1px solid #eee;}

	div.sub_navi { margin-right:70px; }
		div.sub_navi > ul { float:right;}
		div.sub_navi > ul > li { float:left; padding:0 2px;   font-size:0.875rem;  font-weight:300; color:#999;}
		div.sub_navi > ul > li > span { font-weight:300; color:#999; font-size:1rem;}
		div.sub_navi > ul > li:last-child { font-weight:400; color:#111;  }

	div.sub_top_headtitle { padding-top:2vw;}
	div.sub_top_headtitle h4 { font-size:3.125rem;  font-weight:700; color:#111;}
	div.sub_top_headtitle h4 > p { font-size:1.25rem;  font-weight:400; color:#E70012;}

	.subvisual_decoimg_wrap {position: absolute; }
	.subvisual_decoimg_wrap.cerc01 { left:5%; animation: cercle01 10s linear infinite;}
 		@keyframes cercle01 {
			0%  { top:-90%; }
			25% { top:-80%; }
			50% { top:-70%; }
			75% { top:-80%; }
			100% {top:-90%;  }
		}
		.subvisual_decoimg_wrap.cerc02 { left:25%;  animation: cercle02 6s linear infinite;}
 		@keyframes cercle02 {
			0%  { top:-10%; }
			25% { top:0%; }
			50% { top:10%; }
			75% { top:0%; }
			100% {top:-10%;  }
		}
		.subvisual_decoimg_wrap.cerc03 { right:-10%;  animation: cercle03 10s linear infinite;}
 		@keyframes cercle03 {
			0%  { top:30%; }
			25% { top:35%; }
			50% { top:40%; }
			75% { top:35%; }
			100% {top:30%;  }
		}



div#sub_lnb_wrap { }
	ul.sub_lnb_container {}
	ul.sub_lnb_container > li { float:left; width:14.28571%; border:1px solid #eee; border-left:none; text-align:center; margin:-1px 0 0 0px; }

		ul.sub_lnb_container > li > a { display:block;  padding:15px 0; font-size:1rem;  font-weight:400; color:#111;  background:#fff; }
		ul.sub_lnb_container > li > a:hover { font-weight:600;  color:#fff;  background:#E70012; }
		ul.sub_lnb_container > li > a.act { background:#eee; }


@media screen and (max-width: 1279px) {
	ul.sub_lnb_container > li { width:16.66666%; }
}

@media screen and (max-width: 1023px) {
	div.sub_topvisual_container { min-height:180px; }
	div.sub_top_headtitle h4 { font-size:2.25rem; ;}
	div.sub_top_headtitle h4 > p { font-size:1.25rem;}

}

@media screen and (max-width: 960px) {
	ul.sub_lnb_container > li > a {   padding:10px 0; font-size:0.875rem; }
}
@media screen and (max-width: 767px) {
	ul.sub_lnb_container > li { width:25%; }
	ul.sub_lnb_container > li > a {   padding:8px 0;}

	div.sub_navi { display:none; }
		
	div.sub_top_headtitle { padding-top:1vw;}
	div.sub_topvisual_container { min-height:100px; }
	div.sub_top_headtitle h4 { font-size:1.75rem; ;}
	div.sub_top_headtitle h4 > p { font-size:1rem;}

	.subvisual_decoimg_wrap.cerc01 { left:-15%; }
	.subvisual_decoimg_wrap.cerc02 { left:20%; }
	.subvisual_decoimg_wrap.cerc03 { right:-30%; }
	.subvisual_decoimg_wrap.cerc01 img { width:70%  }
	.subvisual_decoimg_wrap.cerc02 img { width:70%  }
	.subvisual_decoimg_wrap.cerc03 img { width:70%  }
	
}

@media screen and (max-width: 590px) {
	div#sub_lnb_wrap { display:none; }
}







/******************* 공통 : 리스트 페이징 *************************/
div.pagination { font-size:1.125rem; color:#777;  text-align: center;  margin-top:40px; }

div.pagination > a {display: inline-block; width:44px; height:44px; line-height:44px;border-radius: 50%; }
div.pagination > a:hover { color:#e70012; }
div.pagination > a.act {background:#111;color:#fff; font-size:1.25rem; }
div.pagination > a.btn_paging_prev { }
div.pagination > a.btn_paging_next { }


@media screen and (max-width: 767px) {
	div.pagination { font-size:0.875rem; }
	div.pagination > a {display: inline-block; width:30px; height:30px; line-height:30px; }
	div.pagination > a.act {font-size:0.875rem; }
}




/******************* 공통 : 3뎁스 메뉴 *************************/
div.sub_3depth_wrap { text-align:center; border-bottom:1px solid #eee;  margin-bottom:50px; }
div.sub_3depth_wrap > a { display:inline-block; padding:10px 0; margin:0 20px; color:#bbb; font-size:1.25rem; }
div.sub_3depth_wrap > a.act { border-bottom:4px solid #111; color:#111;  }


@media screen and (max-width: 767px) {
	div.sub_3depth_wrap > a { display:inline-block; padding:10px 0; margin:0 10px; color:#bbb; font-size:1rem; }
div.sub_3depth_wrap > a.act { border-bottom:4px solid #111; color:#111;  }
}



/******************* 공통 : 4뎁스 메뉴 *************************/
div.sub_4depth_wrap { text-align:center;   margin:20px 0; }
div.sub_4depth_wrap > a { display:inline-block; padding:10px 20px; margin:0 2px 6px; color:#999; font-size:1rem; border:1px solid #eee;}
div.sub_4depth_wrap > a.act { border:2px solid #e70012; color:#111;  }

@media screen and (max-width: 1024px) {
	div.sub_4depth_wrap > a {  padding:7px 12px; margin:0 1px 4px;  font-size:0.875rem; }
}




/******************* 공통 : 딤레이어 레이아웃 포맷 *************************/
/* 다중 딤레이어 */
.dimmodal{position:fixed;width:100%;height:100%;top:0;left:0;bottom:0; background-color:rgba(0,0,0,.8);z-index: -1;opacity:0;transition:all 0.2s;}
.dimmodal.on{opacity:1;z-index:99999;}
#detail_check.on{z-index:9999;}
.dimmodal .btn_close{position:fixed; top:50px; right:50px; font-size:2rem; color:#fff; cursor:pointer;}


div.dimpopup_wrap{overflow:hidden; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:650px; text-align:center; border-radius:10px; background:#fff;}
div.dimpopup_wrap > dl {}
div.dimpopup_wrap > dl > dt { height:60px; line-height:60px; padding:0 20px;  border-bottom:1px solid #ddd; text-align:left; color:#111; font-weight:400; font-size:1.125rem; }
div.dimpopup_wrap > dl > dd { }

	div.dim_contents_wrap {min-height:200px; padding:30px 0; color:#555; font-weight:300; font-size:1.125rem;}

	ul.dim_btn_wrap li{display:inline-block; width:50%; height:60px; line-height:60px; cursor:pointer; }
	ul.dim_btn_wrap li.btn_go{float:left; background:#e70012;}
	ul.dim_btn_wrap li.btn_close{float:right; background:#EAEAEE;}
	ul.dim_btn_wrap li:hover{background:#000;}	
		
		ul.dim_btn_wrap li.btn_confirm { width:100%; cursor:pointer; background:#E70012;}
		ul.dim_btn_wrap li.btn_confirm a { color:#fff;}
		ul.dim_btn_wrap li.btn_confirm:hover{background:#000;}




/* (대치1관/대치2관/압구정관) 다중 딤레이어 팝업  */
div.dim_school_wrap{overflow:auto; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:600px; max-height:90vh; background:#fff;}
	div.dim_school_wrap img {}

  @media screen and (max-width: 767px) {
  		div.dim_school_wrap{width:70%;}
  }

  @media screen and (max-width: 479px) {
  	div.dim_school_wrap{width:80%;}
  }


 /****** 탈퇴 / 아이디 비번찾기 원형 *******/
 div.join_circle_wrap{text-align: center;}
	div.join_circle_wrap > p {width: 10vw; height: 10vw; line-height: 10vw; margin: 0 auto; /*background: #F4F5F9; border-radius: 50%;*/ margin-bottom: 15px;}
	/*div.join_circle_wrap > p > img{width:35%;}*/
	div.join_circle_wrap > h3{font-size:1.5rem; margin-bottom:20px;}
	div.join_circle_wrap > span{display:block; font-weight:400; margin-bottom:50px; line-height:1.4;}

@media screen and (max-width: 960px) {
	div.join_circle_wrap > h3{font-size:1.2rem;}
}

@media screen and (max-width: 767px) {
	div.join_circle_wrap > p {width: 16vw; height: 16vw; line-height: 16vw;}
	div.join_circle_wrap > span br{display:none;}
}

@media screen and (max-width: 479px) {
}

/* 샐 20220324 패밀리 사이트 옆 탑버튼 추가 */
div.familysite_wrap{right:155px;}
.gotop{position: absolute; right: 70px; top: 10px; padding: 8px 15px;  border: 1px solid #d4d4d4; border-radius: 60px;  background: #f7f7f7; cursor:pointer; font-size:0.875rem;}
.gotop:hover{background:#E70012; color:#fff;}

@media screen and (max-width: 1279px) {
	.family_plus_top_wrap{ position:relative; width: 18%; margin: 0 auto; margin-top:30px;}
	div.familysite_wrap{right: 0; top:0; float: left;}
	.gotop{margin-left:5px; position: relative; top:0; right: 0; display: inline-block;}
}

@media screen and (max-width: 1200px) {
	.family_plus_top_wrap{ width: 28%; }
}

@media screen and (max-width: 767px) {
	.gotop{display:none;}
}

/* 샐 20220324 패밀리 사이트 옆 탑버튼 추가 //*/


/* 샐 20220509 런칭후 헤더수정 */
	.logo_style_new {float:left; margin-right:0;}
	
	.header_style_new{float:left; margin-left:20px;}
	.header_style_new li{float:left; list-style:none;}
	.header_style_new li p{margin-left:10px !important;}
	
	.login_style_new{display:none; float:right;}
	.weather_new{list-style:none;}


@media screen and (max-width: 767px) {
	#top_log{width:calc(100% - 80px);}
	#top_log > h2 p{font-size:14px;}

	.logo_style_new {float:left; margin-right:0;}
	.logo_style_new img{width:80px;}

	.header_style_new{margin-left:5px; padding-top:5px; width:106px; height:70px; }
		.header_style_new li{line-height:initial;}
		
		.header_style_new li.weather_new{width:100%; /*float:none; */}
			#weather{font-size:15px;}
			#weather img{height:35px;}

	.login_style_new{display:block;}
	.login_style_new > a, .login_style_new > span{position:relative; width: 60px; height: 38px; border: 1px solid #ddd; border-radius: 60px; margin-top: 15px; cursor: pointer;}
		.login_style_new span.material-icons{margin-bottom:0; margin-left:3px; position: absolute; top: 50%; left: 45%; transform: translate(-50%,-50%);}
		.login_style_new p.txt{font-weight:400 !important; color:#999 !important; position: absolute; top: 50%; left: 45%; transform: translate(-50%,-50%);}
}

/* 20220512 모바일에서 my 클릭시 mylie 메뉴가 보이게*/
/*.show_list_myile_rel{position:relative;}*/

.list_myile_show_wrap{
	position:fixed; top:70px; left:0; width:100%; display:flex; flex-wrap:wrap; justify-content:flex-start; padding:10px;
	background:#fff; border-bottom:1px solid #ddd; border-top:1px solid #ddd; text-align:center;
}
	.list_myile_show_wrap li{width:33.33%; line-height:initial;}
	.list_myile_show_wrap a{font-size:14px; line-height:1.2;}


/* 20220217 학생로그인시 프론트 상단 메시지오면 반짝이는 효과 START */
.effect_blink_forFront > a{position:relative;}

.blinking_forFront{-webkit-animation:blink .5s  infinite alternate; -moz-animation:blink .5s  infinite alternate; animation:blink .5s  infinite alternate; } 
@-webkit-keyframes blink{ 0% {opacity:0;} 100% {opacity:1;} } 
@-moz-keyframes blink{ 0% {opacity:0;} 100% {opacity:1;} }
@keyframes blink{ 0% {opacity:0;} 100% {opacity:1;} }

.ddak_forFront{
	position: absolute; top: 12px; right: 8px;
    min-width: 18px; width:auto; padding:0 4px 0 3px;
    height: 18px; line-height: 18px;   
	border-radius: 50%; font-size: 12px; color: #fff; background:#000; /*#E70012;*/
}
/* 20220217 학생로그인시 프론트 상단 메시지오면 반짝이는 효과 END */