@import url("common.css");

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

/* 서브공통 */
.svis_wrap{position:relative; width:100%; height:230px; overflow:hidden; z-index:1;}

.svis_wrap .svis_in{position:absolute; width:1080px; padding:60px 0 0; z-index:3; left:50%; margin-left:-540px;}
.svis_wrap .svis_in .txt_ko{ font-family:"notoKrM",san-serif; font-size:35px; color:#fff; line-height:40px; letter-spacing:-2px; text-align:center; }
.svis_wrap .svis_in .txt_ko span{ font-family:"notoKrM",san-serif;letter-spacing:-2px;}
.svis_wrap .svis_in .txt_en{ font-family: 'Titillium Web', sans-serif; font-size:18px; color: rgba(255, 255, 255, 0.5); font-weight:500; line-height:30px; letter-spacing:1px; text-align:center; }
.svis_wrap .svis_in .txt_line { width:120px; margin: 15px auto 12px; border-bottom: 1px solid #fff;  }

.svis_wrap .location_area {position:absolute; width:100%; height:50px; background:url(/html/images/sub/location_bg.png) repeat 0 0; z-index:4; bottom:0;}
.svis_wrap .location_area_in{position:relative; width:1080px; margin: 0 auto; overflow:hidden; }
	.location ul { font-size:13px; padding: 7px 0 0 10px;}
	.location li{float:left; font-size: 13px; color:#e5e5e5; font-weight:none; letter-spacing:-0.5pt; padding:13px 10px 0 20px; background: url('/html/images/sub/location_arrow.png') no-repeat 0 18px; }
	.location li:first-child {background: url('/html/images/sub/location_icon.png') no-repeat 10px 18px; padding: 13px 10px 0 27px;}
	.location li:last-child {color:#fff;}
	.location li a{color:#e5e5e5;}
	.location li a:hover{color:#fff;}


.svis_wrap .bg_company{position:absolute; left:0; top:0; z-index:2; width:100%; height:460px; background:url(/html/images/main/main_vis01.jpg) no-repeat center top; background-size:cover; 
-webkit-animation: move2 20s linear infinite alternate; /* Chrome, Safari, Opera */
animation: move2 20s linear infinite alternate;}

.svis_wrap .bg_product{position:absolute; left:0; top:0; z-index:2; width:100%; height:460px; background:url(/html/images/main/main_vis02.jpg) no-repeat center top; background-size:cover; 
-webkit-animation: move2 20s linear infinite alternate; /* Chrome, Safari, Opera */
animation: move2 20s linear infinite alternate;}

.svis_wrap .bg_gallery{position:absolute; left:0; top:0; z-index:2; width:100%; height:460px; background:url(/html/images/main/main_vis03.jpg) no-repeat center top; background-size:cover; 
-webkit-animation: move2 20s linear infinite alternate; /* Chrome, Safari, Opera */
animation: move2 20s linear infinite alternate;}

.svis_wrap .bg_customer{position:absolute; left:0; top:0; z-index:2; width:100%; height:460px; background:url(/html/images/main/main_vis01.jpg) no-repeat center top; background-size:cover; 
-webkit-animation: move2 20s linear infinite alternate; /* Chrome, Safari, Opera */
animation: move2 20s linear infinite alternate;}

@-webkit-keyframes move2 {
	from   {top:0;}
	to   {top:-230px;}
}
/* Standard syntax */
@keyframes move2 {
	from   {top:0;}
	to   {top:-230px;}
}


#contents{position:relative; overflow:hidden; width:100%; min-height:400px; }
#contentsIn{clear:both; position:relative; margin:0 auto; width:1079px; overflow:hidden;  border-left:1px solid #d9d9d9; }
#contentsIn_sitemap{clear:both; position:relative; margin:0 auto; width:1080px; overflow:hidden; }

.lnb {float:left; width:219px; padding:0 0 0 0; }
	.lnb h2 {font-family:"notoKrL",san-serif; padding:49px 0 17px; color:#111; font-weight:300; line-height:30px; font-size:30px; letter-spacing:-2px; text-align:center; }
	.lnb h2 span {font-family:"notoKrM",san-serif; font-weight:500; letter-spacing:-2px;}
	.lnb h2 .lnb_line { width:100px; margin: 23px auto 5px; border-bottom: 2px solid #fff;  }
	.lnb ul{position:relative; overflow:hidden; border-top:1px solid #e1e1e1;}
	.lnb li a:link, .lnb li a:visited{margin:0 0; font-family:"notoKrM",san-serif; font-weight:500; font-size:14px; color:#555; display:block; height:30px; border-bottom:1px solid #e1e1e1; text-indent:25px; padding-top:9px; letter-spacing:-0.5pt;}
	.lnb li a:hover{display:block; color:#d2141f; font-weight:500; text-decoration: none; background:#fff url('/html/images/sub/left_up01.gif') 185px 17px no-repeat;}
	.left_linktop{display:block; color:#fff !important; font-family:"notoKrM",san-serif; font-weight:500 !important; text-decoration: none; background:#d2141f url('/html/images/sub/left_up02.gif') 185px 17px no-repeat !important;}
	
	/*depth_3*/
	.lnb ol.depth_3{ border-bottom:1px solid #ddd; padding:15px 0 15px 25px; background-color:#f4f4f4;}
		.depth_3 dd a:link, .depth_3 dd a:visited{display:block; font-family:"notoKrM",san-serif; font-weight:500; font-size:13px; letter-spacing:-0.5px; height:22px; background:url('/html/images/sub/dot.gif') 2px 8px no-repeat !important; padding-left:12px; color:#888;}
		.depth_3 dd a:hover{display:block; color:#333;font-family:"notoKrM",san-serif; font-weight:500;}
		.depth_linktop{color:#333 !important; font-weight:500 !important; }
		.depth_linktop:hover{text-decoration:none}

.lnb .customer{width:219px; float:left; margin-top:50px;}
.lnb .customer h4{font-size:20px; font-weight:100; color:#333; letter-spacing:-1px; line-height:100%; padding:0 0 0 20px}
.lnb .customer dt{font-family: 'Titillium Web', sans-serif; font-size:26px; font-weight:bold; letter-spacing:0px; color:#de4e16; line-height:100%; padding:14px 0 5px 20px; }
.lnb .customer dt span{font-family: 'Titillium Web', sans-serif; font-size:18px; letter-spacing:0; color:#7cb400;}
.lnb .customer dd{font-weight:300;font-family:"notoKrR",san-serif; font-size:13px; letter-spacing:0px; line-height:18px; color:#666; padding-left:20px;}



.contentArea{float:left; width:800px; min-height:700px; overflow:hidden; padding-left:59px; border-left:1px solid #d9d9d9; }
.contentArea .tit_area{width:100%; padding:50px 0 30px 0; border-bottom: 1px solid #e9e9e9; overflow:hidden; }
	.contentArea h3 {font-family:"notoKrR",san-serif; color:#000; font-weight:300; font-size:30px; letter-spacing:-2px; line-height:30px;}	
	.tit_area p.stit{color:#959595; font-size:14px; letter-spacing:-0.5pt; padding-top:15px}

.contents_in {
	position:relative;
	clear:both;
	margin:37px 0 50px 0;
	width:800px;
*zoom:1; overflow:hidden;}


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

/* 탭 */
.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:38px; line-height:38px; border-bottom:1px solid #d6d6d6; border-left:1px solid #d6d6d6; text-align:center; text-indent:2px; font-size:13px; 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,
.normal_tap li:hover a{background:#f15b53; color:#fff;}

.sub_tap{*zoom:1; padding-bottom:35px; width:750px; margin: 0 auto; }
.sub_tap:after{content:""; display:block; clear:both;}
.sub_tap li{float:left; margin:0 -1px -1px 0; }
.sub_tap li a{display:block; padding: 8px 0; line-height:18px; border:1px solid #d6d6d6; text-align:center; font-size:13px; color:#444;}
.sub_tap li:hover a,
.sub_tap li.on a{background:#43505a; color:#fff; text-decoration:none;}
.sub_tap_area{margin-bottom:120px;}
.sub_tap_area li{display:none; text-align:center;}
.sub_tap_area li:first-child{display:block;}


/******** 공통CSS ********/
.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 #299dd9;}
.tbl_style tr th {height:50px; border-bottom:1px solid #d4d4d4; vertical-align:middle; text-align:center; background:#f9f9f9; color:#49565a; font-size:14px; font-family:"notoKrM",san-serif;}
.tbl_style tr th.bdr_none { border-left:none; }
.tbl_style tr td {vertical-align:middle; border-bottom:1px solid #d4d4d4; padding:14px 0; color:#666; line-height:20px; text-align:center; font-size:13px; }
.tbl_style tr td.bold { font-family:"notoKrM",san-serif; font-weight:500; color:#333; }
.tbl_style tr td.subject a { color:#000;}
.tbl_style tr td.al { text-align:left; padding-left:10px; padding-right:10px; }
.tbl_style tr td.bdr_none { border-left:none; }
.tbl_style tr td.bdr_right { border-right:2px solid #d64b1b; }
.tbl_style tr td.bdr_left { border-left:2px solid #d64b1b; }
.tbl_style tr td.tr_line {height:1px; padding:0 0; border-bottom:2px solid #d64b1b;}
.tbl_style tr td.bg_on { background-color:#fffcf8; }

.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{margin-top:45px; width:470px; margin: 0 auto; }
	.btn_agree_area li{float:left; width:148px; margin-left:10px;}
	.btn_agree_area li:first-child{margin-left:0;}
	.btn_agree_area li a{display:block; height:35px; background:#fafafa; font-size:14px; color:#666; text-align:center; line-height:35px; border: 1px solid #cecfd3; }
	.btn_agree_area li a:hover{display:block; height:35px; background:#333; font-size:14px; color:#fff; text-align:center; line-height:35px; border: 1px solid #333; }
	.btn_agree_area li.ok{float:left; width:148px; margin-left:0;}
	.btn_agree_area li.ok a{display:block; height:35px; background:#9d5921; font-size:14px; color:#fff; text-align:center; line-height:35px; border: 1px solid #9d5921; }
	.btn_agree_area li.ok a:hover{display:block; height:35px; background:#fbb038; font-size:14px; color:#472607; text-align:center; line-height:35px; border: 1px solid #fbb038; }
	
	.btn_agree_area02{margin-top:5px; float:right; }
	.btn_agree_area02 li{float:left; width:148px; margin-left:10px;}
	.btn_agree_area02 li a{display:block; height:35px; background:#fafafa; font-size:14px; color:#666; text-align:center; line-height:35px; border: 1px solid #cecfd3; }
	.btn_agree_area02 li a:hover{display:block; height:35px; background:#333; font-size:14px; color:#fff; text-align:center; line-height:35px; border: 1px solid #333; }
	.btn_agree_area02 li.ok{float:left; width:148px; margin-left:0;}
	.btn_agree_area02 li.ok a{display:block; height:35px; background:#9d5921; font-size:14px; color:#fff; text-align:center; line-height:35px; border: 1px solid #9d5921; }
	.btn_agree_area02 li.ok a:hover{display:block; height:35px; background:#fbb038; font-size:14px; color:#472607; text-align:center; line-height:35px; border: 1px solid #fbb038; }

	.btn_agree_area03{margin-top:45px; width:320px; margin: 0 auto; }
	.btn_agree_area03 li{float:left; width:148px; margin-left:10px;}
	.btn_agree_area03 li:first-child{margin-left:0;}
	.btn_agree_area03 li a{display:block; height:35px; background:#fafafa; font-size:14px; color:#666; text-align:center; line-height:35px; border: 1px solid #cecfd3; }
	.btn_agree_area03 li a:hover{display:block; height:35px; background:#333; font-size:14px; color:#fff; text-align:center; line-height:35px; border: 1px solid #333; }
	.btn_agree_area03 li.ok{float:left; width:148px; margin-left:10px;}
	.btn_agree_area03 li.ok a{display:block; height:35px; background:#9d5921; font-size:14px; color:#fff; text-align:center; line-height:35px; border: 1px solid #9d5921; }
	.btn_agree_area03 li.ok a:hover{display:block; height:35px; background:#fbb038; font-size:14px; color:#472607; text-align:center; line-height:35px; border: 1px solid #fbb038; }

	.btn_line{width:100%; border-bottom: 1px solid #cccccc; margin:50px auto 30px; }
	.blank_line{width:100%; border-bottom: 1px solid #cccccc; margin:20px auto; }

.btn_end {*display:inline; zoom: 1; margin: 0 auto; width:60px; padding: 2px 0; overflow:visible; font-weight:500; text-decoration:none; white-space: nowrap; background:#365ab7; border-radius:3px; font-size:12px; color:#fff !important; }
.btn_ing {*display:inline; zoom: 1; margin: 0 auto; width:60px; padding: 2px 0; overflow:visible; font-weight:500; text-decoration:none; white-space: nowrap; border:1px solid #2a83c3; background:#fff; border-radius:3px; font-size:12px; color:#2a83c3 !important; }
.btn_map {*display:block; zoom: 1; margin: 0 auto; width:60px; padding: 2px 0; overflow:visible; font-weight:500; text-decoration:none; white-space: nowrap; border:1px solid #2a83c3; background:#fff; font-family:"notoKrM",san-serif; font-size:12px; color:#2a83c3 !important; }



.view_tab{ margin-top:30px; width:770px; background:url(/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(/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(/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;}




	/*** 타이틀 ***/
	h4.sub_tit { margin-bottom:15px; color:#444; font-weight:500; font-family:"notoKrM",san-serif; font-size:20px; letter-spacing:-1px; line-height:25px; padding-left:20px; background:url('/html/images/sub/h4_tit_icon.gif') 5px 3px no-repeat; }
	h4.sub_tit span {color:#7fb128; margin-right:10px; line-height:25px;}
	h4.sub_tit p.s_txt {font-size:17px; color:#888888; letter-spacing:-1pt; font-weight:normal; line-height:normal; padding-top:7px;}
	
	h5.sub_stitle{font-size:17px; line-height:25px; letter-spacing:-0.5px; color:#d2141f; padding: 0 0 5px 3px; }
	h6.prd_stit{font-size:18px; line-height:22px; letter-spacing:-0.5pt; color:#fff;  background:#0d64c6; padding:10px 20px;}

.cont_tit_ko{font-size:24px !important; line-height:24px; letter-spacing:-1pt; color:#666; font-weight:100; font-family:"notoKrR",san-serif; margin-bottom:0;}
.cont_tit_ko span{ line-height:24px; letter-spacing:-1pt; font-weight:100; font-family:"notoKrM",san-serif; }
.cont_tit_en{font-size:40px !important; line-height:38px; letter-spacing:-2pt; color:#444; font-weight:500; font-family: 'Titillium Web', sans-serif; margin-bottom:15px;}
.cont_tit_en span{ font-size:40px; line-height:38px; letter-spacing:-1pt; font-weight:500; font-family: 'Titillium Web', sans-serif; }
.cont_stit{font-size:17px; letter-spacing:-0.5px; line-height:25px; color:#333; font-weight:100; font-family:"notoKrR",san-serif; margin-bottom:30px}
.ls0{letter-spacing:0 !important;}

div.sub_txt {font-size:15px; color:#555; line-height:24px; letter-spacing:-0.5px; padding:0 0 0 0; font-family:"notoKrR",san-serif; }
div.con_line { border-bottom:1px dotted #333; margin: 10px 0; }
div.p_img {width:100%; border:1px solid #c9c9c9; border-radius:4px; box-sizing:border-box; padding:30px 20px; text-align:center}


.bullet01 li{ line-height:18px; font-size:13px; color:#666; background:url('/html/images/main/dot01.gif') 15px 9px no-repeat; padding: 0 0 4px 25px; }
.s_bullet01 { padding: 0 0 20px 0; }
.s_bullet01 li { font-size:14px; line-height:22px; color:#666; font-weight:none; padding: 0 0 0 14px; background: url('/html/images/main/icon_notice.gif') no-repeat 6px 9px; }
.s_bullet01 li .bold { font-size:14px; line-height:22px; font-weight: bold; }

.s_bullet02 { padding: 0 0 0 0; }
.s_bullet02 li { font-family:"notoKrR",san-serif; font-size:15px; line-height:25px; color:#666; font-weight:none; padding: 0 0 0 16px; background: url('/html/images/main/icon_notice.gif') no-repeat 6px 10px; }
.s_bullet02 li .bold { font-size:15px; line-height:25px; font-weight: bold; }
.s_bullet02 li.note { font-family:"notoKrR",san-serif; font-size:15px; line-height:25px; color:#2b7c1b; font-weight:none; padding: 0 0 0 2px; background: none;}

.s_bullet03 { padding: 0 0 0 0; }
.s_bullet03 li { float:left; width:23%; font-family:"notoKrR",san-serif; font-size:14px; line-height:25px; color:#666; font-weight:none; padding: 0 0 0 16px; background: url('/html/images/main/icon_notice.gif') no-repeat 6px 10px; }
.s_bullet03 li .bold { font-size:14px; line-height:25px; font-weight: bold; }
.s_bullet03 li.note { font-family:"notoKrR",san-serif; font-size:14px; line-height:25px; color:#2b7c1b; font-weight:none; padding: 0 0 0 2px; background: none;}


	/* 숫자타이틀 */
	.num_tit { font-size: 18px; color: #444; padding-bottom: 10px; }
	.num_tit.span { text-align: center; margin-right: 0px; }
	.num_bg { display: inline-block;	color:#fff;	font-size: 20px;	width: 40px; height: 40px; padding-left: 14px; line-height:40px; background: url('/ko/images/sub/num_bg.png') no-repeat 0 0; }
	
	.subText{font-size: 15px; color: #666; padding: 0 0 30px 55px; line-height:18px; }
.s_bullet01 li .bold { font-size:14px; line-height:22px; font-weight: bold; }

.point_blue{color:#0068b7;}
.point_sblue{color:#33a1db;}
.point_green{color:#2c7837;}
.point_sgreen{color:#7fb128;}
.point_gray{color:#aaaaaa;}
.point_black{color:#222;}


p.pd_img{ padding : 20px 0 40px 0; }



	/* 인사말 */
	.greeting_cont{}
	.greeting_cont .txt{font-size:15px; letter-spacing:-0.5px; line-height:23px;}
	.greeting_cont .txt span{line-height:23px; letter-spacing:0;}
	.greeting_cont p{font-size:18px; letter-spacing:-1px; line-height:22px; color:#444444; margin-top:40px}
	.greeting_cont p span{font-size:28px; letter-spacing:-1px; line-height:30px; font-family:"notoKrM",san-serif; padding-left:10px;}


	/* 연혁 */
	.history{background:url(/html/images/company/history_bg.jpg) no-repeat right 0;}
	.history_in{background:url(/html/images/company/bg_history.gif) repeat-y 122px 0;}
	.history_in ul strong{font-weight: bold}
	.history_in>ul>li{position: relative; padding-left: 116px; padding-bottom: 40px; padding-top:10px; }
	.history_in ul li ul strong{display:block; font-size: 14px; color:#000; padding-right:30px; }
	.history_in ul li ul li{display:block; padding-left: 33px; font-size: 14px; padding-bottom: 15px; background:url(/html/images/company/list_history.gif) no-repeat 0 4px;}
	.history_in ul li ul li.space{display:block; padding-left: 83px;padding-bottom: 15px; background:url() no-repeat 0 8px;}
	.history_in>ul>li>strong{position: absolute; left:0; top:10px; font-family: 'Titillium Web', sans-serif; font-size: 25px; letter-spacing: -1px; color:#333; }


	/* 오시는길 */
	.map_box { overflow:hidden; }
	.map_box>ul.col1 { }
	.map_box>ul.col1:after{content:""; display:block; clear:both;}
	.map_box>ul.col1>li { float:left; padding : 0 0 40px 0; }

	.map_box>ul.col1>li p.name{ margin-top:20px; color:#333537; font-size:25px; font-weight: 500; line-height:20px; letter-spacing:-1.5px; }
	.map_box>ul.col1>li p.name span{ font-size:15px; color:#777777; font-weight: 400; letter-spacing:-1px; }
	.map_box>ul.col1>li p.intro_txt{ font-size:18px; color:#cd4e1c; font-weight: 400; line-height:24px; letter-spacing:0; padding-top:15px; }
	.map_box>ul.col1>li dl{ color:#535353; line-height:22px; margin:10px 0 10px; }
	.map_box>ul.col1>li dt{ font-weight: 500; color:#1c6cb0; font-size:14px; }
	.map_box>ul.col1>li dd{ font-size:16px; background: url('/html/images/sub/dot01.gif') no-repeat 2px 13px; padding: 5px 0 0 12px; line-height:22px; word-break: keep-all; }


	a.btn_detail {background:#a6a6a6;}
	a.btn_print {background:#c70a11;}


/* 인증서 */
.product_img { overflow:hidden; width:800px;}

.product_img>ul.col2 { width:800px; margin: 0 auto; }
.product_img>ul.col2:after{content:""; display:block; clear:both;}
.product_img>ul.col2>li { float:left; width:370px; height:500px; padding : 0 0 50px 60px; }
.product_img>ul.col2>li:first-child,
.product_img>ul.col2>li:first-child + li + li,
.product_img>ul.col2>li:first-child + li + li + li + li,
.product_img>ul.col2>li:first-child + li + li + li + li + li + li,
.product_img>ul.col2>li:first-child + li + li + li + li + li + li + li + li,
.product_img>ul.col2>li:first-child + li + li + li + li + li + li + li + li + li + li,
.product_img>ul.col2>li:first-child + li + li + li + li + li + li + li + li + li + li + li + li,
.product_img>ul.col2>li:first-child + li + li + li + li + li + li + li + li + li + li + li + li + li + li,
.product_img>ul.col2>li:first-child + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li,
.product_img>ul.col2>li:first-child + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li,
.product_img>ul.col2>li:first-child + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li,
.product_img>ul.col2>li:first-child + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li,
.product_img>ul.col2>li:first-child + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li,
.product_img>ul.col2>li:first-child + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li,
.product_img>ul.col2>li:first-child + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li,
.product_img>ul.col2>li:first-child + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li,
.product_img>ul.col2>li:first-child + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li,
.product_img>ul.col2>li:first-child + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li,
.product_img>ul.col2>li:first-child + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li,
.product_img>ul.col2>li:first-child + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li,
.product_img>ul.col2>li:first-child + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li{ float:left; width:370px; height:450px; padding : 0 0 50px 0; }

.product_img>ul.col2>li p.photo{ width:368px; height:507px; padding: 0 0; border: 1px solid #d8d8d8; display:block; }
.product_img>ul.col2>li p.photo a{ width:368px; height:507px; padding: 0 0; border: 1px solid #d8d8d8; display:block;}
.product_img>ul.col2>li p.photo a:hover{ width:368px; height:507px; padding: 0 0; border: 1px solid #000; display:block;}
.product_img>ul.col2>li p.name{ width:358px; padding:20px 0 10px 10px; color:#333; font-size:15px; font-weight: 500; line-height:24px; letter-spacing:0; text-align:center; }
.product_img>ul.col2>li p.name span{ font-size:15px; color:#999; font-weight: 400; letter-spacing:0; padding-left:10px;}
.product_img>ul.col2>li p.feature { width:358px; padding:0 0 0 10px; color:#666; font-size:14px; font-weight: 500; line-height:20px; letter-spacing:-0.5px; text-align:center; }


.product_img>ul.col3 { width:800px; margin: 0 auto; }
.product_img>ul.col3:after{content:""; display:block; clear:both;}
.product_img>ul.col3>li { float:left; width:240px; padding : 0 0 20px 40px; }
.product_img>ul.col3>li:first-child,
.product_img>ul.col3>li:first-child + li + li + li,
.product_img>ul.col3>li:first-child + li + li + li + li + li + li,
.product_img>ul.col3>li:first-child + li + li + li + li + li + li + li + li + li,
.product_img>ul.col3>li:first-child + li + li + li + li + li + li + li + li + li + li + li + li,
.product_img>ul.col3>li:first-child + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li,
.product_img>ul.col3>li:first-child + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li,
.product_img>ul.col3>li:first-child + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li,
.product_img>ul.col3>li:first-child + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li,
.product_img>ul.col3>li:first-child + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li,
.product_img>ul.col3>li:first-child + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li{ float:left; width:240px; padding : 0 0 20px 0; }

.product_img>ul.col3>li p.photo{ width:238px; padding: 0; margin: 5px 0 0; display:block; text-align:center; }
.product_img>ul.col3>li p.photo a{ width:238px; padding: 10px 0; border: 1px solid #d8d8d8; display:block;}
.product_img>ul.col3>li p.photo a:hover{ width:238px; padding: 10px 0; border: 1px solid #333; display:block;}
.product_img>ul.col3>li p.name{ width:238px; padding:15px 0; color:#333537; font-size:14px; font-weight: 500; line-height:20px; letter-spacing:-0.5px; text-align:center; }
.product_img>ul.col3>li p.name span{ font-size:12px; color:#999; font-weight: 400; letter-spacing:0; }


	/* 사업구조 */
	.business_box { overflow:hidden; width:1080px;}
	
	.business_box>ul.col2 { width:1080px; margin: 0 auto; }
	.business_box>ul.col2:after{content:""; display:block; clear:both;}
	.business_box>ul.col2>li { float:left; width:450px; padding : 0 0 40px 89px; border-left: 1px dotted #666; }
	.business_box>ul.col2>li:first-child,
	.business_box>ul.col2>li:first-child + li + li,
	.business_box>ul.col2>li:first-child + li + li + li + li,
	.business_box>ul.col2>li:first-child + li + li + li + li + li + li{ float:left; width:450px; padding : 0 90px 40px 0; border-left: none; }
	
	.business_box>ul.col2>li p.photo{ width:448px; margin:10px 0 40px; border: 1px solid #c3c3c3; }
	.business_box>ul.col2>li p.name{ margin-top:20px; color:#333537; font-size:25px; font-weight: 500; line-height:20px; letter-spacing:5px; }
	.business_box>ul.col2>li p.name span{ font-size:15px; color:#777777; font-weight: 400; letter-spacing:-1px; }
	.business_box>ul.col2>li p.intro_txt{ font-size:13px; color:#777777; font-weight: 400; letter-spacing:0; margin-top:5px; }
	.business_box>ul.col2>li dl{ color:#535353; line-height:22px; margin:20px 0 30px; }
	.business_box>ul.col2>li dt{ font-weight: 500; color:#1c6cb0; font-size:14px; }
	.business_box>ul.col2>li dd{ font-size:16px; background: url('/html/images/sub/dot01.gif') no-repeat 2px 13px; padding: 5px 0 0 12px; line-height:22px; word-break: keep-all; }
	.business_box>ul.col2>li p.email{ font-size:13px; background: url('/html/images/members/icon_email.gif') no-repeat 0 1px; padding: 0 0 0 20px; line-height:16px; }


	/* CI */
	.ci_info{ margin-left:590px; width:490px; height:380px; }
	.ci_info p.tit{ font-size:28px; line-height: 30px; letter-spacing: -1px; padding : 10px 0 10px 5px; color:#000; }
	.ci_info p.contents{ font-size:16px; line-height: 26px; letter-spacing: -1px; padding : 0 0 0 5px; }







	/* 분양상품 */
	.goods_box { overflow:hidden; }
	.goods_box:after{content:""; display:block; clear:both;}
	.goods_box>ul.col1 {}
	.goods_box>ul.col1:after{content:""; display:block; clear:both;}
	.goods_box>ul.col1>li { float:left; padding : 0 0 20px 0; }

	.goods_box>ul.col1>li p.name1{ margin:20px 0 15px; color:#333; font-size:30px; font-weight: 500; line-height:20px; letter-spacing:-1.5px; padding-bottom:15px;}
	.goods_box>ul.col1>li p.name1 span{ font-size:16px; color:#777777; font-weight: 400; letter-spacing:-1px; padding-left:40px; background: url('/html/images/rental/name_tit_line.gif') no-repeat 20px 5px;}
	.goods_box>ul.col1>li p.name2{ margin-top:20px; color:#b65e00; font-size:25px; font-weight: 500; line-height:20px; letter-spacing:-1.5px; }
	.goods_box>ul.col1>li p.intro_txt{ font-size:18px; color:#cd4e1c; font-weight: 400; line-height:24px; letter-spacing:0; padding-top:15px; }
	.goods_box>ul.col1>li dl{ color:#535353; line-height:22px; margin:10px 0 10px; }
	.goods_box>ul.col1>li dt{ font-weight: 500; color:#1c6cb0; font-size:14px; }
	.goods_box>ul.col1>li dd{ font-size:16px; background: url('/html/images/sub/dot01.gif') no-repeat 2px 13px; padding: 5px 0 0 12px; line-height:22px; word-break: keep-all; }


	/* 분양문의 */
	.tbl_inquiry {width:100%; border-top:2px solid #333;}
	.tbl_inquiry tr th {width:20%; padding:12px 0; border-bottom:1px solid #d4d4d4; border-left:none; vertical-align:middle; text-align:center; background:#f9f9f9; color:#333; font-size:14px; font-weight:500; font-family:"notoKrM",san-serif;}
	.tbl_inquiry tr th.bdr_none { border-left:none; line-height:18px; font-weight:500; font-family:"notoKrM",san-serif;}
	.tbl_inquiry tr td {vertical-align:middle; border-bottom:1px solid #d4d4d4; border-left:1px solid #d4d4d4; padding:12px 15px; color:#666; line-height:20px; text-align:left; font-size:14px; }
	.tbl_inquiry tr td.tit { font-size:14px; color:#3191b3; font-weight:500; }
	.tbl_inquiry tr td.al { text-align:left; padding-left:15px; padding-right:15px; }
	.tbl_inquiry tr td.bdr_none { border-left:none; }

	input.txtInput {height:36px; font-size:14px; padding:0 5px; margin:0; line-height:35px; border:1px solid #c0c0c0; border-radius:4px; color:#222;vertical-align:middle; }
	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; }
	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:36px; padding:0 0 0 3px; margin:0; font-size:14px; color:#666; border:1px solid #c0c0c0; border-radius:4px; -webkit-border-radius:0; vertical-align:middle; -webkit-appearance:none;}
	label.labelBox{font-size:14px; font-weight:bold; color:#222; vertical-align:middle;}

	.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:160px; line-height:18px; font-size:13px; color:#666; border:none;resize:none; }
	.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;}


	/* 복리후생 */
	.welfare{ width:100%; height:200px; padding-bottom:70px; background: url('/html/images/recruit/welfare_bg02.gif') no-repeat left top;}
	.welfare p.tit{ font-size:25px; line-height: 35px; letter-spacing: -1.5px; padding : 40px 0 20px 50px; color:#666; }
	.welfare p.tit span{ font-size:25px; line-height: 35px; letter-spacing: -1.5px; color:#cd4e1c; }


	/* 자주하는질문 */
	.num_tit { font-size: 18px; color: #444; padding-bottom: 10px; }
	.num_tit.span { text-align: center; margin-right: 0px; }
	.num_bg01 { display: inline-block;	color:#fff;	font-size: 20px;	width: 40px; height: 40px; padding-left: 14px; line-height:40px; background: url('/html/images/sub/num_bg01.png') no-repeat 0 0; }
	.num_bg02 { display: inline-block;	color:#fff;	font-size: 20px;	width: 40px; height: 40px; padding-left: 14px; line-height:40px; background: url('/html/images/sub/num_bg02.png') no-repeat 0 0; }


	/* 뉴스레터 */
	.newsletter { overflow:hidden; width:1080px;}
	
	.newsletter>ul.col3 { width:1080px; margin: 0 auto; }
	.newsletter>ul.col3:after{content:""; display:block; clear:both;}
	.newsletter>ul.col3>li { float:left; width:330px; padding : 0 0 50px 45px; }
	.newsletter>ul.col3>li:first-child,
	.newsletter>ul.col3>li:first-child + li + li + li,
	.newsletter>ul.col3>li:first-child + li + li + li + li + li + li,
	.newsletter>ul.col3>li:first-child + li + li + li + li + li + li + li + li + li,
	.newsletter>ul.col3>li:first-child + li + li + li + li + li + li + li + li + li + li + li + li,
	.newsletter>ul.col3>li:first-child + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li,
	.newsletter>ul.col3>li:first-child + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li,
	.newsletter>ul.col3>li:first-child + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li,
	.newsletter>ul.col3>li:first-child + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li,
	.newsletter>ul.col3>li:first-child + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li,
	.newsletter>ul.col3>li:first-child + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li{ float:left; width:330px; padding : 0 0 50px 0; }
	
	.newsletter>ul.col3>li p.photo{ width:328px; margin-top:20px; border: 1px solid #d8d8d8; display:block; text-align:center; }
	.newsletter>ul.col3>li p.name{ width:330px; margin-top:20px; color:#333537; font-size:16px; font-weight: 500; line-height:20px; letter-spacing:-0.5px; text-align:center; }
	.newsletter>ul.col3>li p.name span{ font-size:12px; color:#999; font-weight: 400; letter-spacing:0; }


	/**** 사이트맵 ****/
	.sitemap_con{position:relative; overflow:hidden;}
	.sitemapIn1{position:relative; overflow:hidden;}
	
	.sitemap_con dl{float:left; position:relative; overflow:hidden; width:300px;}
	.sitemap_con dt{background-color:#f9f9f9; padding:10px 0 10px 15px; border-top:2px solid #21589a;  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('/html/images/sub/dot02.gif') no-repeat 17px 17px;}
	.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; }




/* 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 20px; line-height:28px; color:#fff; font-size:13px; font-weight:bold; text-align:center; border-radius:4px; vertical-align:middle; background:#896546;}
button.ma_btn04 {height:38px; line-height:34px;}

.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:758px; padding:20px; 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;}


/* 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('/html/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; }

/* color */
.f_fff {color:#fff; }
.f_000 {color:#000; }
.f_aaa {color:#aaa;}
.f_sky {color:#0091d9 !important;}
.f_blue {color:#163a86 !important}
.f_red {color:#e11d0a !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;}

/* 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:800;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}
.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}

.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}
.pb100 {padding-bottom:100px}

.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;}

.pad_30 {padding:30px}