@charset "utf-8";

/* 숨김설정 */
.hidden {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}

/* COMMON */
.tac {text-align:center !important;}
.tal {text-align:left !important;}
.tar {text-align:right !important;}

.border {border:1px solid #DBDBDB;}
.brb {border-bottom:1px solid #CCCCCC}

/* 블릿만 있는 리스트 경우 */
.list {margin-bottom:20px;}
.list:after {display: block; clear: both; content: ""}
.list>li {padding:0 0 0 12px;font-size:1.1em;line-height:1.5em;font-weight:400;margin-bottom:5px;background:url('/theme/basic/img/common/icon/dot_blue_2.png') no-repeat 0 10px;}
.list li ul {margin:10px 0 15px 0.5%;}
.list li ul li {background:url('../img/common/icon/arr_line.gif') no-repeat 0 12px;padding-left:14px;margin-bottom:3px;font-size:1.0em;font-weight:200;}
.list li ul li:nth-last-of-type(1) {margin-bottom:10px;}
.list span {color:#0077c5;}
.list .img_align {display:inline-block;clear:both;margin-bottom:20px;}
.list .img_align img {margin:20px 30px 0 0;}
.list .img_align img:last-child {margin:20px 0 0 0;}

.list2 {}
.list2:after {display: block; clear: both; content: ""}
.list2 li {background:url('/theme/basic/img/common/icon/arr_9.gif') no-repeat 0 10px;padding:0 0 0 13px;}
.list2 li ul {margin:10px 0 0 0.5%;}
.list2 li ul li {background:url('../img/common/icon/arr_line.gif') no-repeat 0 10px;padding-left:12px;}
.list2 li ul li:nth-last-of-type(1) {margin-bottom:10px;}

.list_dl {}
.list_dl:after {display: block; clear: both; content: ""}
.list_dl li {background:url('/theme/basic/img/common/icon/dot_gray_2.png') no-repeat 0 10px;padding:0 0 0 13px;line-height:2.0em}
.list_dl li strong {padding-right:8px;font-size:1.1em;}

.list2_ul {}
.list2_ul:after {display: block; clear: both; content: ""}
.list2_ul li {background:url('/theme/basic/img/common/icon/arr_9.gif') no-repeat 0 12px;padding:0 0 0 13px;font-size:1.1em;font-weight:bold;}
.list2_ul li ul {margin:10px 0 0 0.5%;}
.list2_ul li ul li {background:url('/theme/basic/img/common/icon/dot_gray_2.png') no-repeat 0 9px;padding:0 0 0 13px;font-size:.9em;font-weight:normal;}
.list2_ul li ul li:nth-last-of-type(1) {margin-bottom:15px;}
.list2_ul li span {color:#CC0000}

.list_figure {}
.list_figure:after {display: block; clear: both; content: ""}
.list_figure li {float:left;margin-right:50px;}
.list_figure li ul {margin:20px 0 0 0.5%;}
.list_figure li ul li {float:none;background:url('/theme/basic/img/common/icon/dot_gray_2.png') no-repeat 0 6px;padding:0 0 6px 13px;}
.list_figure li ul li:nth-last-of-type(1) {margin-bottom:10px;}
.list_figure figure {padding:0px !important;margin:0 !important;border:1px solid #ddd !important;}
.list_figure figure img {padding:2% 0;}
.list_figure figcaption {background-color:#FF7300;color:#fff;font-size:1.3em !important;padding:10px 0;font-weight:bold;}

/* 블릿만 있는 제목+내용 경우 */
.title_list {margin-bottom:20px;}
.title_list:after {display: block; clear: both; content: ""}
.title_list li {font-size:1.1em;background:url('/theme/basic/img/common/icon/dot_blue_2.png') no-repeat 0 9px;padding:0 0 0 13px;}
.title_list li strong {display: block; clear: both;font-size:1.1em;color:#010082;margin-bottom:10px;}
.title_list li ul {margin:10px 0 0 0.5%;}
.title_list li ul li {background:url('../img/common/icon/arr_line.gif') no-repeat 0 8px;padding-left:12px;}
.title_list li ul li:nth-last-of-type(1) {margin-bottom:10px;}

/* 블릿이 있는 타이틀+내용 경우 */
.infolist {}
.infolist:after {display: block; clear: both; content: ""}
.infolist li {background:url('/theme/basic/img/common/icon/line_1_gr.gif') no-repeat 0 4px;padding:0 0 15px 12px;}
.infolist li p {margin-bottom:0 !important}

/* 블릿이 있는 리스트인데 p 태그 밑에 들어가는 경우 */

/* 블릿이 있는 리스트인데 dl 태그 들어가는 경우 */
.depth_list dt {font-size:1.2em;color:#CC0000;font-weight:bold;padding:0 0 3px 10px;margin-top:15px;background:url('/theme/basic/img/common/icon/line_1_gr.gif') no-repeat 0 4px;}
.depth_list dd {margin-left:10px;}

/* dl 태그 제목 설명 이미지 들어가는 경우 */
.dl_list {}
.dl_list:after {display: block; clear: both; content: ""}
.dl_list dt {font-size:1.3em;padding:30px 190px 10px 0;color:#E92227;font-weight:bold;border-top:1px dashed #D1D1D1;}
.dl_list dd {padding:0 190px 0 0;margin-bottom:20px;}
.dl_list dd img {margin-bottom:20px;}

.dl_list2 {}
.dl_list2:after {display: block; clear: both; content: ""}
.dl_list2 dt {font-size:1.6em;padding:20px 0 10px 0;color:#E92227;font-weight:bold;text-align:center;}
.dl_list2 dd {padding:0 0 40px 0;margin-bottom:20px;text-align:center;font-size:1.1em;border-bottom:1px solid  #D1D1D1;}
.dl_list2 img {margin-bottom:15px;}

.dl_list3 {}
.dl_list3:after {}
.dl_list3 dt {display:block;font-size:1.2em;padding:0 20px 0 0;color:#FF7300;font-weight:bold;}
.dl_list3 dd {display:inline-block;padding:0 0 15px;margin-bottom:10px;}
.dl_list3 dd img {margin-bottom:20px;}

.dl_list4 {}
.dl_list4:after {display: block; clear: both; content: ""}
.dl_list4 dt {font-size:1.2em;font-weight:bold;color:#333;padding:5px 0 10px 20px;background:url('/theme/basic/img/common/icon/h4_orange.png') no-repeat 0 4px;}
.dl_list4 dd {font-size:1.1em;margin:0 0 15px 20px;}
.dl_list4 dd ul {}
.dl_list4 dd ul li {background:url('/theme/basic/img/common/icon/dot_gray_2.png') no-repeat 0 6px;padding:0 0 6px 13px;}
.dl_list4 img {margin-bottom:15px;}
.dl_list4 strong {color:#FF7300}

/* 블릿이 없는 ul + dl */
.infolist_dl {margin:0 0 10px 18px;}
.infolist_dl:after {display: block; clear: both; content: ""}
.infolist_dl li {margin-bottom:10px;}
.infolist_dl dt {display:inline-block;width:19%;min-height:100%;padding:2.5% 1% 2.5%;margin-right:1%;color:#fff;font-weight:bold;text-align:center;font-size:1.1em;background:url('/theme/basic/img/sub03/dl_cons2.jpg') no-repeat;}
.infolist_dl dd {display:inline-block;width:70%;min-height:100%;padding:2.5% 3% 2.5% 3%;border:1px solid #D1D1D1;}
.infolist_dl dd span {font-size:1.1em;color:#0067A3;}

.infolist_dl dt.type2 {background:url('/theme/basic/img/sub03/dl_cons1.jpg') no-repeat;}

.box {width:100%;border:1px solid #DBDBDB;text-align:center;padding:3% 2.5% 1.5%;font-size:1.1em;background-color:#F7F7F7;}
.box p {margin-bottom:10px !important;line-height:1.0em !important;}

.img_box {width:100%;border:1px solid #ddd;text-align:center;padding:2% !important;}
.img_box img {display:inline-block; clear:both;margin:0 1%;}

/* box 블릿이 있는 리스트 경우*/
.boxlist {padding:1.5% 3% 1%;background-color:#F7F7F7;border:1px solid #DBDBDB;border-bottom:5px solid #ddd;margin-bottom:30px;}
.boxlist:after {display: block; clear: both; content: ""}
.boxlist h4 {color:#CC0000;font-size:1.3em;margin-bottom:10px;background:none;}
.boxlist li {font-size:1.1em;line-height:1.6em;margin-bottom:5px;}
.boxlist li:before {content:'';display:inline-block;width:5px;height:5px;background:#0077c5;margin:0 8px 3px 0;border-radius:100%;}
.boxlist li strong {color:#0077c5;}
.boxlist p {margin-bottom:10px !important}
.boxlist p strong {color:#CC0000}

.boxlist2 {padding:2% 3% 1.5%;background-color:#F7F7F7;border:1px solid #DBDBDB;border-bottom:5px solid #ddd;margin-bottom:20px;}
.boxlist2:after {display: block; clear: both; content: ""}
.boxlist2 h4 {color:#CC0000;font-size:1.3em;margin-bottom:10px;background:none;}
.boxlist2 li {padding:0 0 0 14px;line-height:1.7em;margin-bottom:15px;}
.boxlist2 li strong {font-size:1.1em;color:#D51C22;font-weight:400;}
.boxlist2 p {margin-bottom:10px !important}
.boxlist2 p strong {color:#CC0000}

/* box 블릿이 있고 왼쪽이미지 */
.boxlist_img {margin-bottom:20px;}
.boxlist_img:after {display: block; clear: both; content: ""}
.boxlist_img .tt {margin-left:34%;background-color:#666;font-size:1.5em;color:#fff;padding:15px 2.5%}
.boxlist_img h4 {margin:10px 0 15px !important;}
.boxlist_img ul {margin-left:34%;padding:2% 2.5% 1%;background-color:#F5F5F5;border:1px solid #ddd;}
.boxlist_img ul li {background:url('/theme/basic/img/common/icon/dot_blue.png') no-repeat 0 9px;padding:0 0 5px 14px;font-size:.9em;}
.boxlist_img ul li strong {color:#0067A3;}
.boxlist_img p {margin-bottom:10px !important}
.boxlist_img p strong {color:#CC0000}

.figure_li {overflow:hidden;}
.figure_li li {float:left;width:390px;text-align:left;margin-right:5%;}
.figure_li li figure {margin:0;padding:0}
.figure_li li figcaption {padding-top:15px;text-align:center;font-weight:400;}

@media (min-width:320px) and (max-width:740px) {/* 모바일 */

.box {padding:6% 4% 6%;}
.box p {margin-bottom:10px !important;line-height:1.3em !important;}
.box .f24 {font-size:1.3em !important;}
.box .f30 {font-size:1.4em !important;}

/* 블릿만 있는 리스트 경우 */
.list {}
.list:after {}
.list>li {font-size:1.0em !important;padding:0 0 0 10px;line-height:1.4em;background:url('/theme/basic/img/common/icon/dot_blue_2.png') no-repeat 0 7px;}
.list li ul {margin:10px 0 15px 0.5%;}
.list li ul li {font-size:.92em;padding-left:10px;}
.list li ul li:nth-last-of-type(1) {}
.list span {}
.list .img_align {margin-bottom:20px;}
.list .img_align img {margin:20px 30px 0 0;}
.list .img_align img:last-child {margin:20px 0 0 0;}

/* box 블릿이 있는 리스트 경우*/
.boxlist {padding:5% 5% 2%;margin-bottom:20px;}

/* box 블릿이 있는 리스트 경우*/
.boxlist2 {padding:4% 2% 2%;background-color:#F7F7F7;border:1px solid #DBDBDB;border-bottom:5px solid #ddd;margin-bottom:20px;}
.boxlist2:after {display: block; clear: both; content: ""}
.boxlist2 h4 {color:#CC0000;font-size:1.3em;margin-bottom:10px;background:none;}
.boxlist2 li {padding:0 0 0 14px;line-height:1.5em;margin-bottom:15px;}
.boxlist2 li strong {font-size:1.1em;color:#D51C22;font-weight:bold;}
.boxlist2 p {margin-bottom:10px !important}
.boxlist2 p strong {color:#CC0000}

.f20 {font-size:1.2em !important;line-height:1.4em !important;}
.f21 {font-size:1.25em !important;line-height:1.4em !important;}
.f22 {font-size:1.3em !important;line-height:1.4em !important;}
.f23 {font-size:1.35em !important;line-height:1.4em !important;}
.f24 {font-size:1.4em !important;line-height:1.4em !important;}
.f26 {font-size:1.45em !important;font-weight:normal;line-height:1.4em !important;}
.f28 {font-size:1.5em !important;font-weight:normal;line-height:1.4em !important;}
.f30 {font-size:1.55em !important;font-weight:normal;line-height:1.4em !important;}
.f32 {font-size:1.6em !important;font-weight:normal;line-height:1.4em !important;}
.f34 {font-size:1.65em !important;font-weight:normal;line-height:1.4em !important;}

/* box 블릿이 있고 왼쪽이미지 */
.figure_li {overflow:hidden;}
.figure_li li {float:left;width:100%;text-align:left;margin:0 0 25px;}
.figure_li li:last-child {margin:0}
.figure_li li figure {margin:0;padding:0}
.figure_li li figcaption {padding-top:15px;text-align:center;font-weight:bold;}

}

/* background */
.bgwhite {background-color:#fff;}
.bgbeige {background-color:#F2EDE6;}
.bggray {background-color:#D9D9D9}
.bggray2 {background-color:#F0F0F0}
.bgblue {background-color:#005892}
.bgblue2 {background-color:#0067AA}
.bggreen {background-color:#00838B;color:#fff}
.bgskyblue {background-color:#3BAADF}
.bgyellow {background-color:#FFFF00;color:#151515 !important}
.brimg {border:1px solid #D9D9D9;text-align:center;padding:1.4%;margin-bottom:10px;}

.dotline {border-bottom:1px dashed #ccc;padding-top:60px;}
.underline {text-decoration:underline;}

/* font */
.fontsize10{font-size:10px;}
.fontsize11{font-size:11px;}
.fontsize12{font-size:12px;}
.fontsize13{font-size:13px;}
.fontsize14{font-size:14px;}
.fontsize15{font-size:15px;}
.fontsize16{font-size:16px;}
.fontsize17{font-size:17px;}
.fontsize18{font-size:18px;}
.fontsize19{font-size:19px;}
.fontsize20{font-size:20px;}
.fontsize21{font-size:21px;}
.fontsize22{font-size:22px;}
.fontsize23{font-size:23px;}
.fontsize24{font-size:24px;}
.fontsize25{font-size:25px;}
.fontsize26{font-size:26px !important;}
.fontsize27{font-size:27px;}
.fontsize28{font-size:28px;}
.fontsize29{font-size:29px;}
.fontsize30{font-size:30px !important;}

/* 텍스트 */
.f11 {font-size:11px;}
.f12 {font-size:12px;}
.f13 {font-size:13px;}
.f14 {font-size:14px;}
.f15 {font-size:15px;}
.f16 {font-size:16px;}
.f17 {font-size:17px !important;;}
.f18 {font-size:18px !important;;}
.f19 {font-size:19px !important;;}
.f20 {font-size:20px !important;}
.f21 {font-size:21px !important;}
.f22 {font-size:22px !important;}
.f23 {font-size:23px !important;}
.f24 {font-size:24px;font-weight:normal;}
.f26 {font-size:26px;font-weight:normal;}
.f28 {font-size:28px;font-weight:normal;}
.f30 {font-size:30px;font-weight:normal;}
.f32 {font-size:32px;font-weight:normal;}
.f34 {font-size:34px;font-weight:normal;}

.f_red {color:red;}
.f_gray {color:#666;}
.f_gray2 {color:#999;}
.f_black {color:#000;}
.f_blue {color:#0089D9;}
.f_navy {color:#000099;}

/* float */
.fl {float:left !important;}
.fr {float:right !important;}
.cl_both {clear:both; height:0px; font-size:0; line-height:0px;}
.banner_wrap{border:1px solid #C6C6C6;}

/* height */
.h5{height:5px !important;}
.h10{height:10px;}
.h13{height:13px;}
.h15{height:15px;}
.h20{height:20px !important;}
.h25{height:25px;}
.h30{height:30px;}
.h35{height:35px;}
.h40{height:40px;}
.h50{height:50px;}
.h60{height:60px;}
.h70{height:70px;}
.h80{height:80px;}
.h90{height:90px;}
.h100{height:100px;}
.h150{height:150px;}
.h200{height:200px;}
.h230{height:230px;}
.h233{height:233px;}
.h250{height:250px;}
.h300{height:300px;min-height:300px;}
.h310{height:310px;min-height:310px;}
.h320{height:320px;min-height:320px;}
.h330{height:330px;min-height:330px;}
.h340{height:340px;min-height:340px;}
.h350{height:350px;min-height:350px;}
.h360{height:360px;min-height:360px;}
.h370{height:370px;min-height:370px;}
.h380{height:380px;min-height:380px;}
.h390{height:390px;min-height:390px;}
.h400{height:400px;min-height:400px;}
.h500{height:500px;min-height:500px;}
.h539{height:539px;min-height:539px;}
.h540{height:540px;min-height:540px;}

/* width */
.w145 {width:145px !important;}
.w150 {width:150px !important;}
.w155 {width:155px !important;}
.w156 {width:156px !important;}
.w157 {width:157px !important;}
.w210 {width:210px !important;}
.w215 {width:215px !important;}
.w220 {width:220px !important;}
.w250 {width:250px !important;}
.w260 {width:260px !important;}
.w270 {width:270px !important;}
.w275 {width:275px !important;}
.w280 {width:280px !important;}
.w300 {width:300px !important;}
.w310 {width:310px !important;}
.w330 {width:330px !important;}
.w340 {width:340px !important;}
.w350 {width:350px !important;}
.w360 {width:360px !important;}
.w365 {width:365px !important;}
.w366 {width:366px !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;}

.w10pro {width:10%;min-width:10%;}
.w12pro {width:12%;min-width:12%;}
.w13pro {width:13%;min-width:13%;}
.w14pro {width:14%;min-width:14%;}
.w15pro {width:15%;min-width:15%;}
.w16pro {width:16%;min-width:16%;}
.w17pro {width:17%;min-width:17%;}
.w18pro {width:18%;min-width:18%;}
.w19pro {width:19.4%;min-width:19.4%;}
.w20pro {width:20%;min-width:20%;}
.w24pro {width:24.4%;min-width:24.4%;}
.w25pro {width:25%;min-width:25%;}
.w30pro {width:30%;min-width:30%;}
.w31pro {width:31%;min-width:31%;}
.w32pro {width:32.73%;min-width:32.73%;}
.w33pro {width:33.333%;min-width:33.333%;}
.w34pro {width:34%;min-width:34%;}
.w35pro {width:35%;min-width:35%;}
.w49pro {width:49.4%;min-width:49.4%;}
.w50pro {width:50%;min-width:50%;}
.w55pro {width:55%;min-width:55%;}
.w60pro {width:60% !important;min-width:60% !important;}
.w65pro {width:65%;min-width:65%;}
.w67pro {width:65%;min-width:67%;}
.w70pro {width:70% !important;min-width:70% !important;}
.w75pro {width:75%;min-width:75%;}
.w80pro {width:80%;min-width:80%;}
.w90pro {width:90%;min-width:90%;}
.w100pro {width:100%;min-width:100%;}

/* padding */
.pdt3{padding-top:3px !important;}
.pdt4{padding-top:4px !important;}
.pdt5{padding-top:5px !important;}
.pdt6{padding-top:6px !important;}
.pdt7{padding-top:7px !important;}
.pdt10{padding-top:10px !important;}
.pdt13{padding-top:13px;}
.pdt14{padding-top:14px;}
.pdt15{padding-top:15px;}
.pdt16{padding-top:16px;}
.pdt17{padding-top:17px;}
.pdt18{padding-top:18px;}
.pdt19{padding-top:19px;}
.pdt20{padding-top:20px;}
.pdt22{padding-top:22px;}
.pdt23{padding-top:23px;}
.pdt24{padding-top:24px;}
.pdt25{padding-top:25px;}
.pdt26{padding-top:26px;}
.pdt27{padding-top:27px;}
.pdt30{padding-top:30px;}
.pdt32{padding-top:32px;}
.pdt33{padding-top:33px;}
.pdt34{padding-top:34px;}
.pdt35{padding-top:35px !important;}
.pdt40{padding-top:40px !important;}
.pdt45{padding-top:45px !important;}
.pdt48{padding-top:48px;}
.pdt50{padding-top:50px !important;}
.pdt55{padding-top:55px;}
.pdt60{padding-top:60px;}
.pdt70{padding-top:70px;}
.pdt80{padding-top:80px;}
.pdt90{padding-top:90px;}
.pdt100{padding-top:100px;}
.pdt110{padding-top:110px;}
.pdt120{padding-top:120px;}
.pdt130{padding-top:130px;}
.pdt300{padding-top:300px;}
.pdt330{padding-top:330px;}

.pdr5{padding-right:5px !important;}
.pdr10{padding-right:10px;}
.pdr15{padding-right:15px;}
.pdr20{padding-right:20px;}
.pdr25{padding-right:25px;}
.pdr30{padding-right:30px;}
.pdr35{padding-right:35px;}
.pdr40{padding-right:40px;}
.pdr45{padding-right:45px;}
.pdr50{padding-right:50px;}
.pdr80{padding-right:80px;}

.pdb5 {padding-bottom:5px !important;}
.pdb7 {padding-bottom:7px !important;}
.pdb10 {padding-bottom:10px !important;}
.pdb14 {padding-bottom:14px;}
.pdb15 {padding-bottom:15px;}
.pdb19 {padding-bottom:19px;}
.pdb20 {padding-bottom:20px;}
.pdb22 {padding-bottom:22px;}
.pdb30 {padding-bottom:30px;}
.pdb31 {padding-bottom:31px;}
.pdb33 {padding-bottom:33px;}
.pdb35 {padding-bottom:35px;}
.pdb40 {padding-bottom:40px;}
.pdb50 {padding-bottom:50px;}
.pdb60 {padding-bottom:60px;}
.pdb70 {padding-bottom:70px;}
.pdb80 {padding-bottom:80px;}
.pdb90 {padding-bottom:90px;}
.pdb100 {padding-bottom:100px;}
.pdb150 {padding-bottom:150px;}
.pdb200 {padding-bottom:200px;}

.pdl5{padding-left:5px;}
.pdl10{padding-left:10px;}
.pdl15{padding-left:15px;}
.pdl18{padding-left:18px;}
.pdl20{padding-left:20px;}
.pdl25{padding-left:25px;}
.pdl30{padding-left:30px;}
.pdl40{padding-left:40px;}
.pdl50{padding-left:50px;}
.pdl60{padding-left:60px;}
.pdl70{padding-left:70px;}
.pdl80{padding-left:80px;}
.pdl100{padding-left:100px;}
.pdl120{padding-left:120px;}

/* margin */
.mg0 {margin:0 auto;}

.mgt3 {margin-top:3px !important;}
.mgt4 {margin-top:4px !important;}
.mgt5 {margin-top:5px !important;}
.mgt6 {margin-top:6px !important;}
.mgt7 {margin-top:7px !important;}
.mgt10 {margin-top:10px !important;}
.mgt11 {margin-top:11px;}
.mgt12 {margin-top:12px;}
.mgt13 {margin-top:13px;}
.mgt14 {margin-top:14px;}
.mgt15 {margin-top:15px;}
.mgt20 {margin-top:20px !important;}
.mgt25 {margin-top:25px;}
.mgt28 {margin-top:28px;}
.mgt30 {margin-top:30px !important;}
.mgt35 {margin-top:35px;}
.mgt40 {margin-top:40px;}
.mgt45 {margin-top:45px;}
.mgt50 {margin-top:50px !important;}
.mgt59 {margin-top:59px;}
.mgt60 {margin-top:60px;}
.mgt70 {margin-top:70px;}
.mgt170 {margin-top:170px}
.mgt200 {margin-top:200px}

.mgb0 {margin-bottom:0 !important;}
.mgb5 {margin-bottom:5px !important;}
.mgb6 {margin-bottom:6px !important;}
.mgb10 {margin-bottom:10px !important;}
.mgb11 {margin-bottom:11px;}
.mgb12 {margin-bottom:12px;}
.mgb15 {margin-bottom:15px;}
.mgb17 {margin-bottom:17px;}
.mgb18 {margin-bottom:18px;}
.mgb19 {margin-bottom:19px;}
.mgb20 {margin-bottom:20px !important;}
.mgb25 {margin-bottom:25px;}
.mgb30 {margin-bottom:30px !important;}
.mgb35 {margin-bottom:35px;}
.mgb37 {margin-bottom:37px;}
.mgb40 {margin-bottom:40px;}
.mgb50 {margin-bottom:50px;}

.mgl5 {margin-left:1%}
.mgl10{margin-left:10px;}
.mgl15{margin-left:15px;}
.mgl18{margin-left:18px;}
.mgl20{margin-left:20px;}
.mgl25{margin-left:25px;}
.mgl30{margin-left:30px;}
.mgl32{margin-left:32px;}
.mgl40{margin-left:40px;}
.mgl50{margin-left:50px;}

.mgr6 {margin-right:6px !important;}
.mgr7 {margin-right:7px !important;}
.mgr10 {margin-left:1.5em;}
.mgr12 {margin-right:12px;}
.mgr20 {margin-left:2.0em;}
.mgr30 {margin-left:2.5em;}
.mgr40 {margin-left:3.0em;}

.mgr5pro {margin-right:5%;}
.mgr6pro {margin-right:6%;}
.mgr7pro {margin-right:7%;}