@charset "utf-8";

#wrap {position:relative; width:100%; }
#headerWrap {position:relative; width:100%;}
#container {position:relative; width:100%;}
#footerWrap {position:relative; width:100%;}
#Contents_Wrap{position:relative; width:100%; box-sizing:Border-box; }
.inner {position:relative;width:1600px; margin-right:auto; margin-left:auto;}
.s-inner {position:relative;width:1400px; margin-right:auto; margin-left:auto;}
@media all and (max-width:1599px) {
	.inner {width:96%; }
}
@media all and (max-width:1399px) {
	.s-inner {width:96%; }
}




/*Header*/
#hd_wrap{position:fixed; top:0; left:0; right:0; width:100%; height:80px; z-index:50; background:#fff  }

#hd_wrap .hd_logo{position:absolute; left:0; padding:24px 50px; z-index:51;}
#hd_wrap .hd_logo img.on{display:none;}

#hd_wrap .hd_right{position:absolute; right:20px; z-index:51; font-size:0.93em; }
#hd_wrap .hd_right a{ display:block; width:50px; height:80px; float:left; text-align:center; }
#hd_wrap .hd_right a img{display:block; margin:0 auto; padding-top:25px; }
#hd_wrap .hd_right a:hover{ }

.lang{display: flex !important; align-items: center; justify-content: center; font-size: 1.125em; font-weight: 400; color: #fff; background-color: #EE225D; transition: .2s ease-in-out;}
.lang:hover{background-color: #f75482;}
#gnb_mo .mem_mo a.lang{background-color: transparent; border-right: 0;}

#hd_wrap .hd_right a .cart-count{position:absolute;bottom:38%;right:3%; width:20px; line-height:20px; font-size:11px;color:#fff; background:#01acd8; border-radius:20px;}

#gnb_pc{position:absolute; padding:0 270px; width:100%; color:#232323; box-sizing:border-box; text-align: center; padding-right:15%;  font-family: 'yg-jalnan'; letter-spacing:-.0em;}
#gnb_pc .gnb_dp1{display:inline-block; vertical-align:top; text-align:Center; margin:0;}
#gnb_pc .gnb_dp1>div{font-size:1.2em; font-weight:500; width: 160px; line-height: 80px; /*padding:32.5px 45px 10px;*/ box-sizing:Border-box; cursor:pointer; position:relative; }
#gnb_pc li.gnb_dp1>div>span{display:inline-block; position:relative}
#gnb_pc li.gnb_dp1:hover span{color:#0fb6e1}
#gnb_pc .gnb_dp1 .smenu{display:none;  width00%; margin:0 auto 0; background:rgba(15,182,255,0.4);box-shadow:0px 1px 5px rgba(0, 0, 0, 0.1); font-size:0.9em;  padding:15px 0; }
#gnb_pc .gnb_dp1 .smenu li{padding:7px; line-height:1.4em;  }
#gnb_pc .gnb_dp1 .smenu li a {color:#fff;  font-family:'S-CoreDream', 'Noto Sans Korean', 'Noto Sans KR', sans-serif; }
#gnb_pc .gnb_dp1 .smenu li br.mo{display:block;}
#gnb_pc .gnb_dp1 .smenu li:hover{text-decoration:underline;}

.hd_menu #gnb_dp1_wrap .gnb_dp1.sub4 { display: none;   }

#hd_wrap.on #gnb_pc:before{content:""; width:100%; height:80px; background:rgba(255,255,255,1); position:absolute; top:0; left:0; border-bottom: 1px solid #e5e5e5; box-sizing: border-box;}
#hd_wrap.on .hd_logo img.on{display:inline-block; }
#hd_wrap.on .hd_logo img.off{display:none;} 
#hd_wrap.on #gnb_pc{color:#333;}
#hd_wrap.on .hd_right a {  }

#hd_wrap.scroll #gnb_pc:before{content:""; width:100%; height:80px; background:rgba(255,255,255,1); position:absolute; top:0; left:0; border-bottom: 1px solid #e5e5e5; box-sizing: border-box;}
#hd_wrap.scroll .hd_logo img.on{display:inline-block; }
#hd_wrap.scroll .hd_logo img.off{display:none;} 
#hd_wrap.scroll #gnb_pc{color:#333;}
#hd_wrap.scroll .hd_right a { width: 50px; height: 80px;}


#hd_wrap.on .hd_logo img.on{display:inline-block; }
#hd_wrap.on .hd_logo img.off{display:none;}

#gnb_mo{position:fixed; height:100%; z-index:49; top:0;  right:0;  padding:0; padding-top:80px; background:#FFF; width:320px; box-sizing:border-box; transition: all 0.4s ease;
	-webkit-transform: translateX(100%) rotate(0); 	-moz-transform: translateX(100%) rotate(0);	-ms-transform: translateX(100%) rotate(0);	-o-transform: translateX(100%) rotate(0);	transform: translateX(100%) rotate(0);
}
#gnb_mo.mo_menu_on{-webkit-transform: translateX(0) rotate(0); -moz-transform: translateX(0) rotate(0); -ms-transform: translateX(0) rotate(0); -o-transform: translateX(0) rotate(0); transform: translateX(0) rotate(0); }
#gnb_mo.mo_menu_on{-webkit-transform: translateX(0) rotate(0); -moz-transform: translateX(0) rotate(0); -ms-transform: translateX(0) rotate(0); -o-transform: translateX(0) rotate(0); transform: translateX(0) rotate(0); }
#gnb_mo .mem_mo{width:100%; box-sizing:border-box; padding: 0 10px; text-align:center; font-size:0.9em; overflow: hidden; line-height: 3.5em;
	background-color: #89e7ff;
	background-image: -moz-linear-gradient(120deg, #89e7ff 0%, #01acd8 100%);
	background-image: -webkit-linear-gradient(120deg, #89e7ff, #01acd8);
	background-image: linear-gradient(120deg, #89e7ff, #01acd8); }
#gnb_mo .mem_mo a{ float:left;  color:#fff; width: 33.33%; border-right:1px solid rgba(255,255,255,0.5); box-sizing: border-box; }
#gnb_mo .gnb_dp1 div{font-weight:500; font-size:1em; padding:15px 20px; cursor:pointer; border-bottom:1px solid #ddd;}
#gnb_mo .smenu{display:none;  background:#f9f9f9; max-height: 50vh; overflow-y: auto; }
#gnb_mo .smenu>li {border-bottom:1px dotted #ddd}
#gnb_mo .smenu>li br{display:none;}
#gnb_mo .smenu>li>a,
#gnb_mo .smenu>li>span{display:block; padding:10px 10px; font-size:0.95em}
#gnb_mo .smenu>li>a:hover,
#gnb_mo .smenu>li>span:hover{background:#f1f1f1}

#hd_bg.on{position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:48; transition-duration: 300ms;   transition-property:all;   transition-timing-function: ease;}

.hd_mbtn{display:none;}

@media all and (max-width:1580px) {
	#gnb_pc .gnb_dp1>div { width: 150px; }
}


@media all and (max-width:1480px) {
	#hd_wrap{height:80px}

	#hd_wrap .hd_right a{width:50px; height:80px;}

	#gnb_pc{padding-left:213px; }
	#gnb_pc .gnb_dp1>div{ padding: 0 30px;  width: auto;  line-height: 80px; }

	#gnb_mo{padding-top:80px; }

	#hd_wrap.on #gnb_pc:before { height: 80px;}

}

@media all and (max-width:1399px) {
	#gnb_pc .gnb_dp1>div { font-size:1.1em; padding: 0 25px; }
}
@media all and (max-width:1720px){
	#gnb_pc .gnb_dp1>div{width: 138px;}
}
@media all and (max-width:1600px) {
	#hd_wrap #gnb_pc{display:none;}
	#hd_wrap .hd_logo{position: absolute; text-align: center; width: 100%; }
	#hd_wrap .hd_right{left:0; position:relative;}
	#hd_wrap .hd_right a{display:none !important;}
	#hd_wrap .hd_right a.ic_shop{display:block}

	.hd_mbtn {position:absolute; display:block; top: 0; right:0; width:80px; height:80px; cursor:pointer; z-index:999; background-color:#454545}
	.hd_mbtn span {display:block; width:30px; top:50%; left:50%; margin-top:-1px; margin-left:-15px; height:2px; background:#fff; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; position:absolute; }
	.hd_mbtn span.line1 {margin-top:-8px;}
	.hd_mbtn span.line2 {}
	.hd_mbtn span.line3 {margin-top:7px;}
	.hd_mbtn.on span.line1 {width:30px; transform:rotate(45deg); top:50%; margin-top: 1px;}
	.hd_mbtn.on span.line2 {opacity:0;}
	.hd_mbtn.on span.line3 {width:30px; transform:rotate(-45deg); top:50%; margin-top: 1px;}

	#hd_wrap.on{background:#FFF; border-bottom: 1px solid #e5e5e5;  }
	#hd_wrap.scroll{background:#FFF; border-bottom: 1px solid #e5e5e5; }


 }
 @media all and (max-width:976px) {
	#hd_wrap{height:70px;}
	#hd_wrap .hd_logo{padding:20px 30px;}
	#hd_wrap .hd_logo img { height: 30px; }
	#hd_wrap .hd_right { font-size: 0.85em; }
	#hd_wrap .hd_right a{width:70px; height:70px;  }
	#hd_wrap .hd_right a img { height: 25px; margin-bottom: 3px; }
	#hd_wrap .hd_right a.ic_shop{	}

	#gnb_mo{padding-top:70px;}
	.hd_mbtn {width:70px; height:70px;}

	#hd_wrap.scroll .hd_right a { width: 70px; height: 70px; padding-top: 1em; }

}
@media all and (max-width:550px) {
	#gnb_mo{width:100%;}
	#hd_wrap{height:65px;}

	#hd_wrap .hd_right a{width:65px; height:65px;}
	#hd_wrap .hd_right a img{height:27px;}
	#gnb_mo{padding-top:65px;}
	.hd_mbtn {width:65px; height:65px;}

	#hd_wrap.scroll .hd_right a { width: 65px; height: 65px; }

}


#footer { overflow: hidden; }
#footer .f-link {line-height: 76px; overflow: hidden; border-top:1px solid #e8e8e8 }
#footer .f-link ul { float: left; }
#footer .f-link ul li { float: left; padding-right: 30px; position: relative;  }
#footer .f-link ul li a { color:#232323; font-size: 1.0em; font-weight:500 }


#footer .f-info { overflow: hidden; padding: 2% 0; background:#eeeeee }
#footer .f-info h1 {  padding-bottom:1em}
#footer .f-info h1 img {  width:10%  }
#footer .f-info .inner div { float: left; font-size:0.867em; color:#7c7c7c; line-height: 1.5em;  }
#footer .f-info p { float: left;  margin-right: 10px; }
#footer .f-info p.copy { color:#a1a1a1; margin-top: 0.4em;  text-transform:uppercase }

@media all and (max-width:1099px) {
#footer .f-info h1 img { max-width: 100%; }
#footer .f-info .inner div { width: 80%; }
}

@media all and (max-width:767px) {
#footer .f-link { line-height: 60px; }
#footer .f-link ul li { padding-right: 15px; margin-right: 15px; }
#footer .f-link dl dt { font-size: 1.05em;  }
#footer .f-link dl dd { font-size: 1.5em;  }

#footer .f-info { padding: 5% 0; }

#footer .f-info h1 {  padding-bottom:0.5em}
#footer .f-info h1 img {  width:20%  }

}

@media all and (max-width:568px) {
#footer .f-link dl dt,
#footer .f-link dl dd span { display: none; }
#footer .f-link dl dd a { width: 32px; height: 32px; display: inline-block; vertical-align: middle; background:url("/images/common/f_tel.png") no-repeat center; background-size: 100% auto; }

#footer .f-info .inner div { width: 100%; margin-top: 2%; }

}





/* margin */
.mt0 { margin-top:0 !important; }
.mt1 { margin-top:1px !important; }
.mt2 { margin-top:2px !important; }
.mt3 { margin-top:3px !important; }
.mt4 { margin-top:4px !important; }
.mt5 { margin-top:5px !important; }
.mt6 { margin-top:6px !important; }
.mt7 { margin-top:7px !important; }
.mt8 { margin-top:8px !important; }
.mt9 { margin-top:9px !important; }
.mt10 { margin-top:10px !important;}
.mt11 { margin-top:11px !important;}
.mt12 { margin-top:12px !important;}
.mt13 { margin-top:13px !important;}
.mt14 { margin-top:14px !important;}
.mt15 {margin-top:15px !important;}
.mt16 { margin-top:16px !important;}
.mt17 { margin-top:17px !important;}
.mt18 { margin-top:18px !important;}
.mt19 { margin-top:19px !important;}
.mt20 { margin-top:20px !important;}
.mt21 { margin-top:21px !important;}
.mt22 { margin-top:22px !important;}
.mt23 { margin-top:23px !important;}
.mt24 { margin-top:24px !important;}
.mt25 { margin-top:25px !important;}
.mt26 { margin-top:26px !important;}
.mt27 { margin-top:27px !important;}
.mt28 { margin-top:28px !important;}
.mt29 { margin-top:29px !important;}
.mt30 { margin-top:30px !important;}
.mt32 { margin-top:32px !important;}
.mt35 { margin-top:35px !important;}
.mt36 { margin-top:36px !important;}
.mt40 { margin-top:40px !important;}
.mt45 { margin-top:45px !important;}
.mt50 { margin-top:50px !important;}
.mt55 { margin-top:55px !important;}
.mt60 { margin-top:60px !important;}
.mt65 { margin-top:65px !important;}
.mt70 { margin-top:70px !important;}
.mt75 { margin-top:75px !important;}
.mt80 { margin-top:80px !important;}
.mt85 { margin-top:85px !important;}
.mt90 { margin-top:90px !important;}
.mt95 { margin-top:95px !important;}
.mt100 { margin-top:100px !important;}
.mt110 { margin-top:110px !important;}
.mt120 { margin-top:120px !important;}
.mt150 { margin-top:150px !important;}
.mt200 { margin-top:200px !important;}
.mt250 { margin-top:250px !important;}



.mb0 { margin-bottom: 0 !important; }
.mb1 { margin-bottom:1px !important; }
.mb2 { margin-bottom:2px !important; }
.mb3 { margin-bottom:3px !important; }
.mb4 { margin-bottom:4px !important; }
.mb5 { margin-bottom:5px !important; }
.mb6 { margin-bottom:6px !important; }
.mb7 { margin-bottom:7px !important; }
.mb8 { margin-bottom:8px !important; }
.mb9 { margin-bottom:9px !important; }
.mb10 { margin-bottom:10px !important; }
.mb11 { margin-bottom:11px !important; }
.mb12 { margin-bottom:12px !important; }
.mb13 { margin-bottom:13px !important; }
.mb14 { margin-bottom:14px !important; }
.mb15 { margin-bottom:15px !important; }
.mb16 { margin-bottom:16px !important; }
.mb17 { margin-bottom:17px !important; }
.mb18 { margin-bottom:18px !important; }
.mb19 { margin-bottom:19px !important; }
.mb20 { margin-bottom:20px !important; }
.mb21 { margin-bottom:21px !important; }
.mb22 { margin-bottom:22px !important; }
.mb23 { margin-bottom:23px !important; }
.mb24 { margin-bottom:24px !important; }
.mb25 { margin-bottom:25px !important; }
.mb30 { margin-bottom:30px !important; }
.mb35 { margin-bottom:35px !important; }
.mb40 { margin-bottom:40px !important; }
.mb45 { margin-bottom:45px !important; }
.mb50 { margin-bottom:50px !important; }
.mb55 { margin-bottom:55px !important; }
.mb60 { margin-bottom:60px !important; }


.ml0 { margin-left:0px !important; }
.ml1 { margin-left:1px !important; }
.ml2 { margin-left:2px !important; }
.ml3 { margin-left:3px !important; }
.ml4 { margin-left:4px !important; }
.ml5 { margin-left:5px !important; }
.ml6 { margin-left:6px !important; }
.ml7 { margin-left:7px !important; }
.ml8 { margin-left:8px !important; }
.ml9 { margin-left:9px !important; }
.ml10 { margin-left:10px !important; }
.ml11 { margin-left:11px !important; }
.ml12 { margin-left:12px !important; }
.ml13 { margin-left:13px !important; }
.ml14 { margin-left:14px !important; }
.ml15 { margin-left:15px !important; }
.ml16 { margin-left:16px !important; }
.ml17 { margin-left:17px !important; }
.ml18 { margin-left:18px !important; }
.ml19 { margin-left:19px !important; }
.ml20 { margin-left:20px !important; }
.ml25 { margin-left:25px !important; }
.ml30 { margin-left:30px !important; }
.ml35 { margin-left:35px !important; }
.ml40 { margin-left:40px !important; }
.ml45 { margin-left:45px !important; }
.ml50 { margin-left:50px !important; }
.ml55 { margin-left:55px !important; }
.ml60 { margin-left:60px !important; }
.ml65 { margin-left:65px !important; }
.ml70 { margin-left:70px !important; }
.ml80 { margin-left:80px !important; }
.ml90 { margin-left:90px !important; }
.ml100 { margin-left:100px !important; }
.ml110 { margin-left:110px !important; }
.ml115 { margin-left:115px !important; }
.ml120 { margin-left:120px !important; }
.ml125 { margin-left:125px !important; }
.ml130 { margin-left:130px !important; }
.ml140 { margin-left:140px !important; }
.ml150 { margin-left:150px !important; }
.ml200 { margin-left:200px !important; }
.ml250 { margin-left:250px !important; }
.ml300 { margin-left:300px !important; }
.ml310 { margin-left:310px !important; }
.ml320 { margin-left:320px !important; }
.ml330 { margin-left:330px !important; }
.ml340 { margin-left:340px !important; }
.ml350 { margin-left:350px !important; }
.ml360 { margin-left:360px !important; }
.ml370 { margin-left:370px !important; }
.ml380 { margin-left:380px !important; }
.ml390 { margin-left:390px !important; }
.ml400 { margin-left:400px !important; }
.ml410 { margin-left:410px !important; }
.ml420 { margin-left:420px !important; }
.ml430 { margin-left:430px !important; }
.ml440 { margin-left:440px !important; }
.ml450 { margin-left:450px !important; }
.ml460 { margin-left:460px !important; }
.ml470 { margin-left:470px !important; }
.ml480 { margin-left:480px !important; }
.ml490 { margin-left:490px !important; }
.ml500 { margin-left:500px !important; }
.ml550 { margin-left:550px !important; }

.mr1 { margin-right:1px !important; }
.mr2 { margin-right:2px !important; }
.mr3 { margin-right:3px !important; }
.mr4 { margin-right:4px !important; }
.mr5 { margin-right:5px !important; }
.mr6 { margin-right:6px !important; }
.mr7 { margin-right:7px !important; }
.mr8 { margin-right:8px !important; }
.mr9 { margin-right:9px !important; }
.mr10 { margin-right:10px !important; }
.mr11 { margin-right:11px !important; }
.mr12 { margin-right:12px !important; }
.mr13 { margin-right:13px !important; }
.mr14 { margin-right:14px !important; }
.mr15 { margin-right:15px !important; }
.mr16 { margin-right:16px !important; }
.mr17 { margin-right:17px !important; }
.mr18 { margin-right:18px !important; }
.mr19 { margin-right:19px !important; }
.mr20 { margin-right:20px !important; }
.mr25 { margin-right:25px !important; }
.mr26 { margin-right:26px !important; }
.mr27 { margin-right:27px !important; }
.mr28 { margin-right:28px !important; }
.mr29 { margin-right:29px !important; }
.mr30 { margin-right:30px !important; }
.mr31 { margin-right:31px !important; }
.mr32 { margin-right:32px !important; }
.mr33 { margin-right:33px !important; }
.mr34 { margin-right:34px !important; }
.mr35 { margin-right:35px !important; }
.mr36 { margin-right:36px !important; }
.mr37 { margin-right:37px !important; }
.mr38 { margin-right:38px !important; }
.mr39 { margin-right:39px !important; }
.mr40 { margin-right:40px !important; }

/* padding */
.pb0 {padding-bottom:0px !important;}
.pb1 {padding-bottom:1px !important;}
.pb2 {padding-bottom:2px !important;}
.pb3 {padding-bottom:3px !important;}
.pb4 {padding-bottom:4px !important;}
.pb5 {padding-bottom:5px !important;}
.pb6 {padding-bottom:6px !important;}
.pb7 {padding-bottom:7px !important;}
.pb8 {padding-bottom:8px !important;}
.pb9 {padding-bottom:9px !important;}
.pb10 {padding-bottom:10px !important;}
.pb11 {padding-bottom:11px !important;}
.pb12 {padding-bottom:12px !important;}
.pb13 {padding-bottom:13px !important;}
.pb14 {padding-bottom:14px !important;}
.pb15 {padding-bottom:15px !important;}
.pb16 {padding-bottom:16px !important;}
.pb17 {padding-bottom:17px !important;}
.pb18 {padding-bottom:18px !important;}
.pb19 {padding-bottom:19px !important;}
.pb20 {padding-bottom:20px !important;}
.pb21 {padding-bottom:21px !important;}
.pb22 {padding-bottom:22px !important;}
.pb23 {padding-bottom:23px !important;}
.pb24 {padding-bottom:24px !important;}
.pb25 {padding-bottom:25px !important;}
.pb26 {padding-bottom:26px !important;}
.pb27 {padding-bottom:27px !important;}
.pb30 {padding-bottom:30px !important;}

.pt1 {padding-top:1px !important;}
.pt2 {padding-top:2px !important;}
.pt3 {padding-top:3px !important;}
.pt4 {padding-top:4px !important;}
.pt5 {padding-top:5px !important;}
.pt6 {padding-top:6px !important;}
.pt7 {padding-top:7px !important;}
.pt8 {padding-top:8px !important;}
.pt9 {padding-top:9px !important;}
.pt10 {padding-top:10px !important;}
.pt11 {padding-top:11px !important;}
.pt12 {padding-top:12px !important;}
.pt13 {padding-top:13px !important;}
.pt14 {padding-top:14px !important;}
.pt15 {padding-top:15px !important;}
.pt16 {padding-top:16px !important;}
.pt17 {padding-top:17px !important;}
.pt18 {padding-top:18px !important;}
.pt19 {padding-top:19px !important;}
.pt20 {padding-top:20px !important;}
.pt21 {padding-top:21px !important;}
.pt22 {padding-top:22px !important;}
.pt23 {padding-top:23px !important;}
.pt24 {padding-top:24px !important;}
.pt25 {padding-top:25px !important;}
.pt26 {padding-top:26px !important;}
.pt27 {padding-top:27px !important;}
.pt30 {padding-top:30px !important;}
.pt40 {padding-top:40px !important;}

.pl1 {padding-left:1px !important;}
.pl2 {padding-left:2px !important;}
.pl3 {padding-left:3px !important;}
.pl4 {padding-left:4px !important;}
.pl5 {padding-left:5px !important;}
.pl6 {padding-left:6px !important;}
.pl7 {padding-left:7px !important;}
.pl8 {padding-left:8px !important;}
.pl9 {padding-left:9px !important;}
.pl10 {padding-left:10px !important;}
.pl11 {padding-left:11px !important;}
.pl12 {padding-left:12px !important;}
.pl13 {padding-left:13px !important;}
.pl14 {padding-left:14px !important;}
.pl15 {padding-left:15px !important;}
.pl16 {padding-left:16px !important;}
.pl17 {padding-left:17px !important;}
.pl18 {padding-left:18px !important;}
.pl19 {padding-left:19px !important;}
.pl20 {padding-left:20px !important;}
.pl21 {padding-left:21px !important;}
.pl22 {padding-left:22px !important;}
.pl23 {padding-left:23px !important;}
.pl24 {padding-left:24px !important;}
.pl25 {padding-left:25px !important;}
.pl26 {padding-left:26px !important;}
.pl27 {padding-left:27px !important;}
.pl30 {padding-left:30px !important;}
.pl40 {padding-left:40px !important;}
.pl50 {padding-left:50px !important;}

.pr1 {padding-right:1px !important;}
.pr2 {padding-right:2px !important;}
.pr3 {padding-right:3px !important;}
.pr4 {padding-right:4px !important;}
.pr5 {padding-right:5px !important;}
.pr6 {padding-right:6px !important;}
.pr7 {padding-right:7px !important;}
.pr8 {padding-right:8px !important;}
.pr9 {padding-right:9px !important;}
.pr10 {padding-right:10px !important;}
.pr11 {padding-right:11px !important;}
.pr12 {padding-right:12px !important;}
.pr13 {padding-right:13px !important;}
.pr14 {padding-right:14px !important;}
.pr15 {padding-right:15px !important;}
.pr16 {padding-right:16px !important;}
.pr17 {padding-right:17px !important;}
.pr18 {padding-right:18px !important;}
.pr19 {padding-right:19px !important;}
.pr20 {padding-right:20px !important;}
.pr21 {padding-right:21px !important;}
.pr22 {padding-right:22px !important;}
.pr23 {padding-right:23px !important;}
.pr24 {padding-right:24px !important;}
.pr25 {padding-right:25px !important;}
.pr26 {padding-right:26px !important;}
.pr27 {padding-right:27px !important;}
.pr30 {padding-right:30px !important;}


@media all and (max-width: 1399px){

.mt30 { margin-top: 1.2vw !important; }
.mt40 { margin-top: 1.5vw !important; }
.mt50 { margin-top: 2vw !important; }
.mt60 { margin-top: 3vw !important; }
.mt70 { margin-top: 4vw !important; }
.mt80 { margin-top: 4.5vw !important; }

}


@media all and (max-width: 977px){

.mt10 { margin-top: 1vw !important; }
.mt20 { margin-top: 2vw !important; }
.mt25 { margin-top: 2.5vw !important; }
.mt30 { margin-top: 3vw !important; }
.mt40 { margin-top: 4vw !important; }
.mt50 { margin-top: 5vw !important; }
.mt60 { margin-top: 5vw !important; }
.mt70 { margin-top: 6vw !important; }
.mt80 { margin-top: 6vw !important; }

}