/* Font
-----------------------------------------------------------------------------*/
@import url(/Common/css/nanumgothic_regular.css);

/* Global
-----------------------------------------------------------------------------*/
* { margin: 0; padding: 0;}
body { width: 100%; font-family:"Nanum Gothic", "나눔고딕", Dotum, Arial, Verdana, Geneva, sans-serif; font-size:16px; letter-spacing:-0.05em; /*overflow-x: hidden;*/ word-break:keep-all; word-wrap: brek-word; margin:0 auto; }
h3 {color:#fff;}
/*.campaign_wrapper {width: 100%; margin: 0 auto;}*/
.clearfix:after { display: table; clear: both; content: "";}
.clearfix:after { content: ""; /* Older browser do not support empty content */visibility: hidden; display: block; height: 0; clear: both;}

/* Header
-----------------------------------------------------------------------------*/
.header_wrap { position:relative; min-width:1020px; max-width:1440px; height:600px; margin:0 auto; border-left: 1px solid #ddd; border-right: 1px solid #ddd; overflow: hidden;}
.header_wrap .header { position:absolute; width:960px; z-index: 2; left: 50%; bottom:60px; margin-left:-480px; }
.header_wrap .overlay { position: relative; width: 100%; height: 100%; z-index: 1;}


.content_wrap .link_underline_invert { color:#fff; }

.tab_campaign{
    list-style: none;
    margin: 0 auto;
    padding: 0 0 60px 0;
    position: relative;
    max-width: 1440px; 
	border-right: 1px solid #ddd; 
	border-left: 1px solid #ddd;
}
.tab_campaign input[type='radio'] {
  display: none;
}
.tab_campaign .tab_campaign-nav {
  margin: 0 auto;
  display: table;
  max-width: 960px;
}
.tab_campaign .tab_campaign-nav label {
    display: inline-block;
    text-align: left;
	width: 220px;
	border: 1px #ddd solid;	
	margin-right: 15px;
	margin-top: 15px;
	overflow: hidden;
	cursor: pointer;
	
    transition: all .3s ease 0s;
	
}

.tab_campaign .tab_campaign-nav .img img { width: 220px;}
.tab_campaign .tab_campaign-nav .txt14 {padding:0 20px 20px 20px; display: block;}
.tab_campaign .tab_campaign-nav .txt18 {padding:20px 20px 10px 20px; color: #333; display: block; font-weight: 700;}


.tab_campaign .tab_campaign-content {
    position: absolute;
    top:0;
    display: none;
    box-sizing: border-box;
}

.tab_campaign .tab_campaign-content .header .txt20 a {color:#ff6600;}

.tab_campaign input[id='tab1']:checked ~ .tab_campaign-nav label[for='tab1'] {

}
.tab_campaign input[id='tab1']:checked ~ div.tab-1 {
  display: block; position: relative; z-index: 100;
}


.tab_campaign input[id='tab2']:checked ~ .tab_campaign-nav label[for='tab2'] {

}
.tab_campaign input[id='tab2']:checked ~ div.tab-2 {
  display: block; position: relative; z-index: 100;
}


.tab_campaign input[id='tab3']:checked ~ .tab_campaign-nav label[for='tab3'] {

}
.tab_campaign input[id='tab3']:checked ~ div.tab-3 {
  display: block; position: relative; z-index: 100;
}
	

.tab_campaign input[id='tab4']:checked ~ .tab_campaign-nav label[for='tab4'] {

}
.tab_campaign input[id='tab4']:checked ~ div.tab-4 {
  display: block; position: relative; z-index: 100;
}


.tab_campaign input[id='tab5']:checked ~ .tab_campaign-nav label[for='tab5'] {

}
.tab_campaign input[id='tab5']:checked ~ div.tab-5 {
  display: block; position: relative; z-index: 100;
}


.tab_campaign input[id='tab6']:checked ~ .tab_campaign-nav label[for='tab6'] {

}
.tab_campaign input[id='tab6']:checked ~ div.tab-6 {
  display: block; position: relative; z-index: 100;
}


.tab_campaign input[id='tab7']:checked ~ .tab_campaign-nav label[for='tab7'] {

}
.tab_campaign input[id='tab7']:checked ~ div.tab-7 {
  display: block; position: relative; z-index: 100;
}

.tab_campaign input[id='tab8']:checked ~ .tab_campaign-nav label[for='tab8'] {

}
.tab_campaign input[id='tab8']:checked ~ div.tab-8 {
  display: block; position: relative; z-index: 100;
}

.tab_campaign input[id='tab9']:checked ~ .tab_campaign-nav label[for='tab9'] {

}
.tab_campaign input[id='tab9']:checked ~ div.tab-9 {
  display: block; position: relative; z-index: 100;
}

.tab_campaign input[id='tab10']:checked ~ .tab_campaign-nav label[for='tab10'] {

}
.tab_campaign input[id='tab10']:checked ~ div.tab-10 {
  display: block; position: relative; z-index: 100;
}

.tab_campaign input[id='tab11']:checked ~ .tab_campaign-nav label[for='tab11'] {

}
.tab_campaign input[id='tab11']:checked ~ div.tab-11 {
  display: block; position: relative; z-index: 100;
}

.tab_campaign input[id='tab12']:checked ~ .tab_campaign-nav label[for='tab12'] {

}
.tab_campaign input[id='tab12']:checked ~ div.tab-12 {
  display: block; position: relative; z-index: 100;
}
	

.tab_campaign input[id='tab13']:checked ~ .tab_campaign-nav label[for='tab13'] {

}
.tab_campaign input[id='tab13']:checked ~ div.tab-13 {
  display: block; position: relative; z-index: 100;
}
	

.tab_campaign input[id='tab14']:checked ~ .tab_campaign-nav label[for='tab14'] {

}
.tab_campaign input[id='tab14']:checked ~ div.tab-14 {
  display: block; position: relative; z-index: 100;
}
	

.tab_campaign input[id='tab15']:checked ~ .tab_campaign-nav label[for='tab15'] {

}
.tab_campaign input[id='tab15']:checked ~ div.tab-15 {
  display: block; position: relative; z-index: 100;
}

.tab_campaign input[id='tab16']:checked ~ .tab_campaign-nav label[for='tab16'] {

}
.tab_campaign input[id='tab16']:checked ~ div.tab-16 {
  display: block; position: relative; z-index: 100;
}

.tab_campaign input[id='tab17']:checked ~ .tab_campaign-nav label[for='tab17'] {

}
.tab_campaign input[id='tab17']:checked ~ div.tab-17 {
  display: block; position: relative; z-index: 100;
}
	
	



/* Middle
-----------------------------------------------------------------------------*/
.campaign_middle { position:relative; min-width:1020px; max-width:1440px; height: auto; margin:0 auto; padding-bottom: 60px; }
.campaign_middle:after {display: table; clear: both;content: '';}

.nav_wrap {position:relative; width:960px; height:60px; margin:0 auto; }
.nav_wrap ul li a, .nav_wrap ul li a:hover, .nav_wrap ul li a:focus, .nav_wrap ul li a:active { display: block; width:100%; height:60px; color: #fff;}
.nav_wrap ul  {display:block; clear:both;  width:960px; height:60px; background:#fff;}
.nav_wrap ul li { float: left; width: 319px; height: 60px; font-size: 22px; line-height:60px; text-align: center; color: #fff; margin-right:1px; }
.nav_wrap ul .last { float: left; width: 320px; height: 60px; font-size: 22px; line-height:60px; text-align: center; color: #fff; margin-right:0px;}
.nav_wrap ul .facebook {background:#3a5795}

.underline_from_center { vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden;}
.underline_from_center:before { content: ""; position: absolute; z-index: -1; left: 50%; right: 50%; bottom: 0; background: #ff8800; height: 3px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.underline_from_center:hover:before, .hvr_underline_from_center:focus:before, .hvr_underline_from_center:active:before { left: 0; right: 0;}

.underline_from_center2 { vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden;}
.underline_from_center2:before { content: ""; position: absolute; z-index: -1; left: 50%; right: 50%; bottom: 0; background: #666; height: 3px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.underline_from_center2:hover:before, .hvr_underline_from_center2:focus:before, .hvr_underline_from_center2:active:before { left: 0; right: 0;}

.hvr-icon-forward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 0;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
}
.hvr-icon-forward:before {
  content: "\f105";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-forward:hover:before, .hvr-icon-forward:focus:before, .hvr-icon-forward:active:before {
  -webkit-transform: translateX(4px);
  transform: translateX(4px);
}

.content_wrap {position: relative; width: 960px; margin: 0 auto;}
.content_wrap .contnet { position:relative; display: block; padding:60px 0px 0px 0px;  height:auto;}

.content_wrap_wide {position: relative; width: 100%; margin: 0 auto;}

.section_wrap { position:relative; display: block; clear: both; width:960px; height:auto;}
.section_wrap p { position:relative; clear:both; font-family:"Nanum Gothic";}

.section_wrap2 { position:relative; display: block; clear: both; width:480px; height:auto;}
.section_wrap2 p { position:relative; clear:both; font-family:"Nanum Gothic";}

.section_wrap3 { position:relative; display: block; clear: both; width:480px; height:auto; margin-left: 480px;}
.section_wrap3 p { position:relative; clear:both; font-family:"Nanum Gothic";}

.section_txt_wrap { font-size: 16px; line-height:28px; padding: 0 0px 30px 0px; font-family:"Nanum Gothic"; }
.section_txt_wrap_c { font-size: 16px; line-height:28px; padding: 0 0px 30px 0px; font-family:"Nanum Gothic"; text-align: center;}

.section_txt2_wrap { font-size: 14px; line-height:24px; padding: 0 0 30px; font-family:"Nanum Gothic"; }
.section_txt2_wrap_c { font-size: 14px; line-height:24px; padding: 0 0 30px; font-family:"Nanum Gothic"; text-align: center;}

.section_img_wrap { padding-bottom: 30px;}
.section_img_wrap .caption { width: 920px; height: auto; background: #f2f2f2; font-size: 13px; line-height: 18px; color: #666; padding: 14px 20px;  font-family:"Nanum Gothic";}

.content_wrap .contnet_title { position:relative; width: 960px; margin:60px 0 0; height:auto; padding-bottom:60px; border-bottom: 1px solid #ddd;}
.content_wrap .contnet_title .title_wrap { position:relative; clear:both; font-family:"Nanum Gothic";  }
.content_wrap .contnet_title .title_wrap p { position:relative; clear:both; font-family:"Nanum Gothic"; }

.content_wrap .credit_title { position:relative; margin:0px 60px 60px 60px; height:100%; border-top: 1px solid #ddd; padding-top: 60px; font-family:"Nanum Gothic"; }
.content_wrap .credit_title .txt_wrap { font-szie: 14px; line-height:24px; padding-bottom: 30px; font-family:"Nanum Gothic";}
.content_wrap .credit_title dl { position:relative; display:block; width: 740px; min-height:20px;  line-height: 22px;}
.content_wrap .credit_title dl dt {  float: left; width: 10%; font-weight: 700; font-family:"Nanum Gothic";}
.content_wrap .credit_title dl dd {  float: left; width: 90%; font-family:"Nanum Gothic";}

.content_img_wrap { position:relative; width:100%; height:600px; margin:0 auto;}
.content_img_wrap .content_img { position:absolute; width:960px; z-index: 2; left: 50%; bottom:60px; margin-left:-480px; }
.content_img_wrap .content_img2 { position:absolute; width:960px; z-index: 2; left: 50%; top:120px; margin-left:-480px; }
.content_img_wrap .overlay { position: relative; width: 100%; height: 100%; z-index: 1;}

.content_col_wrap { position:relative; max-width:1440px; height:auto; margin:0 auto; }
.content_col_wrap .content_col { position:relative; width:960px; margin:0 auto; }

.content_tile_wrap { position:relative; width:auto; height:auto; margin:0 auto; }
.content_tile_960_wrap {position: relative; width: 960px; height:auto; margin: 0 auto;}

.content_tile { float:left; width:50%;}

.tile_txt_r {float:left; width:auto; height: auto;}
.tile_txt_l {float:right; width:auto; height: auto;}

.tile_txt_420r {float:left; width:420px; height: auto; padding: 60px 0px 0 60px;}
.tile_txt_420l {float:right; width:420px; height: auto; padding: 60px 60px 0 0px;}

.tile2_txt_360r {float:left; width:360px;  height: auto; padding: 60px 60px 0 60px;}
.tile2_txt_360l {float:right; width:360px; height: auto; padding: 60px 60px 0 60px;}

.tile_column_wrap { position:relative; clear: both; width:960px; height:auto; }
.tile_column_wrap .last { margin-right:0px;}

.tile_column_2 { position:relative; float: left; width:460px; height:auto; margin-right:40px;}
.tile_column_2 .img {width:460px; height:auto;}
.tile_column_2 .txt {display: block; font-size: 14px; line-height: 22px; font-family:"Nanum Gothic"; padding: 20px 0;}

.tile_column_3 { position:relative; float: left; width:300px; height:auto; margin-right:30px;}
.tile_column_3 .img {width:300px; height:auto;}
.tile_column_3 .txt {display: block; font-size: 14px; line-height: 22px; font-family:"Nanum Gothic"; padding: 20px 0;}

.tile_column_4 { position:relative; float: left; width:210px; height:auto; margin-right:40px;}
.tile_column_4 .img {width:210px; height:auto;}
.tile_column_4 .txt {display: block; font-size: 13px; line-height: 20px; font-family:"Nanum Gothic"; padding: 20px 0;}

.card_column_wrap { position:relative; clear: both; width:960px; height:auto;}
.card_column_wrap .last { margin-right:0px;}

.card_column_2 { position:relative; float: left; width:470px; height:auto; margin-right:20px;}
.card_column_2 .img {width:470px; height:auto;}
.card_column_2 .txt {display: block; font-size: 14px; line-height: 22px; font-family:"Nanum Gothic"; padding: 20px; border-right:1x; background: #f2f2f2;}
.card_column_2 .line {background: #fff; border-right: 1px solid #ddd; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd;}

.card_column_3 { position:relative; float: left; width:310px; height:auto; margin-right:15px;}
.card_column_3 .img {width:310px; height:auto;}
.card_column_3 .txt {display: block; font-size: 14px; line-height: 22px; font-family:"Nanum Gothic"; padding: 20px; border-right:1px; background: #f2f2f2;}
.card_column_3 .line {background: #fff; border-right: 1px solid #ddd; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd;}

.card_column_4 { position:relative; float: left; width:231px; height:auto; margin-right:12px;}
.card_column_4 .img {width:231px; height:auto;}
.card_column_4 .txt {display: block; font-size: 13px; line-height: 20px; font-family:"Nanum Gothic"; padding: 20px; border-right:1px; background: #f2f2f2;}
.card_column_4 .line {background: #fff; border-right: 1px solid #ddd; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd;}

.icon_column_2 { position:relative; float: left; width:480px; height:auto; margin: 30px 0 0 0;}
.icon_column_2 .txt { float: left; width: 360px; line-height: 34px; font-family:"Nanum Gothic"; padding: 12px 0px 0px 20px;}
.icon_column_2 .txt2 { float: left; width: 360px; line-height: 34px; font-family:"Nanum Gothic"; padding: 0px 0px 0px 20px;}
.icon_column_2 .icon { float: left;  width:80px; height:80px;}
.icon_column_2 .icon_01 { background:url(../images_goodbyewv/icon.gif); background-position:0px 0px;}
.icon_column_2 .icon_02 { background:url(../images_goodbyewv/icon.gif); background-position:-80px 0px;}
.icon_column_2 .icon_03 { background:url(../images_goodbyewv/icon.gif); background-position:-160px 0px;}
.icon_column_2 .icon_04 { background:url(../images_goodbyewv/icon.gif); background-position:-240px 0px;}
.icon_column_2 .icon_05 { background:url(../images_goodbyewv/icon.gif); background-position:-320px 0px;}
.icon_column_2 .icon_06 { background:url(../images_goodbyewv/icon.gif); background-position:-400px 0px;}
.icon_column_2 .icon_07 { background:url(../images_goodbyewv/icon.gif); background-position:-480px 0px;}
.icon_column_2 .icon_08 { background:url(../images_goodbyewv/icon.gif); background-position:-560px 0px;}
.icon_column_2 .icon_09 { background:url(../images_goodbyewv/icon.gif); background-position:-640px 0px;}
.icon_column_2 .icon_10 { background:url(../images_goodbyewv/icon.gif); background-position:-720px 0px;}
.icon_column_2 .icon_11 { background:url(../images_goodbyewv/icon.gif); background-position:-800px 0px;}
.icon_column_2 .icon_12 { background:url(../images_goodbyewv/icon.gif); background-position:-880px 0px;}
.icon_column_2 .icon_13 { background:url(../images_goodbyewv/icon.gif); background-position:-960px 0px;}
.icon_column_2 .icon_14 { background:url(../images_goodbyewv/icon.gif); background-position:-1040 0px;}
.icon_column_2 .icon_15 { background:url(../images_goodbyewv/icon.gif); background-position:-1120px 0px;}
.icon_column_2 .icon_16 { background:url(../images_goodbyewv/icon.gif); background-position:-1200px 0px;}
.icon_column_2 .icon_17 { background:url(../images_goodbyewv/icon.gif); background-position:-1280px 0px;}


/* Footer
-----------------------------------------------------------------------------*/
.board_campaign_foot {}

/* Buttons
-----------------------------------------------------------------------------*/
.btn_set {display:block; clear:both; width:300px; min-height: 50px; font-size:18px; text-align:center; font-weight:700;  line-height:50px;}
.btn_set_c {display:block; clear:both; margin:0 auto; width:300px; min-height: 50px; font-size:18px; text-align:center; font-weight:700;  line-height:50px;}

.btn_ff6600 {border: 3px #ff8800 solid; background: #ff8800; border-radius: 0px; color:#fff;}
.btn_line_fff {border: 3px #fff solid;  border-radius: 0px; color:#fff;}
.btn_line_ff6600 {border: 3px #ff6600 solid;  border-radius: 0px; color:#fff;}

.btn_ff6600_active:hover, .btn_ff6600_active:focus, .btn_ff6600_active:active {  color: #333; border:3px solid #ff8800;}
.btn_line_fff_active:hover, .btn_line_fff_active:focus, .btn_line_fff_active:active { background: #fff; color: #ff6600;}

.btn_effect {vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; overflow: hidden; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: color, background-color; transition-property: color, background-color;}


/* Factors
-----------------------------------------------------------------------------*/
h1 { font-size: 34px; line-height:40px; font-weight :600; margin-bottom:15px; font-family:"Nanum Gothic";}
h2 { font-size: 24px; line-height:30px; font-weight: 600; margin-bottom: 15px; font-family:"Nanum Gothic";}
h3 { font-size: 24px; line-height:30px; font-weight: 500; margin-bottom: 25px; font-family:"Nanum Gothic";}
h4 { font-size: 18px; line-height:26px; font-weight: 600; margin-bottom: 10px; font-family:"Nanum Gothic";}
h5 { font-size: 16px; line-height:24px; font-weight: 600; margin-bottom: 10px; font-family:"Nanum Gothic";}

.txt_family { font-family:"Nanum Gothic";}

.overflow_hidden {overflow: hidden;}
.overflow_visible {overflow: visible;}
.overflow_scroll {overflow: scroll;}

.border_b_ff6600 {border-bottom: 1px #ff6600 solid;}

.border2_l_ff6600 {border-left: 2px #ff6600 solid;}
.border2_l_333 {border-left: 2px #333 solid;}
.border2_l_fff {border-left: 2px #fff solid;}


.txt12 { font-size:12px; line-height:18px;}
.txt13 { font-size:13px; line-height:20px;}
.txt14 { font-size:14px; line-height:22px;}
.txt16 { font-size:16px; line-height:24px;}
.txt18 { font-size:18px; line-height:26px;}
.txt20 { font-size:20px; line-height:28px;}
.txt22 { font-size:22px; line-height:30px;}
.txt24 { font-size:24px; line-height:32px;}
.txt56 { font-size:56px; line-height:62px;}

.txt_w_400 { font-weight:400;}
.txt_w_500 { font-weight:500;}
.txt_w_600 { font-weight:600;}
.txt_w_700 { font-weight:700;}

.txt_al_l { text-align: left;}
.txt_al_r { text-align: right;}
.txt_al_c { text-align: center;}

.col_ff6600 { color:#ff6600;}
.col_ff7700 { color:#ff7700;}
.col_ff8800 { color:#ff8800;}
.col_fff { color:#fff;}
.col_000 { color:#000;}
.col_333 { color:#333;}
.col_666 { color:#666;}
.col_999 { color:#999;}
.col_ddd { color:#ddd;}

.bg_col_ff6600 { background:#ff6600;}
.bg_col_ff7700 { background:#ff7700;}
.bg_col_ff8800 { background:#ff8800;}
.bg_col_fff { background:#fff;}
.bg_col_f2f2f2 { background:#f2f2f2;}
.bg_col_aaa { background:#aaa;}
.bg_col_000 { background:#000;}
.bg_col_333 { background:#333;}
.bg_col_666 { background:#666;}
.bg_col_999 { background:#999;}
.bg_col_ddd { background:#ddd;}


.height_60 { height: 60px;}
.height_100 { height: 100px;}
.height_200 { height: 200px;}
.height_300 { height: 300px;}
.height_400 { height: 400px;}
.height_500 { height: 500px;}
.height_600 { height: 600px;}

.clear_both { clear: both;}
.display_block {display: block;}
.display_inline {display: inline;}
.display_inblock {display: inline-block;}

.max_width_960 {max-width:960px;}
.max_width_1020 {max-width:1020px;}
.max_width_1080 {max-width:1080px;}
.max_width_1140 {max-width:1140px;}
.max_width_1200 {max-width:1200px;}
.max_width_1260 {max-width:1260px;}
.max_width_1320 {max-width:1320px;}
.max_width_1380 {max-width:1380px;}
.max_width_1440 {max-width:1440px;}
.max_width_1500 {max-width:1500px;}

/*-- line_height --*/
.txt_line_20 { line-height: 20px;}
.txt_line_30 { line-height: 30px;}
.txt_line_40 { line-height: 40px;}
.txt_line_50 { line-height: 50px;}
.txt_line_60 { line-height: 60px;}

/*--position --*/
.position_a { position: absolute;}
.position_r { position: relative;}

/*-- link --*/
.link_pointer {cursor:pointer}
.link_underline { position: inherit;}
.link_underline:hover {color: #ff6600; text-decoration: underline;}
.link_underline_on {color: #ff6600; text-decoration: underline;}

.link_underline_invert { position: inherit;}
.link_underline_invert:hover {color: #fff; text-decoration: underline;}
.link_underline_invert_on {color: #fff; text-decoration: underline;}

.link_col_ff6600 { color: #ff6600;}
.link_col_ff6600:hover { color: #ff6600; text-decoration: underline;}

/*-- line --*/
.line_ddd {width: 100%; height:1px; background: #ddd;}

/*-- list_style --*/
.list_style_disc {list-style:disc inside;}
.list_style_circle {list-style:circle inside;}
.list_style_decimal {list-style:decimal inside;}


/*-- width--*/
.width_60 {width: 60px;}
.width_90 {width: 90px;}
.width_300 {width: 300px;}
.width_600 {width: 600px;}
.width_900 {width: 900px;}

.width_320 {width: 320px;}
.width_640 {width: 640px;}
.width_960 {width: 960px;}

/*-- height --*/
.height_810 {height: 810px;}

/*-- align --*/
.align_center { text-align: center;}
.align_left { text-align: left;}
.align_right { text-align: right;}

/*-- Margin_Padding --*/
.mg_pd_0 { margin:0; padding:0;}
.mg_0 { margin:0;}
.pd_0 { padding:0}
 
/*-- Padding --*/
.pd_2                   {padding:2px;}
.pd_3                   {padding:3px;}
.pd_4                   {padding:4px;}
.pd_5                   {padding:5px;}
.pd_8                   {padding:8px;}
.pd_10                  {padding:10px;}
.pd_15                  {padding:15px;}
.pd_18                  {padding:18px;}
.pd_20                  {padding:20px;}
.pd_30                  {padding:30px;}
.pd_40                  {padding:40px;}
.pd_50                  {padding:50px;}
.pd_60                  {padding:60px;}

/*-- Right --*/
.pd_r2                  {padding-right:2px;} 
.pd_r3                  {padding-right:3px;} 
.pd_r4                  {padding-right:4px;} 
.pd_r5                  {padding-right:5px;} 
.pd_r6                  {padding-right:6px;}
.pd_r7                  {padding-right:7px;}
.pd_r8                  {padding-right:8px;}
.pd_r10                 {padding-right:10px;}
.pd_r15                 {padding-right:15px;}
.pd_r17                 {padding-right:17px;}
.pd_r20                 {padding-right:20px;}
.pd_r19                 {padding-right:19px;}
.pd_r24                 {padding-right:24px;}
.pd_r25                 {padding-right:25px;}
.pd_r27                 {padding-right:27px;}
.pd_r30                 {padding-right:30px;}
.pd_r40                 {padding-right:40px;}
.pd_r50                 {padding-right:50px;}
.pd_r60                 {padding-right:60px;}

/*-- Left --*/
.pd_l2                  {padding-left:2px;}
.pd_l4                  {padding-left:4px;}
.pd_l5                  {padding-left:5px;}
.pd_l7                  {padding-left:7px;}
.pd_l8                  {padding-left:8px;}
.pd_l10                 {padding-left:10px;} 
.pd_l13                 {padding-left:13px;}
.pd_l14                 {padding-left:14px;}
.pd_l15                 {padding-left:15px;}
.pd_l16                 {padding-left:16px;}
.pd_l18                 {padding-left:18px;}
.pd_l20                 {padding-left:20px;}
.pd_l24                 {padding-left:24px;}
.pd_l25                 {padding-left:25px;}
.pd_l30                 {padding-left:30px;}
.pd_l40                 {padding-left:40px;}
.pd_l50                 {padding-left:50px;}
.pd_l60                 {padding-left:60px;}

/*-- Top --*/
.pd_t2                  {padding-top:2px;}
.pd_t3                  {padding-top:3px;}
.pd_t4                  {padding-top:4px;}
.pd_t5                  {padding-top:5px;}
.pd_t6                  {padding-top:6px;}
.pd_t7                  {padding-top:7px;}
.pd_t8                  {padding-top:8px;} 
.pd_t10                 {padding-top:10px;}
.pd_t12                 {padding-top:12px;}
.pd_t15                 {padding-top:15px;}
.pd_t19                 {padding-top:19px;}
.pd_t20                 {padding-top:20px;}
.pd_t22                 {padding-top:22px;} 
.pd_t25                 {padding-top:25px;}
.pd_t30                 {padding-top:30px;}
.pd_t40                 {padding-top:30px;}
.pd_t50                 {padding-top:50px;}
.pd_t60                 {padding-top:60px;}
.pd_t70                 {padding-top:70px;}
.pd_t80                 {padding-top:80px;}
.pd_t90                 {padding-top:90px;}
.pd_t210                {padding-top:210px;}

/*-- Bottom --*/
.pd_b2                  {padding-bottom:2px;}
.pd_b4                  {padding-bottom:4px;}
.pd_b5                  {padding-bottom:5px;}
.pd_b6                  {padding-bottom:6px;}
.pd_b8                  {padding-bottom:8px;}
.pd_b10                 {padding-bottom:10px;}
.pd_b12                 {padding-bottom:12px;}
.pd_b15                 {padding-bottom:15px;}
.pd_b18                 {padding-bottom:18px;}
.pd_b20                 {padding-bottom:20px;}
.pd_b22                 {padding-bottom:22px;}
.pd_b30                 {padding-bottom:30px;}
.pd_b40                 {padding-bottom:40px;}
.pd_b50                 {padding-bottom:50px;}
.pd_b60                 {padding-bottom:60px;}
.pd_b70                 {padding-bottom:70px;}


/*-- Margin --*/
.mg_2                   {margin:2px;}
.mg_3                   {margin:3px;}
.mg_4                   {margin:4px;}
.mg_5                   {margin:5px;}
.mg_8                   {margin:8px;}
.mg_10                  {margin:10px;}
.mg_15                  {margin:15px;}
.mg_18                  {margin:18px;}
.mg_20                  {margin:20px;}
.mg_30                  {margin:30px;}
.mg_40                  {margin:40px;}
.mg_50                  {margin:50px;}

/*-- Right --*/
.mg_r2                  {margin-right:2px;} 
.mg_r3                  {margin-right:3px;} 
.mg_r4                  {margin-right:4px;} 
.mg_r5                  {margin-right:5px;} 
.mg_r6                  {margin-right:6px;}
.mg_r7                  {margin-right:7px;}
.mg_r8                  {margin-right:8px;}
.mg_r10                 {margin-right:10px;}
.mg_r15                 {margin-right:15px;}
.mg_r17                 {margin-right:17px;}
.mg_r20                 {margin-right:20px;}
.mg_r19                 {margin-right:19px;}
.mg_r24                 {margin-right:24px;}
.mg_r25                 {margin-right:25px;}
.mg_r27                 {margin-right:27px;}
.mg_r30                 {margin-right:30px;}
.mg_r40                 {margin-right:40px;}
.mg_r50                 {margin-right:50px;}

/*-- Left --*/
.mg_l2                  {margin-left:2px;}
.mg_l4                  {margin-left:4px;}
.mg_l5                  {margin-left:5px;}
.mg_l7                  {margin-left:7px;}
.mg_l8                  {margin-left:8px;}
.mg_l10                 {margin-left:10px;} 
.mg_l13                 {margin-left:13px;}
.mg_l14                 {margin-left:14px;}
.mg_l15                 {margin-left:15px;}
.mg_l16                 {margin-left:16px;}
.mg_l18                 {margin-left:18px;}
.mg_l20                 {margin-left:20px;}
.mg_l24                 {margin-left:24px;}
.mg_l25                 {margin-left:25px;}
.mg_l30                 {margin-left:30px;}
.mg_l40                 {margin-left:40px;}
.mg_l50                 {margin-left:50px;}

/*-- Top --*/
.mg_t2                  {margin-top:2px;}
.mg_t3                  {margin-top:3px;}
.mg_t4                  {margin-top:4px;}
.mg_t5                  {margin-top:5px;}
.mg_t6                  {margin-top:6px;}
.mg_t7                  {margin-top:7px;}
.mg_t8                  {margin-top:8px;} 
.mg_t10                 {margin-top:10px;}
.mg_t12                 {margin-top:12px;}
.mg_t15                 {margin-top:15px;}
.mg_t19                 {margin-top:19px;}
.mg_t20                 {margin-top:20px;}
.mg_t22                 {margin-top:22px;} 
.mg_t25                 {margin-top:25px;}
.mg_t30                 {margin-top:30px;}
.mg_t40                 {margin-top:40px;}
.mg_t50                 {margin-top:50px;}
.mg_t60                 {margin-top:60px;}
.mg_t70                 {margin-top:70px;}
.mg_t80                 {margin-top:80px;}
.mg_t90                 {margin-top:90px;}

/*-- Bottom --*/
.mg_b2                  {margin-bottom:2px;}
.mg_b4                  {margin-bottom:4px;}
.mg_b5                  {margin-bottom:5px;}
.mg_b6                  {margin-bottom:6px;}
.mg_b8                  {margin-bottom:8px;}
.mg_b10                 {margin-bottom:10px;}
.mg_b12                 {margin-bottom:12px;}
.mg_b15                 {margin-bottom:15px;}
.mg_b18                 {margin-bottom:18px;}
.mg_b20                 {margin-bottom:20px;}
.mg_b22                 {margin-bottom:22px;}
.mg_b30                 {margin-bottom:30px;}
.mg_b40                 {margin-bottom:40px;}
.mg_b50                 {margin-bottom:50px;}
.mg_b60                 {margin-bottom:60px;}
.mg_b70                 {margin-bottom:70px;}