@charset "utf-8";
@media screen and (min-width:1001px){/*PC*/
	
#wrapper{ width:100%; height:100%;}
#header{ z-index:111; width:100%; background:#000000;}
#header_wrap{ position:relative; width:1000px; margin:0 auto;  height:86px; z-index:111111111111111111;}
#header_wrap h1{ padding:24px 0;}
#header_wrap #gnb{ position:absolute; left:258px; top:33px;}
#header_wrap #gnb_btn{ display:none;}
#header_wrap .m1_depth{ float:left;}
#header_wrap .m1_depth a.m1_depth_a{ font-size:16px; color:#CCCCCC; margin-right:60px; display:block; float:left; }
#header_wrap .m1_depth a.member_m1_depth_a{ margin-right:40px;}
#header_wrap .m2_depth{ display:none; position:absolute; left:0;top:54px; width:100%; text-align:center; height:62px; overflow:hidden;}
#header_wrap #m2_depth_0{ width:160px;}
#header_wrap #m2_depth_1{ width:482px;}
#header_wrap #m2_depth_2{ width:800px;left:-80px;}
#header_wrap #m1_depth_4{ }

#header_wrap .m2_depth li{ display:inline-block;z-index:111111111111111111;}
#header_wrap .m2_depth li a{display:inline-block; font-size:14px; color:#adadad; margin:0 10px; padding-top:22px; }
#header_wrap .m2_depth li a:hover{ color:#31a0ef;}
#gnb_right{ position:absolute; right:0; top:33px;}
#gnb_right a{font-size:12px; color:#919191;}


#gnb_right a#login_btn{ color:#31a0ef; background:url(../img/login_icon.png) left center no-repeat; padding-left:18px;}
#gnb_right a#join_btn{display:none;	}
#gnb_right a#contact_btn:before{ content:"|"; margin-left:5px; margin-right:5px;color:#919191} 
#gnb_right a#contact_btn{color:#919191}
#gnb_right a.login_after_2{ display:block; margin-top:-16px;}
#gnb_right a#logout_btn2{ width:62px; height:22px; background:url(../img/logout_btn.png) left center no-repeat; margin-right:2px; font-size:0; text-indent:-999999px; display:inline-block; margin-top:-4px;}
#gnb_right a#contact_btn2{ width:82px; height:22px; background:url(../img/contact_btn.png) left center no-repeat;text-indent:-999999px;font-size:0;display:inline-block;margin-top:-4px;}
#sub_ba{ display:none;position:absolute; left:0; top:86px; background:rgba(34,34,34,0.85); width:100%; text-align:center; height:62px; overflow:hidden; z-index:11111;}
.sub_ba2{ display:none;}

.content{}

.sub_centent{ width:1000px; margin:0 auto;}


.sub_top{ height:214px; width:100%;}
#sub_top_1{ background:#255c85 url(../img/pc/sub_top1.jpg) center top no-repeat;}
.sub_top h2{ text-align:center; font-size:38px; color:#ffffff; font-weight:bold; padding-top:55px; padding-bottom:55px; border-bottom:1px solid rgba(255,255,255,0.6);}
#sub_top_2{ background:#767295 url(../img/pc/sub_top2.jpg) center top no-repeat;}
#sub_top_3{ background:#4d5763 url(../img/pc/sub_top3.jpg) center top no-repeat;}

#sub_top_4{ background:#1d1c22 url(../img/pc/sub_top4.jpg) center top no-repeat;}
#sub_top_4 h2{ text-align:center; font-size:38px; color:#ffffff; font-weight:bold; padding-top:81px; padding-bottom:82px; border-bottom:none; }


#sub_top_6{ background:#181617 url(../img/pc/sub_top6.jpg) center top no-repeat;}
#sub_top_6 h2{ text-align:center; font-size:38px; color:#ffffff; font-weight:bold; padding-top:81px; padding-bottom:82px; border-bottom:none; }

#sub_top_7{ background:#838280 url(../img/pc/sub_top7.jpg) center top no-repeat;}
#sub_top_7 h2{ text-align:center; font-size:38px; color:#ffffff; font-weight:bold; padding-top:81px; padding-bottom:82px; border-bottom:none; }

#sub_top_8{ background:#5f6269 url(../img/pc/sub_top8.jpg) center top no-repeat;}
#sub_top_8 h2{ text-align:center; font-size:38px; color:#ffffff; font-weight:bold; padding-top:81px; padding-bottom:82px; border-bottom:none; }

#sub_top_9{ background:#0e0e0e url(../img/pc/sub_top9.jpg) center top no-repeat;}
#sub_top_9 h2{ text-align:center; font-size:38px; color:#ffffff; font-weight:bold; padding-top:81px; padding-bottom:82px; border-bottom:none; }

#sub_top_10{ background:#1d1c22 url(../img/pc/sub_top4.jpg) center top no-repeat;}
#sub_top_10 h2{ text-align:center; font-size:38px; color:#ffffff; font-weight:bold; padding-top:81px; padding-bottom:82px; border-bottom:none; }

#sub_tab_link{ text-align:center; padding-top:22px;}
#sub_tab_link a{ font-size:16px; color:#CCCCCC; margin:0 19px;}
#sub_tab_link a.link_on{ color:#FFFFFF; font-weight:bold; text-decoration:underline;}

#footer{ height:125px; width:100%; background:#222222}
#footer_warp{ position:relative; width:1000px; margin:0 auto;}

#footer_warp_1{ padding-top:25px; color:#919191; margin-left:-5px}
#footer_warp_1 a{ color:#919191; font-size:14px; padding:0 5px;}
#footer_warp_1 a.privacy{ color:#006cb8}
#copyright{ font-size:14px; color:#666666; margin-top:13px;}
#copyright2{ font-size:14px; color:#666666; margin-top:5px;}

#family_sites{ position:absolute; right:0; top:46px; background:#797979; width:204px; height:36px;}
#family_sites h3{font-size:14px; color:#2d2d2d; padding:10px 0 0 20px;height:26px;  cursor:pointer;}
#family_sites h3.f_off{background:url(../img/f_aw.png) 180px 15px no-repeat;}
#family_sites h3.f_on{background:url(../img/f_aw.png) 180px 15px no-repeat;}
#family_sites ul{ position:absolute; top:-135px; background:#d5d5d5; width:204px; padding-bottom:16px; height:119px; display:none;}
#family_sites ul li{ padding-top:16px; }
#family_sites ul li a{ padding-left:20px;display:block;}
#family_sites ul li a:hover{color:#FD830B;}

.pdf_btn{ float:left; text-align:center; padding-top:48px; padding-bottom:25px; margin-bottom: 25px;}
.pdf_btn a{ padding:18px 40px; font-size:16px; color:#006cb8; border:3px solid #006cb8;}
.pdf_btn a:hover{	
	animation:btn_over 1s 1 forwards;
	-webkit-animation:btn_over 1s 1 forwards;
    -moz-animation:btn_over 1s 1 forwards;
    -o-animation:btn_over 1s 1 forwards;  
}
.pdf_btn2{ clear:both; float:none; text-align:center; padding-top:48px; padding-bottom:55px;}


.decre_page figure{ position:relative;}
.decre_page figure figcaption{ position:absolute; top:0; left:0; text-align:center; width:100%;}
.decre_page figure figcaption strong{font-size:36px; border-bottom:1px solid #FFF; color:#FFFFFF; font-weight:100; display:inline-block; margin-bottom:18px; margin-top:56px; padding-bottom:2px; }
.decre_page figure figcaption span{ color:#FFFFFF; font-size:18px; display:block;}
.decre_page_1{ position:relative; margin-top:38px;  padding-left:536px; height:380px; font-size:16px;}
.decre_page_1 h4{ font-size:32px; color:#006cb8; letter-spacing:-0.05em;}
.decre_page_1 h4 span{ font-size:20px; display:block;letter-spacing:-0.05em; margin-top:2px;}
.decre_page_1 p.txt1{ padding:30px 0 22px; border-bottom:1px solid #e0e0e0; word-break: keep-all; word-wrap: break-word; line-height: 1.5em;}
.decre_page_1 p.txt2{ margin-top:12px; line-height:24px; border-bottom:1px solid #e0e0e0; padding-bottom:22px; word-break: keep-all; word-wrap: break-word; line-height: 1.5em;}
.decre_page_1 p.txt2 span{ border-top:2px solid #006cb8; padding-top:12px;}

.decre_page_1_1{ width:464px; float:right; margin-top:22px;}
.decre_page_1_1 h5{ float:left; width:106px; font-size:20px; color:#006cb8} 
.decre_page_1_1 ul{ float:left; width:358px;}
.decre_page_1_1 ul li{list-style-image:url(../img/sub/dot.png); margin-bottom:8px; line-height:22px;}


#ad{ position:relative; width:1000px; margin:0 auto; background:#ebebeb; padding-top:13px; padding-bottom:14px; margin-top:24px; height:99px; overflow:hidden; margin-bottom:58px;}
#ad img{ position:absolute; top:13px; left:98px;}
#ad p{ position:absolute; top:37px; left:208px;font-size:16px;color:#8e8e8e}
#ad p strong{ display:block; margin-bottom:10px; font-weight:normal;}


.mobile_type{ display:none;} 
.tab_type{ display:none;}	
.pc_type{ visibility:visible; display: block}
.pc_br_type{ display:block;}
.top_btn{display:none}


.support_btn{ text-align:center; padding-top:21px;}
.support_btn a{ padding:18px 38px 17px 38px; font-size:16px; color:#006cb8; border:3px solid #006cb8; background:#FFF;}
.support_btn a:hover{	
	animation:btn_over 1s 1 forwards;
	-webkit-animation:btn_over 1s 1 forwards;
    -moz-animation:btn_over 1s 1 forwards;
    -o-animation:btn_over 1s 1 forwards;  
}
.btn_confirm input:hover{
	animation:btn_over 1s 1 forwards;
	-webkit-animation:btn_over 1s 1 forwards;
    -moz-animation:btn_over 1s 1 forwards;
    -o-animation:btn_over 1s 1 forwards; 
}
.btn_confirm a.btn_cancel:hover{
	animation:btn_over2 1s 1 forwards;
	-webkit-animation:btn_over2 1s 1 forwards;
    -moz-animation:btn_over2 1s 1 forwards;
    -o-animation:btn_over2 1s 1 forwards
}
#login_my{ display:none;}
}
@media screen and (min-width:641px) and (max-width:1000px) {
	
	.pc_type{ visibility:hidden; font-size:0px; position:absolute; top:-1111111111111111111px; margin-left:-10px;}
	.pc_br_type{ display:none;}
	.mobile_type{ display:none;} 
    .tab_type{ display:block;}	
	
	#wrapper{ width:100%; height:100%;}
	#header{ z-index:111; width:100%; background:#000000;}
	#header_wrap{ position:relative; width:100%; margin:0 auto; height:52px; z-index:111111111111111111;}
	
	#header_wrap h1 a{ top:12px; left:16px; position: absolute; width:124px;height:28px; background: url(../img/m/main/logo.png) left top no-repeat; display: block; z-index: 1111111111;}
	#header_wrap h1 a img{display:none;}
	#header_wrap #gnb_btn{display:block;position:absolute; right:20px; top:18px; width:24px;height:16px; background: url(../img/m/menu_icon.png) left top no-repeat; z-index: 111111111111; border:none;}
	
	#header_wrap .m2_depth li{ display:inline-block;z-index:111111111111111111;}
	#header_wrap .m2_depth li a{display:inline-block; font-size:14px; color:#adadad; margin:0 10px; padding-top:22px; }
	#header_wrap .m2_depth li a:hover{ color:#31a0ef;}
	
	#sub_ba{ display:none;}
	.sub_ba2{position:absolute; left:0;top:52px; width:226px; height:100%; background:#202020; z-index:111111111111111111111111111111111111111111111111111;margin-left:-300px;
		box-shadow: 0px 30px 100px 0px #000;
		-moz-box-shadow: 0px 30px 100px 0px #000;
		-webkit-box-shadow: 0px 30px 100px 0px #000;
/*

    -moz-box-shadow: 10px 10px 10px #000000 inset;
    -webkit-box-shadow: 10px 10px 10px #000000 inset;*/
	
	}
	
	.s_close{cursor:pointer;width:18px;height:18px; background:url(../img/m/menu_close.png) no-repeat; position:absolute;top:-36px; display:none;right:10px; z-index:111111111111111111;}
		
	#gnb_right{position:relative;  z-index:11111111111111111111111111111111111111; background:#000000; padding-bottom:1px; display:none;}	
	#gnb_right:after{display:block;visibility:hidden;clear:both;content:""}
	#gnb_right a{font-size:12px; background:#393939;width:74px;display:block;float:left;margin-right:1px;text-align:center;padding:20px 0;color:#acacac;}
	#gnb_right a#contact_btn{width:76px;margin-right:0;float:left;}
	
	#gnb_right a.login_after{width:113px;}
	#gnb_right a#contact_btn2{width:112px;margin-right:0; float:right;}
	#gnb_right a span{display: none;}
	#gnb_right #login_my{ position:relative; height:150px; background:#666666; margin-bottom:1px;  text-align:center; overflow:hidden;}
	#gnb_right #login_my dt{ display:block; width:64px; height:64px; background:url(../img/m_tab/pr_icon.png) center center no-repeat; margin:0 auto; margin-top:21px; border:none;}
	#gnb_right #login_my dd{ margin-top:10px; color:#d4d4d4; font-size:12px; padding-bottom:21px;}
	#gnb_right #login_my dd p{ font-size:14px; color:#FFFFFF; padding-bottom:10px;}
	#gnb_right #login_my dd p a{font-size:10px; background:#F03;width:auto;display:inline;float:none;margin-right:0px;text-align:left;padding:2px 0;color:#FFF;}
	
	#gnb{position:relative;z-index:111111111111;width:100%; display:none;}
	.m1_depth{position:relative; width:100%;}
	.m1_depth a.m1_depth_a{ font-size:14px; color:#CCCCCC; display:block;background:#202020; padding:20px 0; padding-left:20px;border-bottom:1px solid #414141; }
	.m1_depth span.s_plus{position:absolute; width:13px;height:13px; background:url(../img/m/menu_plus.png) no-repeat; top:22px; right:20px; z-index:1111111111111111111111111111;}
	.m2_depth{ display:none; }
	.m2_depth a{ font-size:14px; color:#CCCCCC; display:block;background:#4a4a4a; padding:20px 0; padding-left:30px; margin-bottom:1px;}
	
	.m2_depth li{ display:block;z-index:111111111111111111;}
	.m2_depth li a{display:block; font-size:14px; color:#adadad; margin-top:1px; padding-top:22px; }
	.m2_depth li a:first-child{ margin-top:0px;}
	.m2_depth li a:hover{ color:#31a0ef;}
	.m1_depth a.m1_depth_coror{ background:#006cb8; color:#FFFFFF;}	

	.sub_top{ position:relative; height:132px; width:100%;}
	#sub_top_1{ background:#245c85 url(../img/sub_top1.jpg) center -80px no-repeat;}
	.sub_top h2{ text-align:center; font-size:20px; color:#ffffff; font-weight:bold; padding-top:32px; padding-bottom:32px; }
	#sub_top_2{ background:#FFFFFF url(../img/sub_top2.jpg) center top no-repeat;background-size:cover;}
	#sub_top_3{ background:#FFFFFF url(../img/sub_top3.jpg) center top no-repeat;background-size:cover;}

	#sub_top_4{ background:#FFFFFF url(../img/sub_top_4.jpg) center top no-repeat;background-size:cover;}
	#sub_top_4 h2{ text-align:center; font-size:20px; color:#ffffff; font-weight:bold; padding-top:44px;border-bottom:none; }


	#sub_top_6{ background:#FFFFFF url(../img/sub_top6.jpg) center top no-repeat;}
	#sub_top_6 h2{ text-align:center; font-size:20px; color:#ffffff; font-weight:bold; padding-top:50px; padding-bottom:82px; border-bottom:none; }

	#sub_top_7{ background:#FFFFFF url(../img/sub_top7.jpg) center top no-repeat;}
	#sub_top_7 h2{ text-align:center; font-size:20px; color:#ffffff; font-weight:bold; padding-top:50px; padding-bottom:82px; border-bottom:none; }

	#sub_top_8{ background:#FFFFFF url(../img/sub_top8.jpg) center top no-repeat;}
	#sub_top_8 h2{ text-align:center; font-size:20px; color:#ffffff; font-weight:bold; padding-top:50px; padding-bottom:82px; border-bottom:none; }
	
	#sub_top_9{ background:#FFFFFF url(../img/sub_top9.jpg) center top no-repeat;background-size:cover;}
	#sub_top_9 h2{ text-align:center; font-size:20px; color:#ffffff; font-weight:bold; padding-top:50px; padding-bottom:82px; border-bottom:none; }

	#sub_top_10{ background:#FFFFFF url(../img/sub_top_4.jpg) center top no-repeat;background-size:cover;}
	#sub_top_10 h2{ text-align:center; font-size:20px; color:#ffffff; font-weight:bold; padding-top:44px;border-bottom:none; }
	

	#sub_tab_link{ position:absolute; top:82px; left:0; z-index:111111111; width:100%;border-top:1px solid rgba(255,255,255,0.6); height:0px; overflow:hidden;  padding-top:48px; }
	#sub_tab_link a{font-size:14px; padding-left:20px; color:#FFFFFF; display:block; padding-top:16px;padding-bottom:16px;  background:#2d2d2d;}
	#sub_tab_link a.link_on{ position:absolute; top:0px; color:#FFFFFF; font-weight:bold; text-decoration:underline; background:none; width:100%; }

	#sub_tab_link span.mobile_tab_link{ background:url(../img/m/arrow_down.png) no-repeat; width:11px; height:8px; z-index:1; position:absolute; top:18px; right:20px; }
	
	
	#footer{background:#222222; padding:0 20px 20px 20px; }
	#footer_warp{ position:relative;height:160px;}

	#footer_warp_1{ padding-top:20px; color:#919191; margin-left:-5px}
	#footer_warp_1 a{ color:#919191; font-size:16px; padding:0 5px;}
	#footer_warp_1 a.privacy{ color:#006cb8}
	#copyright{ position:absolute; bottom:28px; font-size:12px; color:#666666;  line-height:18px;}
	#copyright a{color:#666666;}
	#copyright2{position:absolute; bottom:10px; font-size:12px; color:#666666; line-height:18px;}
	
	#footer .mobile_type{ display:none;}
	#footer .mobile_type2{ display:block;}
	#family_sites{position:relative; background:#797979; height:36px; margin-top:12px; z-index:9999999}
	#family_sites h3{font-size:14px; color:#2d2d2d; padding:10px 0 0 10px;height:26px;  cursor:pointer;}
	#family_sites h3.f_off{background:url(../img/f_aw.png) 96% 15px no-repeat;}
	#family_sites h3.f_on{background:url(../img/f_aw.png) 96% 15px no-repeat;}
	#family_sites ul{ position:absolute; top:-146px; background:#d5d5d5; width:100%; padding-bottom:16px; height:130px; display:none;  }
	#family_sites ul li{ padding-top:16px; }
	#family_sites ul li a{ padding-left:20px;display:block; font-size:14px;}
	#family_sites ul li a:hover{color:#FD830B;}
	
	.pc_type{ visibility:hidden; font-size:0px; position:absolute; top:-1111111111111111111px; margin-left:-10px;}
	.pc_br_type{ display:none;}
	.mobile_type{display:none; } 
    .tab_type{ display:block; width:100%;}	
	
	
	.sub_centent{  margin:0; width:100%; overflow:hidden; background:#222222; padding-bottom:52px;}
	
	
	.decre_page figure{ position:relative;}
	.decre_page figure figcaption{ position:absolute; top:0; left:0; text-align:center; width:100%;}
	.decre_page figure figcaption strong{font-size:24px; border-bottom:1px solid #FFF; color:#FFFFFF; font-weight:100; display:inline-block; margin-bottom:18px; margin-top:80px;padding-bottom:2px;  }
	.decre_page figure figcaption span{ color:#FFFFFF; font-size:16px; display:block;}
	
	
	.decre_page_1{ text-align:left; width:476px; margin:0 auto;}
	.decre_page_1 h4{text-align:left; font-size:22px; color:#006cb8; letter-spacing:-0.05em; margin-top:20px;line-height:26px;}
	.decre_page_1 h4 span{ font-size:20px; display:block;letter-spacing:-0.05em; }
	.decre_page_1 p.txt1{ padding:30px 0 22px; border-bottom:1px solid #e0e0e0; font-size:16px; word-break: keep-all; word-wrap: break-word; line-height: 1.5em;}
	.decre_page_1 p.txt2{ margin-top:12px; line-height:24px; border-bottom:1px solid #e0e0e0; padding-bottom:22px; word-break: keep-all; word-wrap: break-word; font-size: 16px;}
	.decre_page_1 p.txt2 span{ border-top:2px solid #006cb8; padding-top:12px;}
	
	.decre_page_1_1{}
	.decre_page_1_1 h5{ color:#006cb8; font-size:16px; margin-top:20px; margin-bottom:20px;} 
	.decre_page_1_1 ul{padding-left:14px;  }
	.decre_page_1_1 ul li{list-style-image:url(../img/sub/dot.png); margin-bottom:8px; line-height:22px; font-size:16px; }
	
	.pdf_btn{ text-align:center; padding-top:48px; padding-bottom:25px;}
    .pdf_btn a{ padding:18px 40px; font-size:16px; color:#006cb8; border:3px solid #006cb8}
	.top_btn{ position:fixed;background:url(../img/top_btn.png); width:40px; height:40px; right:20px; bottom:35px; z-index:99999999999999999999999999999999999999999999999999999999999999999999999999999999}
	.sub_title{ text-align:center; font-size:24px; color:#FFF; padding:34px 0;}
	.sub_title_24{padding:34px 0 18px 0;}
	#gnb_right a.login_after_2{ display:none}
}
@media screen and (max-width:640px) {
	#wrapper{ width:100%; height:100%;}
	#header{ z-index:111; width:100%; background:#000000;}
	#header_wrap{ position:relative; width:100%; margin:0 auto; height:52px; z-index:111111111111111111;}
	
	#header_wrap h1 a{ top:12px; left:16px; position: absolute; width:124px;height:28px; background: url(../img/m/main/logo.png) left top no-repeat; display: block; z-index: 1111111111;}
	#header_wrap h1 a img{display:none;}
	#header_wrap #gnb_btn{display:block;position:absolute; right:20px; top:18px; width:24px;height:16px; background: url(../img/m/menu_icon.png) left top no-repeat; z-index: 111111111111; border:none;}
	
	#header_wrap .m2_depth li{ display:inline-block;z-index:111111111111111111;}
	#header_wrap .m2_depth li a{display:inline-block; font-size:14px; color:#adadad; margin:0 10px; padding-top:22px; }
	#header_wrap .m2_depth li a:hover{ color:#31a0ef;}
	
	#sub_ba{ display:none;}
	.sub_ba2{position:absolute; left:0;top:52px; width:226px; height:100%; background:#202020; z-index:11111111111111111111222222222222222222222222222222222222222222222211111111111111111111111;margin-left:-300px;
		box-shadow: 0px 30px 100px 0px #000;
		-moz-box-shadow: 0px 30px 100px 0px #000;
		-webkit-box-shadow: 0px 30px 100px 0px #000;
/*

    -moz-box-shadow: 10px 10px 10px #000000 inset;
    -webkit-box-shadow: 10px 10px 10px #000000 inset;*/
	
	}
	
	.s_close{cursor:pointer;width:18px;height:18px; background:url(../img/m/menu_close.png) no-repeat; position:absolute;top:-36px; display:none;right:10px; z-index:111111111111111111;}
		
	#gnb_right{position:relative;  z-index:11111111111111111111111111111111111111; background:#000000; padding-bottom:1px; display:none;}	
	#gnb_right:after{display:block;visibility:hidden;clear:both;content:""}
	#gnb_right a{font-size:12px; background:#393939;width:74px;display:block;float:left;margin-right:1px;text-align:center;padding:20px 0;color:#acacac;}
	#gnb_right a#contact_btn{width:76px;margin-right:0;float:left;}
	
	#gnb_right a.login_after{width:113px;}
	#gnb_right a#contact_btn2{width:112px;margin-right:0; float:right;}
	#gnb_right a span{display: none;}
	#gnb_right #login_my{ position:relative; height:150px; background:#666666; margin-bottom:1px;  text-align:center; overflow:hidden;}
	#gnb_right #login_my dt{ display:block; width:64px; height:64px; background:url(../img/m_tab/pr_icon.png) center center no-repeat; margin:0 auto; margin-top:21px;}
	#gnb_right #login_my dd{ margin-top:10px; color:#d4d4d4; font-size:12px; padding-bottom:21px;}
	#gnb_right #login_my dd p{ font-size:14px; color:#FFFFFF; padding-bottom:10px;}
	#gnb_right #login_my dd p a{font-size:10px; background:#F03;width:auto;display:inline;float:none;margin-right:0px;text-align:left;padding:2px 0;color:#FFF;}
	
	#gnb{position:relative;z-index:111111111111;width:100%; display:none;}
	.m1_depth{position:relative; width:100%;}
	.m1_depth a.m1_depth_a{ font-size:14px; color:#CCCCCC; display:block;background:#202020; padding:20px 0; padding-left:20px;border-bottom:1px solid #414141; }
	.m1_depth span.s_plus{position:absolute; width:13px;height:13px; background:url(../img/m/menu_plus.png) no-repeat; top:22px; right:20px; z-index:1111111111111111111111111111;}
	.m2_depth{ display:none; }
	.m2_depth a{ font-size:14px; color:#CCCCCC; display:block;background:#4a4a4a; padding:20px 0; padding-left:30px; margin-bottom:1px;}
	
	.m2_depth li{ display:block;z-index:111111111111111111;}
	.m2_depth li a{display:block; font-size:14px; color:#adadad; margin-top:1px; padding-top:22px; }
	.m2_depth li a:first-child{ margin-top:0px;}
	.m2_depth li a:hover{ color:#31a0ef;}
	.m1_depth a.m1_depth_coror{ background:#006cb8; color:#FFFFFF;}	

	.sub_top{ position:relative; height:132px; width:100%;}
	#sub_top_1{ background:#245c85 url(../img/sub_top1.jpg) center -80px no-repeat;}
	.sub_top h2{ text-align:center; font-size:20px; color:#ffffff; font-weight:bold; padding-top:32px; padding-bottom:32px; }
	#sub_top_2{ background:#FFFFFF url(../img/sub_top2.jpg) center top no-repeat;background-size:cover;}
	#sub_top_3{ background:#FFFFFF url(../img/sub_top3.jpg) center top no-repeat;background-size:cover;}

	#sub_top_4{ background:#FFFFFF url(../img/sub_top_4.jpg) center top no-repeat;background-size:cover;}
	#sub_top_4 h2{ text-align:center; font-size:20px; color:#ffffff; font-weight:bold; padding-top:44px;border-bottom:none; }


	#sub_top_6{ background:#FFFFFF url(../img/sub_top6.jpg) center top no-repeat;}
	#sub_top_6 h2{ text-align:center; font-size:20px; color:#ffffff; font-weight:bold; padding-top:50px;  padding-bottom:82px; border-bottom:none; }

	#sub_top_7{ background:#FFFFFF url(../img/sub_top7.jpg) center top no-repeat;}
	#sub_top_7 h2{ text-align:center; font-size:20px; color:#ffffff; font-weight:bold; padding-top:50px; padding-bottom:82px; border-bottom:none; }

	#sub_top_8{ background:#FFFFFF url(../img/sub_top8.jpg) center top no-repeat;}
	#sub_top_8 h2{ text-align:center; font-size:20px; color:#ffffff; font-weight:bold; padding-top:50px; padding-bottom:82px; border-bottom:none; }
	
	#sub_top_9{ background:#FFFFFF url(../img/sub_top9.jpg) -400px top no-repeat;background-size:cover;}
	#sub_top_9 h2{ text-align:center; font-size:20px; color:#ffffff; font-weight:bold; padding-top:50px; padding-bottom:82px; border-bottom:none; }

	#sub_top_10{ background:#FFFFFF url(../img/sub_top_4.jpg) center top no-repeat;background-size:cover;}
	#sub_top_10 h2{ text-align:center; font-size:20px; color:#ffffff; font-weight:bold; padding-top:44px;border-bottom:none; }

	#sub_tab_link{ position:absolute; top:82px; left:0; z-index:111111111; width:100%;border-top:1px solid rgba(255,255,255,0.6); height:0px; overflow:hidden;  padding-top:48px; }
	#sub_tab_link a{font-size:14px; padding-left:20px; color:#FFFFFF; display:block; padding-top:16px;padding-bottom:16px;  background:#2d2d2d;}
	#sub_tab_link a.link_on{ position:absolute; top:0px; color:#FFFFFF; font-weight:bold; text-decoration:underline; background:none; width:100%; }
	
	#sub_tab_link span.mobile_tab_link{ background:url(../img/m/arrow_down.png) no-repeat; width:11px; height:8px; z-index:1; position:absolute; top:18px; right:20px; }


	#footer{background:#222222; padding:0px 20px 20px 20px; padding-top:0; z-index:11111111111111111111111111111111; }
	#footer_warp{ position:relative;height:160px;}

	#footer_warp_1{ padding-top:20px; color:#919191; margin-left:-5px;z-index:111111111111111111111111111111111111111111;}
	#footer_warp_1 a{ color:#919191; font-size:12px; padding:0 5px;}
	
	#copyright{ position:absolute; bottom:34px; font-size:10px; color:#666666; margin-top:13px; line-height:16px;}
	#copyright a{color:#666666;}
	#copyright2{position:absolute; bottom:0; font-size:10px; color:#666666; margin-top:5px;line-height:16px;}

	#family_sites{position:relative; background:#797979; height:36px; margin-top:12px;z-index:11;}
	#family_sites h3{font-size:12px; color:#2d2d2d; padding:10px 0 0 10px;height:26px;  cursor:pointer;}
	#family_sites h3.f_off{background:url(../img/f_aw.png) 96% 15px no-repeat;}
	#family_sites h3.f_on{background:url(../img/f_aw.png) 96% 15px no-repeat;}
	#family_sites ul{ position:absolute; top:-146px; background:#d5d5d5; width:100%; padding-bottom:16px; height:130px; display:none;  }
	#family_sites ul li{ padding-top:16px; }
	#family_sites ul li a{ padding-left:20px;display:block; font-size:12px;}
	#family_sites ul li a:hover{color:#FD830B;}
	
	.pc_type{ visibility:hidden; font-size:0px; position:absolute; top:-1111111111111111111px; margin-left:-10px;}
	.pc_br_type{ display:none;}
	.mobile_type{ display:block; width:100%;} 
    .tab_type{ display:none;}	
	.sub_centent{  margin:0; width:100%; overflow:hidden; background:#222222; padding-bottom:52px;}
	
	
	.decre_page figure{ position:relative;}
	.decre_page figure figcaption{ position:absolute; top:0; left:0; text-align:center; width:100%;}
	.decre_page figure figcaption strong{font-size:24px; border-bottom:1px solid #FFF; color:#FFFFFF; margin-bottom:18px; margin-top:80px; display:inline-block;  }
	.decre_page figure figcaption span{ color:#FFFFFF; font-size:14px; display:block;}
	
	.decre_page_1{ text-align:left;}
	.decre_page_1 h4{text-align:left; font-size:22px; color:#006cb8; letter-spacing:-0.05em; margin-top:20px;line-height:26px;}
	.decre_page_1 h4 span{ font-size:20px; display:block;letter-spacing:-0.05em; word-break: keep-all;}
	.decre_page_1 p.txt1{ padding:30px 0 22px; border-bottom:1px solid #e0e0e0; font-size:14px; word-break: keep-all; word-wrap: break-word; line-height: 24px;}
	.decre_page_1 p.txt2{ margin-top:12px; line-height:24px; border-bottom:1px solid #e0e0e0; padding-bottom:22px; word-break: keep-all; word-wrap: break-word; font-size: 14px;}
	.decre_page_1 p.txt2 span{ border-top:2px solid #006cb8; padding-top:12px;}
	
	.decre_page_1_1{}
	.decre_page_1_1 h5{ color:#006cb8; font-size:16px; margin-top:20px; margin-bottom:20px;} 
	.decre_page_1_1 ul{padding-left:14px;  }
	.decre_page_1_1 ul li{list-style-image:url(../img/sub/dot.png); margin-bottom:8px; line-height:22px; font-size:14px; }
	
	.pdf_btn{ text-align:center; padding-top:48px; padding-bottom:25px;}
    .pdf_btn a{ padding:13px 20px; font-size:12px; color:#006cb8; border:3px solid #006cb8}
	
	.top_btn{ position:fixed;background:url(../img/top_btn.png); width:40px; height:40px; right:20px; bottom:30px; z-index:99999999999999999999999999999999999999999999999999999999999999999999999999999999}
	.sub_title{text-align:center; font-size:20px; color:#FFF; padding:28px 0;}
	.sub_title_24{padding:28px 0 15px 0;}
	#gnb_right a.login_after_2{ display:none}
}



@keyframes btn_over {
    from {background:#FFFFFF; }
    to { background:#006cb8; color:#FFF;}
}

@keyframes btn_over2 {
    from {background:#FFFFFF; }
    to { background:#2d2d2d; color:#FFF;}
}


.black {
    background-color: #FFFFFF;
}
.pager {
    float: right;
    width: 160px;
    height: 30px;
    padding: 0;
    margin: 0;
    padding-top: 10px;
    padding-left: 10px;
}
.pager ul {
	width: 110px !important;
    list-style: none;
    padding: 0;
    margin: 0;
    float: left;
}
.pager ul li {
	float: left;
	text-align: center;
}
.pager ul li a {
    border: 1px solid #FFF;
    text-decoration: none;
    display: inline-table;
    width: 20px;
    height: 15px;
    font-size: 11px;
    padding-top: 3px;
    text-align: center;
    border-radius: 0px;
    -moz-border-radius: 0px;
}
.pager.black .btn {
    border: 1px solid #CCC;
}
.pager .btn {
    display: block;
    width: 20px;
    height: 15px;
    text-align: center;
    font-size: 9px;
    float: left;
    padding: 0;
    padding-top: 5px;
    margin: 0;
    margin-left: 0px;
    cursor: pointer;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.black.normal {
	background-color: #FFFFFF;
	color: #000000;
}
.black.active {
	background-color: #006cb8;
	color: White;
	border: solid 1px #006cb8;
}