@charset "utf-8";

.container {width:1200px; margin:0 auto}
.br {display:block;}

	@media (max-width:1219px) {
		.container {width:100%;}
	}

	@media (max-width:999px) {
		.br {display:inline;}
	}


/* /////////////////////////// PC���� /////////////////////////// */

	@media only screen and (min-width:1024px){
	#header {position:relative;left: 0;top: 0;width: 100%;height: 138px;z-index: 2000;}
	#header:after {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 33px;background:#fff; border-bottom:1px solid #eaebf0}
	.header_box {position: relative;max-width: 1200px;margin: 0 auto;}
	.header_box .logo {position: absolute;left: 0;top: 55px;color: #fff;z-index:20;}
	.header_box .logo > a {display: block;width: 308px;height: 64px;/*text-indent:-9999em;background: url(../../images/newgifted/logo.png) no-repeat 0 0;*/}
	.header_box .util {position: absolute;left:0;top:0;z-index:5;font-size: 13px;}
	.header_box .util2 {position: absolute;right:0;top:0;z-index:5;font-size: 13px;}
	.header_box .util > li, .header_box .util2 > li {float: left;display: inline-block; position: relative; width:150px; height:33px; line-height:33px; font-size:15px; text-align: center; padding:0 10px; border-left:1px solid #ddd;}

	

	.header_box .util2 > li.top_user {width: 250px;}
	.header_box .util2 > li.top_user > span {padding-left: 28px; position: relative;}
	.header_box .util2 > li.top_user > span::before {content: ""; position: absolute; top: 50%; left: 9px; transform: translateY(-50%); width: 17px; height: 17px; background: url(../../images/newgifted/icon_clock_01.png)no-repeat center; background-size: contain;}




	.header_box .site01 {background:#45b1ad;}
	.header_box .site01 a {color:#fff;}
	.header_box .site02 {background:#0cb198;}
	.header_box .site02 a {color:#fff;}
	.header_box .site03 {background:#647189;}
	.header_box .site03 a {color:#fff;}
	.header_box .site04 {background:#f8bb85; border-right:1px solid #ddd;}
	.header_box .site04 a {color:#fff;}

	/*gnb*/
	.gnb_area {position:relative;width:100%;padding-top:35px;}
	.gnb_top {display:none;}	
	.menu_open,  .menu_close, .menu_mask {display:none;}	
	.utill_wrap {position: relative;height: 40px;}
	.util_right {position:absolute;right:0;top:0;width:361px;}
	.util_right a {float:left;display:block;position:relative;width:80px;height:40px; line-height:40px;text-align:center;color:#828282;border-left:1px solid #ccc;background:#fff;}
	.util_right span {float:left;display:block;position:relative; width:200px;height:40px; line-height:40px;padding-right:34px;border-left:1px solid #ccc;border-right:1px solid #ccc;background:#efefef;}
	.util_right span input.text {width:100%;color:#828282;font-size:14px;padding-left:10px;background:transparent;border:0;}
	.util_right span .btn_search {display:block;position:absolute; right:0;top:0; width:34px; height:40px;text-align:center;border:0;background:url(../../images/newgifted/icon_search.png) no-repeat 50% 50%;}
	.util_right span input.text:focus, .util_right .btn_search:focus {outline: none;}
	.gnb_bg {position:absolute;left:0;top:138px;width:100%;height:0;background:url('../../images/newgifted/menu_bg.gif') center no-repeat; z-index:10;}
	#gnb {position:relative; width:100%; z-index:12; margin-top:27px;}
	#gnb .depth1 {padding-left:330px;position:relative;max-width:1200px; overflow:hidden;border-top:0; margin:0 auto;}
	#gnb .depth1 > li {float: left; height: 78px; width: 16.666%; font-family: 'NanumSquare', sans-serif;}
	#gnb .depth1 > li > a {position: relative; display: block; height: 78px; line-height: 61px; text-align: center; color: #333333; font-weight: 700; letter-spacing: -0.05em; font-size: 20px;}
	#gnb .depth1 > li > a::after {content:' '; display: block; position: absolute; right: 50%; left: 50%; bottom: 0; height: 2px; overflow: hidden; background-color: #fff; -webkit-transition: all 0.3s; transition: all 0.3s;}
	#gnb .depth1 > li > a.on::after {right:0; left: 0; background-color:#2071c4;}
	#gnb .depth1 > li.on > a {}
	#gnb .depth1 > li.on > a::after {right:0; left: 0; background-color:#0cb198;}
/*	#gnb .depth1 .depthBox {padding: 30px 1% 0;}*/
    #gnb .depth1 .depthBox {padding: 0 1% 0;}
	#gnb .depth1 .depthBox li a {display: block; padding: 8px 0; text-align: center; color: #666; font-size: 14px; word-break: keep-all; line-height: 160%;}
	#gnb .depth1 > li.on .depthBox {}
	#gnb .depth1 > li.on .depthBox li a:hover {color: #0cb198;}
	#gnb .depth1 > li.on .gnb_txt {display:block !important;} 	
	.gnb_txt {display:none; position: absolute; left:1%; top: 82px; bottom: 0; /*width: calc(300px + 53%);*/ font-size: 14px; color: #797979; padding:35px 5% 40px 5%; background: url('../../images/newgifted/gnb_txt_bg.gif') #0cb198 calc(100% - 16px) center no-repeat; color: #fff; text-align: center;}
	.gnb_txt strong {display:block;font-size:30px;width:100%; margin-bottom:10px; letter-spacing:-0.05em; padding-top:140px;}
	.gnb_txt p {font-size:14px; line-height:140%;}

	.menu01 strong {background:url('../../images/newgifted/gnb_txt_icon01.png') top center no-repeat;}
	.menu02 strong {background:url('../../images/newgifted/gnb_txt_icon02.png') top center no-repeat;}
	.menu03 strong {background:url('../../images/newgifted/gnb_txt_icon03.png') top center no-repeat;}
	.menu04 strong {background:url('../../images/newgifted/gnb_txt_icon04.png') top center no-repeat;}
	.menu05 strong {background:url('../../images/newgifted/gnb_txt_icon05.png') top center no-repeat;}
	.menu06 strong {background:url('../../images/newgifted/gnb_txt_icon06.png') top center no-repeat;}

	.gnb .depth1_1 .gnb_txt {display: block; z-index:2;}
	.gnb .depth2 > li.on .gnb_txt {display:block;z-index:5;}

	}

	@media only screen and (min-width:1024px) and (max-width:1155px){
		.gnb_bg {background:url('../../images/newgifted/menu_bg.gif') calc(40% - 50px) no-repeat}
	}


	/* /////////////////////////// ����� ���� /////////////////////////// */

	@media only screen and (min-width:200px) and (max-width:1023px) {
	#header {position: fixed;left: 0;top: 0;width: 100%;height: 5rem;border-bottom:1px solid #dddddd;background: #fff;z-index: 99;}
    #header.fixed {box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.1);}
    .header_box {position: relative;height:5rem;padding:10px 2%;}
    .header_box .logo {display: inline-block; top:15px; max-width:250px; width:100%; position:absolute;}
    .header_box .logo > a {display: block;width: 100%;height: 4rem;text-indent:-9999em;background: url(../../images/newgifted/logo.png) no-repeat 0 0;background-size: 100% auto;}
    .header_box .util {display: none;}
	.header_box .util2 {position: absolute;top: 50%;right: 57px;transform: translateY(-50%);text-align: center;}
	.header_box .util2 > li.top_user {font-size: .9em; display: grid; width: 135px;}
	.header_box .util2 > li.top_user > span {position: relative; padding-left: 20px;}
	.header_box .util2 > li.top_user > span::before {content: ""; position: absolute; top: 50%; left: 9px; transform: translateY(-50%); width: 15px; height: 15px; background: url(../../images/newgifted/icon_clock_01.png)no-repeat center; background-size: contain;}
	.header_box .util2 > li:nth-child(n+2) {display: none;}


    .gnb_area {position:fixed;right:100%;top:0;bottom:0;width:320px;z-index: 20;}
    .gnb_area.close {
     -webkit-transform: translate3d(-320px, 0, 0);
    -ms-transform: translate3d(-320px, 0, 0);
    transform: translate3d(-320px, 0, 0);
    }
    .gnb_area.open {
	right:0;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    }
	.gnb_box {position:relative; width:100%; height:100%;}
	.gnb_area.close .gnb_box {left:-320px;display:none;}
	.gnb_area.open .gnb_box {left:0;display:block;}
    .gnb_top {position: relative;height:5rem;background: #ffffff;}		
	.gnb_top .top_box {position: relative;height:5rem;padding:10px 3%;}
    .gnb_top .gnb_logo {display: inline-block;max-width:100%;}
    .gnb_top .gnb_logo a {display:block;/*width: 115%;height: 3.6rem;*/}
    .gnb_top .gnb_logo img {width: 100%;}
    .gnb_top .util2 {text-align: center;font-size: 0;background: #0cb198; width:100%;}
    .gnb_top .util2 > li {display: inline-block;position: relative;width: 50%;}
    .gnb_top .util2 > li::after {content: "";display: block;position: absolute;right: 0; top: 50%;margin-top: -0.5rem;;width: 1px;height: 1rem;vertical-align: middle;background: #fff;}
    .gnb_top .util2 > li > a {display: inline-block;height: 3.8rem;line-height: 3.8rem;font-size: 1.2rem;color: #fff;}
    .gnb_top .util2 > li:last-child::after {display: none;}

	#gnb {position:absolute;top:5rem;bottom:0;width:100%;background: #f4f4f4;overflow-y: auto;-webkit-overflow-scrolling: touch;-webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -o-transition: all 0.1s ease; transition: all 0.1s ease;}
	.gnb_txt {display:none;}
	#gnb_menu > li {float:none;display:block;position:relative;width:100%;border-bottom:1px solid #ddd;}
	#gnb_menu li > a {display:block;padding-left:5%;}
	#gnb_menu > .depth{display: block;position: relative;line-height:3rem;font-size:1rem;color: #333333;}
	#gnb_menu > .depth:hover,
	#gnb_menu > .depth:focus,
	#gnb_menu > li.active{color: #0cb198;}
	#gnb_menu .has_menu > a {background: url(../../images/newgifted/bg_gnb_off01.png) no-repeat 95% 50%;background-size: auto 30%;transition: transform 0.2s;}
	#gnb_menu .has_menu.active > a {background: url(../../images/newgifted/bg_gnb_on01.png) no-repeat 95% 50%;background-size: auto 50%;} 
	#gnb_menu .depthBox {display:none;position:relative;width:100%;background:#fff; border-top:0;}	
	#gnb .depthBox {border-top:1px solid #ddd; }
	#gnb .depthBox > li {display:block;border-top:1px dashed #ddd;}
    #gnb .depthBox > li:first-child {border-top: 0;}
    #gnb .depthBox > li > a {display:block; font-size:0.95rem; padding-left:10%;}
    #gnb .depthBox > li a:hover,
    #gnb .depthBox > li a:focus {color:#0cb198;}
    #gnb .depthBox > li.active {background:#fff;}
    #gnb .depthbox > li.active > a {color: #0cb198;}
    .menu_open {position: absolute;right:1%;top:1.7rem;width: 2.6rem;height: 2.6rem;text-indent: -9999em;background: url('../../images/newgifted/menu_open.png') no-repeat 0 0; background-size: 79%;overflow: hidden;}
    .menu_close {position: absolute;left:-2.5rem;top:0;width:2.5rem;height:2.5rem;text-indent: -9999em; background: url('../../images/newgifted/menu_close.png') #0cb198 center no-repeat; background-size: 79%; overflow: hidden;}
    .menu_mask {display:none;position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index:5;background-color: rgba(0, 0, 0, 0.8);-webkit-animation: fade 500ms;animation: fade 500ms;}
    .push {transition: transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
    -webkit-transform: translate3d(300px, 0, 0);
    -ms-transform: translate3d(300px, 0, 0);
    transform: translate3d(300px, 0, 0);}


	#gnb_menu .depth1_3 .depthBox li:nth-child(2),
	#gnb_menu .depth1_3 .depthBox li:nth-child(3) {display:none;}
	}


footer {font-size:15px; font-weight:300;}
footer .container {padding:0 30px;}
footer .ft_link {background:#3c3f44; padding:18px 0 14px; color:#fff;}
footer .ft_link ul {display:block; overflow:hidden;}
footer .ft_link ul li {float:left;}
footer .ft_link ul li a {color:inherit;}
footer .ft_link ul li:before {position:relative; display:inline-block; width:1px; height:14px; background:#ccc; margin:0 20px; top:2px; content:''; }
footer .ft_link ul li:first-child:before {display:none;}
footer .ft_copy {background:#333333; padding:25px 0; color:#adadb1; line-height:140%;}
footer .ft_copy .ft_logo {float:right;}
footer .ft_copy .ft_info {word-break:keep-all;}

	@media (max-width:1219px) {
	}

	@media (max-width:999px) {
		footer {font-size:90%;}
		footer .ft_link {text-align:center;}
		footer .ft_link ul li {float:none; display:inline-block;}
		footer .ft_copy {text-align:center;}
		footer .ft_copy .ft_logo {float:none;}
	}

	@media (max-width:699px) {
	}

	@media (max-width:499px) {
		#header { height: 8rem;}
		.header_box {height: 8rem;}
		.sub_visual {margin-top: 8rem !important;}
		.header_box .util2 {top: 79%;right: 1%;width: 100%;text-align: center;display: grid;justify-content: space-evenly; position: relative; padding-top: 16px;}
		.header_box .util2::before {content: ""; position: absolute; top: 0; left: 53%; transform: translateX(-50%); width: 103%; border: 1px dashed #ddd;}
		 .header_box .util2 > li.top_user {display: grid;
		grid-template-columns: 1fr 1fr; width: 100%;} 
		.header_box .util2 > li.top_user > span::before { top: 53%;left: -2px;}



	}


		



/* float align */
.fl {float:left !important}
.fr {float:right !important}
.tc {text-align:center !important}
.tl {text-align:left !important}
.tr {text-align:right !important}
.vm {vertical-align:middle !important}
.overflow {overflow:hidden}
.dn {display:none !important}
.db {display:block}
.din {display:inline}
.dinb {display:inline-block}

/* font color */
.white {color:#fff;}
.bold {font-weight:600}
.orange {color:#f05416}
.red {color:#e60012}
.pink {color:#d74871}
.purple {color:#7553e6}
.purple2 {color:#6a46e1}
.purple3 {color:#a152cf}
.sky {color:#0092d8}
.blue {color:#004ea2}
.blue2 {color:#3d72c3}
.blue3 {color:#2d58b6}
.navy {color:#00428e}
.minte {color:#00967A}
.green {color:#0099a2}
.green2 {color:#009B64}
.green3{color:#00903e}
.green4 {color:#4fb233}
.gray {color:#898989}
.black {color:#000;}

.bg_yellow {background:#e9a416}
.bg_orange {background:#ed6d20}
.bg_red {background:#e60012}
.bg_pink {background:#d74871}
.bg_pink2 {background:#f2eeee}
.bg_purple {background:#7553e6}
.bg_purple2 {background:#6a46e1}
.bg_purple3 {background:#a152cf}
.bg_minte {background:#00967A}
.bg_green {background:#106033}
.bg_green2 {background:#009B64}
.bg_green3{background:#00903e}
.bg_green4 {background:#4fb233}
.bg_green5 {background:##eff7e7}
.bg_sky {background:#0092d8}
.bg_blue {background:#004ea2}
.bg_blue2 {background:#3d72c3}
.bg_blue3 {background:#2d58b6}
.bg_blue3 {background:#b3d4fc}
.bg_blue3 {background:#eff2f4}
.bg_navy {background:#00428e}
.bg_gray {background:#898989}
.bg_gray2 {background:#b5b5b6}
.bg_gray3 {background:#rgb(238,238,238)}

.ico_yellow, .ico_orange, .ico_red, .ico_pink , .ico_purple, .ico_sky, .ico_blue, .ico_navy, .ico_minte, .ico_green, .ico_gray {display:inline-block; padding:.3em .6em .3em; font-family:"Noto"; font-size:1em; line-height:1; border-radius:.3em; -moz-border-radius:.3em; -webkit-border-radius:.3em}
.ico_yellow {border:1px solid #e9a416; color:#eca428}
.ico_orange {border:1px solid #ed6d20; color:#ed6d20}
.ico_red {border:1px solid #e60012; color:#e60012}
.ico_pink {border:1px solid #d74871; color:#d74871}
.ico_purple {border:1px solid #7553e6; color:#6441d9}
.ico_sky {border:1px solid #0092d8; color:#0092d8}
.ico_blue {border:1px solid #004ea2; color:#004ea2}
.ico_navy {border:1px solid #00428e; color:#00428e}
.ico_minte {border:1px solid #00967A; color:#00967A}
.ico_green {border:1px solid #00903e; color:#00903e}
.ico_gray {border:1px solid #898989; color:#898989}

/* width */
.wp0 {width:0% !important}
.wp1 {width:1% !important}
.wp2 {width:2% !important}
.wp3 {width:3% !important}
.wp4 {width:4% !important}
.wp5 {width:5% !important}
.wp6 {width:6% !important}
.wp7 {width:7% !important}
.wp8 {width:8% !important}
.wp9 {width:9% !important}
.wp10 {width:10% !important}
.wp11 {width:11% !important}
.wp12 {width:12% !important}
.wp13 {width:13% !important}
.wp14 {width:14% !important}
.wp15 {width:15% !important}
.wp16 {width:16% !important}
.wp17 {width:17% !important}
.wp18 {width:18% !important}
.wp19 {width:19% !important}
.wp20 {width:20% !important}
.wp21 {width:21% !important}
.wp22 {width:22% !important}
.wp23 {width:23% !important}
.wp24 {width:24% !important}
.wp25 {width:25% !important}
.wp26 {width:26% !important}
.wp27 {width:27% !important}
.wp28 {width:28% !important}
.wp29 {width:29% !important}
.wp30 {width:30% !important}
.wp31 {width:31% !important}
.wp32 {width:32% !important}
.wp33 {width:33% !important}
.wp34 {width:34% !important}
.wp35 {width:35% !important}
.wp36 {width:36% !important}
.wp37 {width:37% !important}
.wp38 {width:38% !important}
.wp39 {width:39% !important}
.wp40 {width:40% !important}
.wp41 {width:41% !important}
.wp42 {width:42% !important}
.wp43 {width:43% !important}
.wp44 {width:44% !important}
.wp45 {width:45% !important}
.wp46 {width:46% !important}
.wp47 {width:47% !important}
.wp48 {width:48% !important}
.wp49 {width:49% !important}
.wp50 {width:50% !important}
.wp51 {width:51% !important}
.wp52 {width:52% !important}
.wp53 {width:53% !important}
.wp54 {width:54% !important}
.wp55 {width:55% !important}
.wp56 {width:56% !important}
.wp57 {width:57% !important}
.wp58 {width:58% !important}
.wp59 {width:59% !important}
.wp60 {width:60% !important}
.wp61 {width:61% !important}
.wp62 {width:62% !important}
.wp63 {width:63% !important}
.wp64 {width:64% !important}
.wp65 {width:65% !important}
.wp66 {width:66% !important}
.wp67 {width:67% !important}
.wp68 {width:68% !important}
.wp69 {width:69% !important}
.wp70 {width:70% !important}
.wp71 {width:71% !important}
.wp72 {width:72% !important}
.wp73 {width:73% !important}
.wp74 {width:74% !important}
.wp75 {width:75% !important}
.wp76 {width:76% !important}
.wp77 {width:77% !important}
.wp78 {width:78% !important}
.wp79 {width:79% !important}
.wp80 {width:80% !important}
.wp81 {width:81% !important}
.wp82 {width:82% !important}
.wp83 {width:83% !important}
.wp84 {width:84% !important}
.wp85 {width:85% !important}
.wp86 {width:86% !important}
.wp87 {width:87% !important}
.wp88 {width:88% !important}
.wp89 {width:89% !important}
.wp90 {width:90% !important}
.wp91 {width:91% !important}
.wp92 {width:92% !important}
.wp93 {width:93% !important}
.wp94 {width:94% !important}
.wp95 {width:95% !important}
.wp96 {width:96% !important}
.wp97 {width:97% !important}
.wp98 {width:98% !important}
.wp99 {width:99% !important}
.wp100{width:100% !important}

/* width */
.w10 {width:10px !important}
.w20 {width:20px !important}
.w28 {width:28px !important}
.w30 {width:30px !important}
.w33 {width:33px !important}
.w40 {width:40px !important}
.w50 {width:50px !important}
.w60 {width:60px !important}
.w70 {width:70px !important}
.w80 {width:80px !important}
.w90 {width:90px !important}
.w100 {width:100px !important}
.w110 {width:110px !important}
.w120 {width:120px !important}
.w130 {width:130px !important}
.w140 {width:140px !important}
.w150 {width:150px !important}
.w160 {width:160px !important}
.w170 {width:170px !important}
.w180 {width:180px !important}
.w190 {width:190px !important}
.w200 {width:200px !important}
.w210 {width:210px !important}
.w220 {width:220px !important}
.w230 {width:230px !important}
.w240 {width:240px !important}
.w250 {width:250px !important}
.w260 {width:260px !important}
.w270 {width:270px !important}
.w280 {width:280px !important}
.w290 {width:290px !important}
.w300 {width:300px !important}
.w310 {width:310px !important}
.w320 {width:320px !important}
.w330 {width:330px !important}
.w340 {width:340px !important}
.w350 {width:350px !important}
.w360 {width:360px !important}
.w370 {width:370px !important}
.w380 {width:380px !important}
.w390 {width:390px !important}
.w400 {width:400px !important}
.w410 {width:410px !important}
.w420 {width:420px !important}
.w430 {width:430px !important}
.w440 {width:440px !important}
.w450 {width:450px !important}
.w460 {width:460px !important}
.w470 {width:470px !important}
.w480 {width:480px !important}
.w490 {width:490px !important}
.w450 {width:450px !important}
.w500 {width:500px !important}
.w510 {width:510px !important}
.w520 {width:520px !important}
.w530 {width:530px !important}
.w540 {width:540px !important}
.w550 {width:550px !important}
.w560 {width:560px !important}
.w570 {width:570px !important}
.w580 {width:580px !important}
.w590 {width:590px !important}
.w600 {width:600px !important}
.w610 {width:610px !important}
.w620 {width:620px !important}
.w630 {width:630px !important}
.w640 {width:640px !important}
.w650 {width:650px !important}

/* height */
.h10 {height:10px !important}
.h11 {height:11px !important}
.h12 {height:12px !important}
.h13 {height:13px !important}
.h14 {height:14px !important}
.h15 {height:15px !important}
.h16 {height:16px !important}
.h17 {height:17px !important}
.h18 {height:18px !important}
.h19 {height:19px !important}
.h20 {height:20px !important}
.h21 {height:21px !important}
.h22 {height:22px !important}
.h23 {height:23px !important}
.h24 {height:24px !important}
.h25 {height:25px !important}
.h26 {height:26px !important}
.h27 {height:27px !important}
.h28 {height:28px !important}
.h29 {height:29px !important}
.h30 {height:30px !important}
.h31 {height:31px !important}
.h32 {height:32px !important}
.h33 {height:33px !important}
.h34 {height:34px !important}
.h35 {height:35px !important}
.h36 {height:36px !important}
.h37 {height:37px !important}
.h38 {height:38px !important}
.h39 {height:39px !important}
.h40 {height:40px !important}
.h41 {height:41px !important}
.h42 {height:42px !important}
.h43 {height:43px !important}
.h44 {height:44px !important}
.h45 {height:45px !important}
.h46 {height:46px !important}
.h47 {height:47px !important}
.h48 {height:48px !important}
.h49 {height:49px !important}
.h50 {height:50px !important}
.h60 {height:60px !important}
.h70 {height:70px !important}
.h80 {height:80px !important}
.h90 {height:90px !important}
.h100 {height:100px !important}
.h110 {height:110px !important}
.h120 {height:120px !important}
.h130 {height:130px !important}
.h140 {height:140px !important}
.h150 {height:150px !important}
.h160 {height:160px !important}
.h170 {height:170px !important}
.h180 {height:180px !important}
.h190 {height:190px !important}
.h200 {height:200px !important}
.h210 {height:210px !important}
.h220 {height:220px !important}
.h230 {height:230px !important}
.h240 {height:240px !important}
.h250 {height:250px !important}
.h260 {height:260px !important}
.h270 {height:270px !important}
.h280 {height:280px !important}
.h290 {height:290px !important}
.h300 {height:300px !important}
.h310 {height:310px !important}
.h320 {height:320px !important}
.h330 {height:330px !important}
.h340 {height:340px !important}
.h350 {height:350px !important}
.h360 {height:360px !important}
.h370 {height:370px !important}
.h380 {height:380px !important}
.h390 {height:390px !important}
.h400 {height:400px !important}
.h410 {height:410px !important}
.h420 {height:420px !important}
.h430 {height:430px !important}
.h440 {height:440px !important}
.h450 {height:450px !important}
.h460 {height:460px !important}
.h470 {height:470px !important}
.h480 {height:480px !important}
.h490 {height:490px !important}
.h500 {height:500px !important}

/* padding */
.p0 {padding:0px !important}
.p1 {padding:1px !important}
.p2 {padding:2px !important}
.p3 {padding:3px !important}
.p4 {padding:4px !important}
.p5 {padding:5px !important}
.p6 {padding:6px !important}
.p7 {padding:7px !important}
.p8 {padding:8px !important}
.p9 {padding:9px !important}
.p10 {padding:10px !important}
.p11 {padding:11px !important}
.p12 {padding:12px !important}
.p13 {padding:13px !important}
.p14 {padding:14px !important}
.p15 {padding:15px !important}
.p16 {padding:16px !important}
.p17 {padding:17px !important}
.p18 {padding:18px !important}
.p19 {padding:19px !important}
.p20 {padding:20px !important}
.p21 {padding:21px !important}
.p22 {padding:22px !important}
.p23 {padding:23px !important}
.p24 {padding:24px !important}
.p25 {padding:25px !important}
.p26 {padding:26px !important}
.p27 {padding:27px !important}
.p28 {padding:28px !important}
.p29 {padding:29px !important}
.p30 {padding:30px !important}
.p31 {padding:31px !important}
.p32 {padding:32px !important}
.p33 {padding:33px !important}
.p34 {padding:34px !important}
.p35 {padding:35px !important}
.p36 {padding:36px !important}
.p37 {padding:37px !important}
.p38 {padding:38px !important}
.p39 {padding:39px !important}
.p40 {padding:40px !important}
.p41 {padding:41px !important}
.p42 {padding:42px !important}
.p43 {padding:43px !important}
.p44 {padding:44px !important}
.p45 {padding:45px !important}
.p46 {padding:46px !important}
.p47 {padding:47px !important}
.p48 {padding:48px !important}
.p49 {padding:49px !important}
.p50 {padding:50px !important}
.p60 {padding:60px !important}
.p70 {padding:70px !important}
.p80 {padding:80px !important}
.p90 {padding:90px !important}
.p100 {padding:100px !important}

/* padding-top */
.pt0 {padding-top:0px !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}
.pt28 {padding-top:28px !important}
.pt29 {padding-top:29px !important}
.pt30 {padding-top:30px !important}
.pt31 {padding-top:31px !important}
.pt32 {padding-top:32px !important}
.pt33 {padding-top:33px !important}
.pt34 {padding-top:34px !important}
.pt35 {padding-top:35px !important}
.pt36 {padding-top:36px !important}
.pt37 {padding-top:37px !important}
.pt38 {padding-top:38px !important}
.pt39 {padding-top:39px !important}
.pt40 {padding-top:40px !important}
.pt41 {padding-top:41px !important}
.pt42 {padding-top:42px !important}
.pt43 {padding-top:43px !important}
.pt44 {padding-top:44px !important}
.pt45 {padding-top:45px !important}
.pt46 {padding-top:46px !important}
.pt47 {padding-top:47px !important}
.pt48 {padding-top:48px !important}
.pt49 {padding-top:49px !important}
.pt50 {padding-top:50px !important}
.pt60 {padding-top:60px !important}
.pt70 {padding-top:70px !important}
.pt80 {padding-top:80px !important}
.pt90 {padding-top:90px !important}
.pt100 {padding-top:100px !important}

/* padding-right */
.pr0 {padding-right:0px !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}
.pr28 {padding-right:28px !important}
.pr29 {padding-right:29px !important}
.pr30 {padding-right:30px !important}
.pr31 {padding-right:31px !important}
.pr32 {padding-right:32px !important}
.pr33 {padding-right:33px !important}
.pr34 {padding-right:34px !important}
.pr35 {padding-right:35px !important}
.pr36 {padding-right:36px !important}
.pr37 {padding-right:37px !important}
.pr38 {padding-right:38px !important}
.pr39 {padding-right:39px !important}
.pr40 {padding-right:40px !important}
.pr41 {padding-right:41px !important}
.pr42 {padding-right:42px !important}
.pr43 {padding-right:43px !important}
.pr44 {padding-right:44px !important}
.pr45 {padding-right:45px !important}
.pr46 {padding-right:46px !important}
.pr47 {padding-right:47px !important}
.pr48 {padding-right:48px !important}
.pr49 {padding-right:49px !important}
.pr50 {padding-right:50px !important}
.pr60 {padding-right:60px !important}
.pr70 {padding-right:70px !important}
.pr80 {padding-right:80px !important}
.pr90 {padding-right:90px !important}
.pr100 {padding-right:100px !important}

/* padding-bottom */
.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}
.pb28 {padding-bottom:28px !important}
.pb29 {padding-bottom:29px !important}
.pb30 {padding-bottom:30px !important}
.pb31 {padding-bottom:31px !important}
.pb32 {padding-bottom:32px !important}
.pb33 {padding-bottom:33px !important}
.pb34 {padding-bottom:34px !important}
.pb35 {padding-bottom:35px !important}
.pb36 {padding-bottom:36px !important}
.pb37 {padding-bottom:37px !important}
.pb38 {padding-bottom:38px !important}
.pb39 {padding-bottom:39px !important}
.pb40 {padding-bottom:40px !important}
.pb41 {padding-bottom:41px !important}
.pb42 {padding-bottom:42px !important}
.pb43 {padding-bottom:43px !important}
.pb44 {padding-bottom:44px !important}
.pb45 {padding-bottom:45px !important}
.pb46 {padding-bottom:46px !important}
.pb47 {padding-bottom:47px !important}
.pb48 {padding-bottom:48px !important}
.pb49 {padding-bottom:49px !important}
.pb50 {padding-bottom:50px !important}
.pb60 {padding-bottom:60px !important}
.pb70 {padding-bottom:70px !important}
.pb80 {padding-bottom:80px !important}
.pb90 {padding-bottom:90px !important}
.pb100 {padding-bottom:100px !important}

/* padding-left */
.pl0 {padding-left:0px !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}
.pl28 {padding-left:28px !important}
.pl29 {padding-left:29px !important}
.pl30 {padding-left:30px !important}
.pl31 {padding-left:31px !important}
.pl32 {padding-left:32px !important}
.pl33 {padding-left:33px !important}
.pl34 {padding-left:34px !important}
.pl35 {padding-left:35px !important}
.pl36 {padding-left:36px !important}
.pl37 {padding-left:37px !important}
.pl38 {padding-left:38px !important}
.pl39 {padding-left:39px !important}
.pl40 {padding-left:40px !important}
.pl41 {padding-left:41px !important}
.pl42 {padding-left:42px !important}
.pl43 {padding-left:43px !important}
.pl44 {padding-left:44px !important}
.pl45 {padding-left:45px !important}
.pl46 {padding-left:46px !important}
.pl47 {padding-left:47px !important}
.pl48 {padding-left:48px !important}
.pl49 {padding-left:49px !important}
.pl50 {padding-left:50px !important}
.pl60 {padding-left:60px !important}
.pl70 {padding-left:70px !important}
.pl80 {padding-left:80px !important}
.pl90 {padding-left:90px !important}
.pl100 {padding-left:100px !important}

/* margin */
.m0 {margin:0px !important}
.m1 {margin:1px !important}
.m2 {margin:2px !important}
.m3 {margin:3px !important}
.m4 {margin:4px !important}
.m5 {margin:5px !important}
.m6 {margin:6px !important}
.m7 {margin:7px !important}
.m8 {margin:8px !important}
.m9 {margin:9px !important}
.m10 {margin:10px !important}
.m11 {margin:11px !important}
.m12 {margin:12px !important}
.m13 {margin:13px !important}
.m14 {margin:14px !important}
.m15 {margin:15px !important}
.m16 {margin:16px !important}
.m17 {margin:17px !important}
.m18 {margin:18px !important}
.m19 {margin:19px !important}
.m20 {margin:20px !important}
.m21 {margin:21px !important}
.m22 {margin:22px !important}
.m23 {margin:23px !important}
.m24 {margin:24px !important}
.m25 {margin:25px !important}
.m26 {margin:26px !important}
.m27 {margin:27px !important}
.m28 {margin:28px !important}
.m29 {margin:29px !important}
.m30 {margin:30px !important}
.m31 {margin:31px !important}
.m32 {margin:32px !important}
.m33 {margin:33px !important}
.m34 {margin:34px !important}
.m35 {margin:35px !important}
.m36 {margin:36px !important}
.m37 {margin:37px !important}
.m38 {margin:38px !important}
.m39 {margin:39px !important}
.m40 {margin:40px !important}
.m41 {margin:41px !important}
.m42 {margin:42px !important}
.m43 {margin:43px !important}
.m44 {margin:44px !important}
.m45 {margin:45px !important}
.m46 {margin:46px !important}
.m47 {margin:47px !important}
.m48 {margin:48px !important}
.m49 {margin:49px !important}
.m50 {margin:50px !important}
.m60 {margin:60px !important}
.m70 {margin:70px !important}
.m80 {margin:80px !important}
.m90 {margin:90px !important}
.m100 {margin:100px !important}

/* margin-top */
.mt0 {margin-top:0px !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}

.mt31 {margin-top:31px !important}
.mt32 {margin-top:32px !important}
.mt33 {margin-top:33px !important}
.mt34 {margin-top:34px !important}
.mt35 {margin-top:35px !important}
.mt36 {margin-top:36px !important}
.mt37 {margin-top:37px !important}
.mt38 {margin-top:38px !important}
.mt39 {margin-top:39px !important}
.mt40 {margin-top:40px !important}
.mt41 {margin-top:41px !important}
.mt42 {margin-top:42px !important}
.mt43 {margin-top:43px !important}
.mt44 {margin-top:44px !important}
.mt45 {margin-top:45px !important}
.mt46 {margin-top:46px !important}
.mt47 {margin-top:47px !important}
.mt48 {margin-top:48px !important}
.mt49 {margin-top:49px !important}
.mt50 {margin-top:50px !important}
.mt60 {margin-top:60px !important}
.mt70 {margin-top:70px !important}
.mt80 {margin-top:80px !important}
.mt90 {margin-top:90px !important}
.mt100 {margin-top:100px !important}
.mt-40 {margin-top:-40px !important}

/* margin-right */
.mr0 {margin-right:0px !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}
.mr21 {margin-right:21px !important}
.mr22 {margin-right:22px !important}
.mr23 {margin-right:23px !important}
.mr24 {margin-right:24px !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}
.mr41 {margin-right:41px !important}
.mr42 {margin-right:42px !important}
.mr43 {margin-right:43px !important}
.mr44 {margin-right:44px !important}
.mr45 {margin-right:45px !important}
.mr46 {margin-right:46px !important}
.mr47 {margin-right:47px !important}
.mr48 {margin-right:48px !important}
.mr49 {margin-right:49px !important}
.mr50 {margin-right:50px !important}
.mr60 {margin-right:60px !important}
.mr70 {margin-right:70px !important}
.mr80 {margin-right:80px !important}
.mr90 {margin-right:90px !important}
.mr100 {margin-right:100px !important}

/* margin-bottom */
.mb0 {margin-bottom:0px !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}
.mb26 {margin-bottom:26px !important}
.mb27 {margin-bottom:27px !important}
.mb28 {margin-bottom:28px !important}
.mb29 {margin-bottom:29px !important}
.mb30 {margin-bottom:30px !important}
.mb31 {margin-bottom:31px !important}
.mb32 {margin-bottom:32px !important}
.mb33 {margin-bottom:33px !important}
.mb34 {margin-bottom:34px !important}
.mb35 {margin-bottom:35px !important}
.mb36 {margin-bottom:36px !important}
.mb37 {margin-bottom:37px !important}
.mb38 {margin-bottom:38px !important}
.mb39 {margin-bottom:39px !important}
.mb40 {margin-bottom:40px !important}
.mb41 {margin-bottom:41px !important}
.mb42 {margin-bottom:42px !important}
.mb43 {margin-bottom:43px !important}
.mb44 {margin-bottom:44px !important}
.mb45 {margin-bottom:45px !important}
.mb46 {margin-bottom:46px !important}
.mb47 {margin-bottom:47px !important}
.mb48 {margin-bottom:48px !important}
.mb49 {margin-bottom:49px !important}
.mb50 {margin-bottom:50px !important}
.mb60 {margin-bottom:60px !important}
.mb70 {margin-bottom:70px !important}
.mb80 {margin-bottom:80px !important}
.mb90 {margin-bottom:90px !important}
.mb100 {margin-bottom:100px !important}

/* margin-left */
.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}
.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}
.ml21 {margin-left:21px !important}
.ml22 {margin-left:22px !important}
.ml23 {margin-left:23px !important}
.ml24 {margin-left:24px !important}
.ml25 {margin-left:25px !important}
.ml26 {margin-left:26px !important}
.ml27 {margin-left:27px !important}
.ml28 {margin-left:28px !important}
.ml29 {margin-left:29px !important}
.ml30 {margin-left:30px !important}
.ml31 {margin-left:31px !important}
.ml32 {margin-left:32px !important}
.ml33 {margin-left:33px !important}
.ml34 {margin-left:34px !important}
.ml35 {margin-left:35px !important}
.ml36 {margin-left:36px !important}
.ml37 {margin-left:37px !important}
.ml38 {margin-left:38px !important}
.ml39 {margin-left:39px !important}
.ml40 {margin-left:40px !important}
.ml41 {margin-left:41px !important}
.ml42 {margin-left:42px !important}
.ml43 {margin-left:43px !important}
.ml44 {margin-left:44px !important}
.ml45 {margin-left:45px !important}
.ml46 {margin-left:46px !important}
.ml47 {margin-left:47px !important}
.ml48 {margin-left:48px !important}
.ml49 {margin-left:49px !important}
.ml50 {margin-left:50px !important}
.ml60 {margin-left:60px !important}
.ml70 {margin-left:70px !important}
.ml80 {margin-left:80px !important}
.ml90 {margin-left:90px !important}
.ml100 {margin-left:100px !important}