@charset "utf-8";

#gnb_btn{ display:none;}

@media screen and (min-width:1401px){
.mobile_type{ display:none;}
.slider_item .slider_txt{ position:absolute; left:330px; top:156px;}
.slider_item .slider_txt p{ font-size:26px; color:#2d2d2d; font-weight:100;}
.slider_item .slider_txt h3{ font-size:48px; color:#2d2d2d; font-weight:100; margin-top:8px; margin-bottom:30px;}
.slider_item .slider_txt a{ font-size:14px; width:134px; height:42px; border:1px solid #2d2d2d; text-align:center; line-height:42px; color:#2d2d2d; display:block; cursor:pointer;}


#s_item1 .slider_txt p{color:#FFFFFF;}
#s_item1 .slider_txt h3{color:#FFFFFF;}
#s_item1 .slider_txt a{ border:1px solid #FFFFFF; color:#FFFFFF;}


#s_item3 .slider_txt{top:126px;}
	
#right_wrapper{ position:fixed; background:rgba(31,31,31,0.8); width:418px; height:100%;right:0px; top:0; overflow:hidden; z-index:1111; text-align:center;}
#right_wrapper #login_my_pc{ position:relative; padding-top:58px;  margin-bottom:1px;  text-align:center; overflow:hidden;}
#right_wrapper a.login_after{ text-align:center;font-size:12px; background:#393939;width:108px; display:inline-block;margin-right:1px;text-align:center;color:#ffffff; padding:10px 14px; }
#right_wrapper #login_my_pc dt{ display:block; width:54px; height:54px; background:url(../img/login_after/pr_icon.png) center center no-repeat; margin:0 auto; }
#right_wrapper #login_my_pc dd{ margin-top:10px; color:#d4d4d4; font-size:14px; padding-bottom:21px;}
#right_wrapper #login_my_pc dd p{ font-size:16px; color:#FFFFFF; padding-bottom:10px;}
#right_wrapper #login_my_pc 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;}
	
	
#right_wrapper ul{ text-align:left; padding:34px; display:block;}


#right_wrapper ul li{ position:relative; width:350px; height:198px; overflow:hidden; background:#FFFFFF; margin-bottom:30px;}
#right_wrapper ul li h3{ margin-top:22px; margin-left:22px; font-size:24px; color:#FFFFFF; font-weight:bold;}
#right_wrapper ul li p{margin-top:6px; margin-left:22px; font-size:16px;}
#right_wrapper ul li a{ width:108px; height:34px; line-height:34px; font-size:12px; color:#FFFFFF; position:absolute; left:22px; bottom:22px; text-align:center;}

#right_wrapper ul li mark{ position:absolute;}
#right_wrapper ul li#right_item1{ background:url(../img/main/right_item1.gif) center center no-repeat;}
#right_wrapper ul li#right_item2{ background:url(../img/main/right_item2.jpg) center center no-repeat;}
#right_wrapper ul li#right_item3{ background:url(../img/main/right_item3.jpg) center center no-repeat;}
#right_wrapper ul li#right_item4{ background:url(../img/main/right_item4.gif) center center no-repeat;}


#right_wrapper ul li#right_item1 p{color:#b9ddee; margin-top:16px; line-height:22px;}
#right_wrapper ul li#right_item2 p{color:#b19b9e;}
#right_wrapper ul li#right_item3 p{color:#b9ddee;}
#right_wrapper ul li#right_item4 p{color:#b9ddee; margin-top:16px;line-height:22px;}

#right_wrapper ul li#right_item1 a{ background:rgba(0,0,0,0.6);}
#right_wrapper ul li#right_item2 a{ background:rgba(0,0,0,0.5); color:#e0e0e0}
#right_wrapper ul li#right_item3 a{ background:rgba(0,0,0,0.5); color:#e0e0e0}
#right_wrapper ul li#right_item4 a{ background:rgba(0,0,0,0.6);}

#right_wrapper ul li#right_item1 a:hover,#right_wrapper ul li#right_item2 a:hover,#right_wrapper ul li#right_item3 a:hover,#right_wrapper ul li#right_item4 a:hover{
	animation:main2_btn_over 1s 1 forwards;
	-webkit-animation:main2_btn_over 1s 1 forwards;
    -moz-animation:main2_btn_over 1s 1 forwards;
    -o-animation:main2_btn_over 1s 1 forwards; 	
}

#right_wrapper ul li#right_item1 mark{ background:url(../img/main/right_item1_icon.png) center center no-repeat; width:128px; height:92px; right:22px; bottom:22px;}
#right_wrapper ul li#right_item4 mark{ background:url(../img/main/right_item4_icon.png) center center no-repeat; width:146px; height:92px; right:22px; bottom:22px;}

#right_wrapper ul.member_type{padding:58px 42px 42px 42px;}
#right_wrapper ul.member_type li{position:relative; width:350px; height:120px; overflow:hidden; background:#FFFFFF; margin-bottom:10px;}
#right_wrapper ul.member_type li h3{ margin-top:22px; margin-left:18px; font-size:18px; color:#FFFFFF; font-weight:bold;}
#right_wrapper ul.member_type li p{margin-top:6px; margin-left:18px; font-size:14px;}
#right_wrapper ul.member_type li#right_item1{ background:url(../img/login_after/right_item1.gif) center center no-repeat;}
#right_wrapper ul.member_type li#right_item2{ background:url(../img/login_after/right_item2.jpg) center center no-repeat;}
#right_wrapper ul.member_type li#right_item3{ background:url(../img/login_after/right_item3.jpg) center center no-repeat;}
#right_wrapper ul.member_type li#right_item4{ background:url(../img/login_after/right_item5.gif) center center no-repeat;}
#right_wrapper ul.member_type li#right_item5{ background:url(../img/login_after/right_item4.jpg) center center no-repeat;}
#right_wrapper ul.member_type li a{ position:absolute;top:0; left:0;width:350px; height:120px;display:block; font-size:0; text-indent:-999999999999999px;}
#right_wrapper ul.member_type li#right_item1 p{color:#b9ddee; margin-top:6px; line-height:18px;}
#right_wrapper ul.member_type li#right_item2 p{color:#b19b9e;margin-top:6px;line-height:18px;}
#right_wrapper ul.member_type li#right_item3 p{color:#b9ddee;margin-top:6px;line-height:18px;}
#right_wrapper ul.member_type li#right_item4 p{color:#b9ddee; margin-top:6px;line-height:18px;}
#right_wrapper ul.member_type li#right_item5 p{color:#e8e8e8; margin-top:6px;line-height:18px;}

#right_wrapper ul.member_type li#right_item1 a{  background:none;}
#right_wrapper ul.member_type li#right_item2 a{  background:none;}
#right_wrapper ul.member_type li#right_item3 a{  background:none;}
#right_wrapper ul.member_type li#right_item4 a{  background:none;}
#right_wrapper ul.member_type li#right_item5 a{  background:none;}
#right_wrapper ul.member_type br{ display:block;}
#right_wrapper ul.member_type br.mobile_type{ display:none;}
#right_wrapper ul.member_type br.member_br{display:block;}
#right_wrapper ul.member_type li#right_item1 mark{ background:url(../img/login_after/right_item1_icon.png) center center no-repeat; width:112px; height:80px; right:22px; bottom:22px;}
#right_wrapper ul.member_type li#right_item4 mark{ background:url(../img/login_after/right_item5_icon.png) center center no-repeat; width:112px; height:72px; right:22px; bottom:22px;}



#right_wrapper ul.member_type li#right_item1 a:hover,#right_wrapper ul.member_type li#right_item2 a:hover,#right_wrapper ul.member_type li#right_item3 a:hover,#right_wrapper ul.member_type li#right_item4 a:hover{
	animation:none;
	-webkit-animation:none;
    -moz-animation:none;
    -o-animation:none;
}



#left_wrapper{ position:absolute;background:rgba(0,0,0,1); width:230px; height:100%;left:0px; top:0;overflow:hidden;z-index:1111;}
#left_wrapper h1{ padding-top:34px; padding-bottom:33px; padding-left:34px;}

.m2_depth{ display:none;}
#gnb{ position:relative; width:100%; overflow:hidden;border-top:1px solid #5a5a5a;}
#gnb li.m1_depth{ display:block;}
#gnb li.m1_depth a{padding:20px 34px;display:block; font-size:16px; color:#cccccc; border-bottom:1px solid #5a5a5a;}
#gnb li.m1_depth a:hover{ background:rgba(252,252,252,0.2); color:#FFF;}

#s_item1{ background:url(../img/main/slide_1.jpg) no-repeat;background-size:cover;background-position:left top;}
#s_item2{ background:url(../img/main/slide_2.jpg) no-repeat;background-size:cover;background-position:center top;}
#s_item3{ background:url(../img/main/slide_3_5.jpg) no-repeat;background-size:cover;background-position:center top;}
#s_item4{ background:url(../img/main/slide_4_2.jpg) no-repeat;background-size:cover;background-position:center top;}

#footer{ position:fixed; bottom:34px;  padding:0 34px;width:196px;left:0px;}
#gnb li#m1_depth_4{ display:none;}

#footer #copyright2{line-height:20px; font-size:12px; color:#666666;}

.order-wrap {}
.kakao-wrap {}
.kakao-wrap-m {display: none;}
.kakao-wrap-m img {}
.kakao {margin-bottom: 10px;}
.order {margin-bottom: 10px;}
.pc {display: block;}
.mobile {display: none;}
}

@media screen and (min-width:1025px) and (max-width:1400px) {
.mobile_type{ display:none;}
.slider_item .slider_txt{ position:absolute; left:324px; top:64px;}
.slider_item .slider_txt p{ font-size:18px; color:#2d2d2d;}
.slider_item .slider_txt h3{ font-size:30px; color:#2d2d2d; font-weight:100; margin-top:5px; margin-bottom:22px;}
.slider_item .slider_txt a{ font-size:10px; padding:9px 10px 10px 11px; border:1px solid #2d2d2d; color:#2d2d2d;  cursor:pointer;}


#s_item1 .slider_txt p{color:#FFFFFF;}
#s_item1 .slider_txt h3{color:#FFFFFF;}
#s_item1 .slider_txt a{ border:1px solid #FFFFFF; color:#FFFFFF;}


#s_item2 .slider_txt p{color:#FFFFFF;}
#s_item2 .slider_txt h3{color:#FFFFFF;}
#s_item2 .slider_txt a{ border:1px solid #FFFFFF; color:#FFFFFF;}

#s_item3 .slider_txt{top:42px;}


#right_wrapper{ position:fixed; background:rgba(31,31,31,0.8); width:196px; height:100%;right:0px; top:0; overflow:hidden; z-index:1111;}
#right_wrapper #login_my_pc{ position:relative; padding-top:33px;  margin-bottom:1px;  text-align:center; overflow:hidden;}
#right_wrapper a.login_after{ display:block;font-size:12px; background:#393939;width:108px; text-align:center;color:#ffffff; padding:10px 14px; margin:0 auto; margin-bottom:4px; }
#right_wrapper #login_my_pc dt{ display:block; width:54px; height:54px; background:url(../img/login_after/pr_icon.png) center center no-repeat; margin:0 auto; }
#right_wrapper #login_my_pc dd{ margin-top:10px; color:#d4d4d4; font-size:12px; padding-bottom:21px;}
#right_wrapper #login_my_pc dd p{ font-size:14px; color:#FFFFFF; padding-bottom:10px;}
#right_wrapper #login_my_pc 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;}


#right_wrapper ul{ padding:10px 0 0 15px ; display:block;}
#right_wrapper ul li{ position:relative;height:177px; overflow:hidden; margin-bottom:10px;}
#right_wrapper ul li h3{ display:none;}
#right_wrapper ul li p{display:none;}
#right_wrapper ul li a{ width:160px; height:177px;background:#CFC; display:block; font-size:0; text-indent:-999999999999999px;}
#right_wrapper ul li mark{display:none;}

#right_wrapper ul li#right_item1 a{ background:url(../img/main/1400/right_item1_off.jpg) center center no-repeat;}
#right_wrapper ul li#right_item1 a:hover{ background:url(../img/main/1400/right_item1_on.jpg) center center no-repeat;}
#right_wrapper ul li#right_item2 a{ background:url(../img/main/1400/right_item2_off.jpg) center center no-repeat;}
#right_wrapper ul li#right_item2 a:hover{ background:url(../img/main/1400/right_item2_on.jpg) center center no-repeat;}
#right_wrapper ul li#right_item3 a{ background:url(../img/main/1400/right_item3_off.jpg) center center no-repeat;}
#right_wrapper ul li#right_item3 a:hover{ background:url(../img/main/1400/right_item3_on.jpg) center center no-repeat;}
#right_wrapper ul li#right_item4 a{ background:url(../img/main/1400/right_item4_off.jpg) center center no-repeat;}
#right_wrapper ul li#right_item4 a:hover{ background:url(../img/main/1400/right_item4_on.jpg) center center no-repeat;}

#right_wrapper ul li a:hover{
	animation:main1_btn_over 1s 1 forwards;
	-webkit-animation:main1_btn_over 1s 1 forwards;
    -moz-animation:main1_btn_over 1s 1 forwards;
    -o-animation:main1_btn_over 1s 1 forwards; 
}
#right_wrapper ul.member_type{ padding:33px 0 0 15px ; display:block;}
#right_wrapper ul.member_type li{ position:relative;height:94px; overflow:hidden; margin-bottom:10px;}
#right_wrapper ul.member_type li h3{ display:none;}
#right_wrapper ul.member_type li p{display:none;}
#right_wrapper ul.member_type li a{ width:160px; height:94px;background:#CFC; display:block; font-size:0; text-indent:-999999999999999px;}
#right_wrapper ul.member_type li mark{display:none;}

#right_wrapper ul.member_type li#right_item1 a{ background:url(../img/login_after/note/right_item1_off.jpg) center center no-repeat;}
#right_wrapper ul.member_type li#right_item1 a:hover{ background:url(../img/login_after/note/right_item1_on.jpg) center center no-repeat;}
#right_wrapper ul.member_type li#right_item2 a{ background:url(../img/login_after/note/right_item2_off.jpg) center center no-repeat;}
#right_wrapper ul.member_type li#right_item2 a:hover{ background:url(../img/login_after/note/right_item2_on.jpg) center center no-repeat;}
#right_wrapper ul.member_type li#right_item3 a{ background:url(../img/login_after/note/right_item3_off.jpg) center center no-repeat;}
#right_wrapper ul.member_type li#right_item3 a:hover{ background:url(../img/login_after/note/right_item3_on.jpg) center center no-repeat;}
#right_wrapper ul.member_type li#right_item4 a{ background:url(../img/login_after/note/right_item5_off.jpg) center center no-repeat;}
#right_wrapper ul.member_type li#right_item4 a:hover{ background:url(../img/login_after/note/right_item5_on.jpg) center center no-repeat;}
#right_wrapper ul.member_type li#right_item5 a{ background:url(../img/login_after/note/right_item4_off.jpg) center center no-repeat;}
#right_wrapper ul.member_type li#right_item5 a:hover{ background:url(../img/login_after/note/right_item4_on.jpg) center center no-repeat;}
#right_wrapper ul.member_type li a:hover{
	animation:main1_btn_over 1s 1 forwards;
	-webkit-animation:main1_btn_over 1s 1 forwards;
    -moz-animation:main1_btn_over 1s 1 forwards;
    -o-animation:main1_btn_over 1s 1 forwards; 
}
#s_item1{ background:url(../img/main/slide_1.jpg) left top no-repeat;background-size:cover;}
#s_item2{ background:url(../img/main/slide_2.jpg) 60px top no-repeat;background-size:cover;background-position:-20px top;}
#s_item3{ background:url(../img/main/slide_3_5.jpg) left top no-repeat;background-size:cover;}
#s_item4{ background:url(../img/main/slide_4_2.jpg) left top no-repeat;background-size:cover;}

#right_wrapper ul li#right_item1 p{color:#b9ddee; margin-top:10px; line-height:22px;}
#right_wrapper ul li#right_item2 p{color:#b19b9e;}
#right_wrapper ul li#right_item3 p{color:#b9ddee;}
#right_wrapper ul li#right_item4 p{color:#b9ddee; margin-top:10px;line-height:22px;}

#left_wrapper{ position:fixed; background:rgba(0,0,0,1); width:240px; height:100%;left:0; top:0;overflow:hidden;z-index:1111;}
#left_wrapper h1{ padding-top:34px; padding-bottom:33px; padding-left:34px;}
.m2_depth{ display:none;}
#gnb{ width:100%; overflow:hidden;border-top:1px solid #5a5a5a;}
#gnb li.m1_depth{ display:block;}
#gnb li.m1_depth a{padding:20px 34px;display:block; font-size:16px; color:#cccccc; border-bottom:1px solid #5a5a5a;}
#gnb li.m1_depth a:hover{ background:rgba(252,252,252,0.2); color:#FFF;}


#footer{ margin-top:50px; padding:0 34px;}

#gnb li#m1_depth_4{ display:none;}
#footer #copyright2{line-height:20px; font-size:12px; color:#666666;}

.order-wrap {}
.kakao-wrap {}
.kakao {margin-bottom: 10px;}
.kakao-wrap-m {display: none;}
.kakao-wrap-m img {}
.order {margin-bottom: 10px;}
.pc {display: block;}
.mobile {display: none;}
}
@media screen and (min-width:1001px) and (max-width:1024px) {
.mobile_type{ display:none;}
.slider_item .slider_txt{ position:absolute; left:280px; top:64px;}
.slider_item .slider_txt p{ font-size:18px; color:#2d2d2d;}
.slider_item .slider_txt h3{ font-size:30px; color:#2d2d2d; font-weight:100; margin-top:5px; margin-bottom:22px;}
.slider_item .slider_txt a{ font-size:10px; padding:9px 10px 10px 11px; border:1px solid #2d2d2d; color:#2d2d2d;  cursor:pointer;}


#s_item1 .slider_txt p{color:#FFFFFF;}
#s_item1 .slider_txt h3{color:#FFFFFF;}
#s_item1 .slider_txt a{ border:1px solid #FFFFFF; color:#FFFFFF;}


#s_item2 .slider_txt p{color:#FFFFFF;}
#s_item2 .slider_txt h3{color:#FFFFFF;}
#s_item2 .slider_txt a{ border:1px solid #FFFFFF; color:#FFFFFF;}

#s_item3 .slider_txt{top:42px;}


#right_wrapper{ position:fixed; background:rgba(31,31,31,0.8); width:196px; height:100%;right:0px; top:0; overflow:hidden; z-index:1111;}
#right_wrapper #login_my_pc{ position:relative; padding-top:33px;  margin-bottom:1px;  text-align:center; overflow:hidden;}
#right_wrapper a.login_after{ display:block;font-size:12px; background:#393939;width:108px; text-align:center;color:#ffffff; padding:10px 14px; margin:0 auto; margin-bottom:4px; }
#right_wrapper #login_my_pc dt{ display:block; width:54px; height:54px; background:url(../img/login_after/pr_icon.png) center center no-repeat; margin:0 auto; }
#right_wrapper #login_my_pc dd{ margin-top:10px; color:#d4d4d4; font-size:12px; padding-bottom:21px;}
#right_wrapper #login_my_pc dd p{ font-size:14px; color:#FFFFFF; padding-bottom:10px;}
#right_wrapper #login_my_pc 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;}


#right_wrapper ul{ padding:10px 0 0 15px ; display:block;}
#right_wrapper ul li{ position:relative;height:177px; overflow:hidden; margin-bottom:10px;}
#right_wrapper ul li h3{ display:none;}
#right_wrapper ul li p{display:none;}
#right_wrapper ul li a{ width:160px; height:177px;background:#CFC; display:block; font-size:0; text-indent:-999999999999999px;}
#right_wrapper ul li mark{display:none;}

#right_wrapper ul li#right_item1 a{ background:url(../img/main/1400/right_item1_off.jpg) center center no-repeat;}
#right_wrapper ul li#right_item1 a:hover{ background:url(../img/main/1400/right_item1_on.jpg) center center no-repeat;}
#right_wrapper ul li#right_item2 a{ background:url(../img/main/1400/right_item2_off.jpg) center center no-repeat;}
#right_wrapper ul li#right_item2 a:hover{ background:url(../img/main/1400/right_item2_on.jpg) center center no-repeat;}
#right_wrapper ul li#right_item3 a{ background:url(../img/main/1400/right_item3_off.jpg) center center no-repeat;}
#right_wrapper ul li#right_item3 a:hover{ background:url(../img/main/1400/right_item3_on.jpg) center center no-repeat;}
#right_wrapper ul li#right_item4 a{ background:url(../img/main/1400/right_item4_off.jpg) center center no-repeat;}
#right_wrapper ul li#right_item4 a:hover{ background:url(../img/main/1400/right_item4_on.jpg) center center no-repeat;}

#right_wrapper ul li a:hover{
	animation:main1_btn_over 1s 1 forwards;
	-webkit-animation:main1_btn_over 1s 1 forwards;
    -moz-animation:main1_btn_over 1s 1 forwards;
    -o-animation:main1_btn_over 1s 1 forwards; 
}
#right_wrapper ul.member_type{ padding:33px 0 0 15px ; display:block;}
#right_wrapper ul.member_type li{ position:relative;height:94px; overflow:hidden; margin-bottom:10px;}
#right_wrapper ul.member_type li h3{ display:none;}
#right_wrapper ul.member_type li p{display:none;}
#right_wrapper ul.member_type li a{ width:160px; height:94px;background:#CFC; display:block; font-size:0; text-indent:-999999999999999px;}
#right_wrapper ul.member_type li mark{display:none;}

#right_wrapper ul.member_type li#right_item1 a{ background:url(../img/login_after/note/right_item1_off.jpg) center center no-repeat;}
#right_wrapper ul.member_type li#right_item1 a:hover{ background:url(../img/login_after/note/right_item1_on.jpg) center center no-repeat;}
#right_wrapper ul.member_type li#right_item2 a{ background:url(../img/login_after/note/right_item2_off.jpg) center center no-repeat;}
#right_wrapper ul.member_type li#right_item2 a:hover{ background:url(../img/login_after/note/right_item2_on.jpg) center center no-repeat;}
#right_wrapper ul.member_type li#right_item3 a{ background:url(../img/login_after/note/right_item3_off.jpg) center center no-repeat;}
#right_wrapper ul.member_type li#right_item3 a:hover{ background:url(../img/login_after/note/right_item3_on.jpg) center center no-repeat;}
#right_wrapper ul.member_type li#right_item4 a{ background:url(../img/login_after/note/right_item5_off.jpg) center center no-repeat;}
#right_wrapper ul.member_type li#right_item4 a:hover{ background:url(../img/login_after/note/right_item5_on.jpg) center center no-repeat;}
#right_wrapper ul.member_type li#right_item5 a{ background:url(../img/login_after/note/right_item4_off.jpg) center center no-repeat;}
#right_wrapper ul.member_type li#right_item5 a:hover{ background:url(../img/login_after/note/right_item4_on.jpg) center center no-repeat;}
#right_wrapper ul.member_type li a:hover{
	animation:main1_btn_over 1s 1 forwards;
	-webkit-animation:main1_btn_over 1s 1 forwards;
    -moz-animation:main1_btn_over 1s 1 forwards;
    -o-animation:main1_btn_over 1s 1 forwards; 
}
#s_item1{ background:url(../img/main/slide_1.jpg) left top no-repeat;background-size:cover;}
#s_item2{ background:url(../img/main/slide_2.jpg) 100px top no-repeat;background-size:cover;background-position:-140px top;}
#s_item3{ background:url(../img/main/slide_3_5.jpg) left top no-repeat;background-size:cover;background-position:-100px top;}
#s_item4{ background:url(../img/main/slide_4_2.jpg) left top no-repeat;background-size:cover;}

#right_wrapper ul li#right_item1 p{color:#b9ddee; margin-top:10px; line-height:22px;}
#right_wrapper ul li#right_item2 p{color:#b19b9e;}
#right_wrapper ul li#right_item3 p{color:#b9ddee;}
#right_wrapper ul li#right_item4 p{color:#b9ddee; margin-top:10px;line-height:22px;}

#left_wrapper{ position:fixed; background:rgba(0,0,0,1); width:240px; height:100%;left:0; top:0;overflow:hidden;z-index:1111;}
#left_wrapper h1{ padding-top:34px; padding-bottom:33px; padding-left:34px;}
.m2_depth{ display:none;}
#gnb{ width:100%; overflow:hidden;border-top:1px solid #5a5a5a;}
#gnb li.m1_depth{ display:block;}
#gnb li.m1_depth a{padding:20px 34px;display:block; font-size:16px; color:#cccccc; border-bottom:1px solid #5a5a5a;}
#gnb li.m1_depth a:hover{ background:rgba(252,252,252,0.2); color:#FFF;}


#footer{ margin-top:50px; padding:0 34px;}

#gnb li#m1_depth_4{ display:none;}
#footer #copyright2{line-height:20px; font-size:12px; color:#666666;}

.order-wrap {}
.kakao {margin-bottom: 10px;}
.kakao-wrap-m {display: none;}
.kakao-wrap-m img {}
.order {margin-bottom: 10px;}
.pc {display: block;}
.mobile {display: none;}
}
@media screen and (min-width:641px) and (max-width:1000px) {
#login_my_pc,.login_after_pc{ display:none}

html, body {overflow:auto;}
	.content{ margin-top: 52px;}
	.swiper-container{position:relative;width:100%;height:404px; }
	.slider_item{position:relative;width:100%; }	
	.slider_item .slider_txt{ position:absolute; left:20px; top:64px;}
	.slider_item .slider_txt p{ font-size:18px; color:#2d2d2d;}
	.slider_item .slider_txt h3{ font-size:30px; color:#2d2d2d; font-weight:100; margin-top:5px; margin-bottom:22px;}
	.slider_item .slider_txt a{ font-size:10px; padding:9px 10px 10px 11px; border:1px solid #2d2d2d; color:#2d2d2d;  cursor:pointer;}
	
	
	#s_item1 .slider_txt p{color:#FFFFFF;}
	#s_item1 .slider_txt h3{color:#FFFFFF;}
	#s_item1 .slider_txt a{ border:1px solid #FFFFFF; color:#FFFFFF;}
	
	#s_item2 .slider_txt p{color:#FFFFFF;}
	#s_item2 .slider_txt h3{color:#FFFFFF;}
	#s_item2 .slider_txt a{ border:1px solid #FFFFFF; color:#FFFFFF;}
	
	#s_item3 .slider_txt{top:42px;}
	
	#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;}
	
	
	#right_wrapper{/*display:none;*/ position:absolute; top:456px; width:100%;}
	
	#right_wrapper ul{display:block;}
	#right_wrapper ul li{ position:relative; width:50%;height:214px;float:left;}
	#right_wrapper ul li h3{ margin-top:20px; margin-left:20px; font-size:2em; color:#FFFFFF; font-weight:bold;}
	#right_wrapper ul li p{margin-top:8px;margin-bottom:8px; margin-left:20px; font-size:16px; line-height:120%;}
	#right_wrapper ul li a{ position:absolute; bottom:20px;margin-left:20px; padding:10px 20px; display:inline-block;font-size:12px; color:#FFFFFF; text-align:center;}
	#right_wrapper ul li mark{ position:absolute;}
	
	#right_wrapper ul li p br{display:block;}
	#right_wrapper ul li p br.mobile_type{display:none;}
	#right_wrapper ul li#right_item1{ background:url(../img/m/main/right_item1.gif) right bottom no-repeat;background-size:cover;}
	#right_wrapper ul li#right_item2{ background:url(../img/tab/main/right_item2.jpg) right bottom no-repeat;background-size:cover;}
	#right_wrapper ul li#right_item3{ background:url(../img/tab/main/right_item3.jpg) right bottom no-repeat;background-size:cover;}
	#right_wrapper ul li#right_item4{ background:url(../img/m/main/right_item4.gif) right bottom no-repeat;background-size:cover;}
	#right_wrapper ul li#right_item5{ width:100%; background:url(../img/m/main/right_item5.jpg) left top no-repeat;background-size:cover;}
	
	
	#right_wrapper ul li#right_item1 a{ background:rgba(0,0,0,0.6);}
	#right_wrapper ul li#right_item2 a{ background:rgba(255,255,255,0.6);color:#000000}
	#right_wrapper ul li#right_item3 a{ background:rgba(255,255,255,0.6);color:#000000}
	#right_wrapper ul li#right_item4 a{ background:rgba(0,0,0,0.6);}
	#right_wrapper ul li#right_item5 a{ background:rgba(255,255,255,0.6);color:#000000}
	#right_wrapper ul li#right_item1 p{color:#b9ddee;}
	#right_wrapper ul li#right_item2 p{color:#b19b9e;margin-top:6px;margin-bottom:6px;}
	#right_wrapper ul li#right_item3 p{color:#b9ddee;margin-top:6px;margin-bottom:6px;}
	#right_wrapper ul li#right_item4 p{color:#b9ddee;}
	#right_wrapper ul li#right_item5 p{color:#cacaca;}
	
	#right_wrapper ul li#right_item1 mark{ background:url(../img/tab/main/right_item1_icon.png) right bottom no-repeat; width:129px; height:92px; right:18px; bottom:18px;background-size:cover;}
	#right_wrapper ul li#right_item4 mark{ background:url(../img/tab/main/right_item4_icon.png) right bottom no-repeat; width:148px; height:92px; right:18px; bottom:18px;background-size:cover;}

	#s_item1{ background:url(../img/main/slide_1.jpg) center top no-repeat;background-size:cover;}
	#s_item2{ background:url(../img/main/slide_2.jpg) center top no-repeat;background-size:cover;}
	#s_item3{ background:url(../img/main/slide_3_5.jpg) center top no-repeat;background-size:cover;}
	#s_item4{ background:url(../img/main/slide_4_2.jpg) center top no-repeat;background-size:cover;}
/*
	#left_wrapper{ position:absolute; background:rgba(0,0,0,1); width:100%;left:0; top:0;overflow:hidden;z-index:1111; height:52px;}
	#left_wrapper h1{ width: 124px; padding-top:12px;padding-left:20px;}	
	#left_wrapper h1 a{ width:124px;height:28px; background: url(../img/m/main/logo.png) left top no-repeat; display: block;}
	#left_wrapper h1 a img{display:none;}
*/
	#left_wrapper{ position:absolute;background:rgba(0,0,0,1); width:100%;left:0; top:0;overflow:hidden;z-index:1111; height:52px;}
	#gnb{}
	#left_wrapper 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;}
	#left_wrapper h1 a img{display:none;}
	/*#gnb{ position:absolute; right:20px; top:18px; width:24px;height:16px; background: url(../img/m/menu_icon.png) left top no-repeat;}*/	
	#mobile_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;}
	#gnb_sub{}
	
	
	#footer{position:absolute; top:884px; z-index:1111; width:100%;  }
	#footer #footer_box{ background:#222222; display:block; padding-left:20px; padding-right:20px; padding-bottom:20px;padding-top:1px; }
	#footer #copyright{ margin-top:12px; line-height:18px; font-size:12px; color:#666666;}
	#footer #copyright a{color:#666666;}
	#footer #copyright .pc_type{ display:none;}
	#footer #copyright2{ line-height:18px; font-size:12px; color:#666666; padding-bottom:10px;}
	#footer #copyright2 .mobile_type2{ display:none;}
	#footer #family_sites{ margin-top:12px;}
	#footer #footer_btn{ position:absolute; right:20px; top:20px; display: none;}
	#footer #footer_btn a{width:60px; height:36px; line-height:36px; text-align:center; font-size:12px; display:block; float:left;}
	#footer #footer_btn a#login_btn{ background:#006cb8; color:#ffffff;}
	#footer #footer_btn a#contact_btn{ background:#0a4d7c; color:#ffffff;}
	#footer #footer_btn a#login_btn:hover{ background:#007DE4; color:#ffffff;}
	#footer #footer_btn a#contact_btn:hover{ background:#003873; color:#ffffff;}
	#footer #footer_btn:after {display:block;visibility:hidden;clear:both;content:""}

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

	#footer #family_sites ul li a:hover{color:#006cb8;}

	#footer #footer_top{ margin-top:20px; margin-bottom: 20px;}
	#footer #footer_top li{ display: inline-block;}
	#footer #footer_top li::after{content: '|'; color:#565656; padding:0 8px;font-size:14px; }
	#footer #footer_top li a{ color:#666666; font-size:14px;}
	#footer #footer_top li.privacy_li::after{content:'';}
	#footer #footer_top li a:hover{ color:#006cb8;}
	
	#sub_ba{position:absolute; left:0;top:52px; width:226px; height:100%; background:#202020; z-index:11111111111111111111111;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;}
	.s_plus{position:absolute; width:13px;height:13px; background:url(../img/m/menu_plus.png) no-repeat; top:22px; right:20px; z-index:1111111111111111111111111111;}
	
	#gnb_right{position:relative;  z-index:11111111111111111111111111111111111111; background:#000000; padding-bottom:1px;}	
	#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:1111111111111111111111111;width:100%;}
	.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; }
	.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;}	
	.top_btn{ display:none; position:fixed;background:url(../img/top_btn.png); width:40px; height:40px; right:20px; bottom:36px; z-index:99999999999999999999999999999999999999999999999999999}

	.order-wrap {overflow: hidden; background: #222;}
	.kakao-wrap {display: none;}
	.kakao-wrap-m {float: right; margin-right: 50px;}
	.kakao-wrap-m img {width: 28px;}
	.kakao {float: left; margin-left: 20px; margin-top: 13px;}
	.order {float: left; margin-left: 10px; margin-top: 13px; margin-right: 10px;}
	.pc {display: none;}
	.mobile {display: block;}
	
}
@media screen and (max-width:640px) {
	#login_my_pc,.login_after_pc{ display:none}
	html, body {overflow:auto;}
	.content{ margin-top: 52px;}
	.swiper-container{position:relative;width:100%;height:274px; }
	.slider_item{position:relative;width:100%; }	
	.slider_item .slider_txt{ position:absolute; left:20px; top:20px;}
	.slider_item .slider_txt p{ font-size:1.2em; color:#2d2d2d;}
	.slider_item .slider_txt h3{ font-size:1.8em; color:#2d2d2d; font-weight:100; margin-top:5px; margin-bottom:14px;}
	.slider_item .slider_txt a{ font-size:0.8em; padding:9px 10px 10px 11px; border:1px solid #2d2d2d; color:#2d2d2d;  cursor:pointer;}
	
	
	#s_item1 .slider_txt p{color:#FFFFFF;}
	#s_item1 .slider_txt h3{color:#FFFFFF;}
	#s_item1 .slider_txt a{ border:1px solid #FFFFFF; color:#FFFFFF;}
	
	#s_item2 .slider_txt p{color:#FFFFFF;}
	#s_item2 .slider_txt h3{color:#FFFFFF;}
	#s_item2 .slider_txt a{ border:1px solid #FFFFFF; color:#FFFFFF;}
	
	
	
	#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;}
	
	
	#right_wrapper{/*display:none;*/ position:absolute; top:326px; width:100%; z-index:0;}
	#right_wrapper ul{display:block;}
	#right_wrapper ul li{ position:relative; width:50%;height:214px;float:left;}
	#right_wrapper ul li h3{ margin-top:20px; margin-left:20px; font-size:1.4em; color:#FFFFFF; font-weight:bold;}
	#right_wrapper ul li p{margin-top:8px;margin-bottom:8px; margin-left:20px; font-size:1.2em; line-height:14px;}
	#right_wrapper ul li a{width:100%; height:214px;display:block; font-size:0; text-indent:-999999999999999px; position:absolute; top:0; left:0; z-index:1111111111111111111;}
	#right_wrapper ul li mark{ position:absolute;}
	#right_wrapper ul li p br{display:none;}
	#right_wrapper ul li p br.br{display: block;}
	#right_wrapper ul li p br.mobile_type{display: block;}
	#right_wrapper ul li#right_item1{ background:url(../img/m/main/right_item1.gif) right bottom no-repeat;background-size:cover;}
	#right_wrapper ul li#right_item2{ background:url(../img/m/main/right_item2.jpg) right bottom no-repeat;background-size:cover;}
	#right_wrapper ul li#right_item3{ background:url(../img/m/main/right_item3.jpg) right bottom no-repeat;background-size:cover;}
	#right_wrapper ul li#right_item4{ background:url(../img/m/main/right_item4.gif) right bottom no-repeat;background-size:cover;}
	#right_wrapper ul li#right_item5{ width:100%; background:url(../img/m/main/right_item5.jpg) left bottom no-repeat;background-size:cover;}
	
	

	#right_wrapper ul li#right_item1 p{color:#b9ddee;}
	#right_wrapper ul li#right_item2 p{color:#b19b9e;margin-top:6px;margin-bottom:6px;}
	#right_wrapper ul li#right_item3 p{color:#b9ddee;margin-top:6px;margin-bottom:6px;}
	#right_wrapper ul li#right_item4 p{color:#b9ddee;}
	#right_wrapper ul li#right_item5 p{color:#b9ddee;}




	#right_wrapper ul li#right_item1 mark{ background:url(../img/m/main/right_item1_icon.png) right bottom no-repeat; width:84px; height:60px; right:18px; bottom:18px;background-size:cover;}
	#right_wrapper ul li#right_item4 mark{ background:url(../img/m/main/right_item4_icon.png) right bottom no-repeat; width:94px; height:60px; right:18px; bottom:18px;background-size:cover;}

	#s_item1{ background:url(../img/m/main/slide_1.jpg) center top no-repeat;background-size:cover;}
	#s_item2{ background:url(../img/m/main/slide_2.jpg) center top no-repeat;background-size:cover;}
	#s_item3{ background:url(../img/m/main/slide_3_5.jpg) center top no-repeat;background-size:cover;}
	#s_item4{ background:url(../img/m/main/slide_4_1.jpg) center top no-repeat;background-size:cover;}
/*
	#left_wrapper{ position:absolute; background:rgba(0,0,0,1); width:100%;left:0; top:0;overflow:hidden;z-index:1111; height:52px;}
	#left_wrapper h1{ width: 124px; padding-top:12px;padding-left:20px;}	
	#left_wrapper h1 a{ width:124px;height:28px; background: url(../img/m/main/logo.png) left top no-repeat; display: block;}
	#left_wrapper h1 a img{display:none;}
*/
	#left_wrapper{ position:absolute;background:rgba(0,0,0,1); width:100%;left:0; top:0;overflow:hidden;z-index:111111; height:52px;}
	
	#left_wrapper 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;}
	#left_wrapper h1 a img{display:none;}
	/*#gnb{ position:absolute; right:20px; top:18px; width:24px;height:16px; background: url(../img/m/menu_icon.png) left top no-repeat;}*/	
	#mobile_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;}
	
	
	
	#footer{position:absolute; top:754px; z-index:1111; width:100%;  }
	#footer #footer_box{ background:#222222; display:block; padding-left:20px; padding-right:20px; padding-bottom:20px;padding-top:1px; }
	#footer #copyright{ margin-top:12px; line-height:16px; font-size:10px; color:#666666;}
	#footer #copyright a{color:#666666;}
	#footer #copyright .pc_type{ display:none;}
	#footer #copyright2{margin-top:4px; line-height:16px; font-size:10px; color:#666666; padding-bottom:10px;}
		
	#footer #family_sites{ margin-top:12px;}
	#footer #footer_btn{ position:absolute; right:20px; top:20px; display: none;}
	#footer #footer_btn a{width:60px; height:36px; line-height:36px; text-align:center; font-size:12px; display:block; float:left;}
	#footer #footer_btn a#login_btn{ background:#006cb8; color:#ffffff;}
	#footer #footer_btn a#contact_btn{ background:#0a4d7c; color:#ffffff;}
	#footer #footer_btn a#login_btn:hover{ background:#007DE4; color:#ffffff;}
	#footer #footer_btn a#contact_btn:hover{ background:#003873; color:#ffffff;}
	#footer #footer_btn:after {display:block;visibility:hidden;clear:both;content:""}

	#footer #family_sites{ position:relative; background:#797979; width:100%; height:36px;}
	#footer #family_sites h3{font-size:12px; color:#2d2d2d; padding:10px 0 0 10px;height:26px;  cursor:pointer;}
	#footer #family_sites h3.f_off{background:url(../img/f_aw.png) 96% 15px no-repeat;}
	#footer #family_sites h3.f_on{background:url(../img/f_aw.png) 96% 15px no-repeat;}
	#footer #family_sites ul{ position:absolute; top:-135px; background:#d5d5d5; width:100%; padding-bottom:16px; height:119px; display:none;}
	#footer #family_sites ul li{ padding-top:16px; }
	#footer #family_sites ul li a{ padding-left:10px;display:block; }

	#footer #family_sites ul li a:hover{color:#006cb8;}

	#footer #footer_top{ margin-top:20px; margin-bottom: 20px;}
	#footer #footer_top li{ display: inline-block;}
	#footer #footer_top li::after{content: '|'; color:#565656; padding:0 8px;font-size:14px; }
	#footer #footer_top li a{ color:#666666; font-size:12px;}
	#footer #footer_top li.privacy_li::after{content:'';}
	#footer #footer_top li a:hover{ color:#006cb8;}
	
	#sub_ba{position:absolute; left:0;top:52px; width:226px; height:100%; background:#202020; z-index:11111111111111111111111;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;}
	.s_plus{position:absolute; width:13px;height:13px; background:url(../img/m/menu_plus.png) no-repeat; top:22px; right:20px; z-index:1111111111111111111111111111;}
	
	#gnb_right{position:relative;  z-index:11111111111111111111111111111111111111; background:#000000; padding-bottom:1px;}	
	#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:1111111111111111111111111;width:100%;}
	.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; }
	.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;}
	.top_btn{ display:none; position:fixed;background:url(../img/top_btn.png); width:40px; height:40px; right:20px; bottom:20px; z-index:99999999999999999999999999999999999999999999999999999}

	.order-wrap {overflow: hidden; background: #222;}
	.kakao-wrap {display: none;}
	.kakao-wrap-m {float: right; margin-right: 50px;}
	.kakao-wrap-m img {width: 28px;}
	.kakao {float: left; margin-left: 20px; margin-top: 13px;}
	.order {float: left; margin-left: 10px; margin-top: 13px; margin-right: 10px;}
	.pc {display: none;}
	.mobile {display: block;}
}
@media screen and (min-width:1001px){
	
html, body {height: 100%; overflow:hidden;}
#wrapper{ width:100%; height:100%;}

.content{ position:absolute; left:0; width:100%; height:100%; top:0px; }
.swiper-container{position:relative;width:100%;height:100%; }
.slider_item{position:relative;width:100%; height:100%; }	
	
	
#footer #copyright{ margin-top:28px; line-height:20px; font-size:12px; color:#666666;}
#footer #family_sites{ margin-top:10px;}
#footer #footer_btn{margin-top:28px;}
#footer #footer_btn a{width:81px; height:36px; line-height:36px; text-align:center; font-size:14px; display:block; float:left;}
#footer #footer_btn a#login_btn{ background:#006cb8; color:#ffffff;}
#footer #footer_btn a#contact_btn{ background:#0a4d7c; color:#ffffff;}
#footer #footer_btn a#login_btn:hover{ background:#007DE4; color:#ffffff;}
#footer #footer_btn a#contact_btn:hover{ background:#003873; color:#ffffff;}
#footer #footer_btn:after {display:block;visibility:hidden;clear:both;content:""}

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

#footer #family_sites ul li a:hover{color:#006cb8;}

#footer #footer_top{ background:url(../img/sitemap_bg.gif) left top no-repeat;}
#footer #footer_top li{ padding-top:12px;}

#footer #footer_top li a{ color:#666666; font-size:14px;}
#footer #footer_top li a.privacy{ color:#006cb8}
#footer #footer_top li a:hover{ color:#006cb8;}

#main_ad{ position:absolute; bottom:0; right:520px; z-index:1;}
#main_ad img{ float:left; margin-right:10px;margin-bottom:34px;}
#main_ad p{ float:left; font-size:10px; color:#FFFFFF; margin-bottom:38px;}
#main_ad p strong{ display:block; margin-bottom:6px; font-weight:normal;}
}


@keyframes main1_btn_over {
    from { opacity:0.2}
    to { opacity:1}
}

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