@import url("common.css");


.clear{*zoom:1;}
.clear:after{content:""; display:block; clear:both;}

#contents{width:100%; z-index:99; clear:both;}
.location_area { height:40px; background-color: #e5e5e5; }
.location_area_in{position:relative; width:1180px; margin: 0 auto; overflow:hidden; }

	.location ul { font-size:13px; padding: 7px 0 0 10px;}
	.location li{float:left; font-size: 13px; color:#444; font-weight:none; letter-spacing:-0.5pt; padding:8px 10px 0 20px; background: url('/ko/images/common/location_arrow.gif') no-repeat 0 11px; }
	.location li:first-child {background: url('/ko/images/common/location_icon.gif') no-repeat 10px 11px; padding: 8px 10px 0 27px;}
	.location li a:hover{color:#000;}

.contents_in{position:relative; width:1180px; padding: 30px 0; margin: 0 auto; overflow:hidden; background: url('/ko/images/common/sub_bg.gif') no-repeat right 0; }

.lnb {float:left; width:220px; padding:0 0 0 0; }
	/*.lnb h2 {padding:30px 0 30px 15px; color:#fff; font-weight:600; line-height:26px; font-size:22px; letter-spacing:-2.5pt; background:#ef7a00;} */
	.lnb h2 {padding:20px 0 17px 12px; color:#3572c3; font-weight:600; line-height:20px; font-size:26px; letter-spacing:-1.5pt; }
	.lnb h2 span {color:#777777; font-weight:500; line-height:20px; font-size:10px; letter-spacing:0; }
	.lnb ul{position:relative; overflow:hidden; border-top:1px solid #e1e1e1;}
	.lnb li a:link, .lnb li a:visited{margin:0 1px; font-weight:600; color:#555; display:block; height:40px; border-bottom:1px solid #e1e1e1; text-indent:15px; padding-top:9px; letter-spacing:-0.5pt; background-position:185px 14px; transition:all 0.3s ease-in-out;}
	.lnb li a:hover{display:block; color:#555; font-weight:700; text-decoration: none; background:#d1d1d1 url('/ko/images/left_up.gif') 195px 14px no-repeat; transition:all 0.3s ease-in-out;}
	.left_linktop{display:block; color:#fff !important; font-weight:700 !important; text-decoration: none; background:#3572c3 url('/ko/images/left_up.gif') 195px 14px no-repeat !important;}
	
	/*depth_3*/
	.lnb ol.depth_3{ border-bottom:1px solid #ddd; padding:11px 0 8px 15px;}
		.depth_3 dd a:link, .depth_3 dd a:visited{display:block; font-size:12px; height:22px; background:url('/urich/images/dot.gif') 2px 8px no-repeat !important; padding-left:12px;}
		.depth_3 dd a:hover{display:block; color:#cb1a1a;}
		.depth_linktop{color:#cb1a1a !important; font-weight:bold !important; }
		.depth_linktop:hover{text-decoration:none}

.lnb_online {float:left; width:220px; padding:0 0 0 0; }
	/*.lnb h2 {padding:30px 0 30px 15px; color:#fff; font-weight:600; line-height:26px; font-size:22px; letter-spacing:-2.5pt; background:#ef7a00;} */
	.lnb_online h2 {padding:20px 0 17px 12px; color:#d31016; font-weight:600; line-height:20px; font-size:26px; letter-spacing:-1.5pt; }
	.lnb_online h2 span {color:#777777; font-weight:500; line-height:20px; font-size:10px; }
	.lnb_online ul{position:relative; overflow:hidden; border-top:1px solid #e1e1e1;}
	.lnb_online li a:link, .lnb_online li a:visited{margin:0 1px; font-weight:600; color:#555; display:block; border-bottom:1px solid #e1e1e1; padding:9px 0 9px 15px; letter-spacing:-0.5pt; background-position:185px 14px; transition:all 0.3s ease-in-out;}
	.lnb_online li a:hover{display:block; color:#555; font-weight:700; text-decoration: none; background:#d1d1d1 url('/ko/images/left_up.gif') 195px 14px no-repeat; transition:all 0.3s ease-in-out;}
	.left_linktop2{display:block; color:#fff !important; font-weight:700 !important; text-decoration: none; background:#e84f0e url('/ko/images/left_up.gif') 195px 14px no-repeat !important;}


	.sub_bn{position:relative; overflow:hidden; padding:20px 0 20px 16px; border-bottom:1px solid #ddd; margin:0 1px}
		.sub_bn h3{position:relative; font-size:13px; color:#333; letter-spacing:-1pt; font-weight:600;}
		.sub_bn p.number{font-size:20px; color:#2987e4; font-weight:700; padding:3px 0; letter-spacing:-0.3pt;}
		.sub_bn .cs_info{position:relative; overflow:hidden ;font-size:12px; letter-spacing:-0.5pt; }


.contentArea{float:left; width:900px; min-height:530px; overflow:hidden; margin-left:60px;}
.contentArea .tit_area{width:100%; padding:15px 0 20px 0; overflow:hidden; }
	.contentArea h3 {color:#333; font-weight:600; font-size:30px; letter-spacing:-1.5pt; line-height:30px;}
	.contentArea h3 span {color:#777777; font-weight:500; line-height:20px; font-size:12px; margin-left:15px; letter-spacing:-0.5px;}
	.tit_area p.stit{color:#959595; font-size:14px; letter-spacing:-0.5pt; padding-top:15px}

	.text_icon {height:25px; font-size:13px; color:#ffffff; letter-spacing:0; padding:2px 0 0 27px; font-weight:bold; background:url('/urich/images/text_icon_bg.gif') 0 0 no-repeat; }

.contentArea_search{float:left; width:1180px; margin-top:30px; min-height:530px; overflow:hidden; }
.contentArea_search .tit_area{width:100%; padding:15px 0 20px 0; overflow:hidden; }
	.contentArea_search h3 {color:#333; font-weight:600; font-size:30px; letter-spacing:0.5pt; line-height:30px;}
	.contentArea_search h3 span {color:#777777; font-weight:500; line-height:20px; font-size:12px; margin-left:15px; letter-spacing:-0.5px;}
	.tit_area p.stit{color:#959595; font-size:14px; letter-spacing:-0.5pt; padding-top:15px}

.contents_box{position:relative; width:100%; padding:30px 0; }



/* 탭 */
.normal_tap{*zoom:1;}
.normal_tap:after{content:""; display:block; clear:both;}
.normal_tap li{float:left;}
.tap2 li{width:50%;}
.tap3 li{width:33.333333333%;}
.tap4 li{width:25%;}
.tap5 li{width:25%;}
.tap6 li{width:16.66666666%;}
.tap7 li{width:14.28571428571429%;}
.tap8 li{width:12.5%;}
.normal_tap li a{display:block; height:45px; line-height:45px; border-bottom:1px solid #d6d6d6; border-left:1px solid #d6d6d6; text-align:center; text-indent:2px; font-size:14px; color:#555; background:#f3f3f3 url(/images/sub/tap_border.gif) no-repeat 0 center; font-weight:bold;}
.normal_tap li:first-child a{background:#f3f3f3; border-left:0 solid #d6d6d6;}
.normal_tap li.on a{background:#4fbcff; color:#fff;}
.normal_tap li.on:hover a{background:#4fbcff; color:#fff;}
.normal_tap li.on2 a{background:#0f4c9f; color:#fff;}
.normal_tap li.on2:hover a{background:#0f4c9f; color:#fff;}
.normal_tap li.on_blue a{background:#3572c3; color:#fff;}
.normal_tap li.on_blue:hover a{background:#3572c3; color:#fff;}
.normal_tap li:hover a{background:#e3e3e3; color:#000;}


/* ===================================================================================================
 * member
 =================================================================================================== */

.mem-list { width: 900px; overflow: hidden; }
.mem-list li { float:left; width: 450px; padding: 0 0 30px 0;}


.mem-list li .mem_img{ position:relative; float:left; width: 150px; border:1px solid #e9e9e9; margin: 0 30px 0 0; vertical-align:middle; }
.mem-list li dl.mem_text1 { position:relative; width:240px; padding: 12px 0 15px 0; overflow:hidden; border-bottom: 1px dotted #000; }
.mem-list li dl.mem_text1 .mem_name{ width:240px; font-size:18px; font-weight:600; color:#333; line-height:20px; padding: 0 0 15px 0; margin-bottom:20px; border-bottom: 1px dotted #000; }
.mem-list li dl.mem_text1 dt{font-size:13px; font-weight:bold; color:#333; line-height:30px; padding: 5px 0 8px 0; }
.mem-list li dl.mem_text1 dd{font-size:13px; color:#5e5e5e; line-height:20px; padding: 0 0 5px; }
.mem-list li dl.mem_text1 dd span.list{display:inline-block; vertical-align:top; width:50px; color:#333; font-weight:bold; line-height:20px; padding: 0 0 5px; }
.mem-list li dl.mem_text1 dd span.con{display:inline-block; width:190px; }
.mem-list li dl.mem_text1 dd b{color:#ccc; display:inline-block; padding-left:10px;}


/******** 공통CSS ********/

/* paging */
.paging{ clear:both;margin-top:30px; text-align:center; line-height:1;}
.paging:after {content:" ";display:block;clear:both;}
.paging2{ margin-top:15px;}
.paging_t20c {margin-top:20px;}
.paging_t20r {text-align:right;margin-top:20px;}
.paging ul li {position:relative;display:inline-block;margin:0 -2px;z-index:0;}
.paging ul li.current {z-index:1;}
.paging ul li a {float:left;display:inline-block;margin:0 0 0 -1px;padding:0 11px;height:31px;line-height:31px;background-color:#fff;border:1px solid #e0e0e0;text-align:center;font-weight:bold;font-size:12px;color:#333;}
.paging ul li strong {float:left;display:inline-block;margin:0 0 0 -1px;padding:0 11px;height:31px;line-height:31px;background-color:#fff;border:1px solid #009de6;text-align:center;font-weight:bold;font-size:12px;color:#009de6;}
.paging ul li.btn a {padding:0;width:30px;height:31px;border:none;background:url(/ko/images/sub/btn_paging.gif) 0 0 no-repeat;text-indent:-5000px;}
.paging ul li.first a {width:29px;background-position:0 0;}
.paging ul li.prev a {width:30px;background-position:-29px 0;}
.paging ul li.next a {background-position:0 -31px;}
.paging ul li.last a {background-position:-29px -31px;}




.point_txt01{color:#333; font-weight:700;}
.point_txt02{color:#2987e4; letter-spacing:-1pt;  line-height:35px;}
.point_txt03{color:#2987e4; letter-spacing:-1pt;  line-height:28px;}
.point_txt04{color:#2987e4; font-weight:700;}

.rmar_64{margin-right:64px}

.dep1_tit {display:block; padding:0 0 10px 20px; background:url('/img/tit_icon.gif') 0 6px no-repeat; font-weight:600; color:#333; font-size:16px;}
.dep1_tit2 {display:block; padding:0 0 15px 20px; background:url('/img/tit_icon.gif') 0 7px no-repeat; font-weight:600; color:#333; font-size:16px; letter-spacing:-1pt; border-bottom:1px solid #333;}
.dep1_tit3 {display:block; padding:0 0 15px 20px; background:url('/img/tit_icon.gif') 0 7px no-repeat; font-weight:600; color:#333; font-size:16px; letter-spacing:-1pt;}
.dep1_cont {display:block; padding:10px 0 30px 0; letter-spacing:-0.5pt;}


.tbl_style {width:100%; border-top:2px solid #1999d5;}
.tbl_style tr th {height:40px; border-bottom:1px solid #bed7e2; border-left:1px solid #bed7e2; vertical-align:middle; text-align:center; background:#f8fbfc; color:#49565a; font-size:13px;}
.tbl_style tr th.bdr_none { border-left:none; }
.tbl_style tr td {vertical-align:middle; border-bottom:1px solid #d4d4d4; border-left:1px solid #d4d4d4; padding:12px 0; color:#666; line-height:20px; text-align:center; font-size:12px; }
.tbl_style tr td.subject_tit { color:#222; font-weight:600; }
.tbl_style tr td.al { text-align:left; padding-left:15px; padding-right:15px; }
.tbl_style tr td.bdr_none { border-left:none; }

.table_event{width:100%; border-bottom:1px solid #d4d4d4; border-top:2px solid #f36f20; padding-top:15px;}
.table_event th{width:150px; height:35px; font-size:13px; color:#913e0d; letter-spacing:0; padding:4px 0 0 27px; font-weight:bold; background:url('/images/sub/text_icon_bg.gif') 0 0 no-repeat; text-align:left; }
.table_event td{padding:2px 0 15px 0; font-size:13px; line-height:20px; }



.btn_agree_area {width:100%; text-align:center; margin-top:20px; float:left; padding-top:30px; border-top: 1px solid #e1e1e1; }
.btn_agree_area_noline {width:100%; text-align:center; float:left; padding:30px 0; }
.btn_agree_area:after, .btn_agree_area_noline:after{content:""; display:block; clear:both;}
.btn_agree_area_r {width:100%; text-align:right; margin:0 0; float:right}
.btn_agree_area_r:after{content:""; display:block; clear:both;}

.btn_type01 {*display:inline; zoom: 1; height: 40px; padding: 10px 35px; margin-right:5px; line-height:40px; overflow:visible; font-weight:bold; text-decoration:none; white-space: nowrap; background:#6a6a6a; border:1px solid #6a6a6a; border-radius:3px; font-size:13px; color:#fff !important; }
.btn_type02 {*display:inline; zoom: 1; height: 40px; padding: 10px 35px; margin-right:5px; line-height:40px; overflow:visible; font-weight:bold; text-decoration:none; white-space: nowrap; background:#6a6a6a; border-radius:3px; font-size:13px; color:#fff !important; }
.btn_type02_s {*display:inline; zoom: 1; height: 25px; padding: 5px 25px; margin-right:5px; line-height:25px; overflow:visible; font-weight:bold; text-decoration:none; white-space: nowrap; background:#6a6a6a; border-radius:3px; font-size:12px; color:#fff !important; }

.btn_end {*display:inline; zoom: 1; margin: 0 auto; width:60px; padding: 2px 0; overflow:visible; font-weight:bold; text-decoration:none; white-space: nowrap; background:#6a6a6a; border-radius:20px; font-size:11px; color:#fff !important; }
.btn_ing {*display:inline; zoom: 1; margin: 0 auto; width:60px; padding: 2px 0; overflow:visible; font-weight:bold; text-decoration:none; white-space: nowrap; border:1px solid #e32613; background:#fff; border-radius:20px; font-size:11px; color:#e32613 !important; }
.btn_arr {*display:inline; zoom: 1; margin: 0 auto; width:60px; padding: 2px 0; overflow:visible; font-weight:bold; text-decoration:none; white-space: nowrap; border:1px solid #2a83c3; background:#fff; border-radius:20px; font-size:11px; color:#2a83c3 !important; }

.btn_ok1 {*display:inline; zoom: 1; margin: 0 auto; width:60px; padding: 2px 0; overflow:visible; font-weight:bold; text-decoration:none; white-space: nowrap; background:#e32613; border-radius:20px; font-size:11px; color:#fff !important; }
.btn_ok2 {*display:inline; zoom: 1; margin: 0 auto; width:60px; padding: 2px 0; overflow:visible; font-weight:bold; text-decoration:none; white-space: nowrap; background:#6a6a6a; border-radius:20px; font-size:11px; color:#fff !important; }
.btn_ok3 {*display:inline; zoom: 1; margin: 0 auto; width:60px; padding: 2px 0; overflow:visible; font-weight:bold; text-decoration:none; white-space: nowrap; background:#333333; border-radius:20px; font-size:11px; color:#fff !important; }

.btn_gold {*display:inline; zoom: 1; margin: 0 auto; width:30px; height:30px; padding: 6px 0; overflow:visible; font-weight:bold; text-decoration:none; white-space: nowrap; background:#fdbe00; border-radius:30px; font-size:10px; letter-spacing:-0.5px; color:#fff !important; }
.btn_silver {*display:inline; zoom: 1; margin: 0 auto; width:30px; height:30px; padding: 6px 0; overflow:visible; font-weight:bold; text-decoration:none; white-space: nowrap; background:#969696; border-radius:30px; font-size:10px; letter-spacing:-0.5px; color:#fff !important; }
.btn_bronz {*display:inline; zoom: 1; margin: 0 auto; width:30px; height:30px; padding: 6px 0; overflow:visible; font-weight:bold; text-decoration:none; white-space: nowrap; background:#b16821; border-radius:30px; font-size:10px; letter-spacing:-0.5px; color:#fff !important; }

.btn_fixed {*display:inline; zoom: 1; margin: 0 auto; width:60px; padding: 2px 0; overflow:visible; font-weight:bold; text-decoration:none; white-space: nowrap; border:1px solid #2a83c3; background:#fff; border-radius:20px; font-size:11px; color:#2a83c3 !important; }
.btn_special {*display:inline; zoom: 1; margin: 0 auto; width:60px; padding: 2px 0; overflow:visible; font-weight:bold; text-decoration:none; white-space: nowrap; border:1px solid #e4265b; background:#fff; border-radius:20px; font-size:11px; color:#e4265b !important; }

.tableTop {position:relative; margin-bottom:10px; line-height:1.5; }
.tableTop .searchTable {position:absolute; top:0; right:0;}



.view_tab{ margin-top:30px; width:770px; background:url(/urich/images/sub/lnb_bg.gif) repeat-x; }
.view_tab nav>ul{ padding: 0 0 0 0; background: #fff; }
.view_tab nav>ul>li{ float:left; padding : 0 5px 0 0; }
.view_tab nav>ul>li>a{ display:block; height: 25px; width:152px; padding:8px 20px 5px; text-align:center; font-size:14px; color:#7f7f7f; background: #fff; font-weight:bold; border-top:1px solid #bebebe; border-left:1px solid #bebebe; border-right:1px solid #bebebe; border-bottom:1px solid #3685f1;}
.view_tab nav>ul>li:hover>a,
.view_tab nav>ul>li.on>a{color:#fff; font-weight:bold; border-top:1px solid #3685f1;  border-left:1px solid #3685f1;  border-right:1px solid #3685f1; border-bottom:1px solid #3685f1; background: #3685f1;}
.view_tab nav>ul>li ul{display:none; padding:10px; border-top:1px solid #cfcfcf;}
.view_tab nav>ul>li.on ul{display:block;}
.view_tab nav>ul>li ul li a{padding:5px 0 5px 10px; display:block; background:url(/urich/images/sub/bg_leftmenu.gif) no-repeat 0 center;}
.view_tab nav>ul>li ul li:hover a,
.view_tab nav>ul>li ul li.on a{color:#d1290e;}
.view_tab nav.dep2>ul>li>a{background:url(/urich/images/common/bg_leftmenu_arrow.gif) no-repeat; background-position:178px 16px;}
.view_tab nav.dep2>ul>li>a:hover,
.view_tab nav.dep2>ul>li.on>a{background-position:178px -52px;}
.view_tab:after{content:""; display:block; clear:both;}



.notice_box{position:relative; overflow:hidden; width:100%; border:1px solid #ddd; padding:20px 30px; letter-spacing:-0.5pt; box-sizing: border-box;}
.notice_box li.dot3{font-size:16px; letter-spacing:-0.5pt; padding:0 0 4px 0px}
.notice_box li.dot{font-size:13px; letter-spacing:-0.5pt; background:url('/ko/images/sub/dot.gif') 0 9px no-repeat; padding:0 0 4px 14px}
.notice_box li.dot span.dot_tit{color:#333; letter-spacing:-0.5pt;}
.notice_box li.dot2{float:left; width:48%; font-size:15px; letter-spacing:-0.5pt; background:url('/ko/images/sub/dot.gif') 0 9px no-repeat; padding:0 0 4px 14px}
.notice_box li.dot4{float:left; width:48%; padding:0 0 4px 14px}
.notice_box li.dot4 p {padding:12px 0; vertical-align:middle; text-align:center; color:#333; font-size:15px; letter-spacing:-0.5px; padding:0 0 4px 10px}

.notice_box li.btn{padding:10px 0 5px 0}
.notice_box li.none{font-size:16px; letter-spacing:-0.2pt; padding:0 0 5px 0; color:#222; font-weight:700;}
.notice_box li.none span{font-size:16px; letter-spacing:-0.5pt; padding:0 0 0 0; color:#777;}
.notice_box li.none2{font-size:16px; letter-spacing:-0.5pt; padding:4px 0 0 0; color:#444;}
.notice_box p.dot_stxt{color:#777; font-size:13px; line-height:24px;}




.calendar_con{position:relative; overflow:hidden; width:100%;}
.calendar_con .step1{position:absolute; top:0; left:0; width:600px; height:40px; background:#5b9ecd; color:#fff; text-align:center; font-family:'Montserrat', sans-serif; font-weight:600; font-size:15px; line-height:40px;}
.calendar_con .step2{position:absolute; top:0; right:0; width:300px; height:40px; background:#5fbcdb; color:#fff; text-align:center; font-family:'Montserrat', sans-serif; font-weight:600; font-size:15px; line-height:40px;}

.calendar_con ul{width:100%; padding:0 0; background:#fff; margin-top:40px;}
.calendar_con ul:after{content:""; display:block; clear:both;}
.calendar_con ul li{float:left; box-sizing:border-box;}

/* calendar */
.calendar_con ul li.calendar_box{position:relative; float:left; width:600px; padding:20px 50px 30px 0; border-right:1px solid #ccc; box-sizing:border-box;}
	.calendar_box .data_box{position:relative; text-align:left; font-size:25px; font-family:'Montserrat', sans-serif; font-weight:600; color:#222; line-height:30px; margin-bottom:15px; margin-left: 15px;}
	.calendar_box .data_box span.back{position:absolute; top:-3px; left:0; }
	.calendar_box .data_box span.next{position:absolute; top:-3px; right:0; }
	.calendar_box .data_box span img{width:30px; height:30px; }

	.reserve-calendar { width: 100%; line-height: 1; }
	.reserve-calendar th { width:90px; background:#f5f5f5; border-top:1px solid #999; border-bottom:1px solid #dcdcdc; padding: 10px 0; height: 22px; line-height: 22px; text-align: center; font-size: 13px;}

	.reserve-calendar td { width:90px; font-family:'Montserrat', sans-serif; background:#fff; border-bottom:1px solid #dcdcdc; padding: 10px 0; height: 22px; line-height: 22px; text-align: center; font-size: 14px;	}
	.reserve-calendar td span{ font-family:'Montserrat', sans-serif; font-weight: 600; color: #666; }
	.reserve-calendar th.sun span,
	.reserve-calendar td.sun span,
	.reserve-calendar th.holiday span,
	.reserve-calendar td.holiday span { font-family:'Montserrat', sans-serif; color: #b25b5b; }
	.reserve-calendar th.sat span,
	.reserve-calendar td.sat span { font-family:'Montserrat', sans-serif; font-weight: 600; color: #287abf; }

	.reserve-calendar th.mon span,
	.reserve-calendar th.tue span,
	.reserve-calendar th.wed span,
	.reserve-calendar th.thi span,
	.reserve-calendar th.fri span{ font-family:'Montserrat', sans-serif; font-weight: 600;}

	.reserve-calendar td span.end { display: inline; display: inline-block; margin: 0 auto; width: 24px; height: 24px; line-height: 24px; border-radius: 24px; background-color: #666; color:rgba(255,255,255,0.7); font-family:'Montserrat', sans-serif; font-weight:600; }
	.reserve-calendar td.end span{ background-color: #022959; color: rgba(255,255,255,0.7); font-family:'Montserrat', sans-serif; font-weight:600; }
	.reserve-calendar td span.holi { display: inline; display: inline-block; margin: 0 auto; width: 24px; height: 24px; line-height: 24px; border-radius: 24px; background-color: #ec2e2e; color: #fff; font-family:'Montserrat', sans-serif; font-weight:600; }
	.reserve-calendar td.holi span{ background-color: #ec2e2e; color: #fff; font-family:'Montserrat', sans-serif; font-weight:600; }

	.end_txt{position:absolute; width:150px; text-align:right; top:20px; right:60px;}
	.end_txt p.end_txt1{display:inline-block; padding-top:12px; text-align:right; color:#444; font-size:12px; letter-spacing:-0.5px; line-height:12px; margin-right:20px;}
	.end_txt p.end_txt1 span{display:inline-block; width:12px; height:12px; border-radius:15px; background:#ec2e2e; margin: 0 5px 0 0; line-height:12px;}
	.end_txt p.end_txt2{display:inline-block; padding-top:12px; text-align:right; color:#444; font-size:12px; letter-spacing:-0.5px; line-height:12px;}
	.end_txt p.end_txt2 span{display:inline-block; width:12px; height:12px; border-radius:12px; background:#666; margin: 0 5px 0 0; line-height:12px;}


.calendar_con ul li.time_box{position:relative; width:300px; padding-left:50px; box-sizing:border-box;}
.calendar_con ul li.time_box ul{position:relative; width:200px; border-bottom:none; padding:0 0 30px; margin-top:25px;}
.calendar_con ul li.time_box ul li{float:none; line-height:30px; font-size:15px; margin-bottom:20px;}
.calendar_con ul li.time_box ul li span{font-weight:600; color:#222; font-size:15px;}
input.cal_check, input.cal_check[type=checkbox]{width:20px !important; height:20px !important; margin:-1px 0 0; padding:0; border:0; vertical-align:middle; background:none;}


.result_con{position:relative; overflow:hidden; width:100%;}
.result_con .step3{position:absolute; top:0; left:0; width:900px; height:40px; background:#57d7e6; color:#fff; text-align:center; font-family:'Montserrat', sans-serif; font-weight:600; font-size:15px; line-height:40px;}
.result_con ul{width:100%; padding:20px 20px; background:#fff; margin-top:40px; border-bottom: 1px solid #ccc; box-sizing:border-box;}
.result_con ul:after{content:""; display:block; clear:both;}
.result_con ul li{float:left; box-sizing:border-box; width:170px; font-weight:600; border: 1px solid #ddd; background:#f5fafa; padding:10px 15px; border-radius:5px; font-size:14px; color:#1c3592; line-height:16px; text-align:center; margin-left: 20px;}
.result_con ul li:first-child{margin-left: 0;}
.result_con ul li p.result_tit{font-size:14px; font-weight:600; color:#000; line-height:16px; padding-bottom:5px;}

.result_con ul .btn_area{position:absolute; bottom:20px; right:20px; width:100px;}
input.reset_btn {width:100px; height:75px; line-height:75px; border:1px solid #333; background:#333; box-sizing:border-box; border-radius:5px; font-size:13px; color: #fff; font-weight:600; cursor:pointer; transition:all 0.3s ease-in-out;}
input.reset_btn:hover {border:1px solid #000; background:#000; transition:all 0.3s ease-in-out;}


/* 사이트맵 */
.sitemap_box { width:180px; height:180px; padding: 0 20px 0 20px; background: url('/urich/images/sub/sitemap_bg.gif'); no-repeat; }
.sitemap_box h3{width:180px; font-size:17px; padding: 10px 0 5px 0; color:#1a457e; font-weight:600; letter-spacing:0; border-bottom: 1px solid #ddd; margin-bottom:12px;}
.sitemap_box li a{ line-height:20px; height:20px; font-size:13px; color:#333; background:url('/urich/images/main/dot01.gif') 5px 7px no-repeat; padding-left:15px; }
.sitemap_box li a:hover{ color: #1f60b5; }




/* 타이틀 */

.con_tit1 h3 { font-size: 20px; color: #666; letter-spacing: -1px; line-height:20px; padding: 0 0 15px 20px; background: url('/ko/images/sub/ico_tit01.gif') no-repeat 5px 3px; }
.con_tit2 { font-size: 15px; color: #000; font-weight:600; letter-spacing: 0; line-height:15px; padding: 0 0 10px 12px; background: url('/urich/images/sub/icon02.gif') no-repeat 0 5px; }
.subText{font-size: 13px; color: #666; padding: 0 0 30px 10px; line-height:22px; }

.bullet01 li{ line-height:18px; font-size:13px; color:#666; background:url('/urich/images/main/dot01.gif') 15px 9px no-repeat; padding: 0 0 4px 25px; }


.greeting {overflow:hidden;display:block;width:330px; padding: 20px 0 0;}


/* 연혁 */
.history{padding-top:20px; }
.history_in{background:url(/ko/intro/images/bg_history.gif) repeat-y 152px 0;}
.history_in ul strong{font-weight: 600; }
.history_in>ul>li{position: relative;padding-left: 148px;padding-bottom: 40px;}
.history_in ul li ul strong{display: block; font-size: 14px; color: #000; font-weight: 700; }
.history_in ul li ul li{padding-left: 23px;padding-bottom: 15px;background:url(/ko/intro/images/list_history.gif) no-repeat 0 8px;}
.history_in>ul>li>strong{position: absolute; left:0; top:5px; font-size: 25px; letter-spacing: -1px; color:#284794; }
.history_in>ul>li>strong span{left:0; top:5px; font-size: 25px; letter-spacing: -1px; color:#888; }





/**** 사이트맵 ****/
.sitemap_con{position:relative; overflow:hidden;}

.sitemapIn1{position:relative; overflow:hidden;}

.sitemap_con dl{float:left; position:relative; overflow:hidden; width:230px;}
.sitemap_con dt{background-color:#f9f9f9; padding:10px 0 10px 15px; border-top:2px solid #e72727;  border-bottom:1px solid #ddd; color:#333; font-weight:600; font-size:16px; }
.sitemap_con dd {border-bottom:1px dashed #d4d4d4; padding:8px 0 8px 27px; background: url('/ko/images/main/dot01.gif') no-repeat 17px 16px;}
.sitemap_con dd.dep2 {font-size:12px; border-bottom:1px dashed #d4d4d4; padding:8px 0 8px 27px; background: none; }
.sitemap_con dd a {color:#666;}
.sitemap_con dd a:hover, .sitemap_con dd a:visited {font-weight:bold; }





/**** 공인용품 ****/
.goods_img { overflow:hidden; width:900px;}
.goods_img>ul {position:relative; width:100%; display:flex; flex-wrap:wrap; overflow:hidden;}	
.goods_img>ul.col2>li {position:relative; width:calc((100% - 50px)/2); margin-left:50px;}
.goods_img>ul.col2>li:nth-child(2n+1) {margin-left:0px;}
.goods_img>ul.col3>li {position:relative; width:calc((100% - 60px)/3); margin-left:30px;}
.goods_img>ul.col3>li:nth-child(3n+1) {margin-left:0px;}
	
.goods_img>ul>li p.photo{ width:100%; padding:0; margin:0 0; display:block; text-align:center; border: 1px solid #d8d8d8; box-sizing:border-box;}
.goods_img>ul>li p.photo img{width:100%;}
.goods_img>ul>li p.name{ padding:10px 0 20px; color:#222; font-size:14px; font-weight:bold; line-height:20px; letter-spacing:-0.5px; text-align:center;}










/* ===================================================================================================
 * MEMBER LOGIN
 =================================================================================================== */
#contents .member_login { position: relative; padding-top: 0; padding-bottom: 50px; }
#contents .member_login div.area:after { content:""; display:block; clear:both; }
#contents .member_login div.area { max-width:900px; margin: 0 auto; border: 1px solid #e1e1e1; border-top: 2px solid #0d2148; background:#fff; } 

.container_login_area{padding-top:60px; padding-bottom:60px; }
.container_login_area .content_area{width:606px; margin: 0 auto; padding-left:50px; padding-bottom:0; }
.title_login{font-size:25px; color:#2b2a2a; font-weight:600; padding-bottom:5px; }
.text_login{font-size:13px; color:#5b5b5b; line-height:20px; }

.login_box{width:550px; margin-top:30px;}

.login_input_area{float:left;}
.login_input_area li{margin-top:8px;}
.login_input_area li:first-child{margin-top:0;}
.login_input_area li input{width:434px; height:39px; border:1px solid #c5c5c5; background-color:#fff; font-size:15px; color:#000; line-height:39px; text-indent:15px; }
.login_input_area li input:focus{width:434px; height:39px; border:2px solid #6e6e6e; text-indent:14px; line-height:39px;}

.btn_login{float:right; top:-13px;}
.btn_login a{ display:inline-block; width:179px; height:86px; background:#3572c3; font-size:16px; color:#fff; text-align:center; line-height:86px; font-weight:600; }
.btn_login a:hover{ display:inline-block; width:179px; height:86px; background:#0d2148; font-size:16px; color:#fff; text-align:center; line-height:86px; font-weight:600; }
.btn_login:after{content:""; display:block; clear:both;}

.btn_join_area{margin-top:45px; }
.btn_join_area li{float:left; width:179px; margin-left:6px;}
.btn_join_area li:first-child{margin-left:0;}
.btn_join_area li a{display:block; height:45px; background:#939498; font-size:14px; color:#fff; text-align:center; line-height:45px;}
.btn_join_area li a:hover{display:block; height:45px; background:#333; font-size:14px; color:#fff; text-align:center; line-height:45px;}


/* ===================================================================================================
 * MEMBER ID/PW FIND
 =================================================================================================== */

.container_login_area .content_area_id{float:left; width:480px; padding-left:80px; padding-bottom:0; }
.container_login_area .content_area_pw{float:left; width:400px; padding-bottom:0; }

.login_box_idpw{width:410px; margin-top:30px; padding-bottom:60px; }

.login_input_area{float:left;}
.login_input_area li{margin-top:8px;}
.login_input_area li:first-child{margin-top:0;}
.login_input_area li input{width:334px; height:39px; border:1px solid #c5c5c5; background-color:#fff; font-size:15px; color:#000; line-height:39px; text-indent:15px; }
.login_input_area li input:focus{width:334px; height:39px; border:2px solid #6e6e6e; text-indent:14px; line-height:39px;}

.btn_login_idpw{ padding-top:20px; }
.btn_login_idpw a{ display:inline-block; width:335px; height:40px; background:#3572c3; font-size:16px; color:#fff; text-align:center; line-height:40px; font-weight:600; }
.btn_login_idpw a:hover{ display:inline-block; width:335px; height:40px; background:#0d2148; font-size:16px; color:#fff; text-align:center; line-height:40px; font-weight:600; }
.btn_login_idpw:after{content:""; display:block; clear:both;}



/* ===================================================================================================
 * MEMBER JOIN
 =================================================================================================== */
#contents .member_join { position: relative; padding-top: 0; padding-bottom: 50px; }
#contents .member_join div.area:after { content:""; display:block; clear:both; }
#contents .member_join div.area { max-width:900px; margin: 0 auto; } 

.container_join_area{padding-top:0px; padding-bottom:0px; }
.container_join_area .content_area{width:900px; margin: 0 auto; padding-bottom:0; }
.title_join{font-size:20px; color:#3572c3; font-weight:600; padding-bottom:10px; }


.join_box{width:900px; margin-top:0px;}

.privacy {width:900px; background:#fbfbfb; border:1px solid #e8e8e8;  padding:15px; margin-bottom:50px;}
.privacy:after{content:""; display:block; clear:both;}
.privacy .acceet01 {width:50%; float:left; padding-top:15px; font-weight:bold; color:#444; }
.privacy .acceet02 {width:50%; float:left; padding-top:15px; text-align:right; }
.privacy .acceet03 {width:100%; float:left; padding-top:15px; text-align:left; color:#444; }



/* ===================================================================================================
 * INTRO
 =================================================================================================== */
#contents .program_box { position: relative; padding-top: 0; padding-bottom: 50px; }
#contents .program_box div.area:after { content:""; display:block; clear:both; }
#contents .program_box div.area { max-width:900px; margin: 0 auto; } 

.program_box_area{padding-top:0px; padding-bottom:0px; }
.program_box_area .content_area{width:900px; margin: 0 auto; padding-bottom:0; }

.city_box_photo { position:relative; float:left; width:360px; }
.city_box_photo > ul { margin: 0 0 0 10px; }
.city_box_photo > ul > li { float:left; width: 150px; margin: 15px 0 15px 10px; }
.city_box_photo > ul > li .mem_img{ width: 150px; border:1px solid #e9e9e9; vertical-align:middle; }


.city_box_table { float:left; left:360px; width:523px; margin-right:15px; padding: 15px 0; }








/*textarea*/
.textareaBox {display:block; padding:10px; line-height:0; font-size:0; border:1px solid #c0c0c0; border-radius:4px; background:#fff; }
.textareaBox textarea {width : 100%; height:250px; line-height:18px; font-size:13px; color:#666; border:none;resize:none; font-family:'NanumGothic','나눔고딕', AppleGothic, Sans-serif, Dotum, "돋움";}
.textareaBox.txtByte {position:relative;}
.textareaBox.txtByte .byte {position:absolute; right:23px; bottom:5px; font-size:14px; line-height:20px;}
.textareaBox.txtByte .byte em {color:#1091d0;}

.textareaBox2 {display:block; width:98%; padding:10px; line-height:0; font-size:0; border:1px solid #c0c0c0; border-radius:4px; background:#fff; box-sizing:border-box;}
.textareaBox2 textarea {width : 100%; height:50px; line-height:18px; font-size:13px; color:#666; border:none;resize:none; font-family:'NanumGothic','나눔고딕', AppleGothic, Sans-serif, Dotum, "돋움";}





/* 테이블 */
.table_style{border-collapse:separate; border-spacing:0px; border-left:1px solid #ddd; border-top:1px solid #777;}
.table_style th{color:#333; text-align:center; border-bottom:1px solid #ddd; border-right:1px solid #ddd; vertical-align:top; }
.table_style td{border-right:1px solid #ddd; padding:12px 10px 12px 10px; border-bottom:1px solid #ddd; font-size:13px; }
.table_style td.add{border-right:1px solid #ddd; padding:12px 0 12px 20px; border-bottom:1px solid #ddd; font-size:13px;}
.table_style span { margin: 0 auto; display:block; width: 70px;  font-size: 13px; font-weight: bold; padding: 3px 0 5px 0; background: #6a6a6a; }
.table_style span a { color: #dcdcdc; font-size: 13px; font-weight: bold; }
.table_style span a:hover { color: #fff; font-size: 13px; font-weight: bold; }


.mem_table { width:100%; border-top:1px solid #444; border-bottom:1px solid #444;  }
.mem_table td { font-size:13px; padding : 10px 0 10px 20px; line-height:30px; border-bottom: 1px solid #dcdcdc; }
.mem_table .txtb { color: #444; font-weight:bold; line-height:20px; }
.mem_table .txtb2 { font-size:15px; color: #333; font-weight:600; line-height:40px; }
.mem_table td label {margin-left:15px;}
.mem_table td label:first-child {margin-left:0;}

.cart_txt ul{  }
.cart_txt li{ font-size:12px; color:#555555; line-height:18px; padding-left:12px; padding-bottom:3px; background:url('/ko/images/main/icon_notice.gif') 3 8 no-repeat;  }

.service_table {  }
.service_table td { padding : 10px 20px; font-size: 13px; line-height:20px; border-bottom: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1;}
.service_table td:last-child { padding : 10px 20px; line-height:20px; border-bottom: 1px solid #e1e1e1; border-right: 0 solid #e1e1e1;}
.service_table td.tit { padding : 10px 0; line-height:20px; font-size: 13px; color: #fff; font-weight:bold; background: #385bb4; border-bottom: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; border-top: 1px solid #1c2653; text-align: center; }
.service_table td.tit_last { padding : 10px 0; line-height:20px; font-size: 13px; color: #fff; font-weight:bold; background: #385bb4; border-bottom: 1px solid #e1e1e1; border-right: 0 solid #e1e1e1; border-top: 1px solid #1c2653; text-align: center; }
.service_table td.tit3 { padding : 10px 0; line-height:20px; font-size: 13px; background: #f6f6f6; border-bottom: 1px solid #e1e1e1; border-right: 1 solid #e1e1e1; border-top: 0 solid #e1e1e1; text-align: center; }
.service_table td.line { height:1px; background: #78a27f; padding : 0;}
.service_table .txtb { color: #000; font-weight:bold;  }


input.txtInput,input.box {height:30px; padding:0 5px; margin:0; line-height:29px; border:1px solid #c0c0c0; border-radius:4px; color:#222;vertical-align:middle; font-family:'NanumGothic','나눔고딕', AppleGothic, Sans-serif, Dotum, "돋움";}
input.txtInput.readOnly {border:1px solid #e1e1e1; background:#f7f7f7;} 
input.txtInput2 {height:26px; padding:0 5px; margin:0; line-height:26px; border:1px solid #c0c0c0; border-radius:4px; color:#222; vertical-align:middle; font-family:'NanumGothic','나눔고딕', AppleGothic, Sans-serif, Dotum, "돋움";}
input.radio, 
input[type=radio] {width:14px !important; height:14px !important; margin:-2px 0 0 0; padding:0; border:0; vertical-align:middle; background:none;}
input.check,
input[type=checkbox] {width:13px !important; height:13px !important; margin:-1px 0 0; padding:0; border:0; vertical-align:middle; background:none;}
select.selectBox {box-sizing:border-box; height:30px; padding:0 0 0 3px; margin:0; font-size:13px; color:#666; border:1px solid #c0c0c0; border-radius:4px; -webkit-border-radius:0; font-family:'NanumGothic','나눔고딕', AppleGothic, Sans-serif, Dotum, "돋움"; vertical-align:middle; -webkit-appearance:none;}
label.labelBox{font-size:14px; font-weight:bold; color:#222; vertical-align:middle;}


/* Login Info */
.roundbox_A.bgf9 {background:#f9f9f9}
.roundbox_A.bgfff {background:#fff}
.roundboxPd_A.bgf9 {background:#f9f9f9}
.joiniInfoL {overflow:hidden;float:left;margin:26px 0 ;width:300px;border-right:solid 1px #e1e1e1;display:inline-block;text-align:center;}
.joiniInfoL p {font-size:15px;font-weight:500;color:#666;line-height:30px;}
.joiniInfoL .ma_btnB01 {width:120px;height:30px;margin:10px 5px 0;font-size:14px;line-height:30px;}
.joiniInfoR {overflow:hidden;float:left;margin:26px 0 ;width:430px;display:inline-block;text-align:center;}
.joiniInfoR p {font-size:15px;font-weight:500;color:#666;line-height:30px;}
.joiniInfoR .ma_btnB01 {width:120px;height:30px;margin:10px 5px 0;font-size:14px;line-height:30px;}


.ma_btnB01, a.ma_btnB01 {display:inline-block; height:20px; padding:0 10px; line-height:19px; color:#335e4c; font-size:13px; font-weight:bold; text-align:center; border:1px solid #335e4c; border-radius:4px; vertical-align:middle; background:#fff;}
button.ma_btnB01 {height:22px; line-height:18px;}

.ma_btn02, a.ma_btn02 {display:inline-block; height:22px; padding:0 10px; line-height:22px; color:#666; font-size:11px; text-align:center; border:1px solid #e1e1e1; border-radius:4px; vertical-align:middle; background:#f7f7f7;}
button.ma_btn02 {height:38px; line-height:34px;}

.ma_btn04, a.ma_btn04 {display:inline-block; height:28px; padding:0 10px; line-height:25px; color:#666; font-size:12px; text-align:center; border:1px solid #e1e1e1; border-radius:4px; vertical-align:middle; background:#f7f7f7;}
button.ma_btn04 {height:28px; line-height:28px;}

.ma_btnB05, a.ma_btnB05 {display:inline-block; height:46px; padding:0 10px; line-height:45px; color:#fff; font-size:16px; font-weight:bold; text-align:center; border:1px solid #335e4c; border-radius:4px; vertical-align:middle; background:#335e4c;}
button.ma_btnB05 {height:48px; line-height:44px;}

.roundbox_A {overflow:hidden;display:block;width:900px; margin:0 auto; position:relative; border:solid 1px #e1e1e1; border-radius:4px;}
.roundbox_A_840 {overflow:hidden;display:block;width:838px; position:relative; border:solid 1px #e1e1e1; border-radius:4px;}
.roundbox_A_1080 {overflow:hidden;display:block;width:1078px; position:relative; border:solid 1px #e1e1e1; border-radius:4px;}
.roundbox_A_1180 {overflow:hidden;display:block;width:1178px; position:relative; border:solid 1px #e1e1e1; border-radius:4px;}
.roundbox_A_pa30 {overflow:hidden;display:block;width:738px;margin:0 -1px; padding: 20px 5px; position:relative;border:solid 1px #e1e1e1;border-radius:4px;}
.roundbox_A_sitemap {overflow:hidden;display:block;width:218px; height:145px; margin:0 -1px; padding: 20px 0 20px 0; position:relative;border:solid 1px #e1e1e1;border-radius:4px;}
.roundbox_conference {overflow:hidden;display:block;width:690px;margin:0 -1px; padding: 20px 29px 40px; position:relative;border:solid 1px #e1e1e1;border-radius:4px;}

/* background color */
.bgf9 {background:#f9f9f9;}



.advice li { font-size:12px; line-height:22px; color:#444; font-weight:none; padding: 0 0 0 12px; background: url('/ko/images/main/dot01.gif') no-repeat 2px 9px; }
.advice li .bold { font-size:13px; line-height:22px; font-weight: bold; }


/* float */
.float_l { float:left; }
.float_r { float:right; }


height_370 { height:370px; }


/* color */
.f_fff {color:#fff; }
.f_aaa {color:#aaa;}
.f_sky {color:#1e5dba !important;}
.f_red {color:#cb0a2e !important;}
.f_org {color:#d5460f !important;}
.f_sym {color:#2d508a !important;}
.f_222 {color:#222 !important;}
.f_444 {color:#444 !important;}
.f_666 {color:#666 !important;}
.f_888 {color:#888 !important;}
.f_999 {color:#999 !important;}
.f_1a457e {color:#1a457e !important;}
.f_3685f1 {color:#3685f1 !important;}
.f_gold {color:#fdbe00 !important;}
.f_silver {color:#969696 !important;}
.f_bronz {color:#b16821 !important;}


/* font */
.bold {font-weight:bold;vertical-align:top}
.contIR {display:block;overflow:hidden;position:absolute;z-index:-1;height:0;font-size:0;white-space:nowrap}
.fs11 {font-size:11px}
.fs12 {font-size:12px}
.fs13 {font-size:13px}
.fs14 {font-size:14px}
.fs15 {font-size:15px}
.fs16 {font-size:16px !important;line-height:1;color:#222}
.fs18 {font-size:18px !important;line-height:1;color:#222}
.fs20 {font-size:20px;line-height:1;color:#222}
.fs22 {font-size:22px;line-height:1;color:#222}
.fs24 {font-size:24px;line-height:1;color:#222}
.fs26 {font-size:26px;line-height:1;color:#222}
.fs32 {font-size:32px;line-height:1;color:#222}
.fs35 {font-size:35px;font-weight:800;line-height:1;color:#222}
.fs38 {font-size:38px !important;font-weight:800;line-height:1 !important;color:#222 !important}
.fs40 {font-size:40px !important;font-weight:600;line-height:40px;letter-spacing:-2px;}

.fw100 {font-weight:100}
.fw200 {font-weight:200}
.fw300 {font-weight:300}
.fw400 {font-weight:400}
.fw500 {font-weight:500}
.fw600 {font-weight:600}
.fw700 {font-weight:700}
.fw800 {font-weight:800}
.fw900 {font-weight:900}
.hidden {position:absolute;left:-9999em;visibility:hidden;overflow:hidden;width:0;height:0;font-size:0;line-height:0}

.tac {text-align:center !important}
.tar {text-align:right !important}

/* letter-spacing */
lt_s1 { letter-spacing:-1px; }
lt_s2 { letter-spacing:-2px; }
lt_s3 { letter-spacing:-3px; }

/* line-height */
.ln_h15 {line-height:15px !important}
.ln_h18 {line-height:18px !important}
.ln_h20 {line-height:20px !important}
.ln_h22 {line-height:22px !important}
.ln_h25 {line-height:25px !important}
.ln_h30 {line-height:30px !important}
.ln_h36 {line-height:36px !important}
.ln_h50 {line-height:50px !important}
.ln_h60 {line-height:60px !important}

/* margin */
.mt0 {margin-top:0 !important}
.mt4 {margin-top:4px !important}
.mt5 {margin-top:5px !important}
.mt8 {margin-top:8px !important}
.mt10 {margin-top:10px !important}
.mt15 {margin-top:15px}
.mt17 {margin-top:17px}
.mt20 {margin-top:20px !important}
.mt30 {margin-top:30px}
.mt33 {margin-top:33px}
.mt35 {margin-top:35px}
.mt40 {margin-top:40px !important}
.mt47 {margin-top:47px !important}
.mt50 {margin-top:50px}
.mt60 {margin-top:60px}

.mr0 {margin-right:0 !important}
.mr4 {margin-right:4px !important}
.mr10 {margin-right:10px !important}
.mr15 {margin-right:15px !important}
.mr20 {margin-right:20px !important}
.mr25 {margin-right:25px !important}
.mr30 {margin-right:30px !important}

.mb0 {margin-bottom:0 !important}
.mb5 {margin-bottom:5px !important}
.mb7 {margin-bottom:7px !important}
.mb10 {margin-bottom:10px}
.mb12 {margin-bottom:12px !important}
.mb15 {margin-bottom:15px}
.mb20 {margin-bottom:20px}
.mb25 {margin-bottom:25px}
.mb30 {margin-bottom:30px}
.mb40 {margin-bottom:40px !important}
.mb45 {margin-bottom:45px}
.mb47 {margin-bottom:47px !important}
.mb50 {margin-bottom:50px !important}
.mb60 {margin-bottom:60px}
.mb70 {margin-bottom:70px !important}
.mb110 {margin-bottom:110px}

.ml0 {margin-left:0 !important}
.ml5 {margin-left:5px !important}
.ml10 {margin-left:10px !important}
.ml15 {margin-left:15px !important}
.ml18 {margin-left:18px !important}
.ml20 {margin-left:20px !important}
.ml30 {margin-left:30px !important}
.ml50 {margin-left:50px !important}
.ml60 {margin-left:60px !important}

/* padding */
.pt5 {padding-top:5px}
.pt10 {padding-top:10px}
.pt15 {padding-top:15px}
.pt20 {padding-top:20px}
.pt25 {padding-top:25px}
.pt30 {padding-top:30px}
.pt50 {padding-top:50px}

.pr20 {padding-right:20px}
.pr30 {padding-right:30px !important}
.pr40 {padding-right:40px !important}
.pr50 {padding-right:50px !important}

.pb0 {padding-bottom:0 !important}
.pb5 {padding-bottom:5px}
.pb10 {padding-bottom:10px}
.pb15 {padding-bottom:15px}
.pb20 {padding-bottom:20px}
.pb25 {padding-bottom:25px}
.pb30 {padding-bottom:30px}
.pb50 {padding-bottom:50px}

.pl0 {padding-left:0 !important}
.pl10 {padding-left:10px}
.pl20 {padding-left:20px}
.pl30 {padding-left:30px}
.pl40 {padding-left:40px}
.pl50 {padding-left:50px}
.pl63 {padding-left:63px}

.pw5 {padding-left:5px; padding-right:5px;}
.pw10 {padding-left:10px; padding-right:10px;}
.pw15 {padding-left:15px; padding-right:15px;}
.pw20 {padding-left:20px; padding-right:20px;}
.pw30 {padding-left:30px; padding-right:30px;}
.pw50 {padding-left:50px; padding-right:50px;}

.ph5 {padding-top:5px; padding-bottom:5px;}
.ph10 {padding-top:10px; padding-bottom:10px;}
.ph15 {padding-top:15px; padding-bottom:15px;}
.ph20 {padding-top:20px; padding-bottom:20px;}
.ph30 {padding-top:30px; padding-bottom:30px;}
.ph50 {padding-top:50px; padding-bottom:50px;}