@charset "utf-8";
@import url(//fonts.googleapis.com/css2?family=Black+Han+Sans&display=swap);
@import url(//fonts.googleapis.com/css2?family=Jost:wght@100;300;400;500;600;700&display=swap);
@import url(//cdn.rawgit.com/innks/NanumSquareRound/master/nanumsquareround.min.css);
@import url(//cdn.jsdelivr.net/font-iropke-batang/1.2/font-iropke-batang.css);

@font-face {
    font-family: 'GhanaChoco';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@1.0/ghanachoco.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
     font-family: 'BRBA_B';
     src: url('//cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_seven@1.2/BRBA_B.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
@font-face {
     font-family: 'BRRA_R';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_seven@1.2/BRRA_R.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}

@font-face {
    font-family: 'LeferiBaseType-RegularA';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/LeferiBaseType-RegularA.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'LeferiBaseType-BoldA';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/LeferiBaseType-BoldA.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'LeferiPoint-WhiteA';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/LeferiPoint-WhiteA.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'LeferiPoint-BlackA';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/LeferiPoint-BlackA.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face { 
  font-family: 'SCDream Gothic'; 
  font-style: normal; 
  font-weight: 300; 
  src: url(../_Font/S-CoreDream-Light.woff2) format('woff2'), 
      url(../_Font/S-CoreDream-Light.woff) format('woff'), 
      url(../_Font/S-CoreDream-Light.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'SCDream Gothic'; 
  font-style: normal; 
  font-weight: 400; 
  src: url(../_Font/S-CoreDream-Regular.woff2) format('woff2'), 
       url(../_Font/S-CoreDream-Regular.woff) format('woff'), 
       url(../_Font/S-CoreDream-Regular.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'SCDream Gothic'; 
  font-style: normal; 
  font-weight: 500; 
  src: url(../_Font/S-CoreDream-Medium.woff2) format('woff2'), 
        url(../_Font/S-CoreDream-Medium.woff) format('woff'), 
        url(../_Font/S-CoreDream-Medium.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'SCDream Gothic'; 
  font-style: normal; 
  font-weight: 700; 
  src: url(../_Font/S-CoreDream-Bold.woff2) format('woff2'), 
        url(../_Font/S-CoreDream-Bold.woff) format('woff'), 
        url(../_Font/S-CoreDream-Bold.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'SCDream Gothic'; 
  font-style: normal; 
  font-weight: 900; 
  src: url(../_Font/S-CoreDream-ExtraBold.woff2) format('woff2'), 
        url(../_Font/S-CoreDream-ExtraBold.woff) format('woff'), 
        url(../_Font/S-CoreDream-ExtraBold.otf) format('opentype'); 
 }   
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 300; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 400; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 500; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 700; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 900; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype'); 
 } 
@font-face {
    font-family: 'ONE-Mobile-Title';
    src: url('//cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/ONE-Mobile-Title.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ONE-Mobile-Regular';
    src: url('//cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/ONE-Mobile-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ONE-Mobile-Regular';
    src: url('//cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/ONE-Mobile-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Arita-buri-SemiBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/Arita-buri-SemiBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


html,body {font-family: /*'ONE-Mobile-Regular',*/'Noto Sans KR', "Apple SD Gothic Neo", "Malgun Gothic", Sans-serif; }
{overflow-y:visible;overflow-x:auto; }
#doc {overflow:hidden;position:relative;min-width:360px; z-index:8999;min-width:360px;opacity:0;-webkit-transition: opacity 0.3s ease-out;-moz-transition: opacity 0.3s ease-out;-o-transition: opacity 0.3s ease-out;transition: opacity 0.3s ease-out;}
#doc.show{ transition-delay:0s; opacity:1;}
#doc.sub{background:#f5f5f5;}
	@media only screen and (max-width:1400px){
		
	}
	@media only screen and (max-width:999px){
		
	}
	@media only screen and (max-width:680px){
		
	}
	@media only screen and (max-width:480px){
		
	}	
	

/*=======================================================
  css default
=========================================================*/
.div-cont {text-align:left;margin:0 auto 0 auto; max-width:1400px; padding:0 20px; box-sizing:border-box;}
.div-cont:after {clear:both;content:"";display:block;}
	@media only screen and (max-width:1400px){
		
	}
	@media only screen and (max-width:999px){
		
	}
	@media only screen and (max-width:680px){
		.div-cont{padding:0 15px;}
	}
	@media only screen and (max-width:480px){
		
	}

.body-slide-wr{position:relative;width:100%;transition:margin 0.3s ease;}
.allmenu-ovclick{position:fixed;z-index:1900;width:20000px;left:-9999em ;background:transparent;margin-left:-10000px;height:calc(100% - 145px);top:145px;cursor:pointer }
.header-ovclick{position:fixed;z-index:1600;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.65);cursor:pointer }
	@media only screen and (min-width:1000px){
		#header-wrap.over .allmenu-ovclick{left:50% !important}
		.header-ovclick{display:none !important;}
	}
	@media only screen and (max-width:999px){
		.allmenu-ovclick{display:none !important}
		.header-ovclick{height:100%; top:0; }
	}


/*=======================================================
    z-index dafault
=========================================================*/
#header-wrap{position:fixed;z-index:2005;}
#container-wrap{position:relative;z-index:1006;}
#footer-wrap{position:relative;z-index:1005; height:auto !important}


/*=======================================================
    #header-wrap 
=========================================================*/
#header-wrap {left:0; width:100%; top:0; min-width:360px; -webkit-transition: top 0.4s ease-out;-moz-transition: top 0.4s ease-out;-o-transition: top 0.4s ease-out;transition: top 0.4s ease-out}
#header-wrap:after{position:absolute;left:50%; bottom:0;  width:20000px;margin-left:-10000px; background:#fff; height:100%; box-sizing:border-box;z-index:-1;-webkit-transition: background 0.35s ease-out;-moz-transition: background 0.35s ease-out;-o-transition: background 0.35s ease-out;transition: background 0.35s ease-out;display:block; content:""; }
#header-wrap.fix:after{background:#fff; box-shadow: 0 0 12px rgba(0, 0, 0, 0.2)  ; -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.2)  ; -moz-box-shadow: 0 0 12px rgba(0, 0, 0, 0.2)  ; }
	@media only screen and (min-width:1000px){
		#header-wrap.over:after{background:#fff; box-shadow: 0 0 12px rgba(0, 0, 0, 0.2)  ; -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.2)  ; -moz-box-shadow: 0 0 12px rgba(0, 0, 0, 0.2)  ; }
	}

#header{position:relative; height:145px; z-index:5001; max-width:1400px; padding:0 20px; margin:auto ;box-sizing:border-box;}
#header:after{position:absolute;left:50%; bottom:0; width:100%; max-width:1600px; height:0; border-bottom:1px solid rgba(255,255,255,0.5); box-sizing:border-box;z-index:-1;display:block; content:"";-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -o-transform:  translateX(-50%);transform: translateX(-50%);}
#header-wrap.over #header:after, #header-wrap.fix #header:after, .sub #header-wrap #header:after{display:none}

#gnb{position:absolute; right:0; top:0; box-sizing:border-box; z-index:2400; height:48px;width:100%; padding:0 20px; font-size:0;text-align:right;}
#gnb:before{width:20000px; left:50%; margin-left:-10000px; background:#f5f5f5; position:Absolute; bottom:0; height:100%; z-index:-1; display:block; content:"";}
#gnb:after{display:block; content:"";clear:both;}
#gnb a{display:inline-block;vertical-align:top;font-size:15px; color:#535353;line-height:48px; letter-spacing:-0.00em; padding-left:29px; background:url(../_Img/layout/bt-bookmark.png) no-repeat left center;}

#logo{width:287px;height:55px; position:absolute; left:20px; top:69px ; z-index:5500}
#logo a{display:block; height:55px;background:url(../_Img/logo.png) no-repeat left center; background-size:100% auto;}

.bt-mnall{display:none; width:65px;height:65px;background:url(../_Img/layout/bt-mnall.png) no-repeat center center;background-size:40% auto; position:absolute; right:0; bottom:0;z-index:4212;}
.bt-allmenu{display:block; z-index:5500 ;width:43px;height:43px;background:url(../_Img/layout/bt-mnall.png) no-repeat center center;background-size:35px auto; position:absolute; right:20px; top:77px;z-index:4212;}
.bt-support{display:block; z-index:5500 ;line-height:43px;font-size:18px;  font-family: 'ONE-Mobile-Regular';font-weight:600; color:#fff;background:#2ba6e1; min-width:132px;border-radius:43px; text-align:center; letter-spacing:-0.03em; position:absolute; right:104px; top:77px;}
.bt-support:hover{background:#ffe33b; color:#000;}
	@media only screen and (min-width:1200px) and (max-width:1400px){
		#logo{width:250px;height:50px; top:74px;}
		#logo a{ height:50px;}

		#gnb a{font-size:15px;}
		
		.bt-allmenu{background-size:31px auto;}
		.bt-support{font-size:19px; min-width:120px; right:85px}
	}
	@media only screen and (min-width:1000px) and (max-width:1199px){
		#logo{width:210px;height:45px; top:77px;}
		#logo a{ height:45px;}

		#gnb a{font-size:14px;}
		
		.bt-allmenu{background-size:27px auto;}
		.bt-support{font-size:17px; min-width:110px; right:75px}
	}
	@media only screen and (max-width:999px){
		.bt-mnall{display:block;} 
		.bt-allmenu{display:none;}
		.bt-support{display:none;}

		#gnb{display:none;}
		#header{height:65px;}
		
		#logo{width:190px;height:60px; left:20px; top:14px; z-index:1001}
		#logo a{height:40px;}
	}
	@media only screen and (max-width:680px){
		
	}
	@media only screen and (max-width:480px){

	}


#allmenu-wrap{position:fixed; top:0;left:0; display:none; overflow:hidden; z-index:6005;background:#fff; padding-right:80px; width:100%;height:100%; box-sizing:border-box; overflow-y:auto;}	
#allmenu-wrap:after{width:80px;height:100%; position:absolute;right:0; top:0;background:#f5f5f5; display:block; content:"";z-index:91}
#allmenu-wrap .close {position:absolute;z-index:2599; width:30px; height:30px; background:url(../_Img/layout/bt-mnclose.png) no-repeat center center; background-size:110% auto;right:25px; top:29px; z-index:92;}
#allmenu-wrap .allmenu{position:absolute; left:0; top:0; height:100%; overflow:hidden; width:calc(100% - 80px); z-index:23;}
#allmenu-wrap ul:after{display:block; content:"";clear:both;}
#allmenu-wrap li.mn_l1{float:left; width:20%; box-sizing:border-box; position:relative; height:100%;display:flex;align-items: center; justify-content: left;overflow:hidden;}
#allmenu-wrap li.mn_l1:after{width:100%;height:100%; position:absolute; left:0; top:0; display:block; content:"";background:#2ba6e1; z-index:3;-webkit-transition: left 0.4s ease-in-out;-moz-transition: left 0.4s linear;-o-transition: left 0.4s ease-in-out;transition: left 0.4s ease-in-out;}
#allmenu-wrap li.mn_l1:before{width:0;height:100%; position:absolute; right:0; top:0; display:block; content:"";border-left:1px solid #dfdfdf; z-index:1;}
#allmenu-wrap li.mn_l1:nth-child(even):after{background:#ffe33b}

#allmenu-wrap.open li.mn_l1:after{left:100%;}

#allmenu-wrap.open li.mn_l1:nth-child(1):after{transition-delay: 0.2s;}
#allmenu-wrap.open li.mn_l1:nth-child(2):after{transition-delay: 0.2s;}
#allmenu-wrap.open li.mn_l1:nth-child(3):after{transition-delay: 0.2s;}
#allmenu-wrap.open li.mn_l1:nth-child(4):after{transition-delay: 0.2s;}
#allmenu-wrap.open li.mn_l1:nth-child(5):after{transition-delay: 0.2s;}
#allmenu-wrap.open li.mn_l1:nth-child(6):after{transition-delay: 0.2s;}

#allmenu-wrap li .vc{width:100%; box-sizing:border-box; padding:0 0 40px 0;overflow:hidden; min-height:430px;}
#allmenu-wrap li .mn_a1 {font-family: 'ONE-Mobile-Title'; display:block;font-size:27px;font-weight:700; line-height:1.5em; color:#111; letter-spacing:-0.02em;padding:0 0 0 18%;}
#allmenu-wrap li .mn_a1:hover{color:#2ba6e1}
#allmenu-wrap li .depth2-wrap{padding-top:25px ;min-height:240px;}
#allmenu-wrap li .depth2{padding:0 0 0 0}
#allmenu-wrap li.mn_l2:nth-child(n+2){margin-top:0}
#allmenu-wrap li .mn_a2{display:block;font-size:19px;font-weight:400; line-height:1.2em; color:#555; letter-spacing:-0.02em; padding:15px 0 15px 18%; position:relative;}
#allmenu-wrap li .mn_a2:hover{color:#fff}
#allmenu-wrap li .mn_a2:after{position:absolute; left:0; top:0; width:0; height:100%; background:#2ba6e1;display:block; content:"";z-index:-1;-webkit-transition: width 0.3s ease-in-out;-moz-transition: width 0.3s ease-in-out;-o-transition: width 0.3s ease-in-out;transition: width 0.3s ease-in-out;}
#allmenu-wrap li .mn_a2:hover:after{width:100%}

#allmenu-wrap li .mn_a1{display:block;opacity:0;position:Relative;-webkit-transform: translateX(-10%); -moz-transform: translateX(-10%);-ms-transform: translateX(-10%); -o-transform:  translateX(-10%);transform: translateX(-10%);-webkit-transition: transform 0.3s ease-in-out ,  opacity 0.3s ease-in-out;-moz-transition: transform 0.3s ease-in-out ,  opacity 0.3s ease-in-out;-o-transition: transform 0.3s ease-in-out ,  opacity 0.3s ease-in-out;transition: transform 0.3s ease-in-out ,  opacity 0.3s ease-in-out;}
#allmenu-wrap li .depth2{position:relative;opacity:0;-webkit-transform: translateX(-5%); -moz-transform: translateX(-5%);-ms-transform: translateX(-5%); -o-transform:  translateX(-5%);transform: translateX(-5%);-webkit-transition: transform 0.3s ease-in-out ,  opacity 0.3s ease-in-out;-moz-transition: transform 0.3s ease-in-out ,  opacity 0.3s ease-in-out;-o-transition: transform 0.3s ease-in-out ,  opacity 0.3s ease-in-out;transition: transform 0.3s ease-in-out ,  opacity 0.3s ease-in-out;}

#allmenu-wrap li .depth3-wrap{}
#allmenu-wrap li .depth3{padding:0 0 0 0}
#allmenu-wrap li .mn_a3{display:block;font-size:16px;font-weight:400; line-height:1.2em; color:#777; letter-spacing:-0.02em; padding:10px 0 10px 18%; position:relative;}
#allmenu-wrap li .mn_a3:hover{color:#111}

#allmenu-wrap.open li.mn_l1 .mn_a1{transition-delay: 0.4s;opacity:1;-webkit-transform: translateX(0); -moz-transform: translateX(0);-ms-transform: translateX(0); -o-transform:  translateX(0);transform: translateX(0);}
#allmenu-wrap.open li.mn_l1 .depth2{transition-delay: 0.8s;opacity:1;-webkit-transform: translateX(0); -moz-transform: translateX(0);-ms-transform: translateX(0); -o-transform:  translateX(0);transform: translateX(0);}
	@media only screen and (max-width:1400px){
		#allmenu-wrap li .mn_a1{font-size:25px;}
		#allmenu-wrap li .mn_a2{font-size:17px;}
		#allmenu-wrap li .mn_a3{font-size:15px;}
	}
	@media only screen and (max-width:1280px){
		#allmenu-wrap li .depth2-wrap{padding-top:15px}
		#allmenu-wrap li .mn_a1{font-size:23px; padding:12px 0; padding-left:16%}
		#allmenu-wrap li .mn_a2{font-size:15px; padding:12px 0;padding-left:16%}
		#allmenu-wrap li .mn_a2{font-size:13px; padding:6px 0;padding-left:16%}
	}
	@media only screen and (max-width:1100px){
		
	}
	@media only screen and (max-width:999px) {
		#allmenu-wrap{display:none !important;}
	}


	/* ======================================================
	   #mainNavi-wrap 
	=========================================================*/
	@media only screen and (min-width:1000px){
		.bt-mnall{display:none !important}
		#mainNavi-wrap {position:absolute; left:0; top:77px; width:100%; z-index:3320;}
		#mainNavi-wrap.open{left:0;}
		
		.topmenu {display:block;position:relative;text-align:right; padding-right:288px}
		.topmenu:after {display:block;content:"";clear:both;}
		.topmenu .mn_l1 {display:inline-block;vertical-align:top; position:relative; text-align:left;}
		.topmenu .mn_l1:nth-child(n+2){margin-left:110px;}
		.topmenu .mn_a1 {display:block;line-height:58px;font-size:19px;  font-family: 'LeferiPoint-BlackA'; color:#181818; letter-spacing:-0.03em; position:relative;}
		.topmenu .mn_a1 span:after{position:absolute; left:50%; width:0; height:3px; bottom:-8px; display:block; content:"";background:#2ba6e1;-webkit-transition: width 0.3s ease-in-out;-moz-transition: width 0.3s ease-in-out;-o-transition: width 0.3s ease-in-out;transition: width 0.3s ease-in-out;-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -o-transform:  translateX(-50%);transform: translateX(-50%);}
		.topmenu .mn_a1:hover span:after, .topmenu .is-open .mn_a1 span:after{width:100%;}
		.topmenu .mn_a1:hover, .topmenu .is-open .mn_a1{color:#2ba6e1}
		
		.topmenu .is-open .depth2{position:relative; left:auto; top:auto;}
		.topmenu .depth2-wrap{position:absolute ;top:68px;left:50%;margin-left:-120px;display:none;width:240px;opacity:1;}
		.topmenu .depth2 {font-size:0; text-align:left; padding:30px 30px 30px 30px;position:absolute; left:-9999rem; top:0;font-size:0; display:block !important;background:#fff;}
		.topmenu .depth2:after{display:block;content:"";clear:both;}
pth2 li {}
		.topmenu .depth2 .mn_l2 {}
		.topmenu .depth2 .mn_a2 {line-height:1.2em;padding:10px 0 10px 0; display:block;position:relative;font-weight:400; font-family: 'LeferiBaseType-RegularA';font-size:17px; line-height:20px;letter-spacing:-0.03em;color:#000;}
		.topmenu .depth2 .mn_l2.is-open .mn_a2, .topmenu .depth2 .mn_a2:hover{color:#2ba6e1;}

		.topmenu .mn_l2.is-open .depth3-wrap{display:block;}
		.topmenu .depth3-wrap {position:relative;padding:5px 0 0 0; display:block;}
		.topmenu .depth3{position:relative}
		.topmenu .depth3:after{display:block;content:"";clear:both;}
		.topmenu .depth3 li {}
		.topmenu .depth3 .mn_l3 {text-align:left;}
		.topmenu .depth3 .mn_l3:nth-child(n+2){margin-top:4px;}
		.topmenu .depth3 .mn_a3 {position:relative; width:calc(100% + 40px); padding:2px 20px; box-sizing:border-box;margin-left:-20px;line-height:1.2em; display:block;position:relative;font-weight:400; font-size:14px; line-height:1.4em;letter-spacing:-0.03em;color:#5f5f5f;font-family: 'LeferiBaseType-RegularA';}
		.topmenu .depth3 .mn_a3:hover {color:#2ba6e1;font-weight:500;}
		
		.tm-top{display:none}
		.mn-bar {position:absolute;top:145px;width:100%;left:0;z-index:2000; height:0; box-sizing:border-box;background:transparent;}
		.mn-bar:after{position:absolute;max-width:1400px; width:100%; height:100%; left:50%;top:0; display:block; content:""; /*======== background:url(../_Img/layout/mn-bar.jpg) no-repeat left center;  ==========*/	 opacity:0;-webkit-transition: opacity 0.3s ease-in-out;-moz-transition: opacity 0.3s ease-in-out;-o-transition: opacity 0.3s ease-in-out;transition: opacity 0.3s ease-in-out;-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -o-transform:  translateX(-50%);transform: translateX(-50%);}

		#header-wrap.over .mn-bar{}
		#header-wrap.over .mn-bar:after{transition-delay: 0.35s;opacity:1;}
		#mainNavi-wrap .abr{display:none;}
	}
	@media only screen and (min-width:1200px) and (max-width:1400px){
		.topmenu {padding-right:250px;}
		.topmenu .mn_l1:nth-child(n+2){margin-left:100px;}
		.topmenu .depth2-wrap{width:200px; margin-left:-100px;}
		.topmenu .depth2 {padding:20px 25px;}
		.topmenu .depth2 .mn_a2 {font-size:16px;}
		.topmenu .depth3 .mn_a3 {font-size:13px;}
	}
	@media only screen and (min-width:1100px) and (max-width:1199px){
		.topmenu {padding-right:230px;}
		.topmenu .mn_l1:nth-child(n+2){margin-left:90px;}
		.topmenu .mn_a1 {font-size:18px;}
		.topmenu .mn_a1 span:after{bottom:-20px}
		
		.topmenu .depth2-wrap{width:180px; margin-left:-90px;}
		.topmenu .depth2 {padding:20px 20px;}
		.topmenu .depth2 .mn_a2 {font-size:15px;}
		.topmenu .depth3 .mn_a3 {font-size:12px;}
	}
	@media only screen and (min-width:1000px) and (max-width:1099px){
		.topmenu {padding-right:220px;}
		.topmenu .mn_l1:nth-child(n+2){margin-left:80px;}
		.topmenu .mn_a1 {font-size:17px;}
		.topmenu .mn_a1 span:after{bottom:-20px}
		.topmenu .depth2-wrap{width:180px; margin-left:-90px;}
		.topmenu .depth2 {padding:20px 20px;}
		.topmenu .depth2 .mn_a2 {font-size:15px;}
		.topmenu .depth3 .mn_a3 {font-size:12px;}
	}
	@media only screen and (max-width:999px) {
		#mainNavi-wrap{position:relative; z-index:4300; text-align:left; height:0 !Important}
		#mainNavi {position:fixed;background:#fff;transition:right 0.3s ease;z-index:7000;right:-320px;min-width:320px;overflow:hidden;top:0;width:320px; box-sizing:border-box; padding:0;height:100%;-webkit-transition: right 0.3s ease-out;-moz-transition: right 0.3s ease-out;-o-transition: right 0.3s ease-out;	transition: right 0.3s ease-out;}
		#mainNavi-wrap.open #mainNavi{right:0;}

		.tm-top{position:relative;  }	

		#mainNavi-wrap .tm-top{ box-sizing:border-box; min-height:65px; border-bottom:1px solid rgb(235,235,235); position:Relative;}
		#mainNavi-wrap .tm-top:after{width:100%;height:10px; position:Absolute ;left:0; bottom:-11px; background:rgb(248,248,248); display:block; content:""; }
		#mainNavi-wrap .tm-top h3{height:65px;background:url(../_Img/logo.png) no-repeat 25px center; background-size: auto 30px;}
		#mainNavi-wrap .tm-top .bt-mnclose{width:65px;height:65px; position:Absolute;right:0; top:0;background:url(../_Img/layout/bt-mnclosew.png) no-repeat center center #2ba6e1; background-size:50% auto;}

		#mainNavi-wrap .tm-top dl.login-after{display:none;}

		.topmenu {display:block;padding:20px 20px; position:absolute; left:0;  width:100%; height:calc(100% - 171px); overflow-y:auto; top:75px; box-sizing:border-box;}
		.topmenu:after {display:block;content:"";clear:both;}
		.topmenu a {position:relative;}
		.topmenu .mn_l1.has-sub .mn_a1:after{width:20px;height:20px; position:Absolute;right:10px; top:50%;margin-top:-10px;background:url(../_Img/layout/has-depth.png) no-repeat center center; background-size:100% auto; display:block;content:""}
		.topmenu .mn_l1.has-sub.m-open .mn_a1:after{background-image:url(../_Img/layout/has-deptho.png)}

		.topmenu .mn_a1 {font-family: 'ONE-Mobile-Title';position:relative;display:block;border-bottom:1px solid rgba(209,209,209,1);z-index:101;}
		.topmenu .mn_a1 span {display:block;padding:19px 5px 19px 10px;overflow:hidden;font-size:18px;font-weight:500;letter-spacing:-0.02em;line-height:1.3em;white-space:normal;cursor:pointer;color:#000;}
		.topmenu .over .mn_a1 span, .topmenu  .mn_a1:hover span , .topmenu .m-open .mn_a1 span {color:#2ba6e1;}
		.topmenu .mn_l1.has-sub.m-open .mn_a1{border-color:#111;}
		.topmenu .over .depth2-wrap ,.topmenu .m-open .depth2-wrap {display:block !important}
		
		.topmenu .dep-tit{display:none;}
		.topmenu .depth2-wrap { overflow-x:hidden;overflow-y:auto; height:100% !important; display:none !important; }
		.topmenu .depth2 {padding:0; border-bottom:1px solid rgba(209,209,209,1);background:#f5f5f5; padding:12px 5px}
		.topmenu .depth2:after {clear:both;content:"";display:block;}
		.topmenu .depth2 .mn_l2{}
		.topmenu .depth2 .mn_l2:last-child{border-bottom:none;}
		.topmenu .depth2 .mn_a2 {display:block; position:Relative;padding:7px 30px 7px 20px; position:relative;font-size:15px;font-weight:500;cursor:pointer;color:#333;letter-spacing:-0.02em; line-height:1.35em;} 
		.topmenu .depth2 .mn_l2.is-open .mn_a2{ color:#2ba6e1;}

		.topmenu .mn_l2.has-sub .mn_a2:after{width:20px;height:20px; position:Absolute;right:7px; top:50%;margin-top:-10px;background:url(../_Img/layout/has-depth2.png) no-repeat center center; background-size:60% auto; display:block;content:""}
		.topmenu .mn_l2.has-sub.is-open .mn_a2:after{background-image:url(../_Img/layout/has-depth2o.png)}

		.topmenu .depth2 .new-win span:after{position:Absolute;width:20px;height:20px; position:absolute;right:0px; top:50%;margin-top:-10px;background:url(../_Img/layout/depth-newin.png) no-repeat center center; display:block; content:""}
		.topmenu .depth2 .new-win span{display:inline-block;vertical-align:top; position:Relative; padding-right:29px;}
		.topmenu .depth2 .new-win:hover span:after{background-image:url(../_Img/layout/depth-newino.png)}
		.topmenu .depth2 .mn_l2.has-sub .mn_a2:after{position:Absolute;width:20px;height:20px; position:absolute;right:10px; top:50%;margin-top:-10px;background:url(../_Img/layout/has-depth2.jpg) no-repeat center center; display:block; content:""}
		.topmenu .depth2 .mn_l2.has-sub.is-open .mn_a2:after{background-image:url(../_Img/layout/has-depth2o.jpg)}
		
		.topmenu .mn_l2.is-open .depth3-wrap{display:block;}
		.topmenu .depth3-wrap {position:relative;padding:5px 15px;}
		.topmenu .depth3{position:relative}
		.topmenu .depth3:after{display:block;content:"";clear:both;}
		.topmenu .depth3 li {}
		.topmenu .depth3 .mn_l3 {text-align:left;}
		.topmenu .depth3 .mn_l3:nth-child(n+2){margin-top:4px;}
		.topmenu .depth3 .mn_a3 {position:relative; padding:3px 20px; box-sizing:border-box;line-height:1.2em; display:block;position:relative;font-weight:400; font-size:14px; line-height:1.4em;letter-spacing:-0.03em;color:#666;}
		.topmenu .depth3 .mn_a3:before{width:5px;border-bottom:1px solid #555; position:absolute; left:9px; top:10px; display:block; content:""}
		.topmenu .depth3 .mn_a3:hover {color:#111;font-weight:500;}
		.topmenu .depth3 .mn_a3:hover span{text-decoration:underline}


		#mainNavi .abr{position:Absolute;right:0; bottom:0;width:100%; box-sizing:border-box;  padding:10px 35px; background:#f6f6f6; border-top:1px solid #ddd; box-sizing:border-box;}
		#mainNavi .abr .mbt-bookmark{display:block; text-align:center; line-height:36px;font-size:13px; color:#111;line-height:35px; letter-spacing:-0.03em;}
		#mainNavi .abr .mbt-bookmark span{display:inline-block;vertical-align:top; padding-left:29px; background:url(../_Img/layout/bt-bookmark.png) no-repeat left center;}
		#mainNavi .abr .mbt-support{margin-top:5px;display:block; z-index:5500 ;line-height:35px;font-size:15px;  font-family: 'ONE-Mobile-Regular';font-weight:400; color:#000;background:#ffe33b; border-radius:35px; text-align:center; letter-spacing:-0.03em; }
		#mainNavi .abr .mbt-support:hover{background:#111; color:#fff;}

		.mn-bar{display:none !important;}
		.topmenu #tm00{display:none}
	}

/* ======================================================
   #container-wrap 
=========================================================*/
#container-wrap{margin-top:145px;}
#container-wrap #contents{min-height:1050px}

#content-wrap{padding:44px 35px 85px 35px; max-width:1400px; margin:0 auto; box-sizing:border-box; background: #f5f5f5;}
#content-wrap:after{display:block; content:"";clear:both}
#content-wrap #contents{background:#fff; padding:60px 75px 75px 75px; min-height:auto;}
	@media only screen and (max-width:1400px){
		#content-wrap{padding:65px 30px 65px 30px;}
		#content-wrap #contents{padding:60px 50px 50px 50px;}
	}
	@media only screen and (max-width:1280px) {
		#content-wrap{padding:50px 25px 50px 25px;}
	}
	@media only screen and (max-width:999px){
		#container-wrap #contents{min-height:400px}
		#container-wrap{margin-top:65px;}

		#content-wrap{padding:40px 20px 40px 20px;}
		#content-wrap #contents{padding:40px 30px 30px 30px;}
	}
	@media only screen and (max-width:680px){
	
		#content-wrap{padding:30px 15px 40px 15px;}
		#content-wrap #contents{padding:30px 15px 30px 15px; border: 1px solid #ccc;}
		
	}
	@media only screen and (max-width:480px){
		#content-wrap{padding:30px 15px 30px 15px;}
	}




/* ======================================================
  .cont-top & #top-vis 
=========================================================*/
.cont-top{margin-bottom:16px; margin-top: 16px; text-align: center;}
.cont-top h2{ /* font-family: 'ONE-Mobile-Title'; */ font-family: "LeferiPoint-BlackA"; font-size:35px ;font-weight:700; color:#000; letter-spacing:0.02em; line-height:1.5em;}
.h3_left {float:left; margin-right:25px; height: 48px;}
/* .h3_sp h3{line-height:1.2em;} */
.h3_sp span { display:block; line-height:1.5em;}
.cont-top h3{margin-bottom: 50px; text-align: left; color: #000; font-size:31px ;font-weight:600;  letter-spacing:0.02em; /*line-height:0.55em; */}
.cont-top p{margin-bottom: 30px; text-align: left; font-size:18px ;color:#696969; line-height:1.3em; margin-top:15px; letter-spacing:-0.01em;}
.line { border-bottom:1px solid #CCC; margin-bottom: 42px;}
.line2 { border-bottom:1px solid #CCC; margin-top: 15px;}

#top-vis{position:relative;}
#top-vis .bg{position:absolute; left:0; top:0; width:100%;height:100%;text-align:center;}
#top-vis .bg:after{position:absolute; left:50%; width:20000px;height:100%; top:0; margin-left:-10000px; display:block; content:"";background:#258cd9; z-index:-1;}
#top-vis .bg img{}

#top-vis .ov{position:relative;height:240px; max-width:1400px; margin:0 auto;}
#top-vis .txt{position:absolute; left:0; top:50%; margin-top:5px; text-align:left; box-sizing:border-box; padding:0 40px;max-width:1400px; width:100%;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%); -o-transform:  translateY(-50%);transform: translateY(-50%);}
#top-vis .txt .btxt{ font-family: "ONE-Mobile-Title"; /*font-family: 'BRRA_R';*/ font-size:50px; color:#fff; font-weight:400; letter-spacing:0.01em; line-height:1.2em;opacity:0;}
#top-vis .txt .stxt{font-family: 'Noto Sans KR'; margin-top:10px;font-size:18px; font-weight:500; color:rgba(255,255,255,0.6); line-height:1.4em; letter-spacing:0.01em;opacity:0;-webkit-transform: translateY(20%); -moz-transform: translateY(20%);-ms-transform: translateY(20%); -o-transform:  translateY(20%);transform: translateY(20%);-webkit-transition: opacity 0.75s ease-in-out, transform 0.75s ease-in-out;-moz-transition: opacity 0.75s ease-in-out, transform 0.75s ease-in-out;-o-transition: opacity 0.75s ease-in-out, transform 0.75s ease-in-out;transition: opacity 0.75s ease-in-out, transform 0.75s ease-in-out;}
#top-vis .vimg{position:absolute;right:0; top:0;-webkit-transform: translateX(-5%); -moz-transform: translateX(-5%);-ms-transform: translateX(-5%); -o-transform:  translateX(-5%);transform: translateX(-5%);opacity:0;-webkit-transition: transform 1s ease-in-out, opacity 1s ease-in-out;-moz-transition: transform 1s ease-in-out, opacity 1s ease-in-out;-o-transition: transform 1s ease-in-out, opacity 1s ease-in-out;transition: transform 1s ease-in-out, opacity 1s ease-in-out;}
#top-vis .vimg img{line-height:100%;}

#top-vis.ani .img {transform:scale(1,1); -webkit-transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1);}
#top-vis.ani .txt .btxt{opacity:1;-webkit-transform: translateY(0); -moz-transform: translateY(0);-ms-transform: translateY(0); -o-transform:  translateY(0);transform: translateY(0);}
#top-vis.ani .txt .stxt{transition-delay: 0s;opacity:1;}
#top-vis.ani .vimg{text-align:right; transition-delay: 0.5s;opacity:1;-webkit-transform: translateX(0); -moz-transform: translateX(0);-ms-transform: translateX(0); -o-transform:  translateX(0);transform: translateX(0);}
	@media only screen and (max-width:1400px){
		.cont-top{margin-bottom:30px;}
		.cont-top h2{font-size:35px}
		.cont-top p{font-size:18px; margin-top:10px;}

		#top-vis .bg img{height:185px;}
		#top-vis .ov{height:185px;}

		#top-vis .txt .btxt{font-size:45px}
		#top-vis .txt .stxt{font-size:16px;}

		#top-vis .vimg{top:20px;}
		#top-vis .vimg img{width:630px;}
	}
	@media only screen and (max-width:1280px){
		.cont-top{margin-bottom:25px;}
		#top-vis .bg img{height:170px;}
		#top-vis .ov{height:170px;}
		#top-vis .txt .btxt{}
		#top-vis .txt .stxt{font-size:15px; margin-top:7px}
		
		#top-vis .vimg{top:15px;}
		#top-vis .vimg img{width:570px;}
	}
	@media only screen and (max-width:1100px){
		#top-vis .bg img{height:150px;}
		#top-vis .ov{height:150px;}
		#top-vis .txt .btxt{font-size:40px}
		#top-vis .txt .stxt{font-size:14px;}

		#top-vis .vimg img{width:500px;}
	}
	@media only screen and (max-width:999px){
		.cont-top{margin-bottom:20px;}
		.cont-top h2{font-size:30px}
		.cont-top p{font-size:16px; margin-top:7px; clear: both;}
		
		.h3_sp {text-align:left;}
        .h3_sp span { display: inline;}
        .cont-top h3{text-align: left; font-size:28px;}

		#top-vis .bg img{height:140px;}
		#top-vis .ov{height:140px;}
		#top-vis .txt{text-align:center;}
		#top-vis .txt .btxt{font-size:35px}
		#top-vis .txt .stxt{font-size:14px; padding:0 25px}

		#top-vis .vimg{display:none;}
		.h3_left { clear:both;}
		.cont-top h3{font-size:25px ;}
	}
	@media only screen and (max-width:680px){
		.cont-top h2{font-size:26px}
		.cont-top p{font-size:15px; margin-top:5px; clear: both;}

		#top-vis .bg img{height:130px;}
		#top-vis .ov{height:130px;}
		#top-vis .txt .btxt{font-size:30px}
		#top-vis .txt .stxt{font-size:13px;}
		
	}
	@media only screen and (max-width:480px){
		.cont-top{margin-bottom:15px;}
		.cont-top h2{font-size:22px}
		.cont-top h3{font-size:20px;}

	}


	
	

/* ======================================================
    #snb 
=========================================================*/
#snb{border-bottom:1px solid #ececec;background:#fff; font-weight: 700; /* font-family: 'ONE-Mobile-Title'; */}
#snb ul:after{display:block; content:"";clear:both}
#snb ul li{float:left;position:relative; z-index:1}
#snb ul li a{display:block; line-height:57px; text-align:center; font-size:18px;}
#snb ul li a span{display:inline-block;vertical-align:top;position:Relative; z-index:2;}
#snb ul li a:after{position:Absolute; left:0; bottom:0;width:100%;height:0;background:#ffee88; display:block; content:"";-webkit-transition: height 0.3s ease-in-out;-moz-transition: height 0.3s ease-in-out;-o-transition: height 0.3s ease-in-out;transition: height 0.3s ease-in-out;}
#snb ul li a:hover:after{height:100%;}
#snb ul li:before{width:0;height:100%; border-left:1px solid #ececec; left:0; top:0; position:Absolute; display:block; content:""}
#snb ul li.active{z-index:55;}
#snb ul li.active a{background:#ffee8b;}
#snb ul li.active:before{display:none;}

#snb.c02 li{width:50%; background: #fffcea;}
#snb.c03 li{width:33.33333333333%;}
#snb.c04 li{width:25%; background: #fffcea;}
	@media only screen and (max-width:1400px){
		#snb ul li a{font-size:17px; line-height:50px;}
	}
	@media only screen and (max-width:1280px) {
		
	}
	@media only screen and (max-width:999px){
		#snb ul li:nth-child(n+3){border-top:1px solid #ececec}
		#snb ul li a{font-size:15px; line-height:45px;}
		#snb.c02 li{width:50%;}
		#snb.c03 li{width:50%;}
		#snb.c04 li{width:50%;}
	}
	@media only screen and (max-width:680px){
		
	}
	@media only screen and (max-width:480px){
		#snb ul li a{font-size:14px; line-height:45px;}
	}



/* ======================================================
    #footer-wrap 
=========================================================*/
#footer-wrap {display:block; position:relative;}
#fbanner{line-height:1em; font-size:0; position:relative; padding:15px; text-align:center;}
#fbanner:after{background:#fff; position:Absolute; left:50%;margin-left:-10000px; top:0;height:100%; width:20000px; display:block; content:"";z-index:-1;border-top:1px solid #b3b3b3;  box-sizing:border-box;}
#fbanner .item{display:inline-block;vertical-align:top;}
#fbanner .item:nth-child(n+2){margin-left:60px;}
#fbanner .item a{display:block}
#fbanner .item a img{height:42px; display:inline-block;vertical-align:top;}

#footer {position:relative;text-align:left;padding:35px 20px;}
#footer:after{background:#edf0f1; position:Absolute; left:50%;margin-left:-10000px; top:0;height:100%; width:20000px; display:block; content:"";z-index:-1;box-sizing:border-box;}
.f-info{line-height:1em; font-size:0; padding-left:350px; position:relative;}
.f-info .f-logo{width:271px;height:52px;position:absolute; left:0; top:-5px;background:url(../_Img/f-logo.png) no-repeat left center; }
.f-info .in-cmt span{display:inline-block;vertical-align:top; font-size:17px; color:#000; line-height:1.2em; letter-spacing:-0.02em;position:Relative;}
.f-info .in-cmt span:nth-child(n+2){margin-left:30px;}
.f-info .in-num span{display:inline-block;vertical-align:top; font-size:17px; color:#000; line-height:1.2em; letter-spacing:-0.02em;position:Relative;}
.f-info .in-num span:nth-child(n+2){margin-left:30px;}
.f-info .in-copy{font-size:15px; color:#111; line-height:1.1em; letter-spacing:-0.01em; margin-top:10px;}

.f-info br{display:none;}
.f-info .mg7t{margin-top:7px;}
	@media only screen and (max-width:1400px){
		#fbanner .item a img{height:38px;}
		#fbanner .item:nth-child(n+2){margin-left:50px;}

		.f-info{padding-left:310px;}
		.f-info .f-logo{width:240px; height:47px; background-size:100% auto;}
		.f-info .in-cmt span{font-size:16px;}
		.f-info .in-cmt span:nth-child(n+2){margin-left:25px;}
		.f-info .in-num span{font-size:16px;}
		.f-info .in-num span:nth-child(n+2){margin-left:25px;}
		.f-info .in-copy{font-size:14px;}
	}
	@media only screen and (max-width:1280px){
		.f-info{padding-left:270px;}
		.f-info .f-logo{width:210px; height:42px;}
		.f-info .in-cmt span{font-size:15px;}
		.f-info .in-cmt span:nth-child(n+2){margin-left:20px;}
		.f-info .in-num span{font-size:15px;}
		.f-info .in-num span:nth-child(n+2){margin-left:20px;}
		.f-info .in-copy{font-size:14px;}
	}
	@media only screen and (max-width:1100px){
		#fbanner .item a img{height:32px;}
		.f-info{padding-left:240px;}
		.f-info .f-logo{width:180px; height:37px; }
		.f-info .in-cmt span{font-size:14px;}
		.f-info .in-cmt span:nth-child(n+2){margin-left:20px;}
		.f-info .in-num span{font-size:14px;}
		.f-info .in-num span:nth-child(n+2){margin-left:20px;}
		.f-info .in-copy{font-size:13px;}
	}
	@media only screen and (max-width:999px) {		
		#fbanner .item:nth-child(n+2){margin-left:40px;}       
		 .f-info{padding-left:0;text-align:Center;}
		 .f-info .f-logo{width:180px; height:37px;position:Relative ;display:inline-block;vertical-align:top; left:auto; top:auto; margin-bottom:20px;}
	}
	@media only screen and (max-width:780px) {
		#fbanner .item a img{height:36px;}
		#fbanner .item:nth-child(n+2){margin-left:30px;}

		.f-info .f-logo{width:170px; height:34px;}

		.f-info .in-cmt br{display:block; margin-bottom:7px;}
		.f-info .in-cmt span:nth-child(n+2){margin-left:15px;}
		.f-info .in-cmt span:nth-child(3){margin-left:0;}
		
		.f-info .in-num br{display:block; margin-bottom:7px;}
		.f-info .in-num span:nth-child(n+2){margin-left:15px;}
		.f-info .in-num span:nth-child(4){margin-left:0;}
		
		.f-info .in-copy{opacity:0.6; margin-top:15px;}
	}
	@media only screen and (max-width:680px) {
		#fbanner{padding:15px 5px;}
		#fbanner .item a img{height:32px;}
		#fbanner .item:nth-child(n+2){margin-left:20px;}
		 #footer{padding:30px 15px;}		

	}
	@media only screen and (max-width:480px) {
		#fbanner{padding:12px 5px;}
		#fbanner .item a img{height:28px;}
		#fbanner .item:nth-child(n+2){margin-left:15px;}

		 .f-info .in-cmt span{font-size:13px;}
		 .f-info .in-num span{font-size:13px;}
			
		.f-info .in-copy{font-size:12px;}
	}



.top-btn{ z-index:2004;right:-70px;width:64px;height:64px; text-align:Center; background:url(../_Img/layout/top-btn.png) no-repeat center center; background-size:100% auto; bottom:15px; text-transform:uppercase; color:#fff; font-size:13px; font-weight:500; position:fixed;-webkit-transition: right 0.3s ease-out;-moz-transition: right 0.3s ease-out;-o-transition: right 0.3s ease-out;transition: right 0.3s ease-out; }
.top-btn.over{right:15px; }	
	@media only screen and (max-width:1140px){
		.top-btn{bottom:15px;}
	}
	@media only screen and (max-width:999px) {
		.top-btn{ width:46px;height:46px; right:-50px;bottom:15px;}
		
	}
	@media only screen and (max-width:680px) {
		.top-btn{width:36px;height:36px; right:-40px;bottom:15px;}
		
	}